@traund/orquezta-widget-calculator 1.1.3 → 1.1.5

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 (9) hide show
  1. package/dist/index.js +296 -382
  2. package/dist/index.js.map +1 -1
  3. package/dist/module.js +296 -382
  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 -142
  8. package/src/components/simulatorStyles.js +2 -2
  9. 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
 
@@ -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,126 +5642,6 @@ var $aeba0491dead64b0$export$2e2bcd8739ae039 = $aeba0491dead64b0$var$OperationsH
5648
5642
 
5649
5643
 
5650
5644
 
5651
-
5652
- const $5432d217b58057a8$var$componentStyles = {
5653
- root: {
5654
- fontFamily: "Poppins",
5655
- padding: "26px 21px",
5656
- maxWidth: 400,
5657
- flexGrow: 1,
5658
- borderRadius: "24px",
5659
- borderWidth: "1px",
5660
- backgroundColor: "#FFFFFF",
5661
- boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
5662
- },
5663
- labelAmount: {
5664
- fontFamily: "Poppins",
5665
- fontStyle: "normal",
5666
- fontWeight: 500,
5667
- fontSize: "16px",
5668
- lineHeight: "20px",
5669
- color: "#000F37"
5670
- },
5671
- labelExpiration: {
5672
- fontFamily: "Poppins",
5673
- fontStyle: "normal",
5674
- fontWeight: 400,
5675
- fontSize: "14px",
5676
- lineHeight: "20px",
5677
- color: "#000F37"
5678
- },
5679
- inputExpiration: {
5680
- fontFamily: "Poppins",
5681
- fontStyle: "normal",
5682
- fontWeight: 500,
5683
- fontSize: "14px",
5684
- lineHeight: "20px",
5685
- color: "#008AFF"
5686
- },
5687
- inputAmount: {
5688
- background: "#C7CDD7",
5689
- borderRadius: "2px"
5690
- },
5691
- inputAmountText: {
5692
- marginLeft: "10px",
5693
- fontFamily: "Poppins",
5694
- fontStyle: "normal",
5695
- fontWeight: 600,
5696
- fontSize: "20px",
5697
- lineHeight: "20px",
5698
- color: "#000F37",
5699
- textAlign: "center"
5700
- },
5701
- labelCoupon: {
5702
- fontFamily: "Poppins",
5703
- fontStyle: "normal",
5704
- fontWeight: 400,
5705
- fontSize: "15px",
5706
- lineHeight: "20px",
5707
- color: "#000F37"
5708
- },
5709
- inputCoupon: {
5710
- background: "#A1ACBD",
5711
- borderRadius: "2px"
5712
- },
5713
- inputCouponText: {
5714
- marginLeft: "10px",
5715
- fontFamily: "Poppins",
5716
- fontStyle: "normal",
5717
- fontWeight: 500,
5718
- fontSize: "18px",
5719
- lineHeight: "20px",
5720
- color: "#000F37",
5721
- textAlign: "center"
5722
- },
5723
- buttonStart: {
5724
- background: "#008AFF",
5725
- borderRadius: "12px",
5726
- maxWidth: "100%",
5727
- minWidth: "100%"
5728
- },
5729
- buttonStartDisabled: {
5730
- background: "#C0C0C0",
5731
- borderRadius: "12px",
5732
- maxWidth: "100%",
5733
- minWidth: "100%"
5734
- },
5735
- textButtonStart: {
5736
- fontFamily: "Poppins",
5737
- fontStyle: "normal",
5738
- fontWeight: 400,
5739
- fontSize: "16px",
5740
- lineHeight: "20px",
5741
- color: "#F4F4F4"
5742
- },
5743
- labelUpdateTC: {
5744
- fontFamily: "Poppins",
5745
- fontStyle: "normal",
5746
- fontWeight: 400,
5747
- fontSize: "14px",
5748
- lineHeight: "16px",
5749
- color: "#000F37",
5750
- textAlign: "center"
5751
- },
5752
- textTimeTC: {
5753
- fontWeight: "bold",
5754
- textAlign: "center"
5755
- },
5756
- divider: {
5757
- height: 28,
5758
- margin: 4
5759
- },
5760
- rootFlags: {
5761
- fontFamily: "Poppins",
5762
- padding: "5px 5px",
5763
- minWidth: 100,
5764
- //maxWidth: 150,
5765
- borderWidth: "0px"
5766
- }
5767
- };
5768
- var $5432d217b58057a8$export$2e2bcd8739ae039 = $5432d217b58057a8$var$componentStyles;
5769
-
5770
-
5771
5645
  const $9e00e2be3bd88fb2$var$filterOptions = (options, { inputValue: inputValue })=>{
5772
5646
  return (0, $5OpyM$matchSorter)(options, inputValue, {
5773
5647
  keys: [
@@ -5777,7 +5651,6 @@ const $9e00e2be3bd88fb2$var$filterOptions = (options, { inputValue: inputValue }
5777
5651
  });
5778
5652
  };
5779
5653
  const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5780
- const classes = (0, $5432d217b58057a8$export$2e2bcd8739ae039);
5781
5654
  const { id: id, content: content, user: user, onChangeAmount: onChangeAmount, onChangeCountry: onChangeCountry, disabled: disabled = false } = props;
5782
5655
  let transferOptions = user.transferOptions;
5783
5656
  let selectedOption = user.selectedOption;
@@ -5789,153 +5662,133 @@ const $9e00e2be3bd88fb2$var$InputAmount = (props)=>{
5789
5662
  "wallet-sender": content.common.sender.wallet_action,
5790
5663
  "wallet-receiver": content.common.receiver.wallet_action
5791
5664
  };
5792
- return /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Fragment), {
5793
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5794
- container: true,
5795
- direction: "column",
5796
- spacing: 0,
5797
- children: [
5798
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5799
- size: {
5800
- xs: 12
5801
- },
5802
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTypography), {
5803
- style: classes.labelAmount,
5804
- gutterBottom: true,
5805
- variant: "subtitle1",
5806
- component: "div",
5807
- children: labels[id]
5808
- })
5809
- }),
5810
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5811
- size: {
5812
- 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"
5813
5683
  },
5814
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialGrid2), {
5815
- container: true,
5816
- children: [
5817
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5818
- size: {
5819
- xs: 5
5820
- },
5821
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5822
- style: classes.inputAmount,
5823
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputBase), {
5824
- id: id,
5825
- style: classes.inputAmountText,
5826
- required: true,
5827
- value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5828
- type: "number",
5829
- disabled: user.isLoading || user.isDisabled || disabled,
5830
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputAdornment), {
5831
- position: "start",
5832
- style: {
5833
- marginTop: "0px"
5834
- },
5835
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)("span", {
5836
- children: [
5837
- " ",
5838
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialCircularProgress), {
5839
- size: 18
5840
- }),
5841
- " "
5842
- ]
5843
- })
5844
- }),
5845
- inputprops: {
5846
- inputProps: {
5847
- min: user.minAmount,
5848
- max: user.maxAmount
5849
- }
5850
- },
5851
- onChange: onChangeAmount
5852
- })
5853
- })
5854
- }),
5855
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5856
- size: {
5857
- xs: 5
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"
5858
5702
  },
5859
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialAutocomplete), {
5860
- disabled: user.isLoading || user.isDisabled,
5861
- options: transferOptions,
5862
- style: {
5863
- fontSize: 12,
5703
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialInputBase), {
5704
+ id: id,
5705
+ sx: {
5706
+ ml: "10px",
5707
+ fontFamily: "Poppins",
5864
5708
  fontWeight: 600,
5865
- "& > span": {
5866
- marginRight: 10,
5867
- fontSize: 18
5868
- }
5869
- },
5870
- isOptionEqualToValue: (option, value)=>option.code === value?.code,
5871
- value: selectedOption ? transferOptions.find((x)=>x.code === selectedOption.code) || null : null,
5872
- autoHighlight: true,
5873
- getOptionLabel: (option)=>{
5874
- if (!option) return '';
5875
- if (typeof option === 'string') return option;
5876
- if (typeof option.currency === 'string') return option.currency;
5877
- return '';
5878
- },
5879
- renderOption: (props, option)=>{
5880
- if (!option) return null;
5881
- const { key: key, ...restProps } = props;
5882
- const code = option.code || 'unknown';
5883
- const currency = option.currency || '';
5884
- const flagCode = code === "PE-USD" ? "PE" : code;
5885
- return /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialBox), {
5886
- component: "li",
5887
- ...restProps,
5888
- children: [
5889
- /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
5890
- style: {
5891
- marginRight: "5px"
5892
- },
5893
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5894
- code: flagCode
5895
- })
5896
- }),
5897
- currency
5898
- ]
5899
- }, `${code}-${currency}`);
5709
+ fontSize: "20px",
5710
+ lineHeight: "20px",
5711
+ color: "#000F37",
5712
+ textAlign: "center"
5900
5713
  },
5901
- disableClearable: true,
5902
- renderInput: (params)=>/*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
5903
- variant: "outlined",
5904
- style: classes.rootFlags,
5905
- 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", {
5906
5743
  style: {
5907
- fontSize: "15px"
5744
+ marginRight: "5px"
5908
5745
  },
5909
- ...params,
5910
- variant: "standard",
5911
- InputProps: {
5912
- ...params.InputProps,
5913
- startAdornment: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $61ae9c76249a96f4$export$2e2bcd8739ae039), {
5914
- code: selectedOption.code == "PE-USD" ? "PE" : selectedOption.code
5915
- }),
5916
- disableUnderline: true
5917
- }
5918
- })
5919
- }),
5920
- onChange: (event, value)=>onChangeCountry && onChangeCountry(event, value)
5921
- })
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
+ })
5922
5775
  })
5923
- ]
5924
- })
5925
- }),
5926
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5927
- size: {
5928
- 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"
5929
5787
  },
5930
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialFormHelperText), {
5931
- style: {
5932
- color: "red"
5933
- },
5934
- 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)
5935
- })
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)
5936
5789
  })
5937
- ]
5938
- })
5790
+ })
5791
+ ]
5939
5792
  });
5940
5793
  };
5941
5794
  var $9e00e2be3bd88fb2$export$2e2bcd8739ae039 = $9e00e2be3bd88fb2$var$InputAmount;
@@ -5960,9 +5813,6 @@ const $a4928b807540c328$var$Fees = (props)=>{
5960
5813
  container: true,
5961
5814
  direction: "column",
5962
5815
  spacing: 0,
5963
- sx: {
5964
- marginBottom: 15
5965
- },
5966
5816
  children: [
5967
5817
  /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
5968
5818
  size: {
@@ -6140,11 +5990,7 @@ const $a4928b807540c328$var$Fees = (props)=>{
6140
5990
  size: {
6141
5991
  xs: 12
6142
5992
  },
6143
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {
6144
- sx: {
6145
- margin: 4
6146
- }
6147
- })
5993
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {})
6148
5994
  }),
6149
5995
  details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
6150
5996
  size: {
@@ -7167,9 +7013,8 @@ var $8010ff186eb4c648$export$2e2bcd8739ae039 = $8010ff186eb4c648$var$PaymentMeth
7167
7013
 
7168
7014
 
7169
7015
 
7170
-
7171
7016
  const $a07246d68c74b7cf$var$theme = (0, $5OpyM$createTheme)();
7172
- const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)(()=>({
7017
+ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = ()=>({
7173
7018
  // 'input[type=number]::-webkit-outer-spin-button': {
7174
7019
  // '-webkit-appearance': 'none',
7175
7020
  // margin: 0
@@ -7238,7 +7083,7 @@ const $a07246d68c74b7cf$export$5ecc5d08426f3213 = (0, $5OpyM$makeStyles)(()=>({
7238
7083
  background: "#008AFF"
7239
7084
  }
7240
7085
  }
7241
- }));
7086
+ });
7242
7087
 
7243
7088
 
7244
7089
 
@@ -7893,25 +7738,40 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7893
7738
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7894
7739
  rel: "stylesheet"
7895
7740
  }),
7896
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialPaper), {
7897
- className: classes.root,
7898
- 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), {
7899
7753
  container: true,
7900
7754
  direction: "column",
7901
7755
  spacing: 0,
7902
7756
  children: [
7903
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7757
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7904
7758
  container: true,
7905
7759
  direction: "row",
7906
7760
  justifyContent: "center",
7907
7761
  alignItems: "center",
7908
- sx: {
7762
+ style: {
7909
7763
  paddingBottom: "10px"
7910
7764
  },
7911
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7912
- size: "grow",
7913
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialTypography), {
7914
- 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
+ },
7915
7775
  gutterBottom: true,
7916
7776
  variant: "subtitle1",
7917
7777
  component: "div",
@@ -7919,42 +7779,83 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7919
7779
  })
7920
7780
  })
7921
7781
  }),
7922
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7782
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7923
7783
  container: true,
7924
7784
  direction: "row",
7925
7785
  justifyContent: "center",
7926
7786
  alignItems: "center",
7927
- sx: {
7787
+ style: {
7928
7788
  paddingBottom: "10px"
7929
7789
  },
7930
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7931
- size: {
7932
- xs: 9
7933
- },
7934
- 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), {
7935
7794
  container: true,
7936
7795
  spacing: 3,
7937
7796
  justifyContent: "center",
7938
7797
  children: [
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).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7943
- 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), {
7944
7801
  variant: "outlined",
7945
- onClick: ()=>{
7946
- 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"
7947
7827
  }
7948
7828
  })
7949
7829
  }),
7950
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7951
- size: "grow",
7952
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialChip), {
7953
- className: simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7954
- 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), {
7955
7833
  variant: "outlined",
7956
- onClick: ()=>{
7957
- 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"
7958
7859
  }
7959
7860
  })
7960
7861
  })
@@ -7962,16 +7863,17 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7962
7863
  })
7963
7864
  })
7964
7865
  }),
7965
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7966
- size: {
7967
- xs: 12
7968
- },
7969
- 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), {
7970
7870
  container: true,
7971
7871
  children: [
7972
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7973
- size: {
7974
- xs: 12
7872
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7873
+ item: true,
7874
+ xs: 12,
7875
+ style: {
7876
+ paddingBottom: "15px"
7975
7877
  },
7976
7878
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
7977
7879
  id: "transfer-sender",
@@ -7981,10 +7883,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7981
7883
  onChangeCountry: handleSendCountry
7982
7884
  })
7983
7885
  }),
7984
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7985
- size: {
7986
- xs: 12
7987
- },
7886
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7887
+ item: true,
7888
+ xs: 12,
7988
7889
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
7989
7890
  content: content,
7990
7891
  details: transferDetail,
@@ -7993,9 +7894,11 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
7993
7894
  locale: locale
7994
7895
  })
7995
7896
  }),
7996
- sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
7997
- size: {
7998
- xs: 12
7897
+ sender.selectedOption.type == (0, $3217af864b2b4eed$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7898
+ item: true,
7899
+ xs: 12,
7900
+ style: {
7901
+ paddingBottom: "15px"
7999
7902
  },
8000
7903
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
8001
7904
  id: "transfer-receiver",
@@ -8005,9 +7908,11 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8005
7908
  onChangeCountry: handleReceiveCountry,
8006
7909
  disabled: true
8007
7910
  })
8008
- }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8009
- size: {
8010
- xs: 12
7911
+ }) : /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7912
+ item: true,
7913
+ xs: 12,
7914
+ style: {
7915
+ paddingBottom: "15px"
8011
7916
  },
8012
7917
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
8013
7918
  id: "wallet-receiver",
@@ -8021,16 +7926,17 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8021
7926
  ]
8022
7927
  })
8023
7928
  }) : "",
8024
- simulatorMode === (0, $3217af864b2b4eed$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8025
- size: {
8026
- xs: 12
8027
- },
8028
- 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), {
8029
7933
  container: true,
8030
7934
  children: [
8031
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8032
- size: {
8033
- xs: 12
7935
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7936
+ item: true,
7937
+ xs: 12,
7938
+ style: {
7939
+ paddingBottom: "15px"
8034
7940
  },
8035
7941
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
8036
7942
  id: "collect-sender",
@@ -8040,10 +7946,9 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8040
7946
  onChangeCountry: handleSendCountry
8041
7947
  })
8042
7948
  }),
8043
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8044
- size: {
8045
- xs: 12
8046
- },
7949
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7950
+ item: true,
7951
+ xs: 12,
8047
7952
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $a4928b807540c328$export$2e2bcd8739ae039), {
8048
7953
  content: content,
8049
7954
  details: transferDetail,
@@ -8052,9 +7957,11 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8052
7957
  locale: locale
8053
7958
  })
8054
7959
  }),
8055
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8056
- size: {
8057
- xs: 12
7960
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7961
+ item: true,
7962
+ xs: 12,
7963
+ style: {
7964
+ paddingBottom: "15px"
8058
7965
  },
8059
7966
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $9e00e2be3bd88fb2$export$2e2bcd8739ae039), {
8060
7967
  id: "collect-receiver",
@@ -8071,19 +7978,21 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8071
7978
  [
8072
7979
  "VE",
8073
7980
  "AR"
8074
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8075
- size: {
8076
- xs: 12
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
8077
7986
  },
8078
7987
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8010ff186eb4c648$export$2e2bcd8739ae039), {
8079
7988
  paymentMethods: receiver.paymentMethods,
8080
7989
  onChange: handleOnchangePaymentMethod
8081
7990
  })
8082
7991
  }),
8083
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8084
- size: {
8085
- xs: 12
8086
- },
7992
+ !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
7993
+ item: true,
7994
+ xs: 12,
7995
+ style: {},
8087
7996
  children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $8389761474a96b2d$export$2e2bcd8739ae039), {
8088
7997
  simulatorMode: simulatorMode,
8089
7998
  transferType: sender.selectedOption.type,
@@ -8092,73 +8001,78 @@ function $c4ee7a827d19e0d2$var$Simulator(props) {
8092
8001
  option: sender.selectedOption
8093
8002
  })
8094
8003
  }),
8095
- !props.onlyView && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8096
- size: {
8097
- xs: 12
8098
- },
8099
- sx: {
8100
- marginTop: "15px",
8101
- marginBottom: "15px"
8102
- },
8103
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialButton), {
8104
- 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
+ },
8105
8021
  variant: "contained",
8106
- onClick: handleNext,
8107
- disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8108
8022
  fullWidth: true,
8023
+ disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8024
+ onClick: handleNext,
8109
8025
  children: content.simulator.footer_action_button
8110
8026
  })
8111
8027
  }),
8112
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8113
- size: {
8114
- xs: 12
8115
- },
8116
- sx: {
8117
- textAlign: "center",
8118
- marginTop: "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"
8119
8035
  },
8120
8036
  children: recalculate && sender.selectedOption.type != (0, $3217af864b2b4eed$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $5OpyM$jsx)((0, $49f826b4fff6422b$export$2e2bcd8739ae039), {
8121
8037
  onTimeout: calculateAgain,
8122
8038
  locale: locale
8123
8039
  })
8124
8040
  }),
8125
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8126
- size: {
8127
- xs: 12
8041
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8042
+ item: true,
8043
+ xs: 12,
8044
+ style: {
8045
+ marginTop: "30px"
8128
8046
  },
8129
- sx: {
8130
- marginTop: "60px"
8131
- },
8132
- children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialDivider), {})
8047
+ children: /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Divider), {})
8133
8048
  }),
8134
- /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$muimaterialGrid2), {
8135
- size: {
8136
- xs: 12
8137
- },
8049
+ /*#__PURE__*/ (0, $5OpyM$jsx)((0, $5OpyM$Grid), {
8050
+ item: true,
8051
+ xs: 12,
8138
8052
  container: true,
8139
8053
  direction: "row",
8140
8054
  justifyContent: "center",
8141
8055
  alignItems: "center",
8142
- sx: {
8056
+ style: {
8143
8057
  paddingBottom: "10px"
8144
8058
  },
8145
- children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$muimaterialTypography), {
8059
+ children: /*#__PURE__*/ (0, $5OpyM$jsxs)((0, $5OpyM$Typography), {
8146
8060
  variant: "subtitle1",
8147
- sx: {
8061
+ style: {
8148
8062
  display: "flex",
8149
8063
  alignItems: "center",
8150
8064
  textAlign: "center"
8151
8065
  },
8152
8066
  children: [
8153
8067
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
8154
- sx: {
8068
+ style: {
8155
8069
  fontSize: "10px",
8156
8070
  textAlign: "center"
8157
8071
  },
8158
8072
  children: "Powered by\xa0"
8159
8073
  }),
8160
8074
  /*#__PURE__*/ (0, $5OpyM$jsx)("span", {
8161
- sx: {
8075
+ style: {
8162
8076
  fontWeight: "bold",
8163
8077
  fontSize: "12px",
8164
8078
  textAlign: "center"