@traund/orquezta-widget-calculator 1.1.4 → 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 +289 -383
  2. package/dist/index.js.map +1 -1
  3. package/dist/module.js +289 -383
  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/simulator.js +111 -44
package/dist/index.js CHANGED
@@ -26,14 +26,13 @@ require("firebase/firestore");
26
26
  var $gXNCa$reactcountdown = require("react-countdown");
27
27
  var $gXNCa$reactcircleflags = require("react-circle-flags");
28
28
  var $gXNCa$cryptojs = require("crypto-js");
29
- var $gXNCa$muimaterialChip = require("@mui/material/Chip");
29
+ var $gXNCa$muimaterial = require("@mui/material");
30
30
  var $gXNCa$moment = require("moment");
31
31
  require("aws-sdk");
32
32
  var $gXNCa$dayjs = require("dayjs");
33
33
  var $gXNCa$dayjsbusinesstime = require("dayjs-business-time");
34
34
  require("dayjs/plugin/utc");
35
35
  var $gXNCa$muimaterialAlert = require("@mui/material/Alert");
36
- var $gXNCa$muistyles = require("@mui/styles");
37
36
 
38
37
 
39
38
  function $parcel$interopDefault(a) {
@@ -4828,11 +4827,6 @@ var $eb8bef229a07cd2d$export$2e2bcd8739ae039 = $eb8bef229a07cd2d$var$Calculator;
4828
4827
 
4829
4828
 
4830
4829
 
4831
-
4832
-
4833
-
4834
-
4835
-
4836
4830
  const $ee1f0011b010ab9b$export$1b5eb083c754a86b = Object.freeze({
4837
4831
  COUNTRY: "country",
4838
4832
  WALLET: "wallet",
@@ -5659,125 +5653,6 @@ var $c0c7909cfff012a2$export$2e2bcd8739ae039 = $c0c7909cfff012a2$var$OperationsH
5659
5653
 
5660
5654
 
5661
5655
 
5662
- const $57d5e789e3634b87$var$componentStyles = {
5663
- root: {
5664
- fontFamily: "Poppins",
5665
- padding: "26px 21px",
5666
- maxWidth: 400,
5667
- flexGrow: 1,
5668
- borderRadius: "24px",
5669
- borderWidth: "1px",
5670
- backgroundColor: "#FFFFFF",
5671
- boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
5672
- },
5673
- labelAmount: {
5674
- fontFamily: "Poppins",
5675
- fontStyle: "normal",
5676
- fontWeight: 500,
5677
- fontSize: "16px",
5678
- lineHeight: "20px",
5679
- color: "#000F37"
5680
- },
5681
- labelExpiration: {
5682
- fontFamily: "Poppins",
5683
- fontStyle: "normal",
5684
- fontWeight: 400,
5685
- fontSize: "14px",
5686
- lineHeight: "20px",
5687
- color: "#000F37"
5688
- },
5689
- inputExpiration: {
5690
- fontFamily: "Poppins",
5691
- fontStyle: "normal",
5692
- fontWeight: 500,
5693
- fontSize: "14px",
5694
- lineHeight: "20px",
5695
- color: "#008AFF"
5696
- },
5697
- inputAmount: {
5698
- background: "#C7CDD7",
5699
- borderRadius: "2px"
5700
- },
5701
- inputAmountText: {
5702
- marginLeft: "10px",
5703
- fontFamily: "Poppins",
5704
- fontStyle: "normal",
5705
- fontWeight: 600,
5706
- fontSize: "20px",
5707
- lineHeight: "20px",
5708
- color: "#000F37",
5709
- textAlign: "center"
5710
- },
5711
- labelCoupon: {
5712
- fontFamily: "Poppins",
5713
- fontStyle: "normal",
5714
- fontWeight: 400,
5715
- fontSize: "15px",
5716
- lineHeight: "20px",
5717
- color: "#000F37"
5718
- },
5719
- inputCoupon: {
5720
- background: "#A1ACBD",
5721
- borderRadius: "2px"
5722
- },
5723
- inputCouponText: {
5724
- marginLeft: "10px",
5725
- fontFamily: "Poppins",
5726
- fontStyle: "normal",
5727
- fontWeight: 500,
5728
- fontSize: "18px",
5729
- lineHeight: "20px",
5730
- color: "#000F37",
5731
- textAlign: "center"
5732
- },
5733
- buttonStart: {
5734
- background: "#008AFF",
5735
- borderRadius: "12px",
5736
- maxWidth: "100%",
5737
- minWidth: "100%"
5738
- },
5739
- buttonStartDisabled: {
5740
- background: "#C0C0C0",
5741
- borderRadius: "12px",
5742
- maxWidth: "100%",
5743
- minWidth: "100%"
5744
- },
5745
- textButtonStart: {
5746
- fontFamily: "Poppins",
5747
- fontStyle: "normal",
5748
- fontWeight: 400,
5749
- fontSize: "16px",
5750
- lineHeight: "20px",
5751
- color: "#F4F4F4"
5752
- },
5753
- labelUpdateTC: {
5754
- fontFamily: "Poppins",
5755
- fontStyle: "normal",
5756
- fontWeight: 400,
5757
- fontSize: "14px",
5758
- lineHeight: "16px",
5759
- color: "#000F37",
5760
- textAlign: "center"
5761
- },
5762
- textTimeTC: {
5763
- fontWeight: "bold",
5764
- textAlign: "center"
5765
- },
5766
- divider: {
5767
- height: 28,
5768
- margin: 4
5769
- },
5770
- rootFlags: {
5771
- fontFamily: "Poppins",
5772
- padding: "5px 5px",
5773
- minWidth: 100,
5774
- //maxWidth: 150,
5775
- borderWidth: "0px"
5776
- }
5777
- };
5778
- var $57d5e789e3634b87$export$2e2bcd8739ae039 = $57d5e789e3634b87$var$componentStyles;
5779
-
5780
-
5781
5656
  const $25bc95a5aba76853$var$filterOptions = (options, { inputValue: inputValue })=>{
5782
5657
  return (0, $gXNCa$matchsorter.matchSorter)(options, inputValue, {
5783
5658
  keys: [
@@ -5787,7 +5662,6 @@ const $25bc95a5aba76853$var$filterOptions = (options, { inputValue: inputValue }
5787
5662
  });
5788
5663
  };
5789
5664
  const $25bc95a5aba76853$var$InputAmount = (props)=>{
5790
- const classes = (0, $57d5e789e3634b87$export$2e2bcd8739ae039);
5791
5665
  const { id: id, content: content, user: user, onChangeAmount: onChangeAmount, onChangeCountry: onChangeCountry, disabled: disabled = false } = props;
5792
5666
  let transferOptions = user.transferOptions;
5793
5667
  let selectedOption = user.selectedOption;
@@ -5799,143 +5673,133 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5799
5673
  "wallet-sender": content.common.sender.wallet_action,
5800
5674
  "wallet-receiver": content.common.receiver.wallet_action
5801
5675
  };
5802
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactjsxruntime.Fragment), {
5803
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5804
- container: true,
5805
- direction: "column",
5806
- spacing: 0,
5807
- children: [
5808
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5809
- size: {
5810
- xs: 12
5811
- },
5812
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
5813
- style: classes.labelAmount,
5814
- gutterBottom: true,
5815
- variant: "subtitle1",
5816
- component: "div",
5817
- children: labels[id]
5818
- })
5819
- }),
5820
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5821
- size: {
5822
- xs: 12
5676
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5677
+ container: true,
5678
+ direction: "column",
5679
+ spacing: 0,
5680
+ children: [
5681
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5682
+ size: {
5683
+ xs: 12
5684
+ },
5685
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
5686
+ gutterBottom: true,
5687
+ variant: "subtitle1",
5688
+ sx: {
5689
+ fontFamily: "Poppins",
5690
+ fontWeight: 500,
5691
+ fontSize: "16px",
5692
+ lineHeight: "20px",
5693
+ color: "#000F37"
5823
5694
  },
5824
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5825
- container: true,
5826
- children: [
5827
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5828
- size: {
5829
- xs: 5
5830
- },
5831
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5832
- style: classes.inputAmount,
5833
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputBase))), {
5834
- id: id,
5835
- style: classes.inputAmountText,
5836
- required: true,
5837
- value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5838
- type: "number",
5839
- disabled: user.isLoading || user.isDisabled || disabled,
5840
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputAdornment))), {
5841
- position: "start",
5842
- style: {
5843
- marginTop: "0px"
5844
- },
5845
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
5846
- children: [
5847
- " ",
5848
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialCircularProgress))), {
5849
- size: 18
5850
- }),
5851
- " "
5852
- ]
5853
- })
5854
- }),
5855
- inputprops: {
5856
- inputProps: {
5857
- min: user.minAmount,
5858
- max: user.maxAmount
5859
- }
5860
- },
5861
- onChange: onChangeAmount
5862
- })
5863
- })
5864
- }),
5865
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5866
- size: {
5867
- xs: 7
5695
+ children: labels[id]
5696
+ })
5697
+ }),
5698
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5699
+ size: {
5700
+ xs: 12
5701
+ },
5702
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5703
+ container: true,
5704
+ children: [
5705
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5706
+ size: {
5707
+ xs: 5
5708
+ },
5709
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5710
+ sx: {
5711
+ background: "#C7CDD7",
5712
+ borderRadius: "2px"
5868
5713
  },
5869
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialAutocomplete))), {
5870
- disabled: user.isLoading || user.isDisabled,
5871
- options: transferOptions,
5872
- style: {
5873
- fontSize: 12,
5714
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputBase))), {
5715
+ id: id,
5716
+ sx: {
5717
+ ml: "10px",
5718
+ fontFamily: "Poppins",
5874
5719
  fontWeight: 600,
5875
- "& > span": {
5876
- marginRight: 10,
5877
- fontSize: 18
5878
- }
5720
+ fontSize: "20px",
5721
+ lineHeight: "20px",
5722
+ color: "#000F37",
5723
+ textAlign: "center"
5879
5724
  },
5880
- filterOptions: $25bc95a5aba76853$var$filterOptions,
5881
- value: transferOptions.find((x)=>x.code == selectedOption.code),
5882
- autoHighlight: true,
5883
- getOptionLabel: (option)=>`${option?.currency || ""}`,
5884
- renderOption: (props, option)=>{
5885
- const { key: key, ...restProps } = props;
5886
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$reactjsxruntime.Fragment), {
5887
- children: [
5888
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5889
- style: {
5890
- marginRight: "5px"
5891
- },
5892
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5893
- code: option.code == "PE-USD" ? "PE" : option.code
5894
- })
5895
- }),
5896
- " ",
5897
- option?.currency || ""
5898
- ]
5899
- });
5900
- },
5901
- disableClearable: true,
5902
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5903
- variant: "outlined",
5904
- style: classes.rootFlags,
5905
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTextField))), {
5725
+ required: true,
5726
+ value: user.isLoading || user.isDisabled ? "" : user.amount > 0 ? user.amount.toString() : "",
5727
+ type: "number",
5728
+ disabled: user.isLoading || user.isDisabled || disabled,
5729
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputAdornment))), {
5730
+ position: "start",
5731
+ children: user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialCircularProgress))), {
5732
+ size: 18
5733
+ })
5734
+ }),
5735
+ onChange: onChangeAmount
5736
+ })
5737
+ })
5738
+ }),
5739
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5740
+ size: {
5741
+ xs: 7
5742
+ },
5743
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialAutocomplete))), {
5744
+ disabled: user.isLoading || user.isDisabled,
5745
+ options: transferOptions,
5746
+ filterOptions: $25bc95a5aba76853$var$filterOptions,
5747
+ value: transferOptions.find((x)=>x.code == selectedOption.code),
5748
+ autoHighlight: true,
5749
+ getOptionLabel: (option)=>`${option?.currency || ""}`,
5750
+ renderOption: (props, option)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("li", {
5751
+ ...props,
5752
+ children: [
5753
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5906
5754
  style: {
5907
- fontSize: "15px"
5755
+ marginRight: "5px"
5908
5756
  },
5909
- ...params,
5910
- variant: "standard",
5911
- InputProps: {
5912
- ...params.InputProps,
5913
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5914
- code: selectedOption.code == "PE-USD" ? "PE" : selectedOption.code
5915
- }),
5916
- disableUnderline: true
5917
- }
5918
- })
5919
- }),
5920
- onChange: onChangeCountry
5921
- })
5757
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5758
+ code: option.code === "PE-USD" ? "PE" : option.code
5759
+ })
5760
+ }),
5761
+ option?.currency || ""
5762
+ ]
5763
+ }),
5764
+ disableClearable: true,
5765
+ onChange: onChangeCountry,
5766
+ renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5767
+ variant: "outlined",
5768
+ sx: {
5769
+ fontFamily: "Poppins",
5770
+ padding: "5px 5px",
5771
+ minWidth: 100,
5772
+ borderWidth: 0
5773
+ },
5774
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTextField))), {
5775
+ ...params,
5776
+ variant: "standard",
5777
+ InputProps: {
5778
+ ...params.InputProps,
5779
+ startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5780
+ code: selectedOption.code === "PE-USD" ? "PE" : selectedOption.code
5781
+ }),
5782
+ disableUnderline: true
5783
+ }
5784
+ })
5785
+ })
5922
5786
  })
5923
- ]
5924
- })
5925
- }),
5926
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5927
- size: {
5928
- xs: 12
5787
+ })
5788
+ ]
5789
+ })
5790
+ }),
5791
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5792
+ size: {
5793
+ xs: 12
5794
+ },
5795
+ children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialFormHelperText))), {
5796
+ sx: {
5797
+ color: "red"
5929
5798
  },
5930
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$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
- })
5799
+ 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
5800
  })
5937
- ]
5938
- })
5801
+ })
5802
+ ]
5939
5803
  });
5940
5804
  };
5941
5805
  var $25bc95a5aba76853$export$2e2bcd8739ae039 = $25bc95a5aba76853$var$InputAmount;
@@ -5960,9 +5824,6 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5960
5824
  container: true,
5961
5825
  direction: "column",
5962
5826
  spacing: 0,
5963
- sx: {
5964
- marginBottom: 15
5965
- },
5966
5827
  children: [
5967
5828
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5968
5829
  size: {
@@ -6140,11 +6001,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6140
6001
  size: {
6141
6002
  xs: 12
6142
6003
  },
6143
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {
6144
- sx: {
6145
- margin: 4
6146
- }
6147
- })
6004
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {})
6148
6005
  }),
6149
6006
  details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6150
6007
  size: {
@@ -7167,9 +7024,8 @@ var $c1882e163bdff66b$export$2e2bcd8739ae039 = $c1882e163bdff66b$var$PaymentMeth
7167
7024
 
7168
7025
 
7169
7026
 
7170
-
7171
7027
  const $946e0543186f7545$var$theme = (0, $gXNCa$muimaterialstyles.createTheme)();
7172
- const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$muistyles.makeStyles)(()=>({
7028
+ const $946e0543186f7545$export$5ecc5d08426f3213 = ()=>({
7173
7029
  // 'input[type=number]::-webkit-outer-spin-button': {
7174
7030
  // '-webkit-appearance': 'none',
7175
7031
  // margin: 0
@@ -7238,7 +7094,7 @@ const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$muistyles.makeStyle
7238
7094
  background: "#008AFF"
7239
7095
  }
7240
7096
  }
7241
- }));
7097
+ });
7242
7098
 
7243
7099
 
7244
7100
 
@@ -7883,7 +7739,7 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7883
7739
  }, [
7884
7740
  simulatorMode
7885
7741
  ]);
7886
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("main", {
7742
+ return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$react.Fragment), {
7887
7743
  children: [
7888
7744
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("link", {
7889
7745
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap",
@@ -7893,25 +7749,40 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7893
7749
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7894
7750
  rel: "stylesheet"
7895
7751
  }),
7896
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
7897
- className: classes.root,
7898
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7752
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Paper), {
7753
+ sx: {
7754
+ fontFamily: "Poppins",
7755
+ padding: "26px 21px 0 21px",
7756
+ maxWidth: 480,
7757
+ flexGrow: 1,
7758
+ borderRadius: "24px",
7759
+ borderWidth: "1px",
7760
+ backgroundColor: "#FFFFFF",
7761
+ boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
7762
+ },
7763
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Grid), {
7899
7764
  container: true,
7900
7765
  direction: "column",
7901
7766
  spacing: 0,
7902
7767
  children: [
7903
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7768
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7904
7769
  container: true,
7905
7770
  direction: "row",
7906
7771
  justifyContent: "center",
7907
7772
  alignItems: "center",
7908
- sx: {
7773
+ style: {
7909
7774
  paddingBottom: "10px"
7910
7775
  },
7911
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7912
- size: "grow",
7913
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
7914
- className: classes.labelAmount,
7776
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7777
+ item: true,
7778
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Typography), {
7779
+ sx: {
7780
+ fontFamily: "Poppins",
7781
+ fontWeight: 500,
7782
+ fontSize: "16px",
7783
+ lineHeight: "20px",
7784
+ color: "#000F37"
7785
+ },
7915
7786
  gutterBottom: true,
7916
7787
  variant: "subtitle1",
7917
7788
  component: "div",
@@ -7919,42 +7790,83 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7919
7790
  })
7920
7791
  })
7921
7792
  }),
7922
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7793
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7923
7794
  container: true,
7924
7795
  direction: "row",
7925
7796
  justifyContent: "center",
7926
7797
  alignItems: "center",
7927
- sx: {
7798
+ style: {
7928
7799
  paddingBottom: "10px"
7929
7800
  },
7930
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7931
- size: {
7932
- xs: 9
7933
- },
7934
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7801
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7802
+ item: true,
7803
+ xs: 9,
7804
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Grid), {
7935
7805
  container: true,
7936
7806
  spacing: 3,
7937
7807
  justifyContent: "center",
7938
7808
  children: [
7939
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7940
- size: "grow",
7941
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialChip))), {
7942
- className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7943
- label: content.simulator.header_chips.option_send,
7809
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7810
+ item: true,
7811
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Chip), {
7944
7812
  variant: "outlined",
7945
- onClick: ()=>{
7946
- handleSimulatorMode((0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND);
7813
+ label: content.simulator.header_chips.option_send,
7814
+ onClick: ()=>handleSimulatorMode((0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND),
7815
+ sx: {
7816
+ ...simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? {
7817
+ backgroundColor: "#008AFF",
7818
+ borderWidth: 0,
7819
+ color: "#F4F4F4",
7820
+ "&:hover": {
7821
+ backgroundColor: "#008AFF"
7822
+ },
7823
+ "&:focus": {
7824
+ backgroundColor: "#008AFF"
7825
+ }
7826
+ } : {
7827
+ backgroundColor: "#FFFFFF",
7828
+ borderColor: "#008AFF",
7829
+ color: "#008AFF",
7830
+ "&:hover": {
7831
+ backgroundColor: "#FFFFFF"
7832
+ }
7833
+ },
7834
+ fontFamily: "Poppins",
7835
+ fontWeight: 400,
7836
+ fontSize: "16px",
7837
+ lineHeight: "20px"
7947
7838
  }
7948
7839
  })
7949
7840
  }),
7950
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7951
- size: "grow",
7952
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialChip))), {
7953
- className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7954
- label: content.simulator.header_chips.option_receive,
7841
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7842
+ item: true,
7843
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Chip), {
7955
7844
  variant: "outlined",
7956
- onClick: ()=>{
7957
- handleSimulatorMode((0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT);
7845
+ label: content.simulator.header_chips.option_receive,
7846
+ onClick: ()=>handleSimulatorMode((0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT),
7847
+ sx: {
7848
+ ...simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? {
7849
+ backgroundColor: "#008AFF",
7850
+ borderWidth: 0,
7851
+ color: "#F4F4F4",
7852
+ "&:hover": {
7853
+ backgroundColor: "#008AFF"
7854
+ },
7855
+ "&:focus": {
7856
+ backgroundColor: "#008AFF"
7857
+ }
7858
+ } : {
7859
+ backgroundColor: "#FFFFFF",
7860
+ borderColor: "#008AFF",
7861
+ color: "#008AFF",
7862
+ "&:hover": {
7863
+ backgroundColor: "#FFFFFF"
7864
+ }
7865
+ },
7866
+ fontFamily: "Poppins",
7867
+ fontWeight: 400,
7868
+ fontSize: "16px",
7869
+ lineHeight: "20px"
7958
7870
  }
7959
7871
  })
7960
7872
  })
@@ -7962,18 +7874,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7962
7874
  })
7963
7875
  })
7964
7876
  }),
7965
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7966
- size: {
7967
- xs: 12
7968
- },
7969
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7877
+ simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7878
+ item: true,
7879
+ xs: 12,
7880
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Grid), {
7970
7881
  container: true,
7971
7882
  children: [
7972
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7973
- size: {
7974
- xs: 12
7975
- },
7976
- sx: {
7883
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7884
+ item: true,
7885
+ xs: 12,
7886
+ style: {
7977
7887
  paddingBottom: "15px"
7978
7888
  },
7979
7889
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
@@ -7984,10 +7894,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7984
7894
  onChangeCountry: handleSendCountry
7985
7895
  })
7986
7896
  }),
7987
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7988
- size: {
7989
- xs: 12
7990
- },
7897
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7898
+ item: true,
7899
+ xs: 12,
7991
7900
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
7992
7901
  content: content,
7993
7902
  details: transferDetail,
@@ -7996,11 +7905,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7996
7905
  locale: locale
7997
7906
  })
7998
7907
  }),
7999
- sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8000
- size: {
8001
- xs: 12
8002
- },
8003
- sx: {
7908
+ sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7909
+ item: true,
7910
+ xs: 12,
7911
+ style: {
8004
7912
  paddingBottom: "15px"
8005
7913
  },
8006
7914
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
@@ -8011,11 +7919,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8011
7919
  onChangeCountry: handleReceiveCountry,
8012
7920
  disabled: true
8013
7921
  })
8014
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8015
- size: {
8016
- xs: 12
8017
- },
8018
- sx: {
7922
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7923
+ item: true,
7924
+ xs: 12,
7925
+ style: {
8019
7926
  paddingBottom: "15px"
8020
7927
  },
8021
7928
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
@@ -8030,18 +7937,16 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8030
7937
  ]
8031
7938
  })
8032
7939
  }) : "",
8033
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8034
- size: {
8035
- xs: 12
8036
- },
8037
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7940
+ simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7941
+ item: true,
7942
+ xs: 12,
7943
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Grid), {
8038
7944
  container: true,
8039
7945
  children: [
8040
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8041
- size: {
8042
- xs: 12
8043
- },
8044
- sx: {
7946
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7947
+ item: true,
7948
+ xs: 12,
7949
+ style: {
8045
7950
  paddingBottom: "15px"
8046
7951
  },
8047
7952
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
@@ -8052,10 +7957,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8052
7957
  onChangeCountry: handleSendCountry
8053
7958
  })
8054
7959
  }),
8055
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8056
- size: {
8057
- xs: 12
8058
- },
7960
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7961
+ item: true,
7962
+ xs: 12,
8059
7963
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
8060
7964
  content: content,
8061
7965
  details: transferDetail,
@@ -8064,11 +7968,10 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8064
7968
  locale: locale
8065
7969
  })
8066
7970
  }),
8067
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8068
- size: {
8069
- xs: 12
8070
- },
8071
- sx: {
7971
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7972
+ item: true,
7973
+ xs: 12,
7974
+ style: {
8072
7975
  paddingBottom: "15px"
8073
7976
  },
8074
7977
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
@@ -8086,26 +7989,21 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8086
7989
  [
8087
7990
  "VE",
8088
7991
  "AR"
8089
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8090
- size: {
8091
- xs: 12
8092
- },
8093
- sx: {
8094
- marginTop: "15px",
8095
- marginBottom: "15px"
7992
+ ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7993
+ item: true,
7994
+ xs: 12,
7995
+ style: {
7996
+ marginTop: 15
8096
7997
  },
8097
7998
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c1882e163bdff66b$export$2e2bcd8739ae039), {
8098
7999
  paymentMethods: receiver.paymentMethods,
8099
8000
  onChange: handleOnchangePaymentMethod
8100
8001
  })
8101
8002
  }),
8102
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8103
- size: {
8104
- xs: 12
8105
- },
8106
- sx: {
8107
- marginBottom: "15px"
8108
- },
8003
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8004
+ item: true,
8005
+ xs: 12,
8006
+ style: {},
8109
8007
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5bf5c647168de599$export$2e2bcd8739ae039), {
8110
8008
  simulatorMode: simulatorMode,
8111
8009
  transferType: sender.selectedOption.type,
@@ -8114,56 +8012,64 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8114
8012
  option: sender.selectedOption
8115
8013
  })
8116
8014
  }),
8117
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8118
- size: {
8119
- xs: 12
8120
- },
8121
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialButton))), {
8122
- className: classes.button,
8015
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8016
+ item: true,
8017
+ xs: 12,
8018
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Button), {
8019
+ sx: {
8020
+ background: "#008AFF",
8021
+ borderWidth: 0,
8022
+ fontFamily: "Poppins",
8023
+ fontWeight: 400,
8024
+ fontSize: "16px",
8025
+ lineHeight: "20px",
8026
+ mt: "20px",
8027
+ color: "#F4F4F4",
8028
+ "&:hover": {
8029
+ background: "#008AFF"
8030
+ }
8031
+ },
8123
8032
  variant: "contained",
8124
- onClick: handleNext,
8125
- disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8126
8033
  fullWidth: true,
8034
+ disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8035
+ onClick: handleNext,
8127
8036
  children: content.simulator.footer_action_button
8128
8037
  })
8129
8038
  }),
8130
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8131
- size: {
8132
- xs: 12
8133
- },
8134
- sx: {
8135
- textAlign: "center",
8136
- marginTop: "15px",
8137
- marginBottom: "15px"
8039
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8040
+ item: true,
8041
+ xs: 12,
8042
+ style: {
8043
+ marginTop: 15,
8044
+ marginBottom: 15,
8045
+ textAlign: "center"
8138
8046
  },
8139
8047
  children: recalculate && sender.selectedOption.type != (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
8140
8048
  onTimeout: calculateAgain,
8141
8049
  locale: locale
8142
8050
  })
8143
8051
  }),
8144
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8145
- size: {
8146
- xs: 12
8147
- },
8148
- sx: {
8052
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8053
+ item: true,
8054
+ xs: 12,
8055
+ style: {
8149
8056
  marginTop: "30px"
8150
8057
  },
8151
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {})
8058
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
8152
8059
  }),
8153
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8154
- size: {
8155
- xs: 12
8156
- },
8060
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8061
+ item: true,
8062
+ xs: 12,
8157
8063
  container: true,
8158
8064
  direction: "row",
8159
8065
  justifyContent: "center",
8160
8066
  alignItems: "center",
8161
- sx: {
8067
+ style: {
8162
8068
  paddingBottom: "10px"
8163
8069
  },
8164
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
8070
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
8165
8071
  variant: "subtitle1",
8166
- sx: {
8072
+ style: {
8167
8073
  display: "flex",
8168
8074
  alignItems: "center",
8169
8075
  textAlign: "center"