@traund/orquezta-widget-calculator 1.0.5 → 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 (17) hide show
  1. package/dist/index.js +1161 -968
  2. package/dist/index.js.map +1 -1
  3. package/dist/module.js +1083 -890
  4. package/dist/module.js.map +1 -1
  5. package/package.json +36 -31
  6. package/src/calculatorV2.js +816 -820
  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/firebase.config.js +1 -1
  14. package/src/index.js +37 -12
  15. package/src/model/enums.js +0 -1
  16. package/src/simulator.js +48 -34
  17. package/src/theme.js +99 -0
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);
@@ -2809,7 +2889,8 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
2809
2889
  beforeUnload = async ()=>{
2810
2890
  sessionStorage.removeItem("storeId");
2811
2891
  //if (db) db.clearPersistence();
2812
- 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);
2813
2894
  const db = firebase.firestore();
2814
2895
  return await db.collection("transactions").doc(`${this.state.storeId}`).delete();
2815
2896
  };
@@ -3547,64 +3628,60 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3547
3628
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
3548
3629
  rel: "stylesheet"
3549
3630
  }),
3550
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3551
- style: classes.root,
3552
- 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))), {
3553
3634
  container: true,
3554
3635
  direction: "column",
3555
3636
  spacing: 0,
3556
3637
  children: [
3557
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3558
- item: true,
3638
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3559
3639
  container: true,
3560
3640
  direction: "column",
3561
3641
  spacing: 0,
3562
3642
  children: [
3563
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3564
- item: true,
3565
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
3566
- 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,
3567
3646
  gutterBottom: true,
3568
3647
  variant: "subtitle1",
3569
3648
  component: "div",
3570
3649
  children: content.landing.send_content
3571
3650
  })
3572
3651
  }),
3573
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3574
- item: true,
3575
- xs: 12,
3652
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3653
+ size: {
3654
+ xs: 12
3655
+ },
3576
3656
  container: true,
3577
3657
  children: [
3578
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3579
- item: true,
3580
- xs: 8,
3581
- md: 9,
3582
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3583
- style: classes.inputAmount,
3584
- 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), {
3585
3666
  id: "send",
3586
- style: classes.inputAmountText,
3667
+ sx: classes.inputAmountText,
3587
3668
  required: true,
3588
3669
  value: sendValue,
3589
3670
  type: "number",
3590
3671
  disabled: loadingFrom || loadingTo,
3591
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
3672
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
3592
3673
  position: "start",
3593
- style: {
3674
+ sx: {
3594
3675
  marginTop: "0px"
3595
3676
  },
3596
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
3597
- children: [
3598
- " ",
3599
- loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreCircularProgress))), {
3600
- size: 18
3601
- }),
3602
- " "
3603
- ]
3677
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
3678
+ children: loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.CircularProgress), {
3679
+ size: 18
3680
+ })
3604
3681
  })
3605
3682
  }),
3606
- inputprops: {
3607
- inputProps: {
3683
+ slotProps: {
3684
+ input: {
3608
3685
  min: minFromValue,
3609
3686
  max: maxFromValue
3610
3687
  }
@@ -3613,30 +3690,29 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3613
3690
  })
3614
3691
  })
3615
3692
  }),
3616
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3617
- item: true,
3618
- xs: 4,
3619
- md: 3,
3620
- 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), {
3621
3699
  disabled: loadingTo || loadingFrom,
3622
3700
  options: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>{
3623
3701
  if (calculator && calculator[country.code] && calculator[country.code].active) return country;
3624
3702
  }),
3625
- // classes={{
3626
- // option: classes.option,
3627
- // }}
3628
- style: {
3703
+ sx: {
3629
3704
  fontSize: 14,
3630
3705
  "& > span": {
3631
3706
  marginRight: 10,
3632
3707
  fontSize: 18
3633
3708
  }
3634
3709
  },
3635
- filterOptions: this.filterOptions,
3636
3710
  value: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>country.code == fromCountryValue)[0],
3637
3711
  autoHighlight: true,
3638
3712
  getOptionLabel: (option)=>`${option.currency}`,
3639
- 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,
3640
3716
  children: [
3641
3717
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
3642
3718
  style: {
@@ -3646,26 +3722,27 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3646
3722
  code: option.code == "PE-USD" ? "PE" : option.code
3647
3723
  })
3648
3724
  }),
3649
- " ",
3650
3725
  option.currency
3651
3726
  ]
3652
3727
  }),
3653
3728
  disableClearable: true,
3654
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
3729
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
3655
3730
  variant: "outlined",
3656
- style: classes.rootFlags,
3657
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTextField))), {
3658
- style: {
3731
+ sx: classes.rootFlags,
3732
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.TextField), {
3733
+ sx: {
3659
3734
  fontSize: "15px"
3660
3735
  },
3661
3736
  ...params,
3662
3737
  variant: "standard",
3663
- InputProps: {
3664
- ...params.InputProps,
3665
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
3666
- code: this.state.fromCountryValue == "PE-USD" ? "PE" : this.state.fromCountryValue
3667
- }),
3668
- 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
+ }
3669
3746
  }
3670
3747
  })
3671
3748
  }),
@@ -3674,12 +3751,13 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3674
3751
  })
3675
3752
  ]
3676
3753
  }),
3677
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3678
- item: true,
3679
- xs: 12,
3754
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3755
+ size: {
3756
+ xs: 12
3757
+ },
3680
3758
  container: true,
3681
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreFormHelperText))), {
3682
- style: {
3759
+ children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.FormHelperText), {
3760
+ sx: {
3683
3761
  color: "red"
3684
3762
  },
3685
3763
  children: sendValue < minFromValue && content.landing.min_value.replace("minValue", minFromValue) || sendValue > maxFromValue && content.landing.max_value.replace("maxValue", maxFromValue)
@@ -3687,64 +3765,69 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3687
3765
  })
3688
3766
  ]
3689
3767
  }),
3690
- !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3691
- item: true,
3692
- xs: 12,
3768
+ !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3769
+ size: {
3770
+ xs: 12
3771
+ },
3693
3772
  container: true,
3694
3773
  direction: "column",
3695
3774
  children: [
3696
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3697
- item: true,
3698
- xs: 12,
3775
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3776
+ size: {
3777
+ xs: 12
3778
+ },
3699
3779
  container: true,
3700
3780
  spacing: 1,
3701
3781
  children: [
3702
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3703
- item: true,
3704
- xs: 1,
3705
- 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), {
3706
3787
  variant: "body2",
3707
3788
  color: "textSecondary"
3708
3789
  })
3709
3790
  }),
3710
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3711
- item: true,
3712
- xs: 3,
3713
- md: 4,
3714
- 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), {
3715
3797
  variant: "body2",
3716
3798
  color: "textSecondary",
3717
- style: {
3799
+ sx: {
3718
3800
  textAlign: "right"
3719
3801
  },
3720
3802
  children: traundFee
3721
3803
  })
3722
3804
  }),
3723
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3724
- item: true,
3725
- xs: 1,
3726
- 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), {
3727
3810
  variant: "body2",
3728
3811
  color: "textSecondary",
3729
3812
  children: fromCurrencyValue
3730
3813
  })
3731
3814
  }),
3732
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3733
- item: true,
3734
- xs: 1,
3735
- 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), {
3736
3820
  variant: "body2",
3737
3821
  color: "textSecondary",
3738
3822
  children: " "
3739
3823
  })
3740
3824
  }),
3741
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3742
- item: true,
3743
- xs: true,
3744
- 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), {
3745
3828
  variant: "body2",
3746
3829
  color: "textSecondary",
3747
- style: {
3830
+ sx: {
3748
3831
  fontWeight: "bold",
3749
3832
  textAlign: "left",
3750
3833
  marginLeft: "10px"
@@ -3754,58 +3837,62 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3754
3837
  })
3755
3838
  ]
3756
3839
  }),
3757
- this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3758
- item: true,
3759
- xs: 12,
3840
+ this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3841
+ size: {
3842
+ xs: 12
3843
+ },
3760
3844
  container: true,
3761
3845
  spacing: 1,
3762
3846
  children: [
3763
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3764
- item: true,
3765
- xs: 1,
3766
- 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), {
3767
3852
  variant: "body2",
3768
3853
  color: "textSecondary"
3769
3854
  })
3770
3855
  }),
3771
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3772
- item: true,
3773
- xs: 3,
3774
- md: 4,
3775
- 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), {
3776
3862
  variant: "body2",
3777
3863
  color: "textSecondary",
3778
- style: {
3864
+ sx: {
3779
3865
  textAlign: "right"
3780
3866
  },
3781
3867
  children: paypalFee
3782
3868
  })
3783
3869
  }),
3784
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3785
- item: true,
3786
- xs: 1,
3787
- 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), {
3788
3875
  variant: "body2",
3789
3876
  color: "textSecondary",
3790
3877
  children: fromCurrencyValue
3791
3878
  })
3792
3879
  }),
3793
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3794
- item: true,
3795
- xs: 1,
3796
- 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), {
3797
3885
  variant: "body2",
3798
3886
  color: "textSecondary",
3799
3887
  children: " "
3800
3888
  })
3801
3889
  }),
3802
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3803
- item: true,
3804
- xs: true,
3805
- 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), {
3806
3893
  variant: "body2",
3807
3894
  color: "textSecondary",
3808
- style: {
3895
+ sx: {
3809
3896
  fontWeight: "bold",
3810
3897
  textAlign: "left",
3811
3898
  marginLeft: "10px"
@@ -3815,58 +3902,62 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3815
3902
  })
3816
3903
  ]
3817
3904
  }),
3818
- this.state.isUsdt && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3819
- item: true,
3820
- xs: 12,
3905
+ this.state.isUsdt && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3906
+ size: {
3907
+ xs: 12
3908
+ },
3821
3909
  container: true,
3822
3910
  spacing: 1,
3823
3911
  children: [
3824
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3825
- item: true,
3826
- xs: 1,
3827
- 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), {
3828
3917
  variant: "body2",
3829
3918
  color: "textSecondary"
3830
3919
  })
3831
3920
  }),
3832
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3833
- item: true,
3834
- xs: 3,
3835
- md: 4,
3836
- 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), {
3837
3927
  variant: "body2",
3838
3928
  color: "textSecondary",
3839
- style: {
3929
+ sx: {
3840
3930
  textAlign: "right"
3841
3931
  },
3842
3932
  children: networkFee
3843
3933
  })
3844
3934
  }),
3845
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3846
- item: true,
3847
- xs: 1,
3848
- 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), {
3849
3940
  variant: "body2",
3850
3941
  color: "textSecondary",
3851
3942
  children: fromCurrencyValue
3852
3943
  })
3853
3944
  }),
3854
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3855
- item: true,
3856
- xs: 1,
3857
- 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), {
3858
3950
  variant: "body2",
3859
3951
  color: "textSecondary",
3860
3952
  children: " "
3861
3953
  })
3862
3954
  }),
3863
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3864
- item: true,
3865
- xs: true,
3866
- 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), {
3867
3958
  variant: "body2",
3868
3959
  color: "textSecondary",
3869
- style: {
3960
+ sx: {
3870
3961
  fontWeight: "bold",
3871
3962
  textAlign: "left",
3872
3963
  marginLeft: "10px"
@@ -3876,78 +3967,83 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3876
3967
  })
3877
3968
  ]
3878
3969
  }),
3879
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3880
- item: true,
3881
- xs: 10,
3882
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {
3883
- 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: {
3884
3976
  margin: 4
3885
3977
  }
3886
3978
  })
3887
3979
  }),
3888
3980
  taxSender > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
3889
3981
  children: [
3890
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3891
- item: true,
3892
- xs: 12,
3982
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
3983
+ size: {
3984
+ xs: 12
3985
+ },
3893
3986
  container: true,
3894
3987
  spacing: 1,
3895
3988
  children: [
3896
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3897
- item: true,
3898
- xs: 1,
3899
- 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), {
3900
3994
  variant: "subtitle2",
3901
3995
  color: "textPrimary",
3902
- style: {
3996
+ sx: {
3903
3997
  fontWeight: "bold",
3904
3998
  textAlign: "right"
3905
3999
  },
3906
4000
  children: "-"
3907
4001
  })
3908
4002
  }),
3909
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3910
- item: true,
3911
- xs: 3,
3912
- md: 4,
3913
- 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), {
3914
4009
  variant: "subtitle2",
3915
4010
  color: "textPrimary",
3916
- style: {
4011
+ sx: {
3917
4012
  fontWeight: "bold",
3918
4013
  textAlign: "right"
3919
4014
  },
3920
4015
  children: taxSender
3921
4016
  })
3922
4017
  }),
3923
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3924
- item: true,
3925
- xs: 1,
3926
- 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), {
3927
4023
  variant: "subtitle2",
3928
4024
  color: "textPrimary",
3929
- style: {
4025
+ sx: {
3930
4026
  fontWeight: "bold"
3931
4027
  },
3932
4028
  children: fromCurrencyValue
3933
4029
  })
3934
4030
  }),
3935
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3936
- item: true,
3937
- xs: 1,
3938
- 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), {
3939
4036
  variant: "subtitle2",
3940
4037
  color: "textPrimary",
3941
4038
  children: " "
3942
4039
  })
3943
4040
  }),
3944
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3945
- item: true,
3946
- xs: true,
3947
- 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), {
3948
4044
  variant: "subtitle2",
3949
4045
  color: "textPrimary",
3950
- style: {
4046
+ sx: {
3951
4047
  fontWeight: "bold",
3952
4048
  textAlign: "left",
3953
4049
  marginLeft: "10px"
@@ -3957,58 +4053,61 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
3957
4053
  })
3958
4054
  ]
3959
4055
  }),
3960
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3961
- item: true,
3962
- xs: 12,
4056
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4057
+ size: {
4058
+ xs: 12
4059
+ },
3963
4060
  container: true,
3964
4061
  spacing: 1,
3965
4062
  children: [
3966
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3967
- item: true,
3968
- xs: 1,
3969
- 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), {
3970
4068
  variant: "subtitle2",
3971
4069
  color: "textPrimary",
3972
- style: {
4070
+ sx: {
3973
4071
  fontWeight: "bold",
3974
4072
  textAlign: "right"
3975
4073
  },
3976
4074
  children: "="
3977
4075
  })
3978
4076
  }),
3979
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3980
- item: true,
3981
- xs: 3,
3982
- md: 4,
3983
- 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), {
3984
4083
  variant: "subtitle2",
3985
4084
  color: "textPrimary",
3986
- style: {
4085
+ sx: {
3987
4086
  fontWeight: "bold",
3988
4087
  textAlign: "right"
3989
4088
  },
3990
4089
  children: this.state.isUsdt ? convertValueCrypto : (+convertValue).toFixed(2)
3991
4090
  })
3992
4091
  }),
3993
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
3994
- item: true,
3995
- xs: 1,
3996
- 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), {
3997
4097
  variant: "subtitle2",
3998
4098
  color: "textPrimary",
3999
- style: {
4099
+ sx: {
4000
4100
  fontWeight: "bold"
4001
4101
  },
4002
4102
  children: this.state.isUsdt ? 'USD' : fromCurrencyValue
4003
4103
  })
4004
4104
  }),
4005
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4006
- item: true,
4007
- xs: true,
4008
- 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), {
4009
4108
  variant: "subtitle2",
4010
4109
  color: "textPrimary",
4011
- style: {
4110
+ sx: {
4012
4111
  fontWeight: "bold",
4013
4112
  textAlign: "left",
4014
4113
  marginLeft: "10px"
@@ -4016,13 +4115,12 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4016
4115
  children: content.calculator.receiver
4017
4116
  })
4018
4117
  }),
4019
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4020
- item: true,
4021
- xs: true,
4022
- 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), {
4023
4121
  variant: "subtitle2",
4024
4122
  color: "textPrimary",
4025
- style: {
4123
+ sx: {
4026
4124
  fontWeight: "bold",
4027
4125
  textAlign: "left",
4028
4126
  marginLeft: "10px"
@@ -4034,67 +4132,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4034
4132
  })
4035
4133
  ]
4036
4134
  }),
4037
- this.state.showTotalFees && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4038
- item: true,
4039
- xs: 12,
4135
+ this.state.showTotalFees && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4136
+ size: {
4137
+ xs: 12
4138
+ },
4040
4139
  container: true,
4041
4140
  spacing: 1,
4042
4141
  children: [
4043
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4044
- item: true,
4045
- xs: 1,
4046
- 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), {
4047
4147
  variant: "subtitle2",
4048
4148
  color: "textPrimary",
4049
- style: {
4149
+ sx: {
4050
4150
  fontWeight: "bold",
4051
4151
  textAlign: "right"
4052
4152
  },
4053
4153
  children: "-"
4054
4154
  })
4055
4155
  }),
4056
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4057
- item: true,
4058
- xs: 3,
4059
- md: 4,
4060
- 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), {
4061
4162
  variant: "subtitle2",
4062
4163
  color: "textPrimary",
4063
- style: {
4164
+ sx: {
4064
4165
  fontWeight: "bold",
4065
4166
  textAlign: "right"
4066
4167
  },
4067
4168
  children: totalFees
4068
4169
  })
4069
4170
  }),
4070
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4071
- item: true,
4072
- xs: 1,
4073
- 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), {
4074
4176
  variant: "subtitle2",
4075
4177
  color: "textPrimary",
4076
- style: {
4178
+ sx: {
4077
4179
  fontWeight: "bold"
4078
4180
  },
4079
4181
  children: fromCurrencyValue
4080
4182
  })
4081
4183
  }),
4082
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4083
- item: true,
4084
- xs: 1,
4085
- 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), {
4086
4189
  variant: "body2",
4087
4190
  color: "textSecondary",
4088
4191
  children: " "
4089
4192
  })
4090
4193
  }),
4091
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4092
- item: true,
4093
- xs: true,
4094
- 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), {
4095
4197
  variant: "subtitle2",
4096
4198
  color: "textPrimary",
4097
- style: {
4199
+ sx: {
4098
4200
  fontWeight: "bold",
4099
4201
  textAlign: "left",
4100
4202
  marginLeft: "10px"
@@ -4104,67 +4206,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4104
4206
  })
4105
4207
  ]
4106
4208
  }),
4107
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4108
- item: true,
4109
- xs: 12,
4209
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4210
+ size: {
4211
+ xs: 12
4212
+ },
4110
4213
  container: true,
4111
4214
  spacing: 1,
4112
4215
  children: [
4113
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4114
- item: true,
4115
- xs: 1,
4116
- 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), {
4117
4221
  variant: "subtitle2",
4118
4222
  color: "textPrimary",
4119
- style: {
4223
+ sx: {
4120
4224
  fontWeight: "bold",
4121
4225
  textAlign: "right"
4122
4226
  },
4123
4227
  children: this.state.exchangeRateLabel
4124
4228
  })
4125
4229
  }),
4126
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4127
- item: true,
4128
- xs: 3,
4129
- md: 4,
4130
- 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), {
4131
4236
  variant: "subtitle2",
4132
4237
  color: "textPrimary",
4133
- style: {
4238
+ sx: {
4134
4239
  fontWeight: "bold",
4135
4240
  textAlign: "right"
4136
4241
  },
4137
4242
  children: exchangeRate
4138
4243
  })
4139
4244
  }),
4140
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4141
- item: true,
4142
- xs: 1,
4143
- 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), {
4144
4250
  variant: "subtitle2",
4145
4251
  color: "textPrimary",
4146
- style: {
4252
+ sx: {
4147
4253
  fontWeight: "bold"
4148
4254
  },
4149
4255
  children: this.state.isUsdt ? 'USDT' : toCurrencyValue
4150
4256
  })
4151
4257
  }),
4152
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4153
- item: true,
4154
- xs: 1,
4155
- 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), {
4156
4263
  variant: "body2",
4157
4264
  color: "textSecondary",
4158
4265
  children: " "
4159
4266
  })
4160
4267
  }),
4161
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4162
- item: true,
4163
- xs: true,
4164
- 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), {
4165
4271
  variant: "subtitle2",
4166
4272
  color: "textPrimary",
4167
- style: {
4273
+ sx: {
4168
4274
  fontWeight: "bold",
4169
4275
  textAlign: "left",
4170
4276
  marginLeft: "10px"
@@ -4174,67 +4280,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4174
4280
  })
4175
4281
  ]
4176
4282
  }),
4177
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4178
- item: true,
4179
- xs: 12,
4283
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4284
+ size: {
4285
+ xs: 12
4286
+ },
4180
4287
  container: true,
4181
4288
  spacing: 1,
4182
4289
  children: [
4183
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4184
- item: true,
4185
- xs: 1,
4186
- 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), {
4187
4295
  variant: "subtitle2",
4188
4296
  color: "textPrimary",
4189
- style: {
4297
+ sx: {
4190
4298
  fontWeight: "bold",
4191
4299
  textAlign: "right"
4192
4300
  },
4193
4301
  children: "="
4194
4302
  })
4195
4303
  }),
4196
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4197
- item: true,
4198
- xs: 3,
4199
- md: 4,
4200
- 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), {
4201
4310
  variant: "subtitle2",
4202
4311
  color: "textPrimary",
4203
- style: {
4312
+ sx: {
4204
4313
  fontWeight: "bold",
4205
4314
  textAlign: "right"
4206
4315
  },
4207
4316
  children: this.state.isUsdt ? convertValueCrypto : (+receivedValue + taxReceiver).toFixed(2)
4208
4317
  })
4209
4318
  }),
4210
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4211
- item: true,
4212
- xs: 1,
4213
- 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), {
4214
4324
  variant: "subtitle2",
4215
4325
  color: "textPrimary",
4216
- style: {
4326
+ sx: {
4217
4327
  fontWeight: "bold"
4218
4328
  },
4219
4329
  children: this.state.isUsdt ? 'USD' : toCurrencyValue
4220
4330
  })
4221
4331
  }),
4222
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4223
- item: true,
4224
- xs: 1,
4225
- 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), {
4226
4337
  variant: "body2",
4227
4338
  color: "textSecondary",
4228
4339
  children: " "
4229
4340
  })
4230
4341
  }),
4231
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4232
- item: true,
4233
- xs: true,
4234
- 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), {
4235
4345
  variant: "subtitle2",
4236
4346
  color: "textPrimary",
4237
- style: {
4347
+ sx: {
4238
4348
  fontWeight: "bold",
4239
4349
  textAlign: "left",
4240
4350
  marginLeft: "10px"
@@ -4244,67 +4354,71 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4244
4354
  })
4245
4355
  ]
4246
4356
  }),
4247
- taxReceiver > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4248
- item: true,
4249
- xs: 12,
4357
+ taxReceiver > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4358
+ size: {
4359
+ xs: 12
4360
+ },
4250
4361
  container: true,
4251
4362
  spacing: 1,
4252
4363
  children: [
4253
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4254
- item: true,
4255
- xs: 1,
4256
- 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), {
4257
4369
  variant: "subtitle2",
4258
4370
  color: "textPrimary",
4259
- style: {
4371
+ sx: {
4260
4372
  fontWeight: "bold",
4261
4373
  textAlign: "right"
4262
4374
  },
4263
4375
  children: "-"
4264
4376
  })
4265
4377
  }),
4266
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4267
- item: true,
4268
- xs: 3,
4269
- md: 4,
4270
- 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), {
4271
4384
  variant: "subtitle2",
4272
4385
  color: "textPrimary",
4273
- style: {
4386
+ sx: {
4274
4387
  fontWeight: "bold",
4275
4388
  textAlign: "right"
4276
4389
  },
4277
4390
  children: (+taxReceiver).toFixed(2)
4278
4391
  })
4279
4392
  }),
4280
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4281
- item: true,
4282
- xs: 1,
4283
- 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), {
4284
4398
  variant: "subtitle2",
4285
4399
  color: "textPrimary",
4286
- style: {
4400
+ sx: {
4287
4401
  fontWeight: "bold"
4288
4402
  },
4289
4403
  children: toCurrencyValue
4290
4404
  })
4291
4405
  }),
4292
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4293
- item: true,
4294
- xs: 1,
4295
- 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), {
4296
4411
  variant: "body2",
4297
4412
  color: "textSecondary",
4298
4413
  children: " "
4299
4414
  })
4300
4415
  }),
4301
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4302
- item: true,
4303
- xs: true,
4304
- 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), {
4305
4419
  variant: "subtitle2",
4306
4420
  color: "textPrimary",
4307
- style: {
4421
+ sx: {
4308
4422
  fontWeight: "bold",
4309
4423
  textAlign: "left",
4310
4424
  marginLeft: "10px"
@@ -4317,62 +4431,52 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4317
4431
  ]
4318
4432
  }),
4319
4433
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4320
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4321
- item: true,
4434
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4322
4435
  container: true,
4323
4436
  direction: "column",
4324
4437
  spacing: 0,
4325
- style: {
4326
- marginTop: "20px"
4327
- },
4328
4438
  children: [
4329
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4330
- item: true,
4331
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4332
- 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,
4333
4442
  gutterBottom: true,
4334
4443
  variant: "subtitle1",
4335
4444
  component: "div",
4336
4445
  children: content.landing.receiver_content
4337
4446
  })
4338
4447
  }),
4339
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4340
- item: true,
4341
- xs: 12,
4448
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4449
+ size: {
4450
+ xs: 12
4451
+ },
4342
4452
  container: true,
4343
4453
  children: [
4344
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4345
- item: true,
4346
- xs: 8,
4347
- md: 9,
4348
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4349
- style: classes.inputAmount,
4350
- 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), {
4351
4462
  id: "receiver",
4352
- style: classes.inputAmountText,
4463
+ sx: classes.inputAmountText,
4353
4464
  type: "number",
4354
4465
  required: true,
4355
4466
  value: receivedValue,
4356
4467
  disabled: true,
4357
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
4468
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
4358
4469
  position: "start",
4359
- style: {
4360
- marginTop: "0px"
4361
- },
4362
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
4363
- children: [
4364
- " ",
4365
- loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreCircularProgress))), {
4366
- size: 18
4367
- }),
4368
- " "
4369
- ]
4470
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4471
+ children: loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.CircularProgress), {
4472
+ size: 18
4473
+ })
4370
4474
  })
4371
4475
  }),
4372
- endAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
4476
+ endAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
4373
4477
  position: "end",
4374
4478
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4375
- style: {
4479
+ sx: {
4376
4480
  fontSize: "10px",
4377
4481
  fontWeight: "500",
4378
4482
  paddingTop: "15px",
@@ -4381,8 +4485,8 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4381
4485
  children: toCountryValue == "AR" && paymentMethods.length && paymentMethods[0].isWallet && !loadingTo && !loadingFrom ? `(${paymentMethods[0].amount} ARS)` : ''
4382
4486
  })
4383
4487
  }),
4384
- inputprops: {
4385
- inputProps: {
4488
+ slotProps: {
4489
+ input: {
4386
4490
  min: minFromValue,
4387
4491
  max: maxFromValue
4388
4492
  }
@@ -4391,31 +4495,30 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4391
4495
  })
4392
4496
  })
4393
4497
  }),
4394
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4395
- item: true,
4396
- xs: 4,
4397
- md: 3,
4398
- 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), {
4399
4504
  disabled: loadingTo || loadingFrom,
4400
4505
  options: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>{
4401
4506
  if (calculator && calculator[fromCountryValue] && calculator[fromCountryValue].active && calculator[fromCountryValue].countryTo[country.code] && calculator[fromCountryValue].countryTo[country.code].active) return country;
4402
4507
  }),
4403
- // classes={{
4404
- // option: classes.option,
4405
- // }}
4406
- style: {
4508
+ sx: {
4407
4509
  fontSize: 14,
4408
4510
  "& > span": {
4409
4511
  marginRight: 10,
4410
4512
  fontSize: 18
4411
4513
  }
4412
4514
  },
4413
- filterOptions: this.filterOptions,
4414
4515
  disableClearable: true,
4415
4516
  value: (0, $238b5c7df6f88375$export$e5ad74579c86b003).filter((country)=>country.code == toCountryValue)[0],
4416
4517
  autoHighlight: true,
4417
4518
  getOptionLabel: (option)=>`${option.currency}`,
4418
- 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,
4419
4522
  children: [
4420
4523
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
4421
4524
  style: {
@@ -4428,18 +4531,20 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4428
4531
  option.currency
4429
4532
  ]
4430
4533
  }),
4431
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4534
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
4432
4535
  variant: "outlined",
4433
- style: classes.rootFlags,
4434
- 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), {
4435
4538
  ...params,
4436
4539
  variant: "standard",
4437
- InputProps: {
4438
- ...params.InputProps,
4439
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
4440
- code: this.state.toCountryValue == "PE-USD" ? "PE" : this.state.toCountryValue
4441
- }),
4442
- 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
+ }
4443
4548
  }
4444
4549
  })
4445
4550
  }),
@@ -4448,44 +4553,47 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4448
4553
  })
4449
4554
  ]
4450
4555
  }),
4451
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4452
- item: true,
4453
- xs: 12,
4556
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4557
+ size: {
4558
+ xs: 12
4559
+ },
4454
4560
  container: true,
4455
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4456
- item: true,
4457
- xs: 12,
4458
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreFormHelperText))), {
4459
- 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: {
4460
4567
  color: "red"
4461
4568
  },
4462
4569
  children: receivedValue < minToValue && content.landing.min_value.replace("minValue", minToValue) || receivedValue > maxToValue && content.landing.max_value.replace("maxValue", maxToValue)
4463
4570
  })
4464
4571
  })
4465
4572
  }),
4466
- (toCountryValue == "VE" || toCountryValue == "AR") && paymentMethods && !loadingTo && !loadingFrom && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4467
- item: true,
4468
- xs: 12,
4469
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreNativeSelect))), {
4470
- id: "demo-customized-select-native",
4471
- value: "Banks",
4472
- onChange: this.changeBank,
4473
- children: paymentMethods && paymentMethods.map((payment, index)=>{
4474
- if (payment.id == "trc20") return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
4475
- value: payment.id,
4476
- children: [
4477
- "Tron TRC20 (",
4478
- payment.currency,
4479
- ")"
4480
- ]
4481
- }, payment.name + index);
4482
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("option", {
4483
- value: payment.id,
4484
- children: [
4485
- payment.label,
4486
- " "
4487
- ]
4488
- }, 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
+ })
4489
4597
  })
4490
4598
  })
4491
4599
  })
@@ -4494,14 +4602,12 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4494
4602
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4495
4603
  !onlySimulation && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
4496
4604
  children: [
4497
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4498
- item: true,
4605
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4499
4606
  container: true,
4500
4607
  direction: "column",
4501
4608
  spacing: 0,
4502
4609
  children: [
4503
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4504
- item: true,
4610
+ this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4505
4611
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("p", {
4506
4612
  style: {
4507
4613
  textAlign: "center"
@@ -4509,31 +4615,29 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4509
4615
  children: content.calculator.plus.replace("amount", plus).replace("currency", this.state.isUsdt ? 'USDT' : toCurrencyValue)
4510
4616
  })
4511
4617
  }),
4512
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4513
- item: true,
4514
- style: {
4515
- marginTop: "15px"
4516
- },
4517
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4518
- 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,
4519
4621
  gutterBottom: true,
4520
4622
  variant: "subtitle1",
4521
4623
  component: "div",
4522
4624
  children: content.landing.coupon_content
4523
4625
  })
4524
4626
  }),
4525
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4526
- item: true,
4527
- xs: 12,
4627
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4628
+ size: {
4629
+ xs: 12
4630
+ },
4528
4631
  container: true,
4529
4632
  children: [
4530
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4531
- item: true,
4532
- xs: 5,
4533
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
4534
- style: classes.inputCoupon,
4535
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
4536
- 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,
4537
4641
  value: couponValue,
4538
4642
  disabled: loadingFrom || loadingTo,
4539
4643
  type: "text",
@@ -4541,19 +4645,20 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4541
4645
  })
4542
4646
  })
4543
4647
  }),
4544
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4545
- item: true,
4546
- xs: 2,
4547
- 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: {
4548
4653
  paddingLeft: "3px"
4549
4654
  },
4550
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTooltip))), {
4655
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Tooltip), {
4551
4656
  title: content.calculator.remove_coupon,
4552
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreButton))), {
4553
- style: classes.buttonRemoveCoupon,
4657
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
4658
+ sx: classes.buttonRemoveCoupon,
4554
4659
  onClick: this.removeCoupon,
4555
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuiiconsHighlightOffOutlined))), {
4556
- style: {
4660
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muiiconsmaterial.HighlightOffOutlined), {
4661
+ sx: {
4557
4662
  color: "white"
4558
4663
  }
4559
4664
  })
@@ -4562,15 +4667,15 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4562
4667
  })
4563
4668
  ]
4564
4669
  }),
4565
- !this.state.hasValidCoupon && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4566
- item: true,
4567
- xs: 12,
4568
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4569
- 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: {
4570
4676
  color: "red",
4571
4677
  textAlign: "center",
4572
- maxWidth: "100%",
4573
- paddingTop: "10px"
4678
+ maxWidth: "100%"
4574
4679
  },
4575
4680
  children: this.state.countryError.hasErrors ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
4576
4681
  children: [
@@ -4585,20 +4690,21 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4585
4690
  ]
4586
4691
  }),
4587
4692
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
4588
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4589
- item: true,
4590
- xs: 12,
4591
- style: {
4693
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4694
+ size: {
4695
+ xs: 12
4696
+ },
4697
+ sx: {
4592
4698
  marginTop: "20px",
4593
4699
  marginBottom: "10px"
4594
4700
  },
4595
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreButton))), {
4596
- style: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4701
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
4702
+ sx: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4597
4703
  variant: "contained",
4598
4704
  disabled: startDisabled,
4599
4705
  onClick: this.handleSubmitForm,
4600
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4601
- style: classes.textButtonStart,
4706
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
4707
+ sx: classes.textButtonStart,
4602
4708
  children: content.landing.button_start
4603
4709
  })
4604
4710
  })
@@ -4606,21 +4712,23 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4606
4712
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {})
4607
4713
  ]
4608
4714
  }),
4609
- recalculate && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4610
- item: true,
4611
- xs: 12,
4612
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4613
- 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,
4614
4721
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
4615
4722
  locale: locale
4616
4723
  })
4617
4724
  })
4618
4725
  }),
4619
- this.state.hasError && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4620
- item: true,
4621
- xs: 12,
4622
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4623
- 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: {
4624
4732
  color: "red",
4625
4733
  textAlign: "center",
4626
4734
  maxWidth: "100%",
@@ -4629,25 +4737,27 @@ class $c530beedeaeedc25$var$Calculator extends (0, $gXNCa$react.Component) {
4629
4737
  children: content.error_general
4630
4738
  })
4631
4739
  }),
4632
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4633
- item: true,
4634
- xs: 12,
4635
- style: {
4740
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4741
+ size: {
4742
+ xs: 12
4743
+ },
4744
+ sx: {
4636
4745
  marginTop: "45px"
4637
4746
  },
4638
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {})
4747
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
4639
4748
  }),
4640
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
4641
- item: true,
4642
- xs: 12,
4749
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
4750
+ size: {
4751
+ xs: 12
4752
+ },
4643
4753
  container: true,
4644
4754
  direction: "row",
4645
4755
  justifyContent: "center",
4646
4756
  alignItems: "center",
4647
- style: {
4757
+ sx: {
4648
4758
  paddingBottom: "10px"
4649
4759
  },
4650
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
4760
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
4651
4761
  variant: "subtitle1",
4652
4762
  children: [
4653
4763
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
@@ -4686,9 +4796,6 @@ var $c530beedeaeedc25$export$2e2bcd8739ae039 = $c530beedeaeedc25$var$Calculator;
4686
4796
 
4687
4797
 
4688
4798
 
4689
-
4690
-
4691
-
4692
4799
  const $ee1f0011b010ab9b$export$1b5eb083c754a86b = Object.freeze({
4693
4800
  COUNTRY: "country",
4694
4801
  WALLET: "wallet",
@@ -5509,13 +5616,6 @@ var $c0c7909cfff012a2$export$2e2bcd8739ae039 = $c0c7909cfff012a2$var$OperationsH
5509
5616
 
5510
5617
 
5511
5618
 
5512
-
5513
-
5514
-
5515
-
5516
-
5517
-
5518
-
5519
5619
  const $57d5e789e3634b87$var$componentStyles = {
5520
5620
  root: {
5521
5621
  fontFamily: "Poppins",
@@ -5657,15 +5757,16 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5657
5757
  "wallet-receiver": content.common.receiver.wallet_action
5658
5758
  };
5659
5759
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactjsxruntime.Fragment), {
5660
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5760
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5661
5761
  container: true,
5662
5762
  direction: "column",
5663
5763
  spacing: 0,
5664
5764
  children: [
5665
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5666
- item: true,
5667
- xs: 12,
5668
- 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), {
5669
5770
  style: classes.labelAmount,
5670
5771
  gutterBottom: true,
5671
5772
  variant: "subtitle1",
@@ -5673,25 +5774,27 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5673
5774
  children: labels[id]
5674
5775
  })
5675
5776
  }),
5676
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5677
- item: true,
5678
- xs: 12,
5679
- 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))), {
5680
5782
  container: true,
5681
5783
  children: [
5682
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5683
- item: true,
5684
- xs: 5,
5685
- 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), {
5686
5789
  style: classes.inputAmount,
5687
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputBase))), {
5790
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputBase), {
5688
5791
  id: id,
5689
5792
  style: classes.inputAmountText,
5690
5793
  required: true,
5691
5794
  value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5692
5795
  type: "number",
5693
5796
  disabled: user.isLoading || user.isDisabled || disabled,
5694
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreInputAdornment))), {
5797
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.InputAdornment), {
5695
5798
  position: "start",
5696
5799
  style: {
5697
5800
  marginTop: "0px"
@@ -5699,7 +5802,7 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5699
5802
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
5700
5803
  children: [
5701
5804
  " ",
5702
- 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), {
5703
5806
  size: 18
5704
5807
  }),
5705
5808
  " "
@@ -5716,10 +5819,11 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5716
5819
  })
5717
5820
  })
5718
5821
  }),
5719
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5720
- item: true,
5721
- xs: 7,
5722
- 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), {
5723
5827
  disabled: user.isLoading || user.isDisabled,
5724
5828
  options: transferOptions,
5725
5829
  style: {
@@ -5730,29 +5834,42 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5730
5834
  fontSize: 18
5731
5835
  }
5732
5836
  },
5733
- filterOptions: $25bc95a5aba76853$var$filterOptions,
5734
- 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,
5735
5839
  autoHighlight: true,
5736
- getOptionLabel: (option)=>`${option?.currency || ""}`,
5737
- 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,
5738
5855
  children: [
5739
5856
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5740
5857
  style: {
5741
5858
  marginRight: "5px"
5742
5859
  },
5743
5860
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5744
- code: option.code == "PE-USD" ? "PE" : option.code
5861
+ code: flagCode
5745
5862
  })
5746
5863
  }),
5747
- " ",
5748
- option?.currency || ""
5864
+ currency
5749
5865
  ]
5750
- }),
5866
+ }, `${code}-${currency}`);
5867
+ },
5751
5868
  disableClearable: true,
5752
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
5869
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
5753
5870
  variant: "outlined",
5754
5871
  style: classes.rootFlags,
5755
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreTextField))), {
5872
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.TextField), {
5756
5873
  style: {
5757
5874
  fontSize: "15px"
5758
5875
  },
@@ -5767,16 +5884,17 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5767
5884
  }
5768
5885
  })
5769
5886
  }),
5770
- onChange: onChangeCountry
5887
+ onChange: (event, value)=>onChangeCountry && onChangeCountry(event, value)
5771
5888
  })
5772
5889
  })
5773
5890
  ]
5774
5891
  })
5775
5892
  }),
5776
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
5777
- item: true,
5778
- xs: 12,
5779
- 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), {
5780
5898
  style: {
5781
5899
  color: "red"
5782
5900
  },
@@ -5795,6 +5913,7 @@ var $25bc95a5aba76853$export$2e2bcd8739ae039 = $25bc95a5aba76853$var$InputAmount
5795
5913
 
5796
5914
 
5797
5915
 
5916
+
5798
5917
  const $e09238e49cf44303$var$Fees = (props)=>{
5799
5918
  const { content: content, details: details, simulatorMode: simulatorMode, walletName: walletName = "", locale: locale } = props;
5800
5919
  const [isUSDTReceiver, setIsUSDTReceiver] = (0, $gXNCa$react.useState)(false);
@@ -5803,39 +5922,42 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5803
5922
  }, [
5804
5923
  details
5805
5924
  ]);
5806
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
5925
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5807
5926
  container: true,
5808
5927
  direction: "column",
5809
5928
  spacing: 0,
5810
- style: {
5929
+ sx: {
5811
5930
  marginBottom: 15
5812
5931
  },
5813
5932
  children: [
5814
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5815
- item: true,
5816
- xs: 12,
5817
- style: {
5933
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5934
+ size: {
5935
+ xs: 12
5936
+ },
5937
+ sx: {
5818
5938
  display: "contents"
5819
5939
  },
5820
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
5940
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5821
5941
  container: true,
5822
5942
  spacing: 1,
5823
5943
  children: [
5824
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5825
- item: true,
5826
- xs: 1,
5827
- 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), {
5828
5949
  variant: "body2",
5829
5950
  color: "textSecondary"
5830
5951
  })
5831
5952
  }),
5832
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5833
- item: true,
5834
- md: 4,
5835
- 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), {
5836
5958
  variant: "body2",
5837
5959
  color: "textSecondary",
5838
- style: {
5960
+ sx: {
5839
5961
  textAlign: "right"
5840
5962
  },
5841
5963
  children: [
@@ -5844,31 +5966,34 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5844
5966
  ]
5845
5967
  })
5846
5968
  }),
5847
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5848
- item: true,
5849
- xs: 1,
5850
- 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), {
5851
5974
  variant: "body2",
5852
5975
  color: "textSecondary",
5853
5976
  children: details.currency
5854
5977
  })
5855
5978
  }),
5856
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5857
- item: true,
5858
- xs: 1,
5859
- 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), {
5860
5984
  variant: "body2",
5861
5985
  color: "textSecondary",
5862
5986
  children: " "
5863
5987
  })
5864
5988
  }),
5865
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5866
- item: true,
5867
- xs: 5,
5868
- 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), {
5869
5994
  variant: "body2",
5870
5995
  color: "textSecondary",
5871
- style: {
5996
+ sx: {
5872
5997
  fontWeight: "bold",
5873
5998
  textAlign: "left",
5874
5999
  marginLeft: "10px"
@@ -5879,61 +6004,67 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5879
6004
  ]
5880
6005
  })
5881
6006
  }),
5882
- walletName?.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5883
- item: true,
5884
- xs: 12,
5885
- style: {
6007
+ walletName?.length > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6008
+ size: {
6009
+ xs: 12
6010
+ },
6011
+ sx: {
5886
6012
  display: "contents"
5887
6013
  },
5888
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6014
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5889
6015
  container: true,
5890
6016
  spacing: 1,
5891
6017
  children: [
5892
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5893
- item: true,
5894
- xs: 1,
5895
- 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), {
5896
6023
  variant: "body2",
5897
6024
  color: "textSecondary"
5898
6025
  })
5899
6026
  }),
5900
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5901
- item: true,
5902
- md: 4,
5903
- 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), {
5904
6032
  variant: "body2",
5905
6033
  color: "textSecondary",
5906
- style: {
6034
+ sx: {
5907
6035
  textAlign: "right"
5908
6036
  },
5909
6037
  children: (details.fees.payoneer || details.fees.wise || details.fees.deel || details.fees.ontop || 0).toFixed(2)
5910
6038
  })
5911
6039
  }),
5912
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5913
- item: true,
5914
- xs: 1,
5915
- 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), {
5916
6045
  variant: "body2",
5917
6046
  color: "textSecondary",
5918
6047
  children: details.currency
5919
6048
  })
5920
6049
  }),
5921
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5922
- item: true,
5923
- xs: 1,
5924
- 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), {
5925
6055
  variant: "body2",
5926
6056
  color: "textSecondary",
5927
6057
  children: " "
5928
6058
  })
5929
6059
  }),
5930
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5931
- item: true,
5932
- xs: 5,
5933
- 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), {
5934
6065
  variant: "body2",
5935
6066
  color: "textSecondary",
5936
- style: {
6067
+ sx: {
5937
6068
  fontWeight: "bold",
5938
6069
  textAlign: "left",
5939
6070
  marginLeft: "10px"
@@ -5945,7 +6076,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5945
6076
  " ",
5946
6077
  walletName[0],
5947
6078
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5948
- style: {
6079
+ sx: {
5949
6080
  textTransform: 'lowercase'
5950
6081
  },
5951
6082
  children: walletName.slice(1)
@@ -5956,7 +6087,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5956
6087
  children: [
5957
6088
  walletName[0],
5958
6089
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5959
- style: {
6090
+ sx: {
5960
6091
  textTransform: 'lowercase'
5961
6092
  },
5962
6093
  children: walletName.slice(1)
@@ -5971,79 +6102,86 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5971
6102
  ]
5972
6103
  })
5973
6104
  }),
5974
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5975
- item: true,
5976
- xs: 12,
5977
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {
5978
- 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: {
5979
6111
  margin: 4
5980
6112
  }
5981
6113
  })
5982
6114
  }),
5983
- details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5984
- item: true,
5985
- xs: 12,
5986
- style: {
6115
+ details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6116
+ size: {
6117
+ xs: 12
6118
+ },
6119
+ sx: {
5987
6120
  display: "contents"
5988
6121
  },
5989
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6122
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5990
6123
  container: true,
5991
6124
  spacing: 1,
5992
6125
  children: [
5993
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
5994
- item: true,
5995
- xs: 1,
5996
- 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), {
5997
6131
  variant: "subtitle2",
5998
6132
  color: "textPrimary",
5999
- style: {
6133
+ sx: {
6000
6134
  fontWeight: "bold",
6001
6135
  textAlign: "right"
6002
6136
  },
6003
6137
  children: "-"
6004
6138
  })
6005
6139
  }),
6006
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6007
- item: true,
6008
- md: 4,
6009
- 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), {
6010
6145
  variant: "subtitle2",
6011
6146
  color: "textPrimary",
6012
- style: {
6147
+ sx: {
6013
6148
  fontWeight: "bold",
6014
6149
  textAlign: "right"
6015
6150
  },
6016
6151
  children: details.totalFees
6017
6152
  })
6018
6153
  }),
6019
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6020
- item: true,
6021
- xs: 1,
6022
- 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), {
6023
6159
  variant: "subtitle2",
6024
6160
  color: "textPrimary",
6025
- style: {
6161
+ sx: {
6026
6162
  fontWeight: "bold"
6027
6163
  },
6028
6164
  children: details.currency
6029
6165
  })
6030
6166
  }),
6031
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6032
- item: true,
6033
- xs: 1,
6034
- 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), {
6035
6172
  variant: "body2",
6036
6173
  color: "textSecondary",
6037
6174
  children: " "
6038
6175
  })
6039
6176
  }),
6040
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6041
- item: true,
6042
- xs: 5,
6043
- 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), {
6044
6182
  variant: "subtitle2",
6045
6183
  color: "textPrimary",
6046
- style: {
6184
+ sx: {
6047
6185
  fontWeight: "bold",
6048
6186
  textAlign: "left",
6049
6187
  marginLeft: "10px"
@@ -6054,57 +6192,63 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6054
6192
  ]
6055
6193
  })
6056
6194
  }),
6057
- isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6058
- item: true,
6059
- xs: 12,
6060
- style: {
6195
+ isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6196
+ size: {
6197
+ xs: 12
6198
+ },
6199
+ sx: {
6061
6200
  display: "contents"
6062
6201
  },
6063
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6202
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6064
6203
  container: true,
6065
6204
  spacing: 1,
6066
6205
  children: [
6067
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6068
- item: true,
6069
- xs: 1,
6070
- 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), {
6071
6211
  variant: "body2",
6072
6212
  color: "textPrimary"
6073
6213
  })
6074
6214
  }),
6075
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6076
- item: true,
6077
- md: 4,
6078
- 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), {
6079
6220
  variant: "body2",
6080
- style: {
6221
+ sx: {
6081
6222
  textAlign: "right"
6082
6223
  },
6083
6224
  children: (details.calculatedAmount + details.fees.network).toFixed(2)
6084
6225
  })
6085
6226
  }),
6086
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6087
- item: true,
6088
- xs: 1,
6089
- 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), {
6090
6232
  variant: "body2",
6091
6233
  children: ` USDT`
6092
6234
  })
6093
6235
  }),
6094
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6095
- item: true,
6096
- xs: 1,
6097
- 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), {
6098
6241
  variant: "body2",
6099
6242
  children: " "
6100
6243
  })
6101
6244
  }),
6102
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6103
- item: true,
6104
- xs: 5,
6105
- 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), {
6106
6250
  variant: "body2",
6107
- style: {
6251
+ sx: {
6108
6252
  fontWeight: "bold",
6109
6253
  textAlign: "left",
6110
6254
  marginLeft: "10px"
@@ -6115,62 +6259,68 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6115
6259
  ]
6116
6260
  })
6117
6261
  }),
6118
- isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6119
- item: true,
6120
- xs: 12,
6121
- style: {
6262
+ isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6263
+ size: {
6264
+ xs: 12
6265
+ },
6266
+ sx: {
6122
6267
  display: "contents"
6123
6268
  },
6124
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6269
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6125
6270
  container: true,
6126
6271
  spacing: 1,
6127
6272
  children: [
6128
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6129
- item: true,
6130
- xs: 1,
6131
- 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), {
6132
6278
  variant: "body2",
6133
6279
  color: "textPrimary",
6134
- style: {
6280
+ sx: {
6135
6281
  fontWeight: "bold",
6136
6282
  textAlign: "right"
6137
6283
  },
6138
6284
  children: "-"
6139
6285
  })
6140
6286
  }),
6141
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6142
- item: true,
6143
- md: 4,
6144
- 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), {
6145
6292
  variant: "body2",
6146
- style: {
6293
+ sx: {
6147
6294
  textAlign: "right"
6148
6295
  },
6149
6296
  children: details.fees.network.toFixed(2)
6150
6297
  })
6151
6298
  }),
6152
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6153
- item: true,
6154
- xs: 1,
6155
- 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), {
6156
6304
  variant: "body2",
6157
6305
  children: ` USDT`
6158
6306
  })
6159
6307
  }),
6160
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6161
- item: true,
6162
- xs: 1,
6163
- 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), {
6164
6313
  variant: "body2",
6165
6314
  children: " "
6166
6315
  })
6167
6316
  }),
6168
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6169
- item: true,
6170
- xs: 5,
6171
- 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), {
6172
6322
  variant: "body2",
6173
- style: {
6323
+ sx: {
6174
6324
  fontWeight: "bold",
6175
6325
  textAlign: "left",
6176
6326
  marginLeft: "10px"
@@ -6181,70 +6331,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6181
6331
  ]
6182
6332
  })
6183
6333
  }),
6184
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6185
- item: true,
6186
- xs: 12,
6187
- style: {
6334
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6335
+ size: {
6336
+ xs: 12
6337
+ },
6338
+ sx: {
6188
6339
  display: "contents"
6189
6340
  },
6190
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6341
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6191
6342
  container: true,
6192
6343
  spacing: 1,
6193
6344
  children: [
6194
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6195
- item: true,
6196
- xs: 1,
6197
- 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), {
6198
6350
  variant: "subtitle2",
6199
6351
  color: "textPrimary",
6200
- style: {
6352
+ sx: {
6201
6353
  fontWeight: "bold",
6202
6354
  textAlign: "right"
6203
6355
  },
6204
6356
  children: "="
6205
6357
  })
6206
6358
  }),
6207
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6208
- item: true,
6209
- md: 4,
6210
- 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), {
6211
6364
  variant: "subtitle2",
6212
6365
  color: "textPrimary",
6213
- style: {
6366
+ sx: {
6214
6367
  fontWeight: "bold",
6215
6368
  textAlign: "right"
6216
6369
  },
6217
6370
  children: details.calculatedAmount
6218
6371
  })
6219
6372
  }),
6220
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6221
- item: true,
6222
- xs: 1,
6223
- 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), {
6224
6378
  variant: "subtitle2",
6225
6379
  color: "textPrimary",
6226
- style: {
6380
+ sx: {
6227
6381
  fontWeight: "bold"
6228
6382
  },
6229
6383
  children: isUSDTReceiver ? "USDT" : details.currency
6230
6384
  })
6231
6385
  }),
6232
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6233
- item: true,
6234
- xs: 1,
6235
- 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), {
6236
6391
  variant: "body2",
6237
6392
  color: "textSecondary",
6238
6393
  children: " "
6239
6394
  })
6240
6395
  }),
6241
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6242
- item: true,
6243
- xs: 5,
6244
- 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), {
6245
6401
  variant: "subtitle2",
6246
6402
  color: "textPrimary",
6247
- style: {
6403
+ sx: {
6248
6404
  fontWeight: "bold",
6249
6405
  textAlign: "left",
6250
6406
  marginLeft: "10px"
@@ -6255,70 +6411,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6255
6411
  ]
6256
6412
  })
6257
6413
  }),
6258
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6259
- item: true,
6260
- xs: 12,
6261
- style: {
6414
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6415
+ size: {
6416
+ xs: 12
6417
+ },
6418
+ sx: {
6262
6419
  display: "contents"
6263
6420
  },
6264
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6421
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6265
6422
  container: true,
6266
6423
  spacing: 1,
6267
6424
  children: [
6268
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6269
- item: true,
6270
- xs: 1,
6271
- 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), {
6272
6430
  variant: "subtitle2",
6273
6431
  color: "textPrimary",
6274
- style: {
6432
+ sx: {
6275
6433
  fontWeight: "bold",
6276
6434
  textAlign: "right"
6277
6435
  },
6278
6436
  children: details.exchangeRateLabel
6279
6437
  })
6280
6438
  }),
6281
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6282
- item: true,
6283
- md: 4,
6284
- 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), {
6285
6444
  variant: "subtitle2",
6286
6445
  color: "textPrimary",
6287
- style: {
6446
+ sx: {
6288
6447
  fontWeight: "bold",
6289
6448
  textAlign: "right"
6290
6449
  },
6291
6450
  children: details.exchangeRate
6292
6451
  })
6293
6452
  }),
6294
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6295
- item: true,
6296
- xs: 1,
6297
- 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), {
6298
6458
  variant: "subtitle2",
6299
6459
  color: "textPrimary",
6300
- style: {
6460
+ sx: {
6301
6461
  fontWeight: "bold"
6302
6462
  },
6303
6463
  children: isUSDTReceiver ? "USDT" : details.exchangeRateLabel == "x" ? details.currencyReceiver : details.currency
6304
6464
  })
6305
6465
  }),
6306
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6307
- item: true,
6308
- xs: 1,
6309
- 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), {
6310
6471
  variant: "body2",
6311
6472
  color: "textSecondary",
6312
6473
  children: " "
6313
6474
  })
6314
6475
  }),
6315
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6316
- item: true,
6317
- xs: 5,
6318
- 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), {
6319
6481
  variant: "subtitle2",
6320
6482
  color: "textPrimary",
6321
- style: {
6483
+ sx: {
6322
6484
  fontWeight: "bold",
6323
6485
  textAlign: "left",
6324
6486
  marginLeft: "10px"
@@ -6329,70 +6491,76 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6329
6491
  ]
6330
6492
  })
6331
6493
  }),
6332
- details.tax > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6333
- item: true,
6334
- xs: 12,
6335
- style: {
6494
+ details.tax > 0 && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6495
+ size: {
6496
+ xs: 12
6497
+ },
6498
+ sx: {
6336
6499
  display: "contents"
6337
6500
  },
6338
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$materialuicore.Grid), {
6501
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6339
6502
  container: true,
6340
6503
  spacing: 1,
6341
6504
  children: [
6342
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6343
- item: true,
6344
- xs: 1,
6345
- 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), {
6346
6510
  variant: "subtitle2",
6347
6511
  color: "textPrimary",
6348
- style: {
6512
+ sx: {
6349
6513
  fontWeight: "bold",
6350
6514
  textAlign: "right"
6351
6515
  },
6352
6516
  children: "-"
6353
6517
  })
6354
6518
  }),
6355
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6356
- item: true,
6357
- md: 4,
6358
- 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), {
6359
6524
  variant: "subtitle2",
6360
6525
  color: "textPrimary",
6361
- style: {
6526
+ sx: {
6362
6527
  fontWeight: "bold",
6363
6528
  textAlign: "right"
6364
6529
  },
6365
6530
  children: details.tax
6366
6531
  })
6367
6532
  }),
6368
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6369
- item: true,
6370
- xs: 1,
6371
- 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), {
6372
6538
  variant: "subtitle2",
6373
6539
  color: "textPrimary",
6374
- style: {
6540
+ sx: {
6375
6541
  fontWeight: "bold"
6376
6542
  },
6377
6543
  children: details.currencyReceiver
6378
6544
  })
6379
6545
  }),
6380
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6381
- item: true,
6382
- xs: 1,
6383
- 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), {
6384
6551
  variant: "body2",
6385
6552
  color: "textSecondary",
6386
6553
  children: " "
6387
6554
  })
6388
6555
  }),
6389
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6390
- item: true,
6391
- xs: 5,
6392
- 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), {
6393
6561
  variant: "subtitle2",
6394
6562
  color: "textPrimary",
6395
- style: {
6563
+ sx: {
6396
6564
  fontWeight: "bold",
6397
6565
  textAlign: "left",
6398
6566
  marginLeft: "10px"
@@ -6418,7 +6586,6 @@ var $e09238e49cf44303$export$2e2bcd8739ae039 = $e09238e49cf44303$var$Fees;
6418
6586
 
6419
6587
 
6420
6588
 
6421
-
6422
6589
  const $5bf5c647168de599$var$Disclaimers = (props)=>{
6423
6590
  const disclaimerTypes = {
6424
6591
  send: "send",
@@ -6436,25 +6603,27 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6436
6603
  let __expiration = expiration.charAt(0).toUpperCase() + expiration.slice(1);
6437
6604
  switch(name){
6438
6605
  case disclaimerTypes.send:
6439
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6606
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6440
6607
  container: true,
6441
6608
  spacing: 2,
6442
6609
  children: [
6443
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6444
- item: true,
6445
- xs: 12,
6446
- 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), {
6447
6615
  severity: "info",
6448
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6616
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6449
6617
  variant: "body2",
6450
6618
  children: content.disclaimers.send
6451
6619
  })
6452
6620
  })
6453
6621
  }),
6454
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6455
- item: true,
6456
- xs: 12,
6457
- 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), {
6458
6627
  variant: "body2",
6459
6628
  align: "center",
6460
6629
  children: [
@@ -6464,13 +6633,14 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6464
6633
  ]
6465
6634
  })
6466
6635
  }),
6467
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6468
- item: true,
6469
- xs: 12,
6470
- 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), {
6471
6641
  variant: "body2",
6472
6642
  align: "center",
6473
- style: {
6643
+ sx: {
6474
6644
  color: "#666"
6475
6645
  },
6476
6646
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
@@ -6481,50 +6651,53 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6481
6651
  ]
6482
6652
  });
6483
6653
  case disclaimerTypes.sendWithIntegration:
6484
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6654
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6485
6655
  container: true,
6486
6656
  spacing: 2,
6487
6657
  children: [
6488
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6489
- item: true,
6490
- xs: 12,
6491
- 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), {
6492
6663
  severity: "info",
6493
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6494
- style: {
6664
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6665
+ sx: {
6495
6666
  fontSize: "0.8rem"
6496
6667
  },
6497
6668
  children: content.disclaimers.send
6498
6669
  })
6499
6670
  })
6500
6671
  }),
6501
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6502
- item: true,
6503
- xs: 12,
6504
- 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), {
6505
6677
  variant: "body2",
6506
6678
  align: "center",
6507
6679
  children: content.disclaimers.sendDescription
6508
6680
  })
6509
6681
  }),
6510
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6511
- item: true,
6512
- xs: 12,
6682
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6683
+ size: {
6684
+ xs: 12
6685
+ },
6513
6686
  children: [
6514
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6687
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6515
6688
  variant: "body2",
6516
6689
  align: "center",
6517
- style: {
6690
+ sx: {
6518
6691
  color: "#666"
6519
6692
  },
6520
6693
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
6521
6694
  children: __expiration
6522
6695
  })
6523
6696
  }),
6524
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6697
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6525
6698
  variant: "caption",
6526
6699
  align: "justify",
6527
- style: {
6700
+ sx: {
6528
6701
  display: "inline-block",
6529
6702
  color: "#878787",
6530
6703
  lineHeight: "15px",
@@ -6538,38 +6711,41 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6538
6711
  ]
6539
6712
  });
6540
6713
  case disclaimerTypes.receive:
6541
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6714
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6542
6715
  container: true,
6543
6716
  spacing: 2,
6544
6717
  children: [
6545
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6546
- item: true,
6547
- xs: 12,
6548
- 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), {
6549
6723
  severity: "info",
6550
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6551
- style: {
6724
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6725
+ sx: {
6552
6726
  fontSize: "0.8rem"
6553
6727
  },
6554
6728
  children: content.disclaimers.receive
6555
6729
  })
6556
6730
  })
6557
6731
  }),
6558
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6559
- item: true,
6560
- xs: 12,
6561
- 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), {
6562
6737
  variant: "body2",
6563
6738
  align: "justify",
6564
6739
  children: content.disclaimers.receiveDescription
6565
6740
  })
6566
6741
  }),
6567
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6568
- item: true,
6569
- xs: 12,
6570
- 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), {
6571
6747
  variant: "caption",
6572
- style: {
6748
+ sx: {
6573
6749
  color: "#878787"
6574
6750
  },
6575
6751
  children: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6578,36 +6754,38 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6578
6754
  ]
6579
6755
  });
6580
6756
  case disclaimerTypes.receiveWithIntegration:
6581
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6757
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6582
6758
  container: true,
6583
6759
  spacing: 2,
6584
6760
  children: [
6585
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6586
- item: true,
6587
- xs: 12,
6588
- 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), {
6589
6766
  severity: "info",
6590
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6591
- style: {
6767
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6768
+ sx: {
6592
6769
  fontSize: "0.8rem"
6593
6770
  },
6594
6771
  children: content.disclaimers.receive
6595
6772
  })
6596
6773
  })
6597
6774
  }),
6598
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6599
- item: true,
6600
- xs: 12,
6775
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6776
+ size: {
6777
+ xs: 12
6778
+ },
6601
6779
  children: [
6602
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6780
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6603
6781
  variant: "body2",
6604
6782
  align: "justify",
6605
6783
  children: content.disclaimers.receiveDescription
6606
6784
  }),
6607
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6785
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6608
6786
  variant: "caption",
6609
6787
  align: "justify",
6610
- style: {
6788
+ sx: {
6611
6789
  display: "inline-block",
6612
6790
  color: "#878787",
6613
6791
  lineHeight: "15px",
@@ -6616,9 +6794,9 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6616
6794
  },
6617
6795
  children: content.disclaimers.receiveDisclaimer?.replace("{COUNTRY}", optionName)
6618
6796
  }),
6619
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6797
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6620
6798
  variant: "caption",
6621
- style: {
6799
+ sx: {
6622
6800
  color: "#878787"
6623
6801
  },
6624
6802
  children: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6628,45 +6806,48 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6628
6806
  ]
6629
6807
  });
6630
6808
  case disclaimerTypes.wallet:
6631
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6809
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6632
6810
  container: true,
6633
6811
  spacing: 2,
6634
6812
  children: [
6635
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6636
- item: true,
6637
- xs: 12,
6638
- 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), {
6639
6818
  severity: "info",
6640
6819
  children: content.disclaimers.wallet
6641
6820
  })
6642
6821
  }),
6643
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6644
- item: true,
6645
- xs: 12,
6646
- 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), {
6647
6827
  variant: "body2",
6648
6828
  align: "center",
6649
6829
  children: content.disclaimers.walletDescription
6650
6830
  })
6651
6831
  }),
6652
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
6653
- item: true,
6654
- xs: 12,
6832
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6833
+ size: {
6834
+ xs: 12
6835
+ },
6655
6836
  children: [
6656
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6837
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6657
6838
  variant: "body2",
6658
6839
  align: "center",
6659
- style: {
6840
+ sx: {
6660
6841
  color: "#666"
6661
6842
  },
6662
6843
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("b", {
6663
6844
  children: __expiration
6664
6845
  })
6665
6846
  }),
6666
- 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), {
6667
6848
  variant: "caption",
6668
6849
  align: "center",
6669
- style: {
6850
+ sx: {
6670
6851
  display: "inline-block",
6671
6852
  color: "#878787",
6672
6853
  lineHeight: "15px",
@@ -6674,10 +6855,10 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6674
6855
  maringBottom: 15
6675
6856
  },
6676
6857
  children: content.disclaimers.walletDisclaimerACH
6677
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6858
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6678
6859
  variant: "caption",
6679
6860
  align: "center",
6680
- style: {
6861
+ sx: {
6681
6862
  display: "inline-block",
6682
6863
  color: "#878787",
6683
6864
  lineHeight: "15px",
@@ -6691,7 +6872,7 @@ const $5bf5c647168de599$var$Disclaimers = (props)=>{
6691
6872
  ]
6692
6873
  });
6693
6874
  default:
6694
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Typography), {
6875
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
6695
6876
  children: " "
6696
6877
  });
6697
6878
  }
@@ -6908,7 +7089,6 @@ const $8e9ca21186f2536d$export$926bfdedbec70796 = (payments)=>{
6908
7089
 
6909
7090
 
6910
7091
 
6911
-
6912
7092
  const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMethods, onChange: onChange })=>{
6913
7093
  const [selectedItem, setSelectedItem] = (0, $gXNCa$react.useState)(paymentMethods[0]?.id || "");
6914
7094
  const handleOnChange = ({ target: target })=>{
@@ -6920,15 +7100,16 @@ const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6920
7100
  }, [
6921
7101
  paymentMethods
6922
7102
  ]);
6923
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
7103
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
6924
7104
  container: true,
6925
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Grid), {
6926
- item: true,
6927
- xs: 12,
6928
- 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), {
6929
7110
  item: true,
6930
7111
  xs: 12,
6931
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Select), {
7112
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Select), {
6932
7113
  id: "demo-customized-select-native",
6933
7114
  value: selectedItem,
6934
7115
  onChange: handleOnChange,
@@ -6936,12 +7117,9 @@ const $c1882e163bdff66b$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6936
7117
  minWidth: 300
6937
7118
  },
6938
7119
  fullWidth: true,
6939
- 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), {
6940
7121
  value: payment.id,
6941
- children: [
6942
- payment.label,
6943
- " "
6944
- ]
7122
+ children: payment.label
6945
7123
  }, payment.name + index))
6946
7124
  })
6947
7125
  })
@@ -6952,7 +7130,9 @@ var $c1882e163bdff66b$export$2e2bcd8739ae039 = $c1882e163bdff66b$var$PaymentMeth
6952
7130
 
6953
7131
 
6954
7132
 
6955
- 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)=>({
6956
7136
  // 'input[type=number]::-webkit-outer-spin-button': {
6957
7137
  // '-webkit-appearance': 'none',
6958
7138
  // margin: 0
@@ -7026,7 +7206,6 @@ const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$materialuicore.make
7026
7206
 
7027
7207
 
7028
7208
 
7029
-
7030
7209
  const $d3c2b8c012a239f6$var$useStyles = (0, $946e0543186f7545$export$5ecc5d08426f3213);
7031
7210
  function $d3c2b8c012a239f6$var$Simulator(props) {
7032
7211
  /**
@@ -7667,7 +7846,7 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7667
7846
  }, [
7668
7847
  simulatorMode
7669
7848
  ]);
7670
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("main", {
7849
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
7671
7850
  children: [
7672
7851
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("link", {
7673
7852
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap",
@@ -7677,24 +7856,24 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7677
7856
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7678
7857
  rel: "stylesheet"
7679
7858
  }),
7680
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicorePaper))), {
7859
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
7681
7860
  className: classes.root,
7682
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7861
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7683
7862
  container: true,
7684
7863
  direction: "column",
7685
7864
  spacing: 0,
7686
7865
  children: [
7687
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7866
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7688
7867
  container: true,
7689
7868
  direction: "row",
7690
7869
  justifyContent: "center",
7691
7870
  alignItems: "center",
7692
- style: {
7871
+ sx: {
7693
7872
  paddingBottom: "10px"
7694
7873
  },
7695
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7696
- item: true,
7697
- 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), {
7698
7877
  className: classes.labelAmount,
7699
7878
  gutterBottom: true,
7700
7879
  variant: "subtitle1",
@@ -7703,25 +7882,26 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7703
7882
  })
7704
7883
  })
7705
7884
  }),
7706
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7885
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7707
7886
  container: true,
7708
7887
  direction: "row",
7709
7888
  justifyContent: "center",
7710
7889
  alignItems: "center",
7711
- style: {
7890
+ sx: {
7712
7891
  paddingBottom: "10px"
7713
7892
  },
7714
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7715
- item: true,
7716
- xs: 9,
7717
- 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))), {
7718
7898
  container: true,
7719
7899
  spacing: 3,
7720
7900
  justifyContent: "center",
7721
7901
  children: [
7722
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7723
- item: true,
7724
- 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), {
7725
7905
  className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7726
7906
  label: content.simulator.header_chips.option_send,
7727
7907
  variant: "outlined",
@@ -7730,9 +7910,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7730
7910
  }
7731
7911
  })
7732
7912
  }),
7733
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7734
- item: true,
7735
- 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), {
7736
7916
  className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7737
7917
  label: content.simulator.header_chips.option_receive,
7738
7918
  variant: "outlined",
@@ -7745,17 +7925,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7745
7925
  })
7746
7926
  })
7747
7927
  }),
7748
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7749
- item: true,
7750
- xs: 12,
7751
- 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))), {
7752
7933
  container: true,
7753
7934
  children: [
7754
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7755
- item: true,
7756
- xs: 12,
7757
- style: {
7758
- paddingBottom: "15px"
7935
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7936
+ size: {
7937
+ xs: 12
7759
7938
  },
7760
7939
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7761
7940
  id: "transfer-sender",
@@ -7765,9 +7944,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7765
7944
  onChangeCountry: handleSendCountry
7766
7945
  })
7767
7946
  }),
7768
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7769
- item: true,
7770
- xs: 12,
7947
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7948
+ size: {
7949
+ xs: 12
7950
+ },
7771
7951
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
7772
7952
  content: content,
7773
7953
  details: transferDetail,
@@ -7776,11 +7956,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7776
7956
  locale: locale
7777
7957
  })
7778
7958
  }),
7779
- sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7780
- item: true,
7781
- xs: 12,
7782
- style: {
7783
- 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
7784
7962
  },
7785
7963
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7786
7964
  id: "transfer-receiver",
@@ -7790,11 +7968,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7790
7968
  onChangeCountry: handleReceiveCountry,
7791
7969
  disabled: true
7792
7970
  })
7793
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7794
- item: true,
7795
- xs: 12,
7796
- style: {
7797
- paddingBottom: "15px"
7971
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7972
+ size: {
7973
+ xs: 12
7798
7974
  },
7799
7975
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7800
7976
  id: "wallet-receiver",
@@ -7808,17 +7984,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7808
7984
  ]
7809
7985
  })
7810
7986
  }) : "",
7811
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7812
- item: true,
7813
- xs: 12,
7814
- 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))), {
7815
7992
  container: true,
7816
7993
  children: [
7817
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7818
- item: true,
7819
- xs: 12,
7820
- style: {
7821
- paddingBottom: "15px"
7994
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7995
+ size: {
7996
+ xs: 12
7822
7997
  },
7823
7998
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7824
7999
  id: "collect-sender",
@@ -7828,9 +8003,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7828
8003
  onChangeCountry: handleSendCountry
7829
8004
  })
7830
8005
  }),
7831
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7832
- item: true,
7833
- xs: 12,
8006
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8007
+ size: {
8008
+ xs: 12
8009
+ },
7834
8010
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
7835
8011
  content: content,
7836
8012
  details: transferDetail,
@@ -7839,11 +8015,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7839
8015
  locale: locale
7840
8016
  })
7841
8017
  }),
7842
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7843
- item: true,
7844
- xs: 12,
7845
- style: {
7846
- paddingBottom: "15px"
8018
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8019
+ size: {
8020
+ xs: 12
7847
8021
  },
7848
8022
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7849
8023
  id: "collect-receiver",
@@ -7860,23 +8034,18 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7860
8034
  [
7861
8035
  "VE",
7862
8036
  "AR"
7863
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7864
- item: true,
7865
- xs: 12,
7866
- style: {
7867
- marginTop: 15,
7868
- marginBottom: 15
8037
+ ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8038
+ size: {
8039
+ xs: 12
7869
8040
  },
7870
8041
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c1882e163bdff66b$export$2e2bcd8739ae039), {
7871
8042
  paymentMethods: receiver.paymentMethods,
7872
8043
  onChange: handleOnchangePaymentMethod
7873
8044
  })
7874
8045
  }),
7875
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7876
- item: true,
7877
- xs: 12,
7878
- style: {
7879
- marginBottom: 15
8046
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8047
+ size: {
8048
+ xs: 12
7880
8049
  },
7881
8050
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5bf5c647168de599$export$2e2bcd8739ae039), {
7882
8051
  simulatorMode: simulatorMode,
@@ -7886,10 +8055,15 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7886
8055
  option: sender.selectedOption
7887
8056
  })
7888
8057
  }),
7889
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7890
- item: true,
7891
- xs: 12,
7892
- 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), {
7893
8067
  className: classes.button,
7894
8068
  variant: "contained",
7895
8069
  onClick: handleNext,
@@ -7898,54 +8072,56 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7898
8072
  children: content.simulator.footer_action_button
7899
8073
  })
7900
8074
  }),
7901
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7902
- item: true,
7903
- xs: 12,
7904
- style: {
7905
- marginTop: 15,
7906
- marginBottom: 15,
7907
- 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"
7908
8082
  },
7909
8083
  children: recalculate && sender.selectedOption.type != (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
7910
8084
  onTimeout: calculateAgain,
7911
8085
  locale: locale
7912
8086
  })
7913
8087
  }),
7914
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7915
- item: true,
7916
- xs: 12,
7917
- style: {
7918
- marginTop: "30px"
8088
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8089
+ size: {
8090
+ xs: 12
8091
+ },
8092
+ sx: {
8093
+ marginTop: "60px"
7919
8094
  },
7920
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$materialuicore.Divider), {})
8095
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
7921
8096
  }),
7922
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$materialuicoreGrid))), {
7923
- item: true,
7924
- xs: 12,
8097
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8098
+ size: {
8099
+ xs: 12
8100
+ },
7925
8101
  container: true,
7926
8102
  direction: "row",
7927
8103
  justifyContent: "center",
7928
8104
  alignItems: "center",
7929
- style: {
8105
+ sx: {
7930
8106
  paddingBottom: "10px"
7931
8107
  },
7932
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$materialuicoreTypography))), {
8108
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
7933
8109
  variant: "subtitle1",
7934
- style: {
8110
+ sx: {
7935
8111
  display: "flex",
7936
8112
  alignItems: "center",
7937
8113
  textAlign: "center"
7938
8114
  },
7939
8115
  children: [
7940
8116
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
7941
- style: {
8117
+ sx: {
7942
8118
  fontSize: "10px",
7943
8119
  textAlign: "center"
7944
8120
  },
7945
8121
  children: "Powered by\xa0"
7946
8122
  }),
7947
8123
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
7948
- style: {
8124
+ sx: {
7949
8125
  fontWeight: "bold",
7950
8126
  fontSize: "12px",
7951
8127
  textAlign: "center"
@@ -7964,7 +8140,22 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7964
8140
  var $d3c2b8c012a239f6$export$2e2bcd8739ae039 = $d3c2b8c012a239f6$var$Simulator;
7965
8141
 
7966
8142
 
7967
- 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) {
7968
8159
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $d3c2b8c012a239f6$export$2e2bcd8739ae039), {
7969
8160
  testMode: props.testMode,
7970
8161
  locale: props.locale,
@@ -7977,7 +8168,7 @@ function $4fa36e821943b400$export$d75554d0168fcedc(props) {
7977
8168
  config: props.config
7978
8169
  });
7979
8170
  }
7980
- function $4fa36e821943b400$export$896df779a8e2818(props) {
8171
+ function $4fa36e821943b400$var$WrappedCalculator(props) {
7981
8172
  return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c530beedeaeedc25$export$2e2bcd8739ae039), {
7982
8173
  testMode: props.testMode,
7983
8174
  locale: props.locale,
@@ -7989,6 +8180,8 @@ function $4fa36e821943b400$export$896df779a8e2818(props) {
7989
8180
  config: props.config
7990
8181
  });
7991
8182
  }
8183
+ const $4fa36e821943b400$export$896df779a8e2818 = $4fa36e821943b400$var$withThemeProvider($4fa36e821943b400$var$WrappedCalculator);
8184
+ const $4fa36e821943b400$export$d75554d0168fcedc = $4fa36e821943b400$var$withThemeProvider($4fa36e821943b400$var$WrappedSimulator);
7992
8185
 
7993
8186
 
7994
8187
  //# sourceMappingURL=index.js.map