@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/module.js CHANGED
@@ -1,19 +1,10 @@
1
- import {jsx as $5OpyM$jsx, jsxs as $5OpyM$jsxs, Fragment as $5OpyM$Fragment} from "react/jsx-runtime";
1
+ import {jsxs as $5OpyM$jsxs, jsx as $5OpyM$jsx, Fragment as $5OpyM$Fragment} from "react/jsx-runtime";
2
2
  import {Fragment as $5OpyM$Fragment1, Component as $5OpyM$Component, useRef as $5OpyM$useRef, useState as $5OpyM$useState, useCallback as $5OpyM$useCallback, useEffect as $5OpyM$useEffect} from "react";
3
- import $5OpyM$materialuicoreGrid from "@material-ui/core/Grid";
4
- import $5OpyM$materialuicorePaper from "@material-ui/core/Paper";
5
- import $5OpyM$materialuicoreTypography from "@material-ui/core/Typography";
6
- import $5OpyM$materialuicoreNativeSelect from "@material-ui/core/NativeSelect";
7
- import $5OpyM$materialuicoreInputBase from "@material-ui/core/InputBase";
8
- import $5OpyM$materialuicoreCircularProgress from "@material-ui/core/CircularProgress";
9
- import $5OpyM$materialuicoreInputAdornment from "@material-ui/core/InputAdornment";
10
- import $5OpyM$materialuicoreTextField from "@material-ui/core/TextField";
11
- import $5OpyM$materialuicoreFormHelperText from "@material-ui/core/FormHelperText";
12
- import $5OpyM$materialuicoreTooltip from "@material-ui/core/Tooltip";
13
- import $5OpyM$materialuicoreButton from "@material-ui/core/Button";
14
- import {Divider as $5OpyM$Divider, Grid as $5OpyM$Grid, Typography as $5OpyM$Typography, Select as $5OpyM$Select, makeStyles as $5OpyM$makeStyles} from "@material-ui/core";
15
- import $5OpyM$materialuiiconsHighlightOffOutlined from "@material-ui/icons/HighlightOffOutlined";
16
- import {Autocomplete as $5OpyM$Autocomplete, Alert as $5OpyM$Alert} from "@material-ui/lab";
3
+ import {ThemeProvider as $5OpyM$ThemeProvider, createTheme as $5OpyM$createTheme, styled as $5OpyM$styled} from "@mui/material/styles";
4
+ import $5OpyM$muimaterialCssBaseline from "@mui/material/CssBaseline";
5
+ import {Paper as $5OpyM$Paper, Typography as $5OpyM$Typography, InputBase as $5OpyM$InputBase, InputAdornment as $5OpyM$InputAdornment, CircularProgress as $5OpyM$CircularProgress, Autocomplete as $5OpyM$Autocomplete, Box as $5OpyM$Box, TextField as $5OpyM$TextField, FormHelperText as $5OpyM$FormHelperText, Divider as $5OpyM$Divider, FormControl as $5OpyM$FormControl, Select as $5OpyM$Select, MenuItem as $5OpyM$MenuItem, Tooltip as $5OpyM$Tooltip, Button as $5OpyM$Button, Chip as $5OpyM$Chip, Alert as $5OpyM$Alert, Grid as $5OpyM$Grid} from "@mui/material";
6
+ import $5OpyM$muimaterialGrid2 from "@mui/material/Grid2";
7
+ import {HighlightOffOutlined as $5OpyM$HighlightOffOutlined} from "@mui/icons-material";
17
8
  import {matchSorter as $5OpyM$matchSorter} from "match-sorter";
18
9
  import $5OpyM$axios from "axios";
19
10
  import $5OpyM$firebaseapp from "firebase/app";
@@ -21,24 +12,113 @@ import "firebase/firestore";
21
12
  import $5OpyM$reactcountdown from "react-countdown";
22
13
  import {CircleFlag as $5OpyM$CircleFlag} from "react-circle-flags";
23
14
  import $5OpyM$cryptojs from "crypto-js";
24
- import $5OpyM$materialuicoreChip from "@material-ui/core/Chip";
25
15
  import $5OpyM$moment from "moment";
26
16
  import "aws-sdk";
27
17
  import {extend as $5OpyM$extend} from "dayjs";
28
18
  import * as $5OpyM$dayjsbusinesstime from "dayjs-business-time";
29
19
  import "dayjs/plugin/utc";
30
- import $5OpyM$materialuicoreMenuItem from "@material-ui/core/MenuItem";
31
-
32
-
33
-
34
-
35
-
36
20
 
37
21
 
38
22
 
39
23
 
40
24
 
41
25
 
26
+ const $fb023be622053dca$var$theme = (0, $5OpyM$createTheme)({
27
+ palette: {
28
+ primary: {
29
+ main: '#1976d2',
30
+ light: '#42a5f5',
31
+ dark: '#1565c0',
32
+ contrastText: '#fff'
33
+ },
34
+ secondary: {
35
+ main: '#9c27b0',
36
+ light: '#ba68c8',
37
+ dark: '#7b1fa2',
38
+ contrastText: '#fff'
39
+ },
40
+ error: {
41
+ main: '#d32f2f',
42
+ light: '#ef5350',
43
+ dark: '#c62828',
44
+ contrastText: '#fff'
45
+ },
46
+ warning: {
47
+ main: '#ed6c02',
48
+ light: '#ff9800',
49
+ dark: '#e65100',
50
+ contrastText: '#fff'
51
+ },
52
+ info: {
53
+ main: '#0288d1',
54
+ light: '#03a9f4',
55
+ dark: '#01579b',
56
+ contrastText: '#fff'
57
+ },
58
+ success: {
59
+ main: '#2e7d32',
60
+ light: '#4caf50',
61
+ dark: '#1b5e20',
62
+ contrastText: '#fff'
63
+ },
64
+ background: {
65
+ default: '#f5f5f5',
66
+ paper: '#fff'
67
+ }
68
+ },
69
+ typography: {
70
+ fontFamily: [
71
+ 'Poppins',
72
+ '-apple-system',
73
+ 'BlinkMacSystemFont',
74
+ '"Segoe UI"',
75
+ 'Roboto',
76
+ '"Helvetica Neue"',
77
+ 'Arial',
78
+ 'sans-serif',
79
+ '"Apple Color Emoji"',
80
+ '"Segoe UI Emoji"',
81
+ '"Segoe UI Symbol"'
82
+ ].join(','),
83
+ h1: {
84
+ fontWeight: 500,
85
+ fontSize: '2.5rem',
86
+ lineHeight: 1.2
87
+ },
88
+ h2: {
89
+ fontWeight: 500,
90
+ fontSize: '2rem',
91
+ lineHeight: 1.2
92
+ },
93
+ button: {
94
+ textTransform: 'none'
95
+ }
96
+ },
97
+ shape: {
98
+ borderRadius: 4
99
+ },
100
+ components: {
101
+ MuiButton: {
102
+ defaultProps: {
103
+ disableElevation: true
104
+ },
105
+ styleOverrides: {
106
+ root: {
107
+ textTransform: 'none',
108
+ fontWeight: 600
109
+ }
110
+ }
111
+ },
112
+ MuiAppBar: {
113
+ styleOverrides: {
114
+ root: {
115
+ boxShadow: 'none'
116
+ }
117
+ }
118
+ }
119
+ }
120
+ });
121
+ var $fb023be622053dca$export$2e2bcd8739ae039 = $fb023be622053dca$var$theme;
42
122
 
43
123
 
44
124
 
@@ -994,7 +1074,7 @@ const $9ea2f2608ea58c4b$var$loadFirebaseDB = (testMode = 'production', externalC
994
1074
  try {
995
1075
  let firebaseConfig;
996
1076
  if (externalConfig && externalConfig.provider) firebaseConfig = externalConfig.provider;
997
- else return console.error('No Firebase configuration provided');
1077
+ else firebaseConfig = (0, $c8082d1fff4ed783$export$7dfd6b97707a3d55)[testMode].FIREBASE;
998
1078
  if ((0, $5OpyM$firebaseapp).apps.length === 0) (0, $5OpyM$firebaseapp).initializeApp(firebaseConfig);
999
1079
  } catch (error) {
1000
1080
  if (!/already exist/.test(error.message)) console.error('Firebase initialization error', error.stack);
@@ -2798,7 +2878,8 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
2798
2878
  beforeUnload = async ()=>{
2799
2879
  sessionStorage.removeItem("storeId");
2800
2880
  //if (db) db.clearPersistence();
2801
- const firebase = await (0, $9ea2f2608ea58c4b$export$2e2bcd8739ae039)(this.state.testMode);
2881
+ //const { db } = await loadFirebaseDB(this.state.testMode, this.state.config);
2882
+ const firebase = await (0, $9ea2f2608ea58c4b$export$2e2bcd8739ae039)(this.state.testMode, this.state.config);
2802
2883
  const db = firebase.firestore();
2803
2884
  return await db.collection("transactions").doc(`${this.state.storeId}`).delete();
2804
2885
  };
@@ -3536,64 +3617,60 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3536
3617
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
3537
3618
  rel: "stylesheet"
3538
3619
  }),
3539
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
3540
- style: classes.root,
3541
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3620
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
3621
+ sx: classes.root,
3622
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3542
3623
  container: true,
3543
3624
  direction: "column",
3544
3625
  spacing: 0,
3545
3626
  children: [
3546
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3547
- item: true,
3627
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3548
3628
  container: true,
3549
3629
  direction: "column",
3550
3630
  spacing: 0,
3551
3631
  children: [
3552
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3553
- item: true,
3554
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3555
- style: classes.labelAmount,
3632
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3633
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3634
+ sx: classes.labelAmount,
3556
3635
  gutterBottom: true,
3557
3636
  variant: "subtitle1",
3558
3637
  component: "div",
3559
3638
  children: content.landing.send_content
3560
3639
  })
3561
3640
  }),
3562
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3563
- item: true,
3564
- xs: 12,
3641
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3642
+ size: {
3643
+ xs: 12
3644
+ },
3565
3645
  container: true,
3566
3646
  children: [
3567
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3568
- item: true,
3569
- xs: 8,
3570
- md: 9,
3571
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
3572
- style: classes.inputAmount,
3573
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputBase), {
3647
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3648
+ size: {
3649
+ xs: 8,
3650
+ md: 9
3651
+ },
3652
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
3653
+ sx: classes.inputAmount,
3654
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputBase), {
3574
3655
  id: "send",
3575
- style: classes.inputAmountText,
3656
+ sx: classes.inputAmountText,
3576
3657
  required: true,
3577
3658
  value: sendValue,
3578
3659
  type: "number",
3579
3660
  disabled: loadingFrom || loadingTo,
3580
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputAdornment), {
3661
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputAdornment), {
3581
3662
  position: "start",
3582
- style: {
3663
+ sx: {
3583
3664
  marginTop: "0px"
3584
3665
  },
3585
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)("span", {
3586
- children: [
3587
- " ",
3588
- loadingFrom && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreCircularProgress), {
3589
- size: 18
3590
- }),
3591
- " "
3592
- ]
3666
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
3667
+ children: loadingFrom && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$CircularProgress), {
3668
+ size: 18
3669
+ })
3593
3670
  })
3594
3671
  }),
3595
- inputprops: {
3596
- inputProps: {
3672
+ slotProps: {
3673
+ input: {
3597
3674
  min: minFromValue,
3598
3675
  max: maxFromValue
3599
3676
  }
@@ -3602,30 +3679,29 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3602
3679
  })
3603
3680
  })
3604
3681
  }),
3605
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3606
- item: true,
3607
- xs: 4,
3608
- md: 3,
3682
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3683
+ size: {
3684
+ xs: 4,
3685
+ md: 3
3686
+ },
3609
3687
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Autocomplete), {
3610
3688
  disabled: loadingTo || loadingFrom,
3611
3689
  options: (0, $0f961b0b28f97b26$export$e5ad74579c86b003).filter((country)=>{
3612
3690
  if (calculator && calculator[country.code] && calculator[country.code].active) return country;
3613
3691
  }),
3614
- // classes={{
3615
- // option: classes.option,
3616
- // }}
3617
- style: {
3692
+ sx: {
3618
3693
  fontSize: 14,
3619
3694
  "& > span": {
3620
3695
  marginRight: 10,
3621
3696
  fontSize: 18
3622
3697
  }
3623
3698
  },
3624
- filterOptions: this.filterOptions,
3625
3699
  value: (0, $0f961b0b28f97b26$export$e5ad74579c86b003).filter((country)=>country.code == fromCountryValue)[0],
3626
3700
  autoHighlight: true,
3627
3701
  getOptionLabel: (option)=>`${option.currency}`,
3628
- renderOption: (option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment1), {
3702
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Box), {
3703
+ component: "li",
3704
+ ...props,
3629
3705
  children: [
3630
3706
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
3631
3707
  style: {
@@ -3635,26 +3711,27 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3635
3711
  code: option.code == "PE-USD" ? "PE" : option.code
3636
3712
  })
3637
3713
  }),
3638
- " ",
3639
3714
  option.currency
3640
3715
  ]
3641
3716
  }),
3642
3717
  disableClearable: true,
3643
- renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
3718
+ renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
3644
3719
  variant: "outlined",
3645
- style: classes.rootFlags,
3646
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTextField), {
3647
- style: {
3720
+ sx: classes.rootFlags,
3721
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$TextField), {
3722
+ sx: {
3648
3723
  fontSize: "15px"
3649
3724
  },
3650
3725
  ...params,
3651
3726
  variant: "standard",
3652
- InputProps: {
3653
- ...params.InputProps,
3654
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
3655
- code: this.state.fromCountryValue == "PE-USD" ? "PE" : this.state.fromCountryValue
3656
- }),
3657
- disableUnderline: true
3727
+ slotProps: {
3728
+ input: {
3729
+ ...params.InputProps,
3730
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
3731
+ code: this.state.fromCountryValue == "PE-USD" ? "PE" : this.state.fromCountryValue
3732
+ }),
3733
+ disableUnderline: true
3734
+ }
3658
3735
  }
3659
3736
  })
3660
3737
  }),
@@ -3663,12 +3740,13 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3663
3740
  })
3664
3741
  ]
3665
3742
  }),
3666
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3667
- item: true,
3668
- xs: 12,
3743
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3744
+ size: {
3745
+ xs: 12
3746
+ },
3669
3747
  container: true,
3670
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreFormHelperText), {
3671
- style: {
3748
+ children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$FormHelperText), {
3749
+ sx: {
3672
3750
  color: "red"
3673
3751
  },
3674
3752
  children: sendValue < minFromValue && content.landing.min_value.replace("minValue", minFromValue) || sendValue > maxFromValue && content.landing.max_value.replace("maxValue", maxFromValue)
@@ -3676,64 +3754,69 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3676
3754
  })
3677
3755
  ]
3678
3756
  }),
3679
- !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3680
- item: true,
3681
- xs: 12,
3757
+ !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3758
+ size: {
3759
+ xs: 12
3760
+ },
3682
3761
  container: true,
3683
3762
  direction: "column",
3684
3763
  children: [
3685
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3686
- item: true,
3687
- xs: 12,
3764
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3765
+ size: {
3766
+ xs: 12
3767
+ },
3688
3768
  container: true,
3689
3769
  spacing: 1,
3690
3770
  children: [
3691
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3692
- item: true,
3693
- xs: 1,
3694
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3771
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3772
+ size: {
3773
+ xs: 1
3774
+ },
3775
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3695
3776
  variant: "body2",
3696
3777
  color: "textSecondary"
3697
3778
  })
3698
3779
  }),
3699
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3700
- item: true,
3701
- xs: 3,
3702
- md: 4,
3703
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3780
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3781
+ size: {
3782
+ xs: 3,
3783
+ md: 4
3784
+ },
3785
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3704
3786
  variant: "body2",
3705
3787
  color: "textSecondary",
3706
- style: {
3788
+ sx: {
3707
3789
  textAlign: "right"
3708
3790
  },
3709
3791
  children: traundFee
3710
3792
  })
3711
3793
  }),
3712
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3713
- item: true,
3714
- xs: 1,
3715
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3794
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3795
+ size: {
3796
+ xs: 1
3797
+ },
3798
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3716
3799
  variant: "body2",
3717
3800
  color: "textSecondary",
3718
3801
  children: fromCurrencyValue
3719
3802
  })
3720
3803
  }),
3721
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3722
- item: true,
3723
- xs: 1,
3724
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3804
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3805
+ size: {
3806
+ xs: 1
3807
+ },
3808
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3725
3809
  variant: "body2",
3726
3810
  color: "textSecondary",
3727
3811
  children: " "
3728
3812
  })
3729
3813
  }),
3730
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3731
- item: true,
3732
- xs: true,
3733
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3814
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3815
+ size: "grow",
3816
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3734
3817
  variant: "body2",
3735
3818
  color: "textSecondary",
3736
- style: {
3819
+ sx: {
3737
3820
  fontWeight: "bold",
3738
3821
  textAlign: "left",
3739
3822
  marginLeft: "10px"
@@ -3743,58 +3826,62 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3743
3826
  })
3744
3827
  ]
3745
3828
  }),
3746
- this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3747
- item: true,
3748
- xs: 12,
3829
+ this.state.isCountryFromPayPal && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3830
+ size: {
3831
+ xs: 12
3832
+ },
3749
3833
  container: true,
3750
3834
  spacing: 1,
3751
3835
  children: [
3752
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3753
- item: true,
3754
- xs: 1,
3755
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3836
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3837
+ size: {
3838
+ xs: 1
3839
+ },
3840
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3756
3841
  variant: "body2",
3757
3842
  color: "textSecondary"
3758
3843
  })
3759
3844
  }),
3760
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3761
- item: true,
3762
- xs: 3,
3763
- md: 4,
3764
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3845
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3846
+ size: {
3847
+ xs: 3,
3848
+ md: 4
3849
+ },
3850
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3765
3851
  variant: "body2",
3766
3852
  color: "textSecondary",
3767
- style: {
3853
+ sx: {
3768
3854
  textAlign: "right"
3769
3855
  },
3770
3856
  children: paypalFee
3771
3857
  })
3772
3858
  }),
3773
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3774
- item: true,
3775
- xs: 1,
3776
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3859
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3860
+ size: {
3861
+ xs: 1
3862
+ },
3863
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3777
3864
  variant: "body2",
3778
3865
  color: "textSecondary",
3779
3866
  children: fromCurrencyValue
3780
3867
  })
3781
3868
  }),
3782
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3783
- item: true,
3784
- xs: 1,
3785
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3869
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3870
+ size: {
3871
+ xs: 1
3872
+ },
3873
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3786
3874
  variant: "body2",
3787
3875
  color: "textSecondary",
3788
3876
  children: " "
3789
3877
  })
3790
3878
  }),
3791
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3792
- item: true,
3793
- xs: true,
3794
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3879
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3880
+ size: "grow",
3881
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3795
3882
  variant: "body2",
3796
3883
  color: "textSecondary",
3797
- style: {
3884
+ sx: {
3798
3885
  fontWeight: "bold",
3799
3886
  textAlign: "left",
3800
3887
  marginLeft: "10px"
@@ -3804,58 +3891,62 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3804
3891
  })
3805
3892
  ]
3806
3893
  }),
3807
- this.state.isUsdt && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3808
- item: true,
3809
- xs: 12,
3894
+ this.state.isUsdt && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3895
+ size: {
3896
+ xs: 12
3897
+ },
3810
3898
  container: true,
3811
3899
  spacing: 1,
3812
3900
  children: [
3813
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3814
- item: true,
3815
- xs: 1,
3816
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3901
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3902
+ size: {
3903
+ xs: 1
3904
+ },
3905
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3817
3906
  variant: "body2",
3818
3907
  color: "textSecondary"
3819
3908
  })
3820
3909
  }),
3821
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3822
- item: true,
3823
- xs: 3,
3824
- md: 4,
3825
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3910
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3911
+ size: {
3912
+ xs: 3,
3913
+ md: 4
3914
+ },
3915
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3826
3916
  variant: "body2",
3827
3917
  color: "textSecondary",
3828
- style: {
3918
+ sx: {
3829
3919
  textAlign: "right"
3830
3920
  },
3831
3921
  children: networkFee
3832
3922
  })
3833
3923
  }),
3834
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3835
- item: true,
3836
- xs: 1,
3837
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3924
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3925
+ size: {
3926
+ xs: 1
3927
+ },
3928
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3838
3929
  variant: "body2",
3839
3930
  color: "textSecondary",
3840
3931
  children: fromCurrencyValue
3841
3932
  })
3842
3933
  }),
3843
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3844
- item: true,
3845
- xs: 1,
3846
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3934
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3935
+ size: {
3936
+ xs: 1
3937
+ },
3938
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3847
3939
  variant: "body2",
3848
3940
  color: "textSecondary",
3849
3941
  children: " "
3850
3942
  })
3851
3943
  }),
3852
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3853
- item: true,
3854
- xs: true,
3855
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3944
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3945
+ size: "grow",
3946
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3856
3947
  variant: "body2",
3857
3948
  color: "textSecondary",
3858
- style: {
3949
+ sx: {
3859
3950
  fontWeight: "bold",
3860
3951
  textAlign: "left",
3861
3952
  marginLeft: "10px"
@@ -3865,78 +3956,83 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3865
3956
  })
3866
3957
  ]
3867
3958
  }),
3868
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3869
- item: true,
3870
- xs: 10,
3959
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3960
+ size: {
3961
+ xs: 10
3962
+ },
3871
3963
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {
3872
- style: {
3964
+ sx: {
3873
3965
  margin: 4
3874
3966
  }
3875
3967
  })
3876
3968
  }),
3877
3969
  taxSender > 0 && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment), {
3878
3970
  children: [
3879
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3880
- item: true,
3881
- xs: 12,
3971
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
3972
+ size: {
3973
+ xs: 12
3974
+ },
3882
3975
  container: true,
3883
3976
  spacing: 1,
3884
3977
  children: [
3885
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3886
- item: true,
3887
- xs: 1,
3888
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3978
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3979
+ size: {
3980
+ xs: 1
3981
+ },
3982
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3889
3983
  variant: "subtitle2",
3890
3984
  color: "textPrimary",
3891
- style: {
3985
+ sx: {
3892
3986
  fontWeight: "bold",
3893
3987
  textAlign: "right"
3894
3988
  },
3895
3989
  children: "-"
3896
3990
  })
3897
3991
  }),
3898
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3899
- item: true,
3900
- xs: 3,
3901
- md: 4,
3902
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
3992
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
3993
+ size: {
3994
+ xs: 3,
3995
+ md: 4
3996
+ },
3997
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3903
3998
  variant: "subtitle2",
3904
3999
  color: "textPrimary",
3905
- style: {
4000
+ sx: {
3906
4001
  fontWeight: "bold",
3907
4002
  textAlign: "right"
3908
4003
  },
3909
4004
  children: taxSender
3910
4005
  })
3911
4006
  }),
3912
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3913
- item: true,
3914
- xs: 1,
3915
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4007
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4008
+ size: {
4009
+ xs: 1
4010
+ },
4011
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3916
4012
  variant: "subtitle2",
3917
4013
  color: "textPrimary",
3918
- style: {
4014
+ sx: {
3919
4015
  fontWeight: "bold"
3920
4016
  },
3921
4017
  children: fromCurrencyValue
3922
4018
  })
3923
4019
  }),
3924
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3925
- item: true,
3926
- xs: 1,
3927
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4020
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4021
+ size: {
4022
+ xs: 1
4023
+ },
4024
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3928
4025
  variant: "subtitle2",
3929
4026
  color: "textPrimary",
3930
4027
  children: " "
3931
4028
  })
3932
4029
  }),
3933
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3934
- item: true,
3935
- xs: true,
3936
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4030
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4031
+ size: "grow",
4032
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3937
4033
  variant: "subtitle2",
3938
4034
  color: "textPrimary",
3939
- style: {
4035
+ sx: {
3940
4036
  fontWeight: "bold",
3941
4037
  textAlign: "left",
3942
4038
  marginLeft: "10px"
@@ -3946,58 +4042,61 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
3946
4042
  })
3947
4043
  ]
3948
4044
  }),
3949
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
3950
- item: true,
3951
- xs: 12,
4045
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4046
+ size: {
4047
+ xs: 12
4048
+ },
3952
4049
  container: true,
3953
4050
  spacing: 1,
3954
4051
  children: [
3955
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3956
- item: true,
3957
- xs: 1,
3958
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4052
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4053
+ size: {
4054
+ xs: 1
4055
+ },
4056
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3959
4057
  variant: "subtitle2",
3960
4058
  color: "textPrimary",
3961
- style: {
4059
+ sx: {
3962
4060
  fontWeight: "bold",
3963
4061
  textAlign: "right"
3964
4062
  },
3965
4063
  children: "="
3966
4064
  })
3967
4065
  }),
3968
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3969
- item: true,
3970
- xs: 3,
3971
- md: 4,
3972
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4066
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4067
+ size: {
4068
+ xs: 3,
4069
+ md: 4
4070
+ },
4071
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3973
4072
  variant: "subtitle2",
3974
4073
  color: "textPrimary",
3975
- style: {
4074
+ sx: {
3976
4075
  fontWeight: "bold",
3977
4076
  textAlign: "right"
3978
4077
  },
3979
4078
  children: this.state.isUsdt ? convertValueCrypto : (+convertValue).toFixed(2)
3980
4079
  })
3981
4080
  }),
3982
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3983
- item: true,
3984
- xs: 1,
3985
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4081
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4082
+ size: {
4083
+ xs: 1
4084
+ },
4085
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3986
4086
  variant: "subtitle2",
3987
4087
  color: "textPrimary",
3988
- style: {
4088
+ sx: {
3989
4089
  fontWeight: "bold"
3990
4090
  },
3991
4091
  children: this.state.isUsdt ? 'USD' : fromCurrencyValue
3992
4092
  })
3993
4093
  }),
3994
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
3995
- item: true,
3996
- xs: true,
3997
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4094
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4095
+ size: "grow",
4096
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
3998
4097
  variant: "subtitle2",
3999
4098
  color: "textPrimary",
4000
- style: {
4099
+ sx: {
4001
4100
  fontWeight: "bold",
4002
4101
  textAlign: "left",
4003
4102
  marginLeft: "10px"
@@ -4005,13 +4104,12 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4005
4104
  children: content.calculator.receiver
4006
4105
  })
4007
4106
  }),
4008
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4009
- item: true,
4010
- xs: true,
4011
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4107
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4108
+ size: "grow",
4109
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4012
4110
  variant: "subtitle2",
4013
4111
  color: "textPrimary",
4014
- style: {
4112
+ sx: {
4015
4113
  fontWeight: "bold",
4016
4114
  textAlign: "left",
4017
4115
  marginLeft: "10px"
@@ -4023,67 +4121,71 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4023
4121
  })
4024
4122
  ]
4025
4123
  }),
4026
- this.state.showTotalFees && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4027
- item: true,
4028
- xs: 12,
4124
+ this.state.showTotalFees && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4125
+ size: {
4126
+ xs: 12
4127
+ },
4029
4128
  container: true,
4030
4129
  spacing: 1,
4031
4130
  children: [
4032
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4033
- item: true,
4034
- xs: 1,
4035
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4131
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4132
+ size: {
4133
+ xs: 1
4134
+ },
4135
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4036
4136
  variant: "subtitle2",
4037
4137
  color: "textPrimary",
4038
- style: {
4138
+ sx: {
4039
4139
  fontWeight: "bold",
4040
4140
  textAlign: "right"
4041
4141
  },
4042
4142
  children: "-"
4043
4143
  })
4044
4144
  }),
4045
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4046
- item: true,
4047
- xs: 3,
4048
- md: 4,
4049
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4145
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4146
+ size: {
4147
+ xs: 3,
4148
+ md: 4
4149
+ },
4150
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4050
4151
  variant: "subtitle2",
4051
4152
  color: "textPrimary",
4052
- style: {
4153
+ sx: {
4053
4154
  fontWeight: "bold",
4054
4155
  textAlign: "right"
4055
4156
  },
4056
4157
  children: totalFees
4057
4158
  })
4058
4159
  }),
4059
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4060
- item: true,
4061
- xs: 1,
4062
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4160
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4161
+ size: {
4162
+ xs: 1
4163
+ },
4164
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4063
4165
  variant: "subtitle2",
4064
4166
  color: "textPrimary",
4065
- style: {
4167
+ sx: {
4066
4168
  fontWeight: "bold"
4067
4169
  },
4068
4170
  children: fromCurrencyValue
4069
4171
  })
4070
4172
  }),
4071
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4072
- item: true,
4073
- xs: 1,
4074
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4173
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4174
+ size: {
4175
+ xs: 1
4176
+ },
4177
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4075
4178
  variant: "body2",
4076
4179
  color: "textSecondary",
4077
4180
  children: " "
4078
4181
  })
4079
4182
  }),
4080
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4081
- item: true,
4082
- xs: true,
4083
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4183
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4184
+ size: "grow",
4185
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4084
4186
  variant: "subtitle2",
4085
4187
  color: "textPrimary",
4086
- style: {
4188
+ sx: {
4087
4189
  fontWeight: "bold",
4088
4190
  textAlign: "left",
4089
4191
  marginLeft: "10px"
@@ -4093,67 +4195,71 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4093
4195
  })
4094
4196
  ]
4095
4197
  }),
4096
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4097
- item: true,
4098
- xs: 12,
4198
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4199
+ size: {
4200
+ xs: 12
4201
+ },
4099
4202
  container: true,
4100
4203
  spacing: 1,
4101
4204
  children: [
4102
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4103
- item: true,
4104
- xs: 1,
4105
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4205
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4206
+ size: {
4207
+ xs: 1
4208
+ },
4209
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4106
4210
  variant: "subtitle2",
4107
4211
  color: "textPrimary",
4108
- style: {
4212
+ sx: {
4109
4213
  fontWeight: "bold",
4110
4214
  textAlign: "right"
4111
4215
  },
4112
4216
  children: this.state.exchangeRateLabel
4113
4217
  })
4114
4218
  }),
4115
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4116
- item: true,
4117
- xs: 3,
4118
- md: 4,
4119
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4219
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4220
+ size: {
4221
+ xs: 3,
4222
+ md: 4
4223
+ },
4224
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4120
4225
  variant: "subtitle2",
4121
4226
  color: "textPrimary",
4122
- style: {
4227
+ sx: {
4123
4228
  fontWeight: "bold",
4124
4229
  textAlign: "right"
4125
4230
  },
4126
4231
  children: exchangeRate
4127
4232
  })
4128
4233
  }),
4129
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4130
- item: true,
4131
- xs: 1,
4132
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4234
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4235
+ size: {
4236
+ xs: 1
4237
+ },
4238
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4133
4239
  variant: "subtitle2",
4134
4240
  color: "textPrimary",
4135
- style: {
4241
+ sx: {
4136
4242
  fontWeight: "bold"
4137
4243
  },
4138
4244
  children: this.state.isUsdt ? 'USDT' : toCurrencyValue
4139
4245
  })
4140
4246
  }),
4141
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4142
- item: true,
4143
- xs: 1,
4144
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4247
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4248
+ size: {
4249
+ xs: 1
4250
+ },
4251
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4145
4252
  variant: "body2",
4146
4253
  color: "textSecondary",
4147
4254
  children: " "
4148
4255
  })
4149
4256
  }),
4150
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4151
- item: true,
4152
- xs: true,
4153
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4257
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4258
+ size: "grow",
4259
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4154
4260
  variant: "subtitle2",
4155
4261
  color: "textPrimary",
4156
- style: {
4262
+ sx: {
4157
4263
  fontWeight: "bold",
4158
4264
  textAlign: "left",
4159
4265
  marginLeft: "10px"
@@ -4163,67 +4269,71 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4163
4269
  })
4164
4270
  ]
4165
4271
  }),
4166
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4167
- item: true,
4168
- xs: 12,
4272
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4273
+ size: {
4274
+ xs: 12
4275
+ },
4169
4276
  container: true,
4170
4277
  spacing: 1,
4171
4278
  children: [
4172
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4173
- item: true,
4174
- xs: 1,
4175
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4279
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4280
+ size: {
4281
+ xs: 1
4282
+ },
4283
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4176
4284
  variant: "subtitle2",
4177
4285
  color: "textPrimary",
4178
- style: {
4286
+ sx: {
4179
4287
  fontWeight: "bold",
4180
4288
  textAlign: "right"
4181
4289
  },
4182
4290
  children: "="
4183
4291
  })
4184
4292
  }),
4185
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4186
- item: true,
4187
- xs: 3,
4188
- md: 4,
4189
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4293
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4294
+ size: {
4295
+ xs: 3,
4296
+ md: 4
4297
+ },
4298
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4190
4299
  variant: "subtitle2",
4191
4300
  color: "textPrimary",
4192
- style: {
4301
+ sx: {
4193
4302
  fontWeight: "bold",
4194
4303
  textAlign: "right"
4195
4304
  },
4196
4305
  children: this.state.isUsdt ? convertValueCrypto : (+receivedValue + taxReceiver).toFixed(2)
4197
4306
  })
4198
4307
  }),
4199
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4200
- item: true,
4201
- xs: 1,
4202
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4308
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4309
+ size: {
4310
+ xs: 1
4311
+ },
4312
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4203
4313
  variant: "subtitle2",
4204
4314
  color: "textPrimary",
4205
- style: {
4315
+ sx: {
4206
4316
  fontWeight: "bold"
4207
4317
  },
4208
4318
  children: this.state.isUsdt ? 'USD' : toCurrencyValue
4209
4319
  })
4210
4320
  }),
4211
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4212
- item: true,
4213
- xs: 1,
4214
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4321
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4322
+ size: {
4323
+ xs: 1
4324
+ },
4325
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4215
4326
  variant: "body2",
4216
4327
  color: "textSecondary",
4217
4328
  children: " "
4218
4329
  })
4219
4330
  }),
4220
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4221
- item: true,
4222
- xs: true,
4223
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4331
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4332
+ size: "grow",
4333
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4224
4334
  variant: "subtitle2",
4225
4335
  color: "textPrimary",
4226
- style: {
4336
+ sx: {
4227
4337
  fontWeight: "bold",
4228
4338
  textAlign: "left",
4229
4339
  marginLeft: "10px"
@@ -4233,67 +4343,71 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4233
4343
  })
4234
4344
  ]
4235
4345
  }),
4236
- taxReceiver > 0 && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4237
- item: true,
4238
- xs: 12,
4346
+ taxReceiver > 0 && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4347
+ size: {
4348
+ xs: 12
4349
+ },
4239
4350
  container: true,
4240
4351
  spacing: 1,
4241
4352
  children: [
4242
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4243
- item: true,
4244
- xs: 1,
4245
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4353
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4354
+ size: {
4355
+ xs: 1
4356
+ },
4357
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4246
4358
  variant: "subtitle2",
4247
4359
  color: "textPrimary",
4248
- style: {
4360
+ sx: {
4249
4361
  fontWeight: "bold",
4250
4362
  textAlign: "right"
4251
4363
  },
4252
4364
  children: "-"
4253
4365
  })
4254
4366
  }),
4255
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4256
- item: true,
4257
- xs: 3,
4258
- md: 4,
4259
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4367
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4368
+ size: {
4369
+ xs: 3,
4370
+ md: 4
4371
+ },
4372
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4260
4373
  variant: "subtitle2",
4261
4374
  color: "textPrimary",
4262
- style: {
4375
+ sx: {
4263
4376
  fontWeight: "bold",
4264
4377
  textAlign: "right"
4265
4378
  },
4266
4379
  children: (+taxReceiver).toFixed(2)
4267
4380
  })
4268
4381
  }),
4269
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4270
- item: true,
4271
- xs: 1,
4272
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4382
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4383
+ size: {
4384
+ xs: 1
4385
+ },
4386
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4273
4387
  variant: "subtitle2",
4274
4388
  color: "textPrimary",
4275
- style: {
4389
+ sx: {
4276
4390
  fontWeight: "bold"
4277
4391
  },
4278
4392
  children: toCurrencyValue
4279
4393
  })
4280
4394
  }),
4281
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4282
- item: true,
4283
- xs: 1,
4284
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4395
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4396
+ size: {
4397
+ xs: 1
4398
+ },
4399
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4285
4400
  variant: "body2",
4286
4401
  color: "textSecondary",
4287
4402
  children: " "
4288
4403
  })
4289
4404
  }),
4290
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4291
- item: true,
4292
- xs: true,
4293
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4405
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4406
+ size: "grow",
4407
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4294
4408
  variant: "subtitle2",
4295
4409
  color: "textPrimary",
4296
- style: {
4410
+ sx: {
4297
4411
  fontWeight: "bold",
4298
4412
  textAlign: "left",
4299
4413
  marginLeft: "10px"
@@ -4306,62 +4420,52 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4306
4420
  ]
4307
4421
  }),
4308
4422
  /*#__PURE__*/ (0, $5OpyM$jsx)("br", {}),
4309
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4310
- item: true,
4423
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4311
4424
  container: true,
4312
4425
  direction: "column",
4313
4426
  spacing: 0,
4314
- style: {
4315
- marginTop: "20px"
4316
- },
4317
4427
  children: [
4318
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4319
- item: true,
4320
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4321
- style: classes.labelAmount,
4428
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4429
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4430
+ sx: classes.labelAmount,
4322
4431
  gutterBottom: true,
4323
4432
  variant: "subtitle1",
4324
4433
  component: "div",
4325
4434
  children: content.landing.receiver_content
4326
4435
  })
4327
4436
  }),
4328
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4329
- item: true,
4330
- xs: 12,
4437
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4438
+ size: {
4439
+ xs: 12
4440
+ },
4331
4441
  container: true,
4332
4442
  children: [
4333
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4334
- item: true,
4335
- xs: 8,
4336
- md: 9,
4337
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
4338
- style: classes.inputAmount,
4339
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputBase), {
4443
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4444
+ size: {
4445
+ xs: 8,
4446
+ md: 9
4447
+ },
4448
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
4449
+ sx: classes.inputAmount,
4450
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputBase), {
4340
4451
  id: "receiver",
4341
- style: classes.inputAmountText,
4452
+ sx: classes.inputAmountText,
4342
4453
  type: "number",
4343
4454
  required: true,
4344
4455
  value: receivedValue,
4345
4456
  disabled: true,
4346
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputAdornment), {
4457
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputAdornment), {
4347
4458
  position: "start",
4348
- style: {
4349
- marginTop: "0px"
4350
- },
4351
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)("span", {
4352
- children: [
4353
- " ",
4354
- loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreCircularProgress), {
4355
- size: 18
4356
- }),
4357
- " "
4358
- ]
4459
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
4460
+ children: loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$CircularProgress), {
4461
+ size: 18
4462
+ })
4359
4463
  })
4360
4464
  }),
4361
- endAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputAdornment), {
4465
+ endAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputAdornment), {
4362
4466
  position: "end",
4363
4467
  children: /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
4364
- style: {
4468
+ sx: {
4365
4469
  fontSize: "10px",
4366
4470
  fontWeight: "500",
4367
4471
  paddingTop: "15px",
@@ -4370,8 +4474,8 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4370
4474
  children: toCountryValue == "AR" && paymentMethods.length && paymentMethods[0].isWallet && !loadingTo && !loadingFrom ? `(${paymentMethods[0].amount} ARS)` : ''
4371
4475
  })
4372
4476
  }),
4373
- inputprops: {
4374
- inputProps: {
4477
+ slotProps: {
4478
+ input: {
4375
4479
  min: minFromValue,
4376
4480
  max: maxFromValue
4377
4481
  }
@@ -4380,31 +4484,30 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4380
4484
  })
4381
4485
  })
4382
4486
  }),
4383
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4384
- item: true,
4385
- xs: 4,
4386
- md: 3,
4487
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4488
+ size: {
4489
+ xs: 4,
4490
+ md: 3
4491
+ },
4387
4492
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Autocomplete), {
4388
4493
  disabled: loadingTo || loadingFrom,
4389
4494
  options: (0, $0f961b0b28f97b26$export$e5ad74579c86b003).filter((country)=>{
4390
4495
  if (calculator && calculator[fromCountryValue] && calculator[fromCountryValue].active && calculator[fromCountryValue].countryTo[country.code] && calculator[fromCountryValue].countryTo[country.code].active) return country;
4391
4496
  }),
4392
- // classes={{
4393
- // option: classes.option,
4394
- // }}
4395
- style: {
4497
+ sx: {
4396
4498
  fontSize: 14,
4397
4499
  "& > span": {
4398
4500
  marginRight: 10,
4399
4501
  fontSize: 18
4400
4502
  }
4401
4503
  },
4402
- filterOptions: this.filterOptions,
4403
4504
  disableClearable: true,
4404
4505
  value: (0, $0f961b0b28f97b26$export$e5ad74579c86b003).filter((country)=>country.code == toCountryValue)[0],
4405
4506
  autoHighlight: true,
4406
4507
  getOptionLabel: (option)=>`${option.currency}`,
4407
- renderOption: (option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment1), {
4508
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Box), {
4509
+ component: "li",
4510
+ ...props,
4408
4511
  children: [
4409
4512
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
4410
4513
  style: {
@@ -4417,18 +4520,20 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4417
4520
  option.currency
4418
4521
  ]
4419
4522
  }),
4420
- renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
4523
+ renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
4421
4524
  variant: "outlined",
4422
- style: classes.rootFlags,
4423
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTextField), {
4525
+ sx: classes.rootFlags,
4526
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$TextField), {
4424
4527
  ...params,
4425
4528
  variant: "standard",
4426
- InputProps: {
4427
- ...params.InputProps,
4428
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
4429
- code: this.state.toCountryValue == "PE-USD" ? "PE" : this.state.toCountryValue
4430
- }),
4431
- disableUnderline: true
4529
+ slotProps: {
4530
+ input: {
4531
+ ...params.InputProps,
4532
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
4533
+ code: this.state.toCountryValue == "PE-USD" ? "PE" : this.state.toCountryValue
4534
+ }),
4535
+ disableUnderline: true
4536
+ }
4432
4537
  }
4433
4538
  })
4434
4539
  }),
@@ -4437,44 +4542,47 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4437
4542
  })
4438
4543
  ]
4439
4544
  }),
4440
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4441
- item: true,
4442
- xs: 12,
4545
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4546
+ size: {
4547
+ xs: 12
4548
+ },
4443
4549
  container: true,
4444
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4445
- item: true,
4446
- xs: 12,
4447
- children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreFormHelperText), {
4448
- style: {
4550
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4551
+ size: {
4552
+ xs: 12
4553
+ },
4554
+ children: !isLoading && !loadingFrom && !loadingTo && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$FormHelperText), {
4555
+ sx: {
4449
4556
  color: "red"
4450
4557
  },
4451
4558
  children: receivedValue < minToValue && content.landing.min_value.replace("minValue", minToValue) || receivedValue > maxToValue && content.landing.max_value.replace("maxValue", maxToValue)
4452
4559
  })
4453
4560
  })
4454
4561
  }),
4455
- (toCountryValue == "VE" || toCountryValue == "AR") && paymentMethods && !loadingTo && !loadingFrom && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4456
- item: true,
4457
- xs: 12,
4458
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreNativeSelect), {
4459
- id: "demo-customized-select-native",
4460
- value: "Banks",
4461
- onChange: this.changeBank,
4462
- children: paymentMethods && paymentMethods.map((payment, index)=>{
4463
- if (payment.id == "trc20") return /*#__PURE__*/ (0, $5OpyM$jsxs)("option", {
4464
- value: payment.id,
4465
- children: [
4466
- "Tron TRC20 (",
4467
- payment.currency,
4468
- ")"
4469
- ]
4470
- }, payment.name + index);
4471
- return /*#__PURE__*/ (0, $5OpyM$jsxs)("option", {
4472
- value: payment.id,
4473
- children: [
4474
- payment.label,
4475
- " "
4476
- ]
4477
- }, payment.name + index);
4562
+ (toCountryValue == "VE" || toCountryValue == "AR") && paymentMethods && !loadingTo && !loadingFrom && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4563
+ size: {
4564
+ xs: 12
4565
+ },
4566
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$FormControl), {
4567
+ fullWidth: true,
4568
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Select), {
4569
+ id: "demo-customized-select-native",
4570
+ value: "Banks",
4571
+ onChange: this.changeBank,
4572
+ children: paymentMethods && paymentMethods.map((payment, index)=>{
4573
+ if (payment.id == "trc20") return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$MenuItem), {
4574
+ value: payment.id,
4575
+ children: [
4576
+ "Tron TRC20 (",
4577
+ payment.currency,
4578
+ ")"
4579
+ ]
4580
+ }, payment.name + index);
4581
+ return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$MenuItem), {
4582
+ value: payment.id,
4583
+ children: payment.label
4584
+ }, payment.name + index);
4585
+ })
4478
4586
  })
4479
4587
  })
4480
4588
  })
@@ -4483,14 +4591,12 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4483
4591
  /*#__PURE__*/ (0, $5OpyM$jsx)("br", {}),
4484
4592
  !onlySimulation && /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment), {
4485
4593
  children: [
4486
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4487
- item: true,
4594
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4488
4595
  container: true,
4489
4596
  direction: "column",
4490
4597
  spacing: 0,
4491
4598
  children: [
4492
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4493
- item: true,
4599
+ this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4494
4600
  children: /*#__PURE__*/ (0, $5OpyM$jsx)("p", {
4495
4601
  style: {
4496
4602
  textAlign: "center"
@@ -4498,31 +4604,29 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4498
4604
  children: content.calculator.plus.replace("amount", plus).replace("currency", this.state.isUsdt ? 'USDT' : toCurrencyValue)
4499
4605
  })
4500
4606
  }),
4501
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4502
- item: true,
4503
- style: {
4504
- marginTop: "15px"
4505
- },
4506
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4507
- style: classes.labelCoupon,
4607
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4608
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4609
+ sx: classes.labelCoupon,
4508
4610
  gutterBottom: true,
4509
4611
  variant: "subtitle1",
4510
4612
  component: "div",
4511
4613
  children: content.landing.coupon_content
4512
4614
  })
4513
4615
  }),
4514
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
4515
- item: true,
4516
- xs: 12,
4616
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
4617
+ size: {
4618
+ xs: 12
4619
+ },
4517
4620
  container: true,
4518
4621
  children: [
4519
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4520
- item: true,
4521
- xs: 5,
4522
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
4523
- style: classes.inputCoupon,
4524
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputBase), {
4525
- style: classes.inputCouponText,
4622
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4623
+ size: {
4624
+ xs: 5
4625
+ },
4626
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
4627
+ sx: classes.inputCoupon,
4628
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputBase), {
4629
+ sx: classes.inputCouponText,
4526
4630
  value: couponValue,
4527
4631
  disabled: loadingFrom || loadingTo,
4528
4632
  type: "text",
@@ -4530,19 +4634,20 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4530
4634
  })
4531
4635
  })
4532
4636
  }),
4533
- this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4534
- item: true,
4535
- xs: 2,
4536
- style: {
4637
+ this.state.hasValidCoupon && plus != null && plus != 'undefined' && plus != 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4638
+ size: {
4639
+ xs: 2
4640
+ },
4641
+ sx: {
4537
4642
  paddingLeft: "3px"
4538
4643
  },
4539
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTooltip), {
4644
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Tooltip), {
4540
4645
  title: content.calculator.remove_coupon,
4541
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreButton), {
4542
- style: classes.buttonRemoveCoupon,
4646
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Button), {
4647
+ sx: classes.buttonRemoveCoupon,
4543
4648
  onClick: this.removeCoupon,
4544
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuiiconsHighlightOffOutlined), {
4545
- style: {
4649
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$HighlightOffOutlined), {
4650
+ sx: {
4546
4651
  color: "white"
4547
4652
  }
4548
4653
  })
@@ -4551,15 +4656,15 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4551
4656
  })
4552
4657
  ]
4553
4658
  }),
4554
- !this.state.hasValidCoupon && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4555
- item: true,
4556
- xs: 12,
4557
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4558
- style: {
4659
+ !this.state.hasValidCoupon && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4660
+ size: {
4661
+ xs: 12
4662
+ },
4663
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4664
+ sx: {
4559
4665
  color: "red",
4560
4666
  textAlign: "center",
4561
- maxWidth: "100%",
4562
- paddingTop: "10px"
4667
+ maxWidth: "100%"
4563
4668
  },
4564
4669
  children: this.state.countryError.hasErrors ? /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment), {
4565
4670
  children: [
@@ -4574,20 +4679,21 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4574
4679
  ]
4575
4680
  }),
4576
4681
  /*#__PURE__*/ (0, $5OpyM$jsx)("br", {}),
4577
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4578
- item: true,
4579
- xs: 12,
4580
- style: {
4682
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4683
+ size: {
4684
+ xs: 12
4685
+ },
4686
+ sx: {
4581
4687
  marginTop: "20px",
4582
4688
  marginBottom: "10px"
4583
4689
  },
4584
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreButton), {
4585
- style: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4690
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Button), {
4691
+ sx: startDisabled ? classes.buttonStartDisabled : classes.buttonStart,
4586
4692
  variant: "contained",
4587
4693
  disabled: startDisabled,
4588
4694
  onClick: this.handleSubmitForm,
4589
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4590
- style: classes.textButtonStart,
4695
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4696
+ sx: classes.textButtonStart,
4591
4697
  children: content.landing.button_start
4592
4698
  })
4593
4699
  })
@@ -4595,21 +4701,23 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4595
4701
  /*#__PURE__*/ (0, $5OpyM$jsx)("br", {})
4596
4702
  ]
4597
4703
  }),
4598
- recalculate && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4599
- item: true,
4600
- xs: 12,
4601
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4602
- style: classes.labelUpdateTC,
4704
+ recalculate && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4705
+ size: {
4706
+ xs: 12
4707
+ },
4708
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4709
+ sx: classes.labelUpdateTC,
4603
4710
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $49f826b4fff6422b$export$2e2bcd8739ae039), {
4604
4711
  locale: locale
4605
4712
  })
4606
4713
  })
4607
4714
  }),
4608
- this.state.hasError && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4609
- item: true,
4610
- xs: 12,
4611
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
4612
- style: {
4715
+ this.state.hasError && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4716
+ size: {
4717
+ xs: 12
4718
+ },
4719
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
4720
+ sx: {
4613
4721
  color: "red",
4614
4722
  textAlign: "center",
4615
4723
  maxWidth: "100%",
@@ -4618,25 +4726,27 @@ class $e8a8a43586c972c2$var$Calculator extends (0, $5OpyM$Component) {
4618
4726
  children: content.error_general
4619
4727
  })
4620
4728
  }),
4621
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4622
- item: true,
4623
- xs: 12,
4624
- style: {
4729
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4730
+ size: {
4731
+ xs: 12
4732
+ },
4733
+ sx: {
4625
4734
  marginTop: "45px"
4626
4735
  },
4627
4736
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {})
4628
4737
  }),
4629
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
4630
- item: true,
4631
- xs: 12,
4738
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
4739
+ size: {
4740
+ xs: 12
4741
+ },
4632
4742
  container: true,
4633
4743
  direction: "row",
4634
4744
  justifyContent: "center",
4635
4745
  alignItems: "center",
4636
- style: {
4746
+ sx: {
4637
4747
  paddingBottom: "10px"
4638
4748
  },
4639
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreTypography), {
4749
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
4640
4750
  variant: "subtitle1",
4641
4751
  children: [
4642
4752
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
@@ -4675,9 +4785,6 @@ var $e8a8a43586c972c2$export$2e2bcd8739ae039 = $e8a8a43586c972c2$var$Calculator;
4675
4785
 
4676
4786
 
4677
4787
 
4678
-
4679
-
4680
-
4681
4788
  const $3217af864b2b4eed$export$1b5eb083c754a86b = Object.freeze({
4682
4789
  COUNTRY: "country",
4683
4790
  WALLET: "wallet",
@@ -5498,13 +5605,6 @@ var $aeba0491dead64b0$export$2e2bcd8739ae039 = $aeba0491dead64b0$var$OperationsH
5498
5605
 
5499
5606
 
5500
5607
 
5501
-
5502
-
5503
-
5504
-
5505
-
5506
-
5507
-
5508
5608
  const $5432d217b58057a8$var$componentStyles = {
5509
5609
  root: {
5510
5610
  fontFamily: "Poppins",
@@ -5646,15 +5746,16 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5646
5746
  "wallet-receiver": content.common.receiver.wallet_action
5647
5747
  };
5648
5748
  return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Fragment), {
5649
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
5749
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5650
5750
  container: true,
5651
5751
  direction: "column",
5652
5752
  spacing: 0,
5653
5753
  children: [
5654
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
5655
- item: true,
5656
- xs: 12,
5657
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
5754
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5755
+ size: {
5756
+ xs: 12
5757
+ },
5758
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5658
5759
  style: classes.labelAmount,
5659
5760
  gutterBottom: true,
5660
5761
  variant: "subtitle1",
@@ -5662,25 +5763,27 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5662
5763
  children: labels[id]
5663
5764
  })
5664
5765
  }),
5665
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
5666
- item: true,
5667
- xs: 12,
5668
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
5766
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5767
+ size: {
5768
+ xs: 12
5769
+ },
5770
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5669
5771
  container: true,
5670
5772
  children: [
5671
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
5672
- item: true,
5673
- xs: 5,
5674
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
5773
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5774
+ size: {
5775
+ xs: 5
5776
+ },
5777
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
5675
5778
  style: classes.inputAmount,
5676
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputBase), {
5779
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputBase), {
5677
5780
  id: id,
5678
5781
  style: classes.inputAmountText,
5679
5782
  required: true,
5680
5783
  value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5681
5784
  type: "number",
5682
5785
  disabled: user.isLoading || user.isDisabled || disabled,
5683
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreInputAdornment), {
5786
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$InputAdornment), {
5684
5787
  position: "start",
5685
5788
  style: {
5686
5789
  marginTop: "0px"
@@ -5688,7 +5791,7 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5688
5791
  children: /*#__PURE__*/ (0, $5OpyM$jsxs)("span", {
5689
5792
  children: [
5690
5793
  " ",
5691
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreCircularProgress), {
5794
+ user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$CircularProgress), {
5692
5795
  size: 18
5693
5796
  }),
5694
5797
  " "
@@ -5705,9 +5808,10 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5705
5808
  })
5706
5809
  })
5707
5810
  }),
5708
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
5709
- item: true,
5710
- xs: 7,
5811
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5812
+ size: {
5813
+ xs: 5
5814
+ },
5711
5815
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Autocomplete), {
5712
5816
  disabled: user.isLoading || user.isDisabled,
5713
5817
  options: transferOptions,
@@ -5719,29 +5823,42 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5719
5823
  fontSize: 18
5720
5824
  }
5721
5825
  },
5722
- filterOptions: $9e00e2be3bd88fb2$var$filterOptions,
5723
- value: transferOptions.find((x)=>x.code == selectedOption.code),
5826
+ isOptionEqualToValue: (option, value)=>option.code === value?.code,
5827
+ value: selectedOption ? transferOptions.find((x)=>x.code === selectedOption.code) || null : null,
5724
5828
  autoHighlight: true,
5725
- getOptionLabel: (option)=>`${option?.currency || ""}`,
5726
- renderOption: (option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment1), {
5829
+ getOptionLabel: (option)=>{
5830
+ if (!option) return '';
5831
+ if (typeof option === 'string') return option;
5832
+ if (typeof option.currency === 'string') return option.currency;
5833
+ return '';
5834
+ },
5835
+ renderOption: (props, option)=>{
5836
+ if (!option) return null;
5837
+ const { key: key, ...restProps } = props;
5838
+ const code = option.code || 'unknown';
5839
+ const currency = option.currency || '';
5840
+ const flagCode = code === "PE-USD" ? "PE" : code;
5841
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Box), {
5842
+ component: "li",
5843
+ ...restProps,
5727
5844
  children: [
5728
5845
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5729
5846
  style: {
5730
5847
  marginRight: "5px"
5731
5848
  },
5732
5849
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5733
- code: option.code == "PE-USD" ? "PE" : option.code
5850
+ code: flagCode
5734
5851
  })
5735
5852
  }),
5736
- " ",
5737
- option?.currency || ""
5853
+ currency
5738
5854
  ]
5739
- }),
5855
+ }, `${code}-${currency}`);
5856
+ },
5740
5857
  disableClearable: true,
5741
- renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
5858
+ renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
5742
5859
  variant: "outlined",
5743
5860
  style: classes.rootFlags,
5744
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTextField), {
5861
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$TextField), {
5745
5862
  style: {
5746
5863
  fontSize: "15px"
5747
5864
  },
@@ -5756,16 +5873,17 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5756
5873
  }
5757
5874
  })
5758
5875
  }),
5759
- onChange: onChangeCountry
5876
+ onChange: (event, value)=>onChangeCountry && onChangeCountry(event, value)
5760
5877
  })
5761
5878
  })
5762
5879
  ]
5763
5880
  })
5764
5881
  }),
5765
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
5766
- item: true,
5767
- xs: 12,
5768
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreFormHelperText), {
5882
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5883
+ size: {
5884
+ xs: 12
5885
+ },
5886
+ children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$FormHelperText), {
5769
5887
  style: {
5770
5888
  color: "red"
5771
5889
  },
@@ -5784,6 +5902,7 @@ var $9e00e2be3bd88fb2$export$2e2bcd8739ae039 = $9e00e2be3bd88fb2$var$InputAmount
5784
5902
 
5785
5903
 
5786
5904
 
5905
+
5787
5906
  const $a4928b807540c328$var$Fees = (props)=>{
5788
5907
  const { content: content, details: details, simulatorMode: simulatorMode, walletName: walletName = "", locale: locale } = props;
5789
5908
  const [isUSDTReceiver, setIsUSDTReceiver] = (0, $5OpyM$useState)(false);
@@ -5792,39 +5911,42 @@ const $a4928b807540c328$var$Fees = (props)=>{
5792
5911
  }, [
5793
5912
  details
5794
5913
  ]);
5795
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
5914
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5796
5915
  container: true,
5797
5916
  direction: "column",
5798
5917
  spacing: 0,
5799
- style: {
5918
+ sx: {
5800
5919
  marginBottom: 15
5801
5920
  },
5802
5921
  children: [
5803
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5804
- item: true,
5805
- xs: 12,
5806
- style: {
5922
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5923
+ size: {
5924
+ xs: 12
5925
+ },
5926
+ sx: {
5807
5927
  display: "contents"
5808
5928
  },
5809
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
5929
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5810
5930
  container: true,
5811
5931
  spacing: 1,
5812
5932
  children: [
5813
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5814
- item: true,
5815
- xs: 1,
5933
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5934
+ size: {
5935
+ xs: 1
5936
+ },
5816
5937
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5817
5938
  variant: "body2",
5818
5939
  color: "textSecondary"
5819
5940
  })
5820
5941
  }),
5821
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5822
- item: true,
5823
- md: 4,
5942
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5943
+ size: {
5944
+ md: 4
5945
+ },
5824
5946
  children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
5825
5947
  variant: "body2",
5826
5948
  color: "textSecondary",
5827
- style: {
5949
+ sx: {
5828
5950
  textAlign: "right"
5829
5951
  },
5830
5952
  children: [
@@ -5833,31 +5955,34 @@ const $a4928b807540c328$var$Fees = (props)=>{
5833
5955
  ]
5834
5956
  })
5835
5957
  }),
5836
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5837
- item: true,
5838
- xs: 1,
5958
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5959
+ size: {
5960
+ xs: 1
5961
+ },
5839
5962
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5840
5963
  variant: "body2",
5841
5964
  color: "textSecondary",
5842
5965
  children: details.currency
5843
5966
  })
5844
5967
  }),
5845
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5846
- item: true,
5847
- xs: 1,
5968
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5969
+ size: {
5970
+ xs: 1
5971
+ },
5848
5972
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5849
5973
  variant: "body2",
5850
5974
  color: "textSecondary",
5851
5975
  children: " "
5852
5976
  })
5853
5977
  }),
5854
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5855
- item: true,
5856
- xs: 5,
5978
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5979
+ size: {
5980
+ xs: 5
5981
+ },
5857
5982
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5858
5983
  variant: "body2",
5859
5984
  color: "textSecondary",
5860
- style: {
5985
+ sx: {
5861
5986
  fontWeight: "bold",
5862
5987
  textAlign: "left",
5863
5988
  marginLeft: "10px"
@@ -5868,61 +5993,67 @@ const $a4928b807540c328$var$Fees = (props)=>{
5868
5993
  ]
5869
5994
  })
5870
5995
  }),
5871
- walletName?.length > 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5872
- item: true,
5873
- xs: 12,
5874
- style: {
5996
+ walletName?.length > 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5997
+ size: {
5998
+ xs: 12
5999
+ },
6000
+ sx: {
5875
6001
  display: "contents"
5876
6002
  },
5877
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6003
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5878
6004
  container: true,
5879
6005
  spacing: 1,
5880
6006
  children: [
5881
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5882
- item: true,
5883
- xs: 1,
6007
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6008
+ size: {
6009
+ xs: 1
6010
+ },
5884
6011
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5885
6012
  variant: "body2",
5886
6013
  color: "textSecondary"
5887
6014
  })
5888
6015
  }),
5889
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5890
- item: true,
5891
- md: 4,
6016
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6017
+ size: {
6018
+ md: 4
6019
+ },
5892
6020
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5893
6021
  variant: "body2",
5894
6022
  color: "textSecondary",
5895
- style: {
6023
+ sx: {
5896
6024
  textAlign: "right"
5897
6025
  },
5898
6026
  children: (details.fees.payoneer || details.fees.wise || details.fees.deel || details.fees.ontop || 0).toFixed(2)
5899
6027
  })
5900
6028
  }),
5901
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5902
- item: true,
5903
- xs: 1,
6029
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6030
+ size: {
6031
+ xs: 1
6032
+ },
5904
6033
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5905
6034
  variant: "body2",
5906
6035
  color: "textSecondary",
5907
6036
  children: details.currency
5908
6037
  })
5909
6038
  }),
5910
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5911
- item: true,
5912
- xs: 1,
6039
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6040
+ size: {
6041
+ xs: 1
6042
+ },
5913
6043
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5914
6044
  variant: "body2",
5915
6045
  color: "textSecondary",
5916
6046
  children: " "
5917
6047
  })
5918
6048
  }),
5919
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5920
- item: true,
5921
- xs: 5,
6049
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6050
+ size: {
6051
+ xs: 5
6052
+ },
5922
6053
  children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
5923
6054
  variant: "body2",
5924
6055
  color: "textSecondary",
5925
- style: {
6056
+ sx: {
5926
6057
  fontWeight: "bold",
5927
6058
  textAlign: "left",
5928
6059
  marginLeft: "10px"
@@ -5934,7 +6065,7 @@ const $a4928b807540c328$var$Fees = (props)=>{
5934
6065
  " ",
5935
6066
  walletName[0],
5936
6067
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5937
- style: {
6068
+ sx: {
5938
6069
  textTransform: 'lowercase'
5939
6070
  },
5940
6071
  children: walletName.slice(1)
@@ -5945,7 +6076,7 @@ const $a4928b807540c328$var$Fees = (props)=>{
5945
6076
  children: [
5946
6077
  walletName[0],
5947
6078
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5948
- style: {
6079
+ sx: {
5949
6080
  textTransform: 'lowercase'
5950
6081
  },
5951
6082
  children: walletName.slice(1)
@@ -5960,79 +6091,86 @@ const $a4928b807540c328$var$Fees = (props)=>{
5960
6091
  ]
5961
6092
  })
5962
6093
  }),
5963
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5964
- item: true,
5965
- xs: 12,
6094
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6095
+ size: {
6096
+ xs: 12
6097
+ },
5966
6098
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {
5967
- style: {
6099
+ sx: {
5968
6100
  margin: 4
5969
6101
  }
5970
6102
  })
5971
6103
  }),
5972
- details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5973
- item: true,
5974
- xs: 12,
5975
- style: {
6104
+ details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6105
+ size: {
6106
+ xs: 12
6107
+ },
6108
+ sx: {
5976
6109
  display: "contents"
5977
6110
  },
5978
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6111
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5979
6112
  container: true,
5980
6113
  spacing: 1,
5981
6114
  children: [
5982
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5983
- item: true,
5984
- xs: 1,
6115
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6116
+ size: {
6117
+ xs: 1
6118
+ },
5985
6119
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5986
6120
  variant: "subtitle2",
5987
6121
  color: "textPrimary",
5988
- style: {
6122
+ sx: {
5989
6123
  fontWeight: "bold",
5990
6124
  textAlign: "right"
5991
6125
  },
5992
6126
  children: "-"
5993
6127
  })
5994
6128
  }),
5995
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
5996
- item: true,
5997
- md: 4,
6129
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6130
+ size: {
6131
+ md: 4
6132
+ },
5998
6133
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
5999
6134
  variant: "subtitle2",
6000
6135
  color: "textPrimary",
6001
- style: {
6136
+ sx: {
6002
6137
  fontWeight: "bold",
6003
6138
  textAlign: "right"
6004
6139
  },
6005
6140
  children: details.totalFees
6006
6141
  })
6007
6142
  }),
6008
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6009
- item: true,
6010
- xs: 1,
6143
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6144
+ size: {
6145
+ xs: 1
6146
+ },
6011
6147
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6012
6148
  variant: "subtitle2",
6013
6149
  color: "textPrimary",
6014
- style: {
6150
+ sx: {
6015
6151
  fontWeight: "bold"
6016
6152
  },
6017
6153
  children: details.currency
6018
6154
  })
6019
6155
  }),
6020
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6021
- item: true,
6022
- xs: 1,
6156
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6157
+ size: {
6158
+ xs: 1
6159
+ },
6023
6160
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6024
6161
  variant: "body2",
6025
6162
  color: "textSecondary",
6026
6163
  children: " "
6027
6164
  })
6028
6165
  }),
6029
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6030
- item: true,
6031
- xs: 5,
6166
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6167
+ size: {
6168
+ xs: 5
6169
+ },
6032
6170
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6033
6171
  variant: "subtitle2",
6034
6172
  color: "textPrimary",
6035
- style: {
6173
+ sx: {
6036
6174
  fontWeight: "bold",
6037
6175
  textAlign: "left",
6038
6176
  marginLeft: "10px"
@@ -6043,57 +6181,63 @@ const $a4928b807540c328$var$Fees = (props)=>{
6043
6181
  ]
6044
6182
  })
6045
6183
  }),
6046
- isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6047
- item: true,
6048
- xs: 12,
6049
- style: {
6184
+ isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6185
+ size: {
6186
+ xs: 12
6187
+ },
6188
+ sx: {
6050
6189
  display: "contents"
6051
6190
  },
6052
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6191
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6053
6192
  container: true,
6054
6193
  spacing: 1,
6055
6194
  children: [
6056
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6057
- item: true,
6058
- xs: 1,
6195
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6196
+ size: {
6197
+ xs: 1
6198
+ },
6059
6199
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6060
6200
  variant: "body2",
6061
6201
  color: "textPrimary"
6062
6202
  })
6063
6203
  }),
6064
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6065
- item: true,
6066
- md: 4,
6204
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6205
+ size: {
6206
+ md: 4
6207
+ },
6067
6208
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6068
6209
  variant: "body2",
6069
- style: {
6210
+ sx: {
6070
6211
  textAlign: "right"
6071
6212
  },
6072
6213
  children: (details.calculatedAmount + details.fees.network).toFixed(2)
6073
6214
  })
6074
6215
  }),
6075
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6076
- item: true,
6077
- xs: 1,
6216
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6217
+ size: {
6218
+ xs: 1
6219
+ },
6078
6220
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6079
6221
  variant: "body2",
6080
6222
  children: ` USDT`
6081
6223
  })
6082
6224
  }),
6083
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6084
- item: true,
6085
- xs: 1,
6225
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6226
+ size: {
6227
+ xs: 1
6228
+ },
6086
6229
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6087
6230
  variant: "body2",
6088
6231
  children: " "
6089
6232
  })
6090
6233
  }),
6091
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6092
- item: true,
6093
- xs: 5,
6234
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6235
+ size: {
6236
+ xs: 5
6237
+ },
6094
6238
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6095
6239
  variant: "body2",
6096
- style: {
6240
+ sx: {
6097
6241
  fontWeight: "bold",
6098
6242
  textAlign: "left",
6099
6243
  marginLeft: "10px"
@@ -6104,62 +6248,68 @@ const $a4928b807540c328$var$Fees = (props)=>{
6104
6248
  ]
6105
6249
  })
6106
6250
  }),
6107
- isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6108
- item: true,
6109
- xs: 12,
6110
- style: {
6251
+ isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6252
+ size: {
6253
+ xs: 12
6254
+ },
6255
+ sx: {
6111
6256
  display: "contents"
6112
6257
  },
6113
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6258
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6114
6259
  container: true,
6115
6260
  spacing: 1,
6116
6261
  children: [
6117
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6118
- item: true,
6119
- xs: 1,
6262
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6263
+ size: {
6264
+ xs: 1
6265
+ },
6120
6266
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6121
6267
  variant: "body2",
6122
6268
  color: "textPrimary",
6123
- style: {
6269
+ sx: {
6124
6270
  fontWeight: "bold",
6125
6271
  textAlign: "right"
6126
6272
  },
6127
6273
  children: "-"
6128
6274
  })
6129
6275
  }),
6130
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6131
- item: true,
6132
- md: 4,
6276
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6277
+ size: {
6278
+ md: 4
6279
+ },
6133
6280
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6134
6281
  variant: "body2",
6135
- style: {
6282
+ sx: {
6136
6283
  textAlign: "right"
6137
6284
  },
6138
6285
  children: details.fees.network.toFixed(2)
6139
6286
  })
6140
6287
  }),
6141
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6142
- item: true,
6143
- xs: 1,
6288
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6289
+ size: {
6290
+ xs: 1
6291
+ },
6144
6292
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6145
6293
  variant: "body2",
6146
6294
  children: ` USDT`
6147
6295
  })
6148
6296
  }),
6149
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6150
- item: true,
6151
- xs: 1,
6297
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6298
+ size: {
6299
+ xs: 1
6300
+ },
6152
6301
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6153
6302
  variant: "body2",
6154
6303
  children: " "
6155
6304
  })
6156
6305
  }),
6157
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6158
- item: true,
6159
- xs: 5,
6306
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6307
+ size: {
6308
+ xs: 5
6309
+ },
6160
6310
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6161
6311
  variant: "body2",
6162
- style: {
6312
+ sx: {
6163
6313
  fontWeight: "bold",
6164
6314
  textAlign: "left",
6165
6315
  marginLeft: "10px"
@@ -6170,70 +6320,76 @@ const $a4928b807540c328$var$Fees = (props)=>{
6170
6320
  ]
6171
6321
  })
6172
6322
  }),
6173
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6174
- item: true,
6175
- xs: 12,
6176
- style: {
6323
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6324
+ size: {
6325
+ xs: 12
6326
+ },
6327
+ sx: {
6177
6328
  display: "contents"
6178
6329
  },
6179
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6330
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6180
6331
  container: true,
6181
6332
  spacing: 1,
6182
6333
  children: [
6183
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6184
- item: true,
6185
- xs: 1,
6334
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6335
+ size: {
6336
+ xs: 1
6337
+ },
6186
6338
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6187
6339
  variant: "subtitle2",
6188
6340
  color: "textPrimary",
6189
- style: {
6341
+ sx: {
6190
6342
  fontWeight: "bold",
6191
6343
  textAlign: "right"
6192
6344
  },
6193
6345
  children: "="
6194
6346
  })
6195
6347
  }),
6196
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6197
- item: true,
6198
- md: 4,
6348
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6349
+ size: {
6350
+ md: 4
6351
+ },
6199
6352
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6200
6353
  variant: "subtitle2",
6201
6354
  color: "textPrimary",
6202
- style: {
6355
+ sx: {
6203
6356
  fontWeight: "bold",
6204
6357
  textAlign: "right"
6205
6358
  },
6206
6359
  children: details.calculatedAmount
6207
6360
  })
6208
6361
  }),
6209
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6210
- item: true,
6211
- xs: 1,
6362
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6363
+ size: {
6364
+ xs: 1
6365
+ },
6212
6366
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6213
6367
  variant: "subtitle2",
6214
6368
  color: "textPrimary",
6215
- style: {
6369
+ sx: {
6216
6370
  fontWeight: "bold"
6217
6371
  },
6218
6372
  children: isUSDTReceiver ? "USDT" : details.currency
6219
6373
  })
6220
6374
  }),
6221
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6222
- item: true,
6223
- xs: 1,
6375
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6376
+ size: {
6377
+ xs: 1
6378
+ },
6224
6379
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6225
6380
  variant: "body2",
6226
6381
  color: "textSecondary",
6227
6382
  children: " "
6228
6383
  })
6229
6384
  }),
6230
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6231
- item: true,
6232
- xs: 5,
6385
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6386
+ size: {
6387
+ xs: 5
6388
+ },
6233
6389
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6234
6390
  variant: "subtitle2",
6235
6391
  color: "textPrimary",
6236
- style: {
6392
+ sx: {
6237
6393
  fontWeight: "bold",
6238
6394
  textAlign: "left",
6239
6395
  marginLeft: "10px"
@@ -6244,70 +6400,76 @@ const $a4928b807540c328$var$Fees = (props)=>{
6244
6400
  ]
6245
6401
  })
6246
6402
  }),
6247
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6248
- item: true,
6249
- xs: 12,
6250
- style: {
6403
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6404
+ size: {
6405
+ xs: 12
6406
+ },
6407
+ sx: {
6251
6408
  display: "contents"
6252
6409
  },
6253
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6410
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6254
6411
  container: true,
6255
6412
  spacing: 1,
6256
6413
  children: [
6257
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6258
- item: true,
6259
- xs: 1,
6414
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6415
+ size: {
6416
+ xs: 1
6417
+ },
6260
6418
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6261
6419
  variant: "subtitle2",
6262
6420
  color: "textPrimary",
6263
- style: {
6421
+ sx: {
6264
6422
  fontWeight: "bold",
6265
6423
  textAlign: "right"
6266
6424
  },
6267
6425
  children: details.exchangeRateLabel
6268
6426
  })
6269
6427
  }),
6270
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6271
- item: true,
6272
- md: 4,
6428
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6429
+ size: {
6430
+ md: 4
6431
+ },
6273
6432
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6274
6433
  variant: "subtitle2",
6275
6434
  color: "textPrimary",
6276
- style: {
6435
+ sx: {
6277
6436
  fontWeight: "bold",
6278
6437
  textAlign: "right"
6279
6438
  },
6280
6439
  children: details.exchangeRate
6281
6440
  })
6282
6441
  }),
6283
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6284
- item: true,
6285
- xs: 1,
6442
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6443
+ size: {
6444
+ xs: 1
6445
+ },
6286
6446
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6287
6447
  variant: "subtitle2",
6288
6448
  color: "textPrimary",
6289
- style: {
6449
+ sx: {
6290
6450
  fontWeight: "bold"
6291
6451
  },
6292
6452
  children: isUSDTReceiver ? "USDT" : details.exchangeRateLabel == "x" ? details.currencyReceiver : details.currency
6293
6453
  })
6294
6454
  }),
6295
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6296
- item: true,
6297
- xs: 1,
6455
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6456
+ size: {
6457
+ xs: 1
6458
+ },
6298
6459
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6299
6460
  variant: "body2",
6300
6461
  color: "textSecondary",
6301
6462
  children: " "
6302
6463
  })
6303
6464
  }),
6304
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6305
- item: true,
6306
- xs: 5,
6465
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6466
+ size: {
6467
+ xs: 5
6468
+ },
6307
6469
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6308
6470
  variant: "subtitle2",
6309
6471
  color: "textPrimary",
6310
- style: {
6472
+ sx: {
6311
6473
  fontWeight: "bold",
6312
6474
  textAlign: "left",
6313
6475
  marginLeft: "10px"
@@ -6318,70 +6480,76 @@ const $a4928b807540c328$var$Fees = (props)=>{
6318
6480
  ]
6319
6481
  })
6320
6482
  }),
6321
- details.tax > 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6322
- item: true,
6323
- xs: 12,
6324
- style: {
6483
+ details.tax > 0 && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6484
+ size: {
6485
+ xs: 12
6486
+ },
6487
+ sx: {
6325
6488
  display: "contents"
6326
6489
  },
6327
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
6490
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6328
6491
  container: true,
6329
6492
  spacing: 1,
6330
6493
  children: [
6331
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6332
- item: true,
6333
- xs: 1,
6494
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6495
+ size: {
6496
+ xs: 1
6497
+ },
6334
6498
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6335
6499
  variant: "subtitle2",
6336
6500
  color: "textPrimary",
6337
- style: {
6501
+ sx: {
6338
6502
  fontWeight: "bold",
6339
6503
  textAlign: "right"
6340
6504
  },
6341
6505
  children: "-"
6342
6506
  })
6343
6507
  }),
6344
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6345
- item: true,
6346
- md: 4,
6508
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6509
+ size: {
6510
+ md: 4
6511
+ },
6347
6512
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6348
6513
  variant: "subtitle2",
6349
6514
  color: "textPrimary",
6350
- style: {
6515
+ sx: {
6351
6516
  fontWeight: "bold",
6352
6517
  textAlign: "right"
6353
6518
  },
6354
6519
  children: details.tax
6355
6520
  })
6356
6521
  }),
6357
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6358
- item: true,
6359
- xs: 1,
6522
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6523
+ size: {
6524
+ xs: 1
6525
+ },
6360
6526
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6361
6527
  variant: "subtitle2",
6362
6528
  color: "textPrimary",
6363
- style: {
6529
+ sx: {
6364
6530
  fontWeight: "bold"
6365
6531
  },
6366
6532
  children: details.currencyReceiver
6367
6533
  })
6368
6534
  }),
6369
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6370
- item: true,
6371
- xs: 1,
6535
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6536
+ size: {
6537
+ xs: 1
6538
+ },
6372
6539
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6373
6540
  variant: "body2",
6374
6541
  color: "textSecondary",
6375
6542
  children: " "
6376
6543
  })
6377
6544
  }),
6378
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6379
- item: true,
6380
- xs: 5,
6545
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6546
+ size: {
6547
+ xs: 5
6548
+ },
6381
6549
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6382
6550
  variant: "subtitle2",
6383
6551
  color: "textPrimary",
6384
- style: {
6552
+ sx: {
6385
6553
  fontWeight: "bold",
6386
6554
  textAlign: "left",
6387
6555
  marginLeft: "10px"
@@ -6407,7 +6575,6 @@ var $a4928b807540c328$export$2e2bcd8739ae039 = $a4928b807540c328$var$Fees;
6407
6575
 
6408
6576
 
6409
6577
 
6410
-
6411
6578
  const $8389761474a96b2d$var$Disclaimers = (props)=>{
6412
6579
  const disclaimerTypes = {
6413
6580
  send: "send",
@@ -6425,13 +6592,14 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6425
6592
  let __expiration = expiration.charAt(0).toUpperCase() + expiration.slice(1);
6426
6593
  switch(name){
6427
6594
  case disclaimerTypes.send:
6428
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6595
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6429
6596
  container: true,
6430
6597
  spacing: 2,
6431
6598
  children: [
6432
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6433
- item: true,
6434
- xs: 12,
6599
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6600
+ size: {
6601
+ xs: 12
6602
+ },
6435
6603
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Alert), {
6436
6604
  severity: "info",
6437
6605
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
@@ -6440,9 +6608,10 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6440
6608
  })
6441
6609
  })
6442
6610
  }),
6443
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6444
- item: true,
6445
- xs: 12,
6611
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6612
+ size: {
6613
+ xs: 12
6614
+ },
6446
6615
  children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
6447
6616
  variant: "body2",
6448
6617
  align: "center",
@@ -6453,13 +6622,14 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6453
6622
  ]
6454
6623
  })
6455
6624
  }),
6456
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6457
- item: true,
6458
- xs: 12,
6625
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6626
+ size: {
6627
+ xs: 12
6628
+ },
6459
6629
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6460
6630
  variant: "body2",
6461
6631
  align: "center",
6462
- style: {
6632
+ sx: {
6463
6633
  color: "#666"
6464
6634
  },
6465
6635
  children: /*#__PURE__*/ (0, $5OpyM$jsx)("b", {
@@ -6470,40 +6640,43 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6470
6640
  ]
6471
6641
  });
6472
6642
  case disclaimerTypes.sendWithIntegration:
6473
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6643
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6474
6644
  container: true,
6475
6645
  spacing: 2,
6476
6646
  children: [
6477
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6478
- item: true,
6479
- xs: 12,
6647
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6648
+ size: {
6649
+ xs: 12
6650
+ },
6480
6651
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Alert), {
6481
6652
  severity: "info",
6482
6653
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6483
- style: {
6654
+ sx: {
6484
6655
  fontSize: "0.8rem"
6485
6656
  },
6486
6657
  children: content.disclaimers.send
6487
6658
  })
6488
6659
  })
6489
6660
  }),
6490
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6491
- item: true,
6492
- xs: 12,
6661
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6662
+ size: {
6663
+ xs: 12
6664
+ },
6493
6665
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6494
6666
  variant: "body2",
6495
6667
  align: "center",
6496
6668
  children: content.disclaimers.sendDescription
6497
6669
  })
6498
6670
  }),
6499
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6500
- item: true,
6501
- xs: 12,
6671
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6672
+ size: {
6673
+ xs: 12
6674
+ },
6502
6675
  children: [
6503
6676
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6504
6677
  variant: "body2",
6505
6678
  align: "center",
6506
- style: {
6679
+ sx: {
6507
6680
  color: "#666"
6508
6681
  },
6509
6682
  children: /*#__PURE__*/ (0, $5OpyM$jsx)("b", {
@@ -6513,7 +6686,7 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6513
6686
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6514
6687
  variant: "caption",
6515
6688
  align: "justify",
6516
- style: {
6689
+ sx: {
6517
6690
  display: "inline-block",
6518
6691
  color: "#878787",
6519
6692
  lineHeight: "15px",
@@ -6527,38 +6700,41 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6527
6700
  ]
6528
6701
  });
6529
6702
  case disclaimerTypes.receive:
6530
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6703
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6531
6704
  container: true,
6532
6705
  spacing: 2,
6533
6706
  children: [
6534
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6535
- item: true,
6536
- xs: 12,
6707
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6708
+ size: {
6709
+ xs: 12
6710
+ },
6537
6711
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Alert), {
6538
6712
  severity: "info",
6539
6713
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6540
- style: {
6714
+ sx: {
6541
6715
  fontSize: "0.8rem"
6542
6716
  },
6543
6717
  children: content.disclaimers.receive
6544
6718
  })
6545
6719
  })
6546
6720
  }),
6547
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6548
- item: true,
6549
- xs: 12,
6721
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6722
+ size: {
6723
+ xs: 12
6724
+ },
6550
6725
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6551
6726
  variant: "body2",
6552
6727
  align: "justify",
6553
6728
  children: content.disclaimers.receiveDescription
6554
6729
  })
6555
6730
  }),
6556
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6557
- item: true,
6558
- xs: 12,
6731
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6732
+ size: {
6733
+ xs: 12
6734
+ },
6559
6735
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6560
6736
  variant: "caption",
6561
- style: {
6737
+ sx: {
6562
6738
  color: "#878787"
6563
6739
  },
6564
6740
  children: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6567,26 +6743,28 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6567
6743
  ]
6568
6744
  });
6569
6745
  case disclaimerTypes.receiveWithIntegration:
6570
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6746
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6571
6747
  container: true,
6572
6748
  spacing: 2,
6573
6749
  children: [
6574
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6575
- item: true,
6576
- xs: 12,
6750
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6751
+ size: {
6752
+ xs: 12
6753
+ },
6577
6754
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Alert), {
6578
6755
  severity: "info",
6579
6756
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6580
- style: {
6757
+ sx: {
6581
6758
  fontSize: "0.8rem"
6582
6759
  },
6583
6760
  children: content.disclaimers.receive
6584
6761
  })
6585
6762
  })
6586
6763
  }),
6587
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6588
- item: true,
6589
- xs: 12,
6764
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6765
+ size: {
6766
+ xs: 12
6767
+ },
6590
6768
  children: [
6591
6769
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6592
6770
  variant: "body2",
@@ -6596,7 +6774,7 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6596
6774
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6597
6775
  variant: "caption",
6598
6776
  align: "justify",
6599
- style: {
6777
+ sx: {
6600
6778
  display: "inline-block",
6601
6779
  color: "#878787",
6602
6780
  lineHeight: "15px",
@@ -6607,7 +6785,7 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6607
6785
  }),
6608
6786
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6609
6787
  variant: "caption",
6610
- style: {
6788
+ sx: {
6611
6789
  color: "#878787"
6612
6790
  },
6613
6791
  children: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT && option.code == "US" ? content.disclaimers.receiveZelle : content.disclaimers.receiveBanks
@@ -6617,35 +6795,38 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6617
6795
  ]
6618
6796
  });
6619
6797
  case disclaimerTypes.wallet:
6620
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6798
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6621
6799
  container: true,
6622
6800
  spacing: 2,
6623
6801
  children: [
6624
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6625
- item: true,
6626
- xs: 12,
6802
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6803
+ size: {
6804
+ xs: 12
6805
+ },
6627
6806
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Alert), {
6628
6807
  severity: "info",
6629
6808
  children: content.disclaimers.wallet
6630
6809
  })
6631
6810
  }),
6632
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
6633
- item: true,
6634
- xs: 12,
6811
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6812
+ size: {
6813
+ xs: 12
6814
+ },
6635
6815
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6636
6816
  variant: "body2",
6637
6817
  align: "center",
6638
6818
  children: content.disclaimers.walletDescription
6639
6819
  })
6640
6820
  }),
6641
- /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
6642
- item: true,
6643
- xs: 12,
6821
+ /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
6822
+ size: {
6823
+ xs: 12
6824
+ },
6644
6825
  children: [
6645
6826
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6646
6827
  variant: "body2",
6647
6828
  align: "center",
6648
- style: {
6829
+ sx: {
6649
6830
  color: "#666"
6650
6831
  },
6651
6832
  children: /*#__PURE__*/ (0, $5OpyM$jsx)("b", {
@@ -6655,7 +6836,7 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6655
6836
  option.code == "ACH" ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
6656
6837
  variant: "caption",
6657
6838
  align: "center",
6658
- style: {
6839
+ sx: {
6659
6840
  display: "inline-block",
6660
6841
  color: "#878787",
6661
6842
  lineHeight: "15px",
@@ -6666,7 +6847,7 @@ const $8389761474a96b2d$var$Disclaimers = (props)=>{
6666
6847
  }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$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",
@@ -6897,7 +7078,6 @@ const $56b45b529a0f8882$export$926bfdedbec70796 = (payments)=>{
6897
7078
 
6898
7079
 
6899
7080
 
6900
-
6901
7081
  const $8010ff186eb4c648$var$PaymentMethodSelector = ({ paymentMethods: paymentMethods, onChange: onChange })=>{
6902
7082
  const [selectedItem, setSelectedItem] = (0, $5OpyM$useState)(paymentMethods[0]?.id || "");
6903
7083
  const handleOnChange = ({ target: target })=>{
@@ -6912,8 +7092,9 @@ const $8010ff186eb4c648$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6912
7092
  return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6913
7093
  container: true,
6914
7094
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6915
- item: true,
6916
- xs: 12,
7095
+ size: {
7096
+ xs: 12
7097
+ },
6917
7098
  children: paymentMethods && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
6918
7099
  item: true,
6919
7100
  xs: 12,
@@ -6925,12 +7106,9 @@ const $8010ff186eb4c648$var$PaymentMethodSelector = ({ paymentMethods: paymentMe
6925
7106
  minWidth: 300
6926
7107
  },
6927
7108
  fullWidth: true,
6928
- children: paymentMethods && paymentMethods.filter((e)=>e.id != "trc20").map((payment, index)=>/*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreMenuItem), {
7109
+ children: paymentMethods && paymentMethods.filter((e)=>e.id != "trc20").map((payment, index)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$MenuItem), {
6929
7110
  value: payment.id,
6930
- children: [
6931
- payment.label,
6932
- " "
6933
- ]
7111
+ children: payment.label
6934
7112
  }, payment.name + index))
6935
7113
  })
6936
7114
  })
@@ -6941,7 +7119,9 @@ var $8010ff186eb4c648$export$2e2bcd8739ae039 = $8010ff186eb4c648$var$PaymentMeth
6941
7119
 
6942
7120
 
6943
7121
 
6944
- const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)((theme)=>({
7122
+ // Crear un tema para usar con makeStyles
7123
+ const $a07246d68c74b7cf$var$theme = (0, $5OpyM$createTheme)();
7124
+ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$styled)((theme)=>({
6945
7125
  // 'input[type=number]::-webkit-outer-spin-button': {
6946
7126
  // '-webkit-appearance': 'none',
6947
7127
  // margin: 0
@@ -7015,7 +7195,6 @@ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)((theme)
7015
7195
 
7016
7196
 
7017
7197
 
7018
-
7019
7198
  const $c4ee7a827d19e0d2$var$useStyles = (0, $a07246d68c74b7cf$export$5ecc5d08426f3213);
7020
7199
  function $c4ee7a827d19e0d2$var$Simulator(props) {
7021
7200
  /**
@@ -7656,7 +7835,7 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7656
7835
  }, [
7657
7836
  simulatorMode
7658
7837
  ]);
7659
- return /*#__PURE__*/ (0, $5OpyM$jsxs)("main", {
7838
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment1), {
7660
7839
  children: [
7661
7840
  /*#__PURE__*/ (0, $5OpyM$jsx)("link", {
7662
7841
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap",
@@ -7666,24 +7845,24 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7666
7845
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7667
7846
  rel: "stylesheet"
7668
7847
  }),
7669
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicorePaper), {
7848
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
7670
7849
  className: classes.root,
7671
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
7850
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7672
7851
  container: true,
7673
7852
  direction: "column",
7674
7853
  spacing: 0,
7675
7854
  children: [
7676
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7855
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7677
7856
  container: true,
7678
7857
  direction: "row",
7679
7858
  justifyContent: "center",
7680
7859
  alignItems: "center",
7681
- style: {
7860
+ sx: {
7682
7861
  paddingBottom: "10px"
7683
7862
  },
7684
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7685
- item: true,
7686
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreTypography), {
7863
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7864
+ size: "grow",
7865
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
7687
7866
  className: classes.labelAmount,
7688
7867
  gutterBottom: true,
7689
7868
  variant: "subtitle1",
@@ -7692,25 +7871,26 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7692
7871
  })
7693
7872
  })
7694
7873
  }),
7695
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7874
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7696
7875
  container: true,
7697
7876
  direction: "row",
7698
7877
  justifyContent: "center",
7699
7878
  alignItems: "center",
7700
- style: {
7879
+ sx: {
7701
7880
  paddingBottom: "10px"
7702
7881
  },
7703
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7704
- item: true,
7705
- xs: 9,
7706
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
7882
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7883
+ size: {
7884
+ xs: 9
7885
+ },
7886
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7707
7887
  container: true,
7708
7888
  spacing: 3,
7709
7889
  justifyContent: "center",
7710
7890
  children: [
7711
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7712
- item: true,
7713
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreChip), {
7891
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7892
+ size: "grow",
7893
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Chip), {
7714
7894
  className: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7715
7895
  label: content.simulator.header_chips.option_send,
7716
7896
  variant: "outlined",
@@ -7719,9 +7899,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7719
7899
  }
7720
7900
  })
7721
7901
  }),
7722
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7723
- item: true,
7724
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreChip), {
7902
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7903
+ size: "grow",
7904
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Chip), {
7725
7905
  className: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7726
7906
  label: content.simulator.header_chips.option_receive,
7727
7907
  variant: "outlined",
@@ -7734,17 +7914,16 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7734
7914
  })
7735
7915
  })
7736
7916
  }),
7737
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7738
- item: true,
7739
- xs: 12,
7740
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
7917
+ simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7918
+ size: {
7919
+ xs: 12
7920
+ },
7921
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7741
7922
  container: true,
7742
7923
  children: [
7743
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7744
- item: true,
7745
- xs: 12,
7746
- style: {
7747
- paddingBottom: "15px"
7924
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7925
+ size: {
7926
+ xs: 12
7748
7927
  },
7749
7928
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7750
7929
  id: "transfer-sender",
@@ -7754,9 +7933,10 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7754
7933
  onChangeCountry: handleSendCountry
7755
7934
  })
7756
7935
  }),
7757
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7758
- item: true,
7759
- xs: 12,
7936
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7937
+ size: {
7938
+ xs: 12
7939
+ },
7760
7940
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
7761
7941
  content: content,
7762
7942
  details: transferDetail,
@@ -7765,11 +7945,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7765
7945
  locale: locale
7766
7946
  })
7767
7947
  }),
7768
- sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7769
- item: true,
7770
- xs: 12,
7771
- style: {
7772
- paddingBottom: "15px"
7948
+ sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7949
+ size: {
7950
+ xs: 12
7773
7951
  },
7774
7952
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7775
7953
  id: "transfer-receiver",
@@ -7779,11 +7957,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7779
7957
  onChangeCountry: handleReceiveCountry,
7780
7958
  disabled: true
7781
7959
  })
7782
- }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7783
- item: true,
7784
- xs: 12,
7785
- style: {
7786
- paddingBottom: "15px"
7960
+ }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7961
+ size: {
7962
+ xs: 12
7787
7963
  },
7788
7964
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7789
7965
  id: "wallet-receiver",
@@ -7797,17 +7973,16 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7797
7973
  ]
7798
7974
  })
7799
7975
  }) : "",
7800
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7801
- item: true,
7802
- xs: 12,
7803
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreGrid), {
7976
+ simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7977
+ size: {
7978
+ xs: 12
7979
+ },
7980
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7804
7981
  container: true,
7805
7982
  children: [
7806
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7807
- item: true,
7808
- xs: 12,
7809
- style: {
7810
- paddingBottom: "15px"
7983
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7984
+ size: {
7985
+ xs: 12
7811
7986
  },
7812
7987
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7813
7988
  id: "collect-sender",
@@ -7817,9 +7992,10 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7817
7992
  onChangeCountry: handleSendCountry
7818
7993
  })
7819
7994
  }),
7820
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7821
- item: true,
7822
- xs: 12,
7995
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7996
+ size: {
7997
+ xs: 12
7998
+ },
7823
7999
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
7824
8000
  content: content,
7825
8001
  details: transferDetail,
@@ -7828,11 +8004,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7828
8004
  locale: locale
7829
8005
  })
7830
8006
  }),
7831
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7832
- item: true,
7833
- xs: 12,
7834
- style: {
7835
- paddingBottom: "15px"
8007
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8008
+ size: {
8009
+ xs: 12
7836
8010
  },
7837
8011
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7838
8012
  id: "collect-receiver",
@@ -7849,23 +8023,18 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7849
8023
  [
7850
8024
  "VE",
7851
8025
  "AR"
7852
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7853
- item: true,
7854
- xs: 12,
7855
- style: {
7856
- marginTop: 15,
7857
- marginBottom: 15
8026
+ ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8027
+ size: {
8028
+ xs: 12
7858
8029
  },
7859
8030
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8010ff186eb4c648$export$2e2bcd8739ae039), {
7860
8031
  paymentMethods: receiver.paymentMethods,
7861
8032
  onChange: handleOnchangePaymentMethod
7862
8033
  })
7863
8034
  }),
7864
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7865
- item: true,
7866
- xs: 12,
7867
- style: {
7868
- marginBottom: 15
8035
+ !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8036
+ size: {
8037
+ xs: 12
7869
8038
  },
7870
8039
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8389761474a96b2d$export$2e2bcd8739ae039), {
7871
8040
  simulatorMode: simulatorMode,
@@ -7875,10 +8044,15 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7875
8044
  option: sender.selectedOption
7876
8045
  })
7877
8046
  }),
7878
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7879
- item: true,
7880
- xs: 12,
7881
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreButton), {
8047
+ !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8048
+ size: {
8049
+ xs: 12
8050
+ },
8051
+ sx: {
8052
+ marginTop: "15px",
8053
+ marginBottom: "15px"
8054
+ },
8055
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Button), {
7882
8056
  className: classes.button,
7883
8057
  variant: "contained",
7884
8058
  onClick: handleNext,
@@ -7887,54 +8061,56 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7887
8061
  children: content.simulator.footer_action_button
7888
8062
  })
7889
8063
  }),
7890
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7891
- item: true,
7892
- xs: 12,
7893
- style: {
7894
- marginTop: 15,
7895
- marginBottom: 15,
7896
- textAlign: "center"
8064
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8065
+ size: {
8066
+ xs: 12
8067
+ },
8068
+ sx: {
8069
+ textAlign: "center",
8070
+ marginTop: "15px"
7897
8071
  },
7898
8072
  children: recalculate && sender.selectedOption.type != (0, $3217af864b2b4eed$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $49f826b4fff6422b$export$2e2bcd8739ae039), {
7899
8073
  onTimeout: calculateAgain,
7900
8074
  locale: locale
7901
8075
  })
7902
8076
  }),
7903
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7904
- item: true,
7905
- xs: 12,
7906
- style: {
7907
- marginTop: "30px"
8077
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8078
+ size: {
8079
+ xs: 12
8080
+ },
8081
+ sx: {
8082
+ marginTop: "60px"
7908
8083
  },
7909
8084
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {})
7910
8085
  }),
7911
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$materialuicoreGrid), {
7912
- item: true,
7913
- xs: 12,
8086
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8087
+ size: {
8088
+ xs: 12
8089
+ },
7914
8090
  container: true,
7915
8091
  direction: "row",
7916
8092
  justifyContent: "center",
7917
8093
  alignItems: "center",
7918
- style: {
8094
+ sx: {
7919
8095
  paddingBottom: "10px"
7920
8096
  },
7921
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$materialuicoreTypography), {
8097
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
7922
8098
  variant: "subtitle1",
7923
- style: {
8099
+ sx: {
7924
8100
  display: "flex",
7925
8101
  alignItems: "center",
7926
8102
  textAlign: "center"
7927
8103
  },
7928
8104
  children: [
7929
8105
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
7930
- style: {
8106
+ sx: {
7931
8107
  fontSize: "10px",
7932
8108
  textAlign: "center"
7933
8109
  },
7934
8110
  children: "Powered by\xa0"
7935
8111
  }),
7936
8112
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
7937
- style: {
8113
+ sx: {
7938
8114
  fontWeight: "bold",
7939
8115
  fontSize: "12px",
7940
8116
  textAlign: "center"
@@ -7953,7 +8129,22 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7953
8129
  var $c4ee7a827d19e0d2$export$2e2bcd8739ae039 = $c4ee7a827d19e0d2$var$Simulator;
7954
8130
 
7955
8131
 
7956
- function $cf838c15c8b009ba$export$d75554d0168fcedc(props) {
8132
+ //import ModernCalculator from './calculate';
8133
+ // Componente de orden superior para proveer el tema
8134
+ const $cf838c15c8b009ba$var$withThemeProvider = (WrappedComponent)=>{
8135
+ return function WithThemeProvider(props) {
8136
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$ThemeProvider), {
8137
+ theme: (0, $fb023be622053dca$export$2e2bcd8739ae039),
8138
+ children: [
8139
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialCssBaseline), {}),
8140
+ /*#__PURE__*/ (0, $5OpyM$jsx)(WrappedComponent, {
8141
+ ...props
8142
+ })
8143
+ ]
8144
+ });
8145
+ };
8146
+ };
8147
+ function $cf838c15c8b009ba$var$WrappedSimulator(props) {
7957
8148
  return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $c4ee7a827d19e0d2$export$2e2bcd8739ae039), {
7958
8149
  testMode: props.testMode,
7959
8150
  locale: props.locale,
@@ -7966,7 +8157,7 @@ function $cf838c15c8b009ba$export$d75554d0168fcedc(props) {
7966
8157
  config: props.config
7967
8158
  });
7968
8159
  }
7969
- function $cf838c15c8b009ba$export$896df779a8e2818(props) {
8160
+ function $cf838c15c8b009ba$var$WrappedCalculator(props) {
7970
8161
  return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $e8a8a43586c972c2$export$2e2bcd8739ae039), {
7971
8162
  testMode: props.testMode,
7972
8163
  locale: props.locale,
@@ -7978,7 +8169,9 @@ function $cf838c15c8b009ba$export$896df779a8e2818(props) {
7978
8169
  config: props.config
7979
8170
  });
7980
8171
  }
8172
+ const $cf838c15c8b009ba$export$896df779a8e2818 = $cf838c15c8b009ba$var$withThemeProvider($cf838c15c8b009ba$var$WrappedCalculator);
8173
+ const $cf838c15c8b009ba$export$d75554d0168fcedc = $cf838c15c8b009ba$var$withThemeProvider($cf838c15c8b009ba$var$WrappedSimulator);
7981
8174
 
7982
8175
 
7983
- export {$cf838c15c8b009ba$export$d75554d0168fcedc as WrappedSimulator, $cf838c15c8b009ba$export$896df779a8e2818 as WrappedCalculator};
8176
+ export {$cf838c15c8b009ba$export$896df779a8e2818 as WrappedCalculator, $cf838c15c8b009ba$export$d75554d0168fcedc as WrappedSimulator};
7984
8177
  //# sourceMappingURL=module.js.map