@traund/orquezta-widget-calculator 1.0.4 → 1.1.0

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