@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/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,126 +5653,6 @@ var $c0c7909cfff012a2$export$2e2bcd8739ae039 = $c0c7909cfff012a2$var$OperationsH
5659
5653
 
5660
5654
 
5661
5655
 
5662
-
5663
- const $57d5e789e3634b87$var$componentStyles = {
5664
- root: {
5665
- fontFamily: "Poppins",
5666
- padding: "26px 21px",
5667
- maxWidth: 400,
5668
- flexGrow: 1,
5669
- borderRadius: "24px",
5670
- borderWidth: "1px",
5671
- backgroundColor: "#FFFFFF",
5672
- boxShadow: "0px 4px 7px rgba(61, 71, 86, 0.52)"
5673
- },
5674
- labelAmount: {
5675
- fontFamily: "Poppins",
5676
- fontStyle: "normal",
5677
- fontWeight: 500,
5678
- fontSize: "16px",
5679
- lineHeight: "20px",
5680
- color: "#000F37"
5681
- },
5682
- labelExpiration: {
5683
- fontFamily: "Poppins",
5684
- fontStyle: "normal",
5685
- fontWeight: 400,
5686
- fontSize: "14px",
5687
- lineHeight: "20px",
5688
- color: "#000F37"
5689
- },
5690
- inputExpiration: {
5691
- fontFamily: "Poppins",
5692
- fontStyle: "normal",
5693
- fontWeight: 500,
5694
- fontSize: "14px",
5695
- lineHeight: "20px",
5696
- color: "#008AFF"
5697
- },
5698
- inputAmount: {
5699
- background: "#C7CDD7",
5700
- borderRadius: "2px"
5701
- },
5702
- inputAmountText: {
5703
- marginLeft: "10px",
5704
- fontFamily: "Poppins",
5705
- fontStyle: "normal",
5706
- fontWeight: 600,
5707
- fontSize: "20px",
5708
- lineHeight: "20px",
5709
- color: "#000F37",
5710
- textAlign: "center"
5711
- },
5712
- labelCoupon: {
5713
- fontFamily: "Poppins",
5714
- fontStyle: "normal",
5715
- fontWeight: 400,
5716
- fontSize: "15px",
5717
- lineHeight: "20px",
5718
- color: "#000F37"
5719
- },
5720
- inputCoupon: {
5721
- background: "#A1ACBD",
5722
- borderRadius: "2px"
5723
- },
5724
- inputCouponText: {
5725
- marginLeft: "10px",
5726
- fontFamily: "Poppins",
5727
- fontStyle: "normal",
5728
- fontWeight: 500,
5729
- fontSize: "18px",
5730
- lineHeight: "20px",
5731
- color: "#000F37",
5732
- textAlign: "center"
5733
- },
5734
- buttonStart: {
5735
- background: "#008AFF",
5736
- borderRadius: "12px",
5737
- maxWidth: "100%",
5738
- minWidth: "100%"
5739
- },
5740
- buttonStartDisabled: {
5741
- background: "#C0C0C0",
5742
- borderRadius: "12px",
5743
- maxWidth: "100%",
5744
- minWidth: "100%"
5745
- },
5746
- textButtonStart: {
5747
- fontFamily: "Poppins",
5748
- fontStyle: "normal",
5749
- fontWeight: 400,
5750
- fontSize: "16px",
5751
- lineHeight: "20px",
5752
- color: "#F4F4F4"
5753
- },
5754
- labelUpdateTC: {
5755
- fontFamily: "Poppins",
5756
- fontStyle: "normal",
5757
- fontWeight: 400,
5758
- fontSize: "14px",
5759
- lineHeight: "16px",
5760
- color: "#000F37",
5761
- textAlign: "center"
5762
- },
5763
- textTimeTC: {
5764
- fontWeight: "bold",
5765
- textAlign: "center"
5766
- },
5767
- divider: {
5768
- height: 28,
5769
- margin: 4
5770
- },
5771
- rootFlags: {
5772
- fontFamily: "Poppins",
5773
- padding: "5px 5px",
5774
- minWidth: 100,
5775
- //maxWidth: 150,
5776
- borderWidth: "0px"
5777
- }
5778
- };
5779
- var $57d5e789e3634b87$export$2e2bcd8739ae039 = $57d5e789e3634b87$var$componentStyles;
5780
-
5781
-
5782
5656
  const $25bc95a5aba76853$var$filterOptions = (options, { inputValue: inputValue })=>{
5783
5657
  return (0, $gXNCa$matchsorter.matchSorter)(options, inputValue, {
5784
5658
  keys: [
@@ -5788,7 +5662,6 @@ const $25bc95a5aba76853$var$filterOptions = (options, { inputValue: inputValue }
5788
5662
  });
5789
5663
  };
5790
5664
  const $25bc95a5aba76853$var$InputAmount = (props)=>{
5791
- const classes = (0, $57d5e789e3634b87$export$2e2bcd8739ae039);
5792
5665
  const { id: id, content: content, user: user, onChangeAmount: onChangeAmount, onChangeCountry: onChangeCountry, disabled: disabled = false } = props;
5793
5666
  let transferOptions = user.transferOptions;
5794
5667
  let selectedOption = user.selectedOption;
@@ -5800,153 +5673,133 @@ const $25bc95a5aba76853$var$InputAmount = (props)=>{
5800
5673
  "wallet-sender": content.common.sender.wallet_action,
5801
5674
  "wallet-receiver": content.common.receiver.wallet_action
5802
5675
  };
5803
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactjsxruntime.Fragment), {
5804
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5805
- container: true,
5806
- direction: "column",
5807
- spacing: 0,
5808
- children: [
5809
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5810
- size: {
5811
- xs: 12
5812
- },
5813
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
5814
- style: classes.labelAmount,
5815
- gutterBottom: true,
5816
- variant: "subtitle1",
5817
- component: "div",
5818
- children: labels[id]
5819
- })
5820
- }),
5821
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5822
- size: {
5823
- 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"
5824
5694
  },
5825
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5826
- container: true,
5827
- children: [
5828
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5829
- size: {
5830
- xs: 5
5831
- },
5832
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5833
- style: classes.inputAmount,
5834
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputBase))), {
5835
- id: id,
5836
- style: classes.inputAmountText,
5837
- required: true,
5838
- value: user.isLoading || user.isDisabled ? "" : (user.amount > 0 ? user.amount.toString() : "").toString(),
5839
- type: "number",
5840
- disabled: user.isLoading || user.isDisabled || disabled,
5841
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialInputAdornment))), {
5842
- position: "start",
5843
- style: {
5844
- marginTop: "0px"
5845
- },
5846
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("span", {
5847
- children: [
5848
- " ",
5849
- user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialCircularProgress))), {
5850
- size: 18
5851
- }),
5852
- " "
5853
- ]
5854
- })
5855
- }),
5856
- inputprops: {
5857
- inputProps: {
5858
- min: user.minAmount,
5859
- max: user.maxAmount
5860
- }
5861
- },
5862
- onChange: onChangeAmount
5863
- })
5864
- })
5865
- }),
5866
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5867
- size: {
5868
- xs: 5
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"
5869
5713
  },
5870
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialAutocomplete))), {
5871
- disabled: user.isLoading || user.isDisabled,
5872
- options: transferOptions,
5873
- style: {
5874
- 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",
5875
5719
  fontWeight: 600,
5876
- "& > span": {
5877
- marginRight: 10,
5878
- fontSize: 18
5879
- }
5880
- },
5881
- isOptionEqualToValue: (option, value)=>option.code === value?.code,
5882
- value: selectedOption ? transferOptions.find((x)=>x.code === selectedOption.code) || null : null,
5883
- autoHighlight: true,
5884
- getOptionLabel: (option)=>{
5885
- if (!option) return '';
5886
- if (typeof option === 'string') return option;
5887
- if (typeof option.currency === 'string') return option.currency;
5888
- return '';
5889
- },
5890
- renderOption: (props, option)=>{
5891
- if (!option) return null;
5892
- const { key: key, ...restProps } = props;
5893
- const code = option.code || 'unknown';
5894
- const currency = option.currency || '';
5895
- const flagCode = code === "PE-USD" ? "PE" : code;
5896
- return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialBox))), {
5897
- component: "li",
5898
- ...restProps,
5899
- children: [
5900
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
5901
- style: {
5902
- marginRight: "5px"
5903
- },
5904
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5905
- code: flagCode
5906
- })
5907
- }),
5908
- currency
5909
- ]
5910
- }, `${code}-${currency}`);
5720
+ fontSize: "20px",
5721
+ lineHeight: "20px",
5722
+ color: "#000F37",
5723
+ textAlign: "center"
5911
5724
  },
5912
- disableClearable: true,
5913
- renderInput: (params)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
5914
- variant: "outlined",
5915
- style: classes.rootFlags,
5916
- 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", {
5917
5754
  style: {
5918
- fontSize: "15px"
5755
+ marginRight: "5px"
5919
5756
  },
5920
- ...params,
5921
- variant: "standard",
5922
- InputProps: {
5923
- ...params.InputProps,
5924
- startAdornment: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $0b469f7a35a164ef$export$2e2bcd8739ae039), {
5925
- code: selectedOption.code == "PE-USD" ? "PE" : selectedOption.code
5926
- }),
5927
- disableUnderline: true
5928
- }
5929
- })
5930
- }),
5931
- onChange: (event, value)=>onChangeCountry && onChangeCountry(event, value)
5932
- })
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
+ })
5933
5786
  })
5934
- ]
5935
- })
5936
- }),
5937
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5938
- size: {
5939
- 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"
5940
5798
  },
5941
- children: !user.isLoading && !user.isDisabled && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialFormHelperText))), {
5942
- style: {
5943
- color: "red"
5944
- },
5945
- 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)
5946
- })
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)
5947
5800
  })
5948
- ]
5949
- })
5801
+ })
5802
+ ]
5950
5803
  });
5951
5804
  };
5952
5805
  var $25bc95a5aba76853$export$2e2bcd8739ae039 = $25bc95a5aba76853$var$InputAmount;
@@ -5971,9 +5824,6 @@ const $e09238e49cf44303$var$Fees = (props)=>{
5971
5824
  container: true,
5972
5825
  direction: "column",
5973
5826
  spacing: 0,
5974
- sx: {
5975
- marginBottom: 15
5976
- },
5977
5827
  children: [
5978
5828
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
5979
5829
  size: {
@@ -6151,11 +6001,7 @@ const $e09238e49cf44303$var$Fees = (props)=>{
6151
6001
  size: {
6152
6002
  xs: 12
6153
6003
  },
6154
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {
6155
- sx: {
6156
- margin: 4
6157
- }
6158
- })
6004
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {})
6159
6005
  }),
6160
6006
  details.showTotalFees && !isUSDTReceiver && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
6161
6007
  size: {
@@ -7178,9 +7024,8 @@ var $c1882e163bdff66b$export$2e2bcd8739ae039 = $c1882e163bdff66b$var$PaymentMeth
7178
7024
 
7179
7025
 
7180
7026
 
7181
-
7182
7027
  const $946e0543186f7545$var$theme = (0, $gXNCa$muimaterialstyles.createTheme)();
7183
- const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$muistyles.makeStyles)(()=>({
7028
+ const $946e0543186f7545$export$5ecc5d08426f3213 = ()=>({
7184
7029
  // 'input[type=number]::-webkit-outer-spin-button': {
7185
7030
  // '-webkit-appearance': 'none',
7186
7031
  // margin: 0
@@ -7249,7 +7094,7 @@ const $946e0543186f7545$export$5ecc5d08426f3213 = (0, $gXNCa$muistyles.makeStyle
7249
7094
  background: "#008AFF"
7250
7095
  }
7251
7096
  }
7252
- }));
7097
+ });
7253
7098
 
7254
7099
 
7255
7100
 
@@ -7904,25 +7749,40 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7904
7749
  href: "https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap",
7905
7750
  rel: "stylesheet"
7906
7751
  }),
7907
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialPaper))), {
7908
- className: classes.root,
7909
- 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), {
7910
7764
  container: true,
7911
7765
  direction: "column",
7912
7766
  spacing: 0,
7913
7767
  children: [
7914
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7768
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7915
7769
  container: true,
7916
7770
  direction: "row",
7917
7771
  justifyContent: "center",
7918
7772
  alignItems: "center",
7919
- sx: {
7773
+ style: {
7920
7774
  paddingBottom: "10px"
7921
7775
  },
7922
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7923
- size: "grow",
7924
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
7925
- 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
+ },
7926
7786
  gutterBottom: true,
7927
7787
  variant: "subtitle1",
7928
7788
  component: "div",
@@ -7930,42 +7790,83 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7930
7790
  })
7931
7791
  })
7932
7792
  }),
7933
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7793
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7934
7794
  container: true,
7935
7795
  direction: "row",
7936
7796
  justifyContent: "center",
7937
7797
  alignItems: "center",
7938
- sx: {
7798
+ style: {
7939
7799
  paddingBottom: "10px"
7940
7800
  },
7941
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7942
- size: {
7943
- xs: 9
7944
- },
7945
- 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), {
7946
7805
  container: true,
7947
7806
  spacing: 3,
7948
7807
  justifyContent: "center",
7949
7808
  children: [
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).SEND ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7954
- 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), {
7955
7812
  variant: "outlined",
7956
- onClick: ()=>{
7957
- 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"
7958
7838
  }
7959
7839
  })
7960
7840
  }),
7961
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7962
- size: "grow",
7963
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialChip))), {
7964
- className: simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? classes.chipOptionChecked : classes.chipOptionUnchecked,
7965
- 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), {
7966
7844
  variant: "outlined",
7967
- onClick: ()=>{
7968
- 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"
7969
7870
  }
7970
7871
  })
7971
7872
  })
@@ -7973,16 +7874,17 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7973
7874
  })
7974
7875
  })
7975
7876
  }),
7976
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).SEND ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7977
- size: {
7978
- xs: 12
7979
- },
7980
- 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), {
7981
7881
  container: true,
7982
7882
  children: [
7983
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7984
- size: {
7985
- xs: 12
7883
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7884
+ item: true,
7885
+ xs: 12,
7886
+ style: {
7887
+ paddingBottom: "15px"
7986
7888
  },
7987
7889
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
7988
7890
  id: "transfer-sender",
@@ -7992,10 +7894,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
7992
7894
  onChangeCountry: handleSendCountry
7993
7895
  })
7994
7896
  }),
7995
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
7996
- size: {
7997
- xs: 12
7998
- },
7897
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7898
+ item: true,
7899
+ xs: 12,
7999
7900
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
8000
7901
  content: content,
8001
7902
  details: transferDetail,
@@ -8004,9 +7905,11 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8004
7905
  locale: locale
8005
7906
  })
8006
7907
  }),
8007
- sender.selectedOption.type == (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).COUNTRY ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8008
- size: {
8009
- xs: 12
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: {
7912
+ paddingBottom: "15px"
8010
7913
  },
8011
7914
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
8012
7915
  id: "transfer-receiver",
@@ -8016,9 +7919,11 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8016
7919
  onChangeCountry: handleReceiveCountry,
8017
7920
  disabled: true
8018
7921
  })
8019
- }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8020
- size: {
8021
- xs: 12
7922
+ }) : /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7923
+ item: true,
7924
+ xs: 12,
7925
+ style: {
7926
+ paddingBottom: "15px"
8022
7927
  },
8023
7928
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
8024
7929
  id: "wallet-receiver",
@@ -8032,16 +7937,17 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8032
7937
  ]
8033
7938
  })
8034
7939
  }) : "",
8035
- simulatorMode === (0, $ee1f0011b010ab9b$export$e3d7a3ffb08d3f7a).COLLECT ? /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8036
- size: {
8037
- xs: 12
8038
- },
8039
- 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), {
8040
7944
  container: true,
8041
7945
  children: [
8042
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8043
- size: {
8044
- xs: 12
7946
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7947
+ item: true,
7948
+ xs: 12,
7949
+ style: {
7950
+ paddingBottom: "15px"
8045
7951
  },
8046
7952
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
8047
7953
  id: "collect-sender",
@@ -8051,10 +7957,9 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8051
7957
  onChangeCountry: handleSendCountry
8052
7958
  })
8053
7959
  }),
8054
- !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8055
- size: {
8056
- xs: 12
8057
- },
7960
+ !sender.isLoading && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7961
+ item: true,
7962
+ xs: 12,
8058
7963
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $e09238e49cf44303$export$2e2bcd8739ae039), {
8059
7964
  content: content,
8060
7965
  details: transferDetail,
@@ -8063,9 +7968,11 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8063
7968
  locale: locale
8064
7969
  })
8065
7970
  }),
8066
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8067
- size: {
8068
- xs: 12
7971
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
7972
+ item: true,
7973
+ xs: 12,
7974
+ style: {
7975
+ paddingBottom: "15px"
8069
7976
  },
8070
7977
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $25bc95a5aba76853$export$2e2bcd8739ae039), {
8071
7978
  id: "collect-receiver",
@@ -8082,19 +7989,21 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8082
7989
  [
8083
7990
  "VE",
8084
7991
  "AR"
8085
- ].includes(receiver.selectedOption.code) && !receiver.isLoading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8086
- size: {
8087
- xs: 12
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
8088
7997
  },
8089
7998
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $c1882e163bdff66b$export$2e2bcd8739ae039), {
8090
7999
  paymentMethods: receiver.paymentMethods,
8091
8000
  onChange: handleOnchangePaymentMethod
8092
8001
  })
8093
8002
  }),
8094
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8095
- size: {
8096
- xs: 12
8097
- },
8003
+ !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8004
+ item: true,
8005
+ xs: 12,
8006
+ style: {},
8098
8007
  children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $5bf5c647168de599$export$2e2bcd8739ae039), {
8099
8008
  simulatorMode: simulatorMode,
8100
8009
  transferType: sender.selectedOption.type,
@@ -8103,73 +8012,78 @@ function $d3c2b8c012a239f6$var$Simulator(props) {
8103
8012
  option: sender.selectedOption
8104
8013
  })
8105
8014
  }),
8106
- !props.onlyView && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8107
- size: {
8108
- xs: 12
8109
- },
8110
- sx: {
8111
- marginTop: "15px",
8112
- marginBottom: "15px"
8113
- },
8114
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialButton))), {
8115
- 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
+ },
8116
8032
  variant: "contained",
8117
- onClick: handleNext,
8118
- disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8119
8033
  fullWidth: true,
8034
+ disabled: sender.isLoading || receiver.isLoading || isOutOfLimits(),
8035
+ onClick: handleNext,
8120
8036
  children: content.simulator.footer_action_button
8121
8037
  })
8122
8038
  }),
8123
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8124
- size: {
8125
- xs: 12
8126
- },
8127
- sx: {
8128
- textAlign: "center",
8129
- marginTop: "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"
8130
8046
  },
8131
8047
  children: recalculate && sender.selectedOption.type != (0, $ee1f0011b010ab9b$export$1b5eb083c754a86b).WALLET && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $3641e36ddb9c1c48$export$2e2bcd8739ae039), {
8132
8048
  onTimeout: calculateAgain,
8133
8049
  locale: locale
8134
8050
  })
8135
8051
  }),
8136
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8137
- size: {
8138
- xs: 12
8052
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8053
+ item: true,
8054
+ xs: 12,
8055
+ style: {
8056
+ marginTop: "30px"
8139
8057
  },
8140
- sx: {
8141
- marginTop: "60px"
8142
- },
8143
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialDivider))), {})
8058
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Divider), {})
8144
8059
  }),
8145
- /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, ($parcel$interopDefault($gXNCa$muimaterialGrid2))), {
8146
- size: {
8147
- xs: 12
8148
- },
8060
+ /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$muimaterial.Grid), {
8061
+ item: true,
8062
+ xs: 12,
8149
8063
  container: true,
8150
8064
  direction: "row",
8151
8065
  justifyContent: "center",
8152
8066
  alignItems: "center",
8153
- sx: {
8067
+ style: {
8154
8068
  paddingBottom: "10px"
8155
8069
  },
8156
- children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, ($parcel$interopDefault($gXNCa$muimaterialTypography))), {
8070
+ children: /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)((0, $gXNCa$muimaterial.Typography), {
8157
8071
  variant: "subtitle1",
8158
- sx: {
8072
+ style: {
8159
8073
  display: "flex",
8160
8074
  alignItems: "center",
8161
8075
  textAlign: "center"
8162
8076
  },
8163
8077
  children: [
8164
8078
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
8165
- sx: {
8079
+ style: {
8166
8080
  fontSize: "10px",
8167
8081
  textAlign: "center"
8168
8082
  },
8169
8083
  children: "Powered by\xa0"
8170
8084
  }),
8171
8085
  /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("span", {
8172
- sx: {
8086
+ style: {
8173
8087
  fontWeight: "bold",
8174
8088
  fontSize: "12px",
8175
8089
  textAlign: "center"