@traund/orquezta-widget-calculator 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@traund/orquezta-widget-calculator",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Calculator React component",
   "main": "dist/index.js",
   "typings": "dist/index.js",
@@ -26,9 +26,9 @@
     "@babel/preset-react": "^7.24.1",
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^6.1.0",
     "@mui/icons-material": "^6.1.0",
     "@mui/lab": "^6.0.0-alpha.173",
+    "@mui/material": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "axios": "^0.21.1",
     "dayjs": "^1.11.10",
@@ -49,9 +49,10 @@
   "dependencies": {
     "@emotion/react": "^11.11.3",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^6.1.0",
     "@mui/icons-material": "^6.1.0",
     "@mui/lab": "^6.0.0-alpha.173",
+    "@mui/material": "^6.1.0",
+    "@mui/styles": "^6.4.12",
     "aws-sdk": "^2.1555.0",
     "axios": "^0.21.1",
     "crypto-js": "^4.2.0",

package/src/{calculatorV2.js → calculator.js}

@@ -1,21 +1,19 @@
 import React, { Component, Fragment } from "react";
-import {
-  Paper, 
-  Typography,
-  InputBase,
-  InputAdornment,
-  TextField,
-  Select,
-  MenuItem,
-  FormControl,
-  FormHelperText,
-  Button,
-  Divider,
-  CircularProgress,
-  Tooltip,
-  Autocomplete,
-  Box
-} from '@mui/material';
+import Autocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import Divider from '@mui/material/Divider';
+import FormControl from '@mui/material/FormControl';
+import FormHelperText from '@mui/material/FormHelperText';
+import InputAdornment from '@mui/material/InputAdornment';
+import InputBase from '@mui/material/InputBase';
+import MenuItem from '@mui/material/MenuItem';
+import Paper from '@mui/material/Paper';
+import Select from '@mui/material/Select';
+import TextField from '@mui/material/TextField';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid2';
 import { HighlightOffOutlined as HighlightOffOutlinedIcon } from '@mui/icons-material';
 import { matchSorter } from "match-sorter";
@@ -28,7 +26,7 @@ import Timer from "./countdown/index";
 import Endpoints from "./core/endpoints";
 import FlagsHelpers from "./helpers/flagsHelpers";
 import { applyTaxDiscount } from "./helpers/taxDiscount";
-import { getSignatureHeader } from "../src/core/signature";
+import { getSignatureHeader } from "./core/signature";
 class Calculator extends Component {
     state = {
         config: this.props.config ,
@@ -241,7 +239,7 @@ class Calculator extends Component {
                             fromExchangeRate: from.exchangeRate,
                             fromCurrencyValue: from.currency,
                             toCurrencyValue: to.currency,
-                            fromCountryValue: from.country === "TR" ? "TRAUND" : from.country,
+                            fromCountryValue: from.country === "TR" ? "WLT" : from.country,
                             toCountryValue: to.country,
                             coupon: data.coupon,
                             plus: data.coupon ? data.promo : 0,
@@ -333,7 +331,7 @@ class Calculator extends Component {
             "US",
             "VE",
             "ES",
-            "TRAUND"
+            "WLT"
         ];
 
         const rates = {};
@@ -354,7 +352,7 @@ class Calculator extends Component {
                             let usdRate = "";
 
                             if (!rates.hasOwnProperty(c)) {
-                                let forceUSD = (c == "USDT" || c == "TRAUND");
+                                let forceUSD = (c == "USDT" || c == "WLT");
                                 currency = countries.find(
                                     (country) => country.code == (forceUSD ? "US" : c)
                                 ).currency;
@@ -513,7 +511,7 @@ class Calculator extends Component {
 
     updateLimits = (selectedMethod) => {
         
-        const countryData = this.state.calculator[this.state.fromCountryValue == "TR" ? "TRAUND" : this.state.fromCountryValue];
+        const countryData = this.state.calculator[this.state.fromCountryValue == "TR" ? "WLT" : this.state.fromCountryValue];
         let { countryMin, countryMax, usdBuy } = countryData;
         let { usdSell } = countryData.countryTo[this.state.toCountryValue || "US"];
         if (
@@ -713,13 +711,13 @@ class Calculator extends Component {
 
         let {
             newAmountSender,
-        } = applyTaxDiscount(this.state.fromCountryValue === "TRAUND" ? "TR" : this.state.fromCountryValue, this.state.toCountryValue, this.state.sendValue,  this.state.receivedValue);
+        } = applyTaxDiscount(this.state.fromCountryValue === "WLT" ? "TR" : this.state.fromCountryValue, this.state.toCountryValue, this.state.sendValue,  this.state.receivedValue);
 
         let model = {
             coupon: this.state.couponValue,
             from: {
                 amount: newAmountSender,
-                country: this.state.fromCountryValue === "TRAUND" ? "TR" : this.state.fromCountryValue,
+                country: this.state.fromCountryValue === "WLT" ? "TR" : this.state.fromCountryValue,
                 currency: this.state.fromCurrencyValue,
             },
             to: {
@@ -1187,7 +1185,8 @@ class Calculator extends Component {
                 fontWeight: 500,
                 fontSize: "16px",
                 lineHeight: "20px",
-                color: "#000F37"
+                color: "#000F37",
+                marginTop:"25px"
             },
             inputAmount: {
                 background: "#C7CDD7",
@@ -1393,7 +1392,7 @@ class Calculator extends Component {
                 sx={classes.inputAmountText}
                 required
                 value={sendValue}
-                type="number"
+                //type="number"
                 disabled={loadingFrom || loadingTo}
                 startAdornment={
                   <InputAdornment
@@ -1441,7 +1440,7 @@ class Calculator extends Component {
                   <span style={{ marginRight: "5px" }}>
                     <FlagsHelpers code={option.code == "PE-USD" ? "PE" : option.code} />
                   </span>
-                  {option.currency}
+                  {option.code === "WLT" ? "WLT" : option.code === "USDT"? "USDT" : option.currency}
                 </Box>
               )}
               disableClearable
@@ -1589,7 +1588,7 @@ class Calculator extends Component {
             </Grid>
           }
           <Grid size={{ xs: 10}}>
-            <Divider sx={{ margin: 4 }}></Divider>
+            <Divider ></Divider>
           </Grid>
           {taxSender > 0 &&
             <>
@@ -1849,7 +1848,7 @@ class Calculator extends Component {
         </Grid>
       }
       <br></br>
-      <Grid container direction="column" spacing={0} >
+      <Grid container direction="column" >
         <Grid>
           <Typography
             sx={classes.labelAmount}
@@ -1867,7 +1866,7 @@ class Calculator extends Component {
               <InputBase
                 id="receiver"
                 sx={classes.inputAmountText}
-                type="number"
+                //type="number"
                 required
                 value={receivedValue}
                 disabled={true}
@@ -1937,7 +1936,7 @@ class Calculator extends Component {
                 )[0]
               }
               autoHighlight
-              getOptionLabel={(option) => `${option.currency}`}
+               getOptionLabel={(option) => `${option.currency}`}
               renderOption={(props, option) => (
                 <Box component="li" {...props}>
                   <span style={{ marginRight: "5px" }}>
@@ -2024,7 +2023,7 @@ class Calculator extends Component {
             {this.state.hasValidCoupon && (plus != null && plus != 'undefined' && plus != 0) &&
               <Grid>
                 <p
-                  style={{
+                  sx={{
                     textAlign: "center",
                   }}
                 >

package/src/components/disclaimers.jsx

@@ -1,6 +1,7 @@
 import en from "../locale/en";
 import es from "../locale/es";
-import { Button, Container, Typography, Box, Alert} from '@mui/material';
+import Alert from '@mui/material/Alert';
+import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid2';
 import { useEffect, useState } from "react";
 import { SimulatorMode, TransferType } from "../model/enums";

package/src/components/fees.jsx

@@ -1,4 +1,5 @@
-import { Divider, Typography, Box, Alert } from '@mui/material';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid2';
 import { SimulatorMode } from "../model/enums";
 import { useEffect, useState } from "react";

package/src/components/inputAmount.js

@@ -1,18 +1,12 @@
-import React, { Fragment } from "react";
-import {
-  Button,
-  Container,
-  Typography,
-  Box,
-  Alert,
-  Paper,
-  InputBase,
-  CircularProgress,
-  InputAdornment,
-  TextField,
-  FormHelperText,
-  Autocomplete
-} from '@mui/material';
+import Autocomplete from '@mui/material/Autocomplete';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import FormHelperText from '@mui/material/FormHelperText';
+import InputAdornment from '@mui/material/InputAdornment';
+import InputBase from '@mui/material/InputBase';
+import Paper from '@mui/material/Paper';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
 import Grid from '@mui/material/Grid2';
 import FlagsHelpers from "./../helpers/flagsHelpers";
 import { matchSorter } from "match-sorter";

package/src/components/paymentMethodSelector.jsx

@@ -1,4 +1,6 @@
-import { Grid, Select, MenuItem } from "@mui/material";
+import Grid from '@mui/material/Grid2';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
 
 import { useEffect, useState } from "react";
 

package/src/components/simulatorStyles.js

@@ -1,9 +1,9 @@
-import { styled } from '@mui/material/styles';
+import { makeStyles } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 
-// Crear un tema para usar con makeStyles
 const theme = createTheme();
-export const simulatorStyles = styled((theme) => ({
+
+export const simulatorStyles = makeStyles(() => ({
     // 'input[type=number]::-webkit-outer-spin-button': {
     //     '-webkit-appearance': 'none',
     //     margin: 0

package/src/data/countries.js

@@ -1,6 +1,7 @@
 export const countries = [
-    { code: "TRAUND", label: "WALLET TRAUND", prefix: "+1", currency: "USDT" },
+    { code: "WLT", label: "WALLET", prefix: "+1", currency: "USDT" },
     { code: "PAYPAL", label: "PAYPAL", prefix: "+1", currency: "USD" },
+    { code: "USDT",label: "USDT",prefix: "+1", currency: "USDT" },
     { code: "AD", label: "Andorra", prefix: "+376" },
     { code: "AE", label: "United Arab Emirates", prefix: "+971" },
     { code: "AF", label: "Afghanistan", prefix: "+93" },

package/src/helpers/flagsHelpers.js

@@ -6,7 +6,7 @@ const FlagsHelpers = (props) => {
     if (code == "ach") code = "us";
 
     let url = {
-        'traund': 'https://images-traund.s3.amazonaws.com/payment-methods/Traund.svg',
+        'wlt': 'https://images-traund.s3.amazonaws.com/payment-methods/Traund.svg',
         'paypal': 'https://images-traund.s3.amazonaws.com/payment-methods/paypal.svg',
         'usdt': 'https://images-traund.s3.amazonaws.com/payment-methods/Tether.svg',
         'wise': 'https://images-traund.s3.amazonaws.com/payment-methods/Wise.svg',

package/src/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
 import theme from './theme';
-import Calculator from "./calculatorV2";
+import Calculator from "./calculator";
 import Simulator from "./simulator";
 //import ModernCalculator from './calculate';
 // Componente de orden superior para proveer el tema

package/src/simulator.js

@@ -1,23 +1,9 @@
 import React, { useState, useEffect, useCallback, useRef, Fragment } from "react";
-
-import {
-  Button,
-  Container,
-  Typography,
-  Box,
-  Alert,
-  Paper,
-  InputBase,
-  CircularProgress,
-  InputAdornment,
-  TextField,
-  FormHelperText,
-  NativeSelect,
-  Tooltip,
-  Divider,
-  Chip,
-  Autocomplete
-} from '@mui/material';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import Paper from '@mui/material/Paper';
+import Divider from '@mui/material/Divider';
+import Chip from '@mui/material/Chip';
 import Grid from '@mui/material/Grid2';
 import en from "./locale/en";
 import es from "./locale/es";