@traund/orquezta-widget-calculator 1.1.4 → 1.1.6

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 (10) hide show
  1. package/dist/index.js +290 -384
  2. package/dist/index.js.map +1 -1
  3. package/dist/module.js +290 -384
  4. package/dist/module.js.map +1 -1
  5. package/package.json +1 -2
  6. package/src/components/fees.jsx +2 -3
  7. package/src/components/inputAmount.js +137 -140
  8. package/src/components/simulatorStyles.js +2 -2
  9. package/src/helpers/taxDiscount.js +1 -1
  10. package/src/simulator.js +111 -44
package/dist/module.js CHANGED
@@ -26,14 +26,13 @@ import "firebase/firestore";
26
26
  import $5OpyM$reactcountdown from "react-countdown";
27
27
  import {CircleFlag as $5OpyM$CircleFlag} from "react-circle-flags";
28
28
  import $5OpyM$cryptojs from "crypto-js";
29
- import $5OpyM$muimaterialChip from "@mui/material/Chip";
29
+ import {Paper as $5OpyM$Paper, Grid as $5OpyM$Grid, Typography as $5OpyM$Typography, Chip as $5OpyM$Chip, Button as $5OpyM$Button, Divider as $5OpyM$Divider} from "@mui/material";
30
30
  import $5OpyM$moment from "moment";
31
31
  import "aws-sdk";
32
32
  import {extend as $5OpyM$extend} from "dayjs";
33
33
  import * as $5OpyM$dayjsbusinesstime from "dayjs-business-time";
34
34
  import "dayjs/plugin/utc";
35
35
  import $5OpyM$muimaterialAlert from "@mui/material/Alert";
36
- import {makeStyles as $5OpyM$makeStyles} from "@mui/styles";
37
36
 
38
37
 
39
38
 
@@ -2543,7 +2542,7 @@ const $d148f4b6315cfc41$var$noTaxStrategy = (amount)=>({
2543
2542
  });
2544
2543
  const $d148f4b6315cfc41$var$taxStrategyFactory = (country, isSender)=>{
2545
2544
  if (!country) return;
2546
- if (isSender && country.toLowerCase() === "co") return $d148f4b6315cfc41$var$noTaxStrategy;
2545
+ if (isSender) return $d148f4b6315cfc41$var$noTaxStrategy;
2547
2546
  switch(country.toLowerCase()){
2548
2547
  case "pe":
2549
2548
  case "pe-usd":
@@ -4817,11 +4816,6 @@ var $f22028e81f385e47$export$2e2bcd8739ae039 = $f22028e81f385e47$var$Calculator;
4817
4816
 
4818
4817
 
4819
4818
 
4820
-
4821
-
4822
-
4823
-
4824
-
4825
4819
  const $3217af864b2b4eed$export$1b5eb083c754a86b = Object.freeze({
4826
4820
  COUNTRY: "country",
4827
4821
  WALLET: "wallet",
@@ -5648,125 +5642,6 @@ var $aeba0491dead64b0$export$2e2bcd8739ae039 = $aeba0491dead64b0$var$OperationsH
5648
5642
 
5649
5643
 
5650
5644
 
5651
- const $5432d217b58057a8$var$componentStyles = {
5652
- root: {
5653
- fontFamily: "Poppins",
5654
- padding: "26px 21px",
5655
- maxWidth: 400,
5656
- flexGrow: 1,
5657
- borderRadius: "24px",
5658
- borderWidth: "1px",
5659
- backgroundColor: "#FFFFFF",
5660
- boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
5661
- },
5662
- labelAmount: {
5663
- fontFamily: "Poppins",
5664
- fontStyle: "normal",
5665
- fontWeight: 500,
5666
- fontSize: "16px",
5667
- lineHeight: "20px",
5668
- color: "#000F37"
5669
- },
5670
- labelExpiration: {
5671
- fontFamily: "Poppins",
5672
- fontStyle: "normal",
5673
- fontWeight: 400,
5674
- fontSize: "14px",
5675
- lineHeight: "20px",
5676
- color: "#000F37"
5677
- },
5678
- inputExpiration: {
5679
- fontFamily: "Poppins",
5680
- fontStyle: "normal",
5681
- fontWeight: 500,
5682
- fontSize: "14px",
5683
- lineHeight: "20px",
5684
- color: "#008AFF"
5685
- },
5686
- inputAmount: {
5687
- background: "#C7CDD7",
5688
- borderRadius: "2px"
5689
- },
5690
- inputAmountText: {
5691
- marginLeft: "10px",
5692
- fontFamily: "Poppins",
5693
- fontStyle: "normal",
5694
- fontWeight: 600,
5695
- fontSize: "20px",
5696
- lineHeight: "20px",
5697
- color: "#000F37",
5698
- textAlign: "center"
5699
- },
5700
- labelCoupon: {
5701
- fontFamily: "Poppins",
5702
- fontStyle: "normal",
5703
- fontWeight: 400,
5704
- fontSize: "15px",
5705
- lineHeight: "20px",
5706
- color: "#000F37"
5707
- },
5708
- inputCoupon: {
5709
- background: "#A1ACBD",
5710
- borderRadius: "2px"
5711
- },
5712
- inputCouponText: {
5713
- marginLeft: "10px",
5714
- fontFamily: "Poppins",
5715
- fontStyle: "normal",
5716
- fontWeight: 500,
5717
- fontSize: "18px",
5718
- lineHeight: "20px",
5719
- color: "#000F37",
5720
- textAlign: "center"
5721
- },
5722
- buttonStart: {
5723
- background: "#008AFF",
5724
- borderRadius: "12px",
5725
- maxWidth: "100%",
5726
- minWidth: "100%"
5727
- },
5728
- buttonStartDisabled: {
5729
- background: "#C0C0C0",
5730
- borderRadius: "12px",
5731
- maxWidth: "100%",
5732
- minWidth: "100%"
5733
- },
5734
- textButtonStart: {
5735
- fontFamily: "Poppins",
5736
- fontStyle: "normal",
5737
- fontWeight: 400,
5738
- fontSize: "16px",
5739
- lineHeight: "20px",
5740
- color: "#F4F4F4"
5741
- },
5742
- labelUpdateTC: {
5743
- fontFamily: "Poppins",
5744
- fontStyle: "normal",
5745
- fontWeight: 400,
5746
- fontSize: "14px",
5747
- lineHeight: "16px",
5748
- color: "#000F37",
5749
- textAlign: "center"
5750
- },
5751
- textTimeTC: {
5752
- fontWeight: "bold",
5753
- textAlign: "center"
5754
- },
5755
- divider: {
5756
- height: 28,
5757
- margin: 4
5758
- },
5759
- rootFlags: {
5760
- fontFamily: "Poppins",
5761
- padding: "5px 5px",
5762
- minWidth: 100,
5763
- //maxWidth: 150,
5764
- borderWidth: "0px"
5765
- }
5766
- };
5767
- var $5432d217b58057a8$export$2e2bcd8739ae039 = $5432d217b58057a8$var$componentStyles;
5768
-
5769
-
5770
5645
  const $9e00e2be3bd88fb2$var$filterOptions = (options, { inputValue: inputValue })=>{
5771
5646
  return (0, $5OpyM$matchSorter)(options, inputValue, {
5772
5647
  keys: [
@@ -5776,7 +5651,6 @@ const $9e00e2be3bd88fb2$var$filterOptions = (options, { inputValue: inputValue }
5776
5651
  });
5777
5652
  };
5778
5653
  const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5779
- const classes = (0, $5432d217b58057a8$export$2e2bcd8739ae039);
5780
5654
  const { id: id, content: content, user: user, onChangeAmount: onChangeAmount, onChangeCountry: onChangeCountry, disabled: disabled = false } = props;
5781
5655
  let transferOptions = user.transferOptions;
5782
5656
  let selectedOption = user.selectedOption;
@@ -5788,143 +5662,133 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5788
5662
  "wallet-sender": content.common.sender.wallet_action,
5789
5663
  "wallet-receiver": content.common.receiver.wallet_action
5790
5664
  };
5791
- return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Fragment), {
5792
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5793
- container: true,
5794
- direction: "column",
5795
- spacing: 0,
5796
- children: [
5797
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5798
- size: {
5799
- xs: 12
5800
- },
5801
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTypography), {
5802
- style: classes.labelAmount,
5803
- gutterBottom: true,
5804
- variant: "subtitle1",
5805
- component: "div",
5806
- children: labels[id]
5807
- })
5808
- }),
5809
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5810
- size: {
5811
- xs: 12
5665
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5666
+ container: true,
5667
+ direction: "column",
5668
+ spacing: 0,
5669
+ children: [
5670
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5671
+ size: {
5672
+ xs: 12
5673
+ },
5674
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTypography), {
5675
+ gutterBottom: true,
5676
+ variant: "subtitle1",
5677
+ sx: {
5678
+ fontFamily: "Poppins",
5679
+ fontWeight: 500,
5680
+ fontSize: "16px",
5681
+ lineHeight: "20px",
5682
+ color: "#000F37"
5812
5683
  },
5813
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5814
- container: true,
5815
- children: [
5816
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5817
- size: {
5818
- xs: 5
5819
- },
5820
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5821
- style: classes.inputAmount,
5822
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputBase), {
5823
- id: id,
5824
- style: classes.inputAmountText,
5825
- required: true,
5826
- value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5827
- type: "number",
5828
- disabled: user.isLoading || user.isDisabled || disabled,
5829
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputAdornment), {
5830
- position: "start",
5831
- style: {
5832
- marginTop: "0px"
5833
- },
5834
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)("span", {
5835
- children: [
5836
- " ",
5837
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialCircularProgress), {
5838
- size: 18
5839
- }),
5840
- " "
5841
- ]
5842
- })
5843
- }),
5844
- inputprops: {
5845
- inputProps: {
5846
- min: user.minAmount,
5847
- max: user.maxAmount
5848
- }
5849
- },
5850
- onChange: onChangeAmount
5851
- })
5852
- })
5853
- }),
5854
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5855
- size: {
5856
- xs: 7
5684
+ children: labels[id]
5685
+ })
5686
+ }),
5687
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5688
+ size: {
5689
+ xs: 12
5690
+ },
5691
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5692
+ container: true,
5693
+ children: [
5694
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5695
+ size: {
5696
+ xs: 5
5697
+ },
5698
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5699
+ sx: {
5700
+ background: "#C7CDD7",
5701
+ borderRadius: "2px"
5857
5702
  },
5858
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialAutocomplete), {
5859
- disabled: user.isLoading || user.isDisabled,
5860
- options: transferOptions,
5861
- style: {
5862
- fontSize: 12,
5703
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputBase), {
5704
+ id: id,
5705
+ sx: {
5706
+ ml: "10px",
5707
+ fontFamily: "Poppins",
5863
5708
  fontWeight: 600,
5864
- "& > span": {
5865
- marginRight: 10,
5866
- fontSize: 18
5867
- }
5709
+ fontSize: "20px",
5710
+ lineHeight: "20px",
5711
+ color: "#000F37",
5712
+ textAlign: "center"
5868
5713
  },
5869
- filterOptions: $9e00e2be3bd88fb2$var$filterOptions,
5870
- value: transferOptions.find((x)=>x.code == selectedOption.code),
5871
- autoHighlight: true,
5872
- getOptionLabel: (option)=>`${option?.currency || ""}`,
5873
- renderOption: (props, option)=>{
5874
- const { key: key, ...restProps } = props;
5875
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment), {
5876
- children: [
5877
- /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5878
- style: {
5879
- marginRight: "5px"
5880
- },
5881
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5882
- code: option.code == "PE-USD" ? "PE" : option.code
5883
- })
5884
- }),
5885
- " ",
5886
- option?.currency || ""
5887
- ]
5888
- });
5889
- },
5890
- disableClearable: true,
5891
- renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5892
- variant: "outlined",
5893
- style: classes.rootFlags,
5894
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTextField), {
5714
+ required: true,
5715
+ value: user.isLoading || user.isDisabled ? "" : user.amount > 0 ? user.amount.toString() : "",
5716
+ type: "number",
5717
+ disabled: user.isLoading || user.isDisabled || disabled,
5718
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputAdornment), {
5719
+ position: "start",
5720
+ children: user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialCircularProgress), {
5721
+ size: 18
5722
+ })
5723
+ }),
5724
+ onChange: onChangeAmount
5725
+ })
5726
+ })
5727
+ }),
5728
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5729
+ size: {
5730
+ xs: 7
5731
+ },
5732
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialAutocomplete), {
5733
+ disabled: user.isLoading || user.isDisabled,
5734
+ options: transferOptions,
5735
+ filterOptions: $9e00e2be3bd88fb2$var$filterOptions,
5736
+ value: transferOptions.find((x)=>x.code == selectedOption.code),
5737
+ autoHighlight: true,
5738
+ getOptionLabel: (option)=>`${option?.currency || ""}`,
5739
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $5OpyM$jsxs)("li", {
5740
+ ...props,
5741
+ children: [
5742
+ /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5895
5743
  style: {
5896
- fontSize: "15px"
5744
+ marginRight: "5px"
5897
5745
  },
5898
- ...params,
5899
- variant: "standard",
5900
- InputProps: {
5901
- ...params.InputProps,
5902
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5903
- code: selectedOption.code == "PE-USD" ? "PE" : selectedOption.code
5904
- }),
5905
- disableUnderline: true
5906
- }
5907
- })
5908
- }),
5909
- onChange: onChangeCountry
5910
- })
5746
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5747
+ code: option.code === "PE-USD" ? "PE" : option.code
5748
+ })
5749
+ }),
5750
+ option?.currency || ""
5751
+ ]
5752
+ }),
5753
+ disableClearable: true,
5754
+ onChange: onChangeCountry,
5755
+ renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5756
+ variant: "outlined",
5757
+ sx: {
5758
+ fontFamily: "Poppins",
5759
+ padding: "5px 5px",
5760
+ minWidth: 100,
5761
+ borderWidth: 0
5762
+ },
5763
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTextField), {
5764
+ ...params,
5765
+ variant: "standard",
5766
+ InputProps: {
5767
+ ...params.InputProps,
5768
+ startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5769
+ code: selectedOption.code === "PE-USD" ? "PE" : selectedOption.code
5770
+ }),
5771
+ disableUnderline: true
5772
+ }
5773
+ })
5774
+ })
5911
5775
  })
5912
- ]
5913
- })
5914
- }),
5915
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5916
- size: {
5917
- xs: 12
5776
+ })
5777
+ ]
5778
+ })
5779
+ }),
5780
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5781
+ size: {
5782
+ xs: 12
5783
+ },
5784
+ children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialFormHelperText), {
5785
+ sx: {
5786
+ color: "red"
5918
5787
  },
5919
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialFormHelperText), {
5920
- style: {
5921
- color: "red"
5922
- },
5923
- children: user.amount < user.minAmount && content.common.min_value.replace("minValue", user.minAmount) || user.amount > user.maxAmount && content.common.max_value.replace("maxValue", user.maxAmount)
5924
- })
5788
+ children: user.amount < user.minAmount && content.common.min_value.replace("minValue", user.minAmount) || user.amount > user.maxAmount && content.common.max_value.replace("maxValue", user.maxAmount)
5925
5789
  })
5926
- ]
5927
- })
5790
+ })
5791
+ ]
5928
5792
  });
5929
5793
  };
5930
5794
  var $9e00e2be3bd88fb2$export$2e2bcd8739ae039 = $9e00e2be3bd88fb2$var$InputAmount;
@@ -5949,9 +5813,6 @@ const $a4928b807540c328$var$Fees = (props)=>{
5949
5813
  container: true,
5950
5814
  direction: "column",
5951
5815
  spacing: 0,
5952
- sx: {
5953
- marginBottom: 15
5954
- },
5955
5816
  children: [
5956
5817
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5957
5818
  size: {
@@ -6129,11 +5990,7 @@ const $a4928b807540c328$var$Fees = (props)=>{
6129
5990
  size: {
6130
5991
  xs: 12
6131
5992
  },
6132
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {
6133
- sx: {
6134
- margin: 4
6135
- }
6136
- })
5993
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {})
6137
5994
  }),
6138
5995
  details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6139
5996
  size: {
@@ -7156,9 +7013,8 @@ var $8010ff186eb4c648$export$2e2bcd8739ae039 = $8010ff186eb4c648$var$PaymentMeth
7156
7013
 
7157
7014
 
7158
7015
 
7159
-
7160
7016
  const $a07246d68c74b7cf$var$theme = (0, $5OpyM$createTheme)();
7161
- const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)(()=>({
7017
+ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = ()=>({
7162
7018
  // 'input[type=number]::-webkit-outer-spin-button': {
7163
7019
  // '-webkit-appearance': 'none',
7164
7020
  // margin: 0
@@ -7227,7 +7083,7 @@ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)(()=>({
7227
7083
  background: "#008AFF"
7228
7084
  }
7229
7085
  }
7230
- }));
7086
+ });
7231
7087
 
7232
7088
 
7233
7089
 
@@ -7872,7 +7728,7 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7872
7728
  }, [
7873
7729
  simulatorMode
7874
7730
  ]);
7875
- return /*#__PURE__*/ (0, $5OpyM$jsxs)("main", {
7731
+ return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Fragment1), {
7876
7732
  children: [
7877
7733
  /*#__PURE__*/ (0, $5OpyM$jsx)("link", {
7878
7734
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap",
@@ -7882,25 +7738,40 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7882
7738
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7883
7739
  rel: "stylesheet"
7884
7740
  }),
7885
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
7886
- className: classes.root,
7887
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7741
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Paper), {
7742
+ sx: {
7743
+ fontFamily: "Poppins",
7744
+ padding: "26px 21px 0 21px",
7745
+ maxWidth: 480,
7746
+ flexGrow: 1,
7747
+ borderRadius: "24px",
7748
+ borderWidth: "1px",
7749
+ backgroundColor: "#FFFFFF",
7750
+ boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
7751
+ },
7752
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
7888
7753
  container: true,
7889
7754
  direction: "column",
7890
7755
  spacing: 0,
7891
7756
  children: [
7892
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7757
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7893
7758
  container: true,
7894
7759
  direction: "row",
7895
7760
  justifyContent: "center",
7896
7761
  alignItems: "center",
7897
- sx: {
7762
+ style: {
7898
7763
  paddingBottom: "10px"
7899
7764
  },
7900
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7901
- size: "grow",
7902
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTypography), {
7903
- className: classes.labelAmount,
7765
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7766
+ item: true,
7767
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Typography), {
7768
+ sx: {
7769
+ fontFamily: "Poppins",
7770
+ fontWeight: 500,
7771
+ fontSize: "16px",
7772
+ lineHeight: "20px",
7773
+ color: "#000F37"
7774
+ },
7904
7775
  gutterBottom: true,
7905
7776
  variant: "subtitle1",
7906
7777
  component: "div",
@@ -7908,42 +7779,83 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7908
7779
  })
7909
7780
  })
7910
7781
  }),
7911
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7782
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7912
7783
  container: true,
7913
7784
  direction: "row",
7914
7785
  justifyContent: "center",
7915
7786
  alignItems: "center",
7916
- sx: {
7787
+ style: {
7917
7788
  paddingBottom: "10px"
7918
7789
  },
7919
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7920
- size: {
7921
- xs: 9
7922
- },
7923
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7790
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7791
+ item: true,
7792
+ xs: 9,
7793
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
7924
7794
  container: true,
7925
7795
  spacing: 3,
7926
7796
  justifyContent: "center",
7927
7797
  children: [
7928
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7929
- size: "grow",
7930
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialChip), {
7931
- className: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7932
- label: content.simulator.header_chips.option_send,
7798
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7799
+ item: true,
7800
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Chip), {
7933
7801
  variant: "outlined",
7934
- onClick: ()=>{
7935
- handleSimulatorMode((0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND);
7802
+ label: content.simulator.header_chips.option_send,
7803
+ onClick: ()=>handleSimulatorMode((0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND),
7804
+ sx: {
7805
+ ...simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? {
7806
+ backgroundColor: "#008AFF",
7807
+ borderWidth: 0,
7808
+ color: "#F4F4F4",
7809
+ "&:hover": {
7810
+ backgroundColor: "#008AFF"
7811
+ },
7812
+ "&:focus": {
7813
+ backgroundColor: "#008AFF"
7814
+ }
7815
+ } : {
7816
+ backgroundColor: "#FFFFFF",
7817
+ borderColor: "#008AFF",
7818
+ color: "#008AFF",
7819
+ "&:hover": {
7820
+ backgroundColor: "#FFFFFF"
7821
+ }
7822
+ },
7823
+ fontFamily: "Poppins",
7824
+ fontWeight: 400,
7825
+ fontSize: "16px",
7826
+ lineHeight: "20px"
7936
7827
  }
7937
7828
  })
7938
7829
  }),
7939
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7940
- size: "grow",
7941
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialChip), {
7942
- className: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7943
- label: content.simulator.header_chips.option_receive,
7830
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7831
+ item: true,
7832
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Chip), {
7944
7833
  variant: "outlined",
7945
- onClick: ()=>{
7946
- handleSimulatorMode((0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT);
7834
+ label: content.simulator.header_chips.option_receive,
7835
+ onClick: ()=>handleSimulatorMode((0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT),
7836
+ sx: {
7837
+ ...simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? {
7838
+ backgroundColor: "#008AFF",
7839
+ borderWidth: 0,
7840
+ color: "#F4F4F4",
7841
+ "&:hover": {
7842
+ backgroundColor: "#008AFF"
7843
+ },
7844
+ "&:focus": {
7845
+ backgroundColor: "#008AFF"
7846
+ }
7847
+ } : {
7848
+ backgroundColor: "#FFFFFF",
7849
+ borderColor: "#008AFF",
7850
+ color: "#008AFF",
7851
+ "&:hover": {
7852
+ backgroundColor: "#FFFFFF"
7853
+ }
7854
+ },
7855
+ fontFamily: "Poppins",
7856
+ fontWeight: 400,
7857
+ fontSize: "16px",
7858
+ lineHeight: "20px"
7947
7859
  }
7948
7860
  })
7949
7861
  })
@@ -7951,18 +7863,16 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7951
7863
  })
7952
7864
  })
7953
7865
  }),
7954
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7955
- size: {
7956
- xs: 12
7957
- },
7958
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7866
+ simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7867
+ item: true,
7868
+ xs: 12,
7869
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
7959
7870
  container: true,
7960
7871
  children: [
7961
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7962
- size: {
7963
- xs: 12
7964
- },
7965
- sx: {
7872
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7873
+ item: true,
7874
+ xs: 12,
7875
+ style: {
7966
7876
  paddingBottom: "15px"
7967
7877
  },
7968
7878
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
@@ -7973,10 +7883,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7973
7883
  onChangeCountry: handleSendCountry
7974
7884
  })
7975
7885
  }),
7976
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7977
- size: {
7978
- xs: 12
7979
- },
7886
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7887
+ item: true,
7888
+ xs: 12,
7980
7889
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
7981
7890
  content: content,
7982
7891
  details: transferDetail,
@@ -7985,11 +7894,10 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7985
7894
  locale: locale
7986
7895
  })
7987
7896
  }),
7988
- sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7989
- size: {
7990
- xs: 12
7991
- },
7992
- sx: {
7897
+ sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7898
+ item: true,
7899
+ xs: 12,
7900
+ style: {
7993
7901
  paddingBottom: "15px"
7994
7902
  },
7995
7903
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
@@ -8000,11 +7908,10 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8000
7908
  onChangeCountry: handleReceiveCountry,
8001
7909
  disabled: true
8002
7910
  })
8003
- }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8004
- size: {
8005
- xs: 12
8006
- },
8007
- sx: {
7911
+ }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7912
+ item: true,
7913
+ xs: 12,
7914
+ style: {
8008
7915
  paddingBottom: "15px"
8009
7916
  },
8010
7917
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
@@ -8019,18 +7926,16 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8019
7926
  ]
8020
7927
  })
8021
7928
  }) : "",
8022
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8023
- size: {
8024
- xs: 12
8025
- },
8026
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
7929
+ simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7930
+ item: true,
7931
+ xs: 12,
7932
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Grid), {
8027
7933
  container: true,
8028
7934
  children: [
8029
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8030
- size: {
8031
- xs: 12
8032
- },
8033
- sx: {
7935
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7936
+ item: true,
7937
+ xs: 12,
7938
+ style: {
8034
7939
  paddingBottom: "15px"
8035
7940
  },
8036
7941
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
@@ -8041,10 +7946,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8041
7946
  onChangeCountry: handleSendCountry
8042
7947
  })
8043
7948
  }),
8044
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8045
- size: {
8046
- xs: 12
8047
- },
7949
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7950
+ item: true,
7951
+ xs: 12,
8048
7952
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
8049
7953
  content: content,
8050
7954
  details: transferDetail,
@@ -8053,11 +7957,10 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8053
7957
  locale: locale
8054
7958
  })
8055
7959
  }),
8056
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8057
- size: {
8058
- xs: 12
8059
- },
8060
- sx: {
7960
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7961
+ item: true,
7962
+ xs: 12,
7963
+ style: {
8061
7964
  paddingBottom: "15px"
8062
7965
  },
8063
7966
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
@@ -8075,26 +7978,21 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8075
7978
  [
8076
7979
  "VE",
8077
7980
  "AR"
8078
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8079
- size: {
8080
- xs: 12
8081
- },
8082
- sx: {
8083
- marginTop: "15px",
8084
- marginBottom: "15px"
7981
+ ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7982
+ item: true,
7983
+ xs: 12,
7984
+ style: {
7985
+ marginTop: 15
8085
7986
  },
8086
7987
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8010ff186eb4c648$export$2e2bcd8739ae039), {
8087
7988
  paymentMethods: receiver.paymentMethods,
8088
7989
  onChange: handleOnchangePaymentMethod
8089
7990
  })
8090
7991
  }),
8091
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8092
- size: {
8093
- xs: 12
8094
- },
8095
- sx: {
8096
- marginBottom: "15px"
8097
- },
7992
+ !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7993
+ item: true,
7994
+ xs: 12,
7995
+ style: {},
8098
7996
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8389761474a96b2d$export$2e2bcd8739ae039), {
8099
7997
  simulatorMode: simulatorMode,
8100
7998
  transferType: sender.selectedOption.type,
@@ -8103,56 +8001,64 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8103
8001
  option: sender.selectedOption
8104
8002
  })
8105
8003
  }),
8106
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8107
- size: {
8108
- xs: 12
8109
- },
8110
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialButton), {
8111
- className: classes.button,
8004
+ !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8005
+ item: true,
8006
+ xs: 12,
8007
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Button), {
8008
+ sx: {
8009
+ background: "#008AFF",
8010
+ borderWidth: 0,
8011
+ fontFamily: "Poppins",
8012
+ fontWeight: 400,
8013
+ fontSize: "16px",
8014
+ lineHeight: "20px",
8015
+ mt: "20px",
8016
+ color: "#F4F4F4",
8017
+ "&:hover": {
8018
+ background: "#008AFF"
8019
+ }
8020
+ },
8112
8021
  variant: "contained",
8113
- onClick: handleNext,
8114
- disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8115
8022
  fullWidth: true,
8023
+ disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8024
+ onClick: handleNext,
8116
8025
  children: content.simulator.footer_action_button
8117
8026
  })
8118
8027
  }),
8119
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8120
- size: {
8121
- xs: 12
8122
- },
8123
- sx: {
8124
- textAlign: "center",
8125
- marginTop: "15px",
8126
- marginBottom: "15px"
8028
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8029
+ item: true,
8030
+ xs: 12,
8031
+ style: {
8032
+ marginTop: 15,
8033
+ marginBottom: 15,
8034
+ textAlign: "center"
8127
8035
  },
8128
8036
  children: recalculate && sender.selectedOption.type != (0, $3217af864b2b4eed$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $49f826b4fff6422b$export$2e2bcd8739ae039), {
8129
8037
  onTimeout: calculateAgain,
8130
8038
  locale: locale
8131
8039
  })
8132
8040
  }),
8133
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8134
- size: {
8135
- xs: 12
8136
- },
8137
- sx: {
8041
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8042
+ item: true,
8043
+ xs: 12,
8044
+ style: {
8138
8045
  marginTop: "30px"
8139
8046
  },
8140
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {})
8047
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {})
8141
8048
  }),
8142
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8143
- size: {
8144
- xs: 12
8145
- },
8049
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8050
+ item: true,
8051
+ xs: 12,
8146
8052
  container: true,
8147
8053
  direction: "row",
8148
8054
  justifyContent: "center",
8149
8055
  alignItems: "center",
8150
- sx: {
8056
+ style: {
8151
8057
  paddingBottom: "10px"
8152
8058
  },
8153
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialTypography), {
8059
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
8154
8060
  variant: "subtitle1",
8155
- sx: {
8061
+ style: {
8156
8062
  display: "flex",
8157
8063
  alignItems: "center",
8158
8064
  textAlign: "center"