\n
\n );\n};\n\nWalletSelect.propTypes = {\n isReceived: PropTypes.bool,\n isValidation: PropTypes.bool,\n validationKey: PropTypes.string,\n validationValue: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\nWalletSelect.defaultProps = {\n isReceived: false,\n isValidation: false,\n validationKey: '',\n validationValue: '',\n style: {},\n};\n\nexport default WalletSelect;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {TextInput} from 'react-admin';\nimport {useFormState} from 'react-final-form';\n\nconst ValidationInput = (props) => {\n const {\n validationKey,\n validationSecondKey,\n validationValue,\n validationSecondValue,\n style,\n min,\n max,\n } = props;\n const {values} = useFormState();\n\n if (values[validationKey] !== validationValue) {\n return null;\n }\n\n if (validationSecondKey && (values[validationSecondKey] !== validationSecondValue)) {\n return null;\n }\n\n return (\n \n
\n );\n};\n\nValidationInput.propTypes = {\n label: PropTypes.string.isRequired,\n source: PropTypes.string.isRequired,\n validationKey: PropTypes.string.isRequired,\n validationSecondKey: PropTypes.string,\n validationSecondValue: PropTypes.string,\n validationValue: PropTypes.string,\n style: PropTypes.shape({}),\n min: PropTypes.string,\n max: PropTypes.string,\n};\n\nValidationInput.defaultProps = {\n validationValue: '',\n validationSecondKey: '',\n validationSecondValue: '',\n style: {},\n min: '',\n max: '',\n};\n\nexport default ValidationInput;\n","import Business from 'vita-business-node';\n\nconst getRules = () => {\n return Business\n .rulesProvider\n .getWithdrawalRules();\n};\n\nconst service = {\n getRules,\n};\n\nexport default service;","import {useEffect, useState} from 'react';\n\nimport rulesService from '../services/rules';\n\nconst useCountries = () => {\n const [countries, setCountries] = useState([]);\n\n useEffect(() => {\n let isFetch = true;\n\n (async () => {\n try {\n const response = await rulesService.getRules();\n setCountries(\n Object\n .keys(response.rules)\n .map((key) => ({\n id: key.toUpperCase(),\n name: response.rules[key].name.toUpperCase(),\n }))\n );\n } catch {}\n })();\n\n return () => {\n isFetch = false;\n };\n }, []);\n\n return {\n countries,\n };\n};\n\nexport default useCountries;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SelectInput} from 'react-admin';\nimport {useFormState} from 'react-final-form';\n\nimport useCountries from '../../../hooks/useCountries';\n\nconst CountrySelect = (props) => {\n const {isValidation, validationKey, validationValue, style} = props;\n const {values} = useFormState();\n const {countries} = useCountries();\n\n if (isValidation && values[validationKey] !== validationValue) {\n return null;\n }\n\n return (\n \n {min ? `mínimo ${min} dígitos` : ''} {max ? `máximo ${max} dígitos` : ''}\n
\n \n
\n );\n};\n\nCountrySelect.propTypes = {\n isValidation: PropTypes.bool,\n style: PropTypes.shape({}),\n validationKey: PropTypes.string,\n validationValue: PropTypes.string,\n};\n\nCountrySelect.defaultProps = {\n isValidation: false,\n style: {},\n validationKey: '',\n validationValue: '',\n};\n\nexport default CountrySelect;\n","import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport {SelectInput} from 'react-admin';\nimport {useFormState} from 'react-final-form';\n\nconst ValidationSelect = (props) => {\n const {validationKey, validationValue, style, min, max} = props;\n const {values} = useFormState();\n\n const choices = useMemo(() => props.choices.filter((item) =>\n {\n if (!item.hasOwnProperty('visible')){\n return true;\n }\n else{\n if (item.visible){\n const { visible: { key, value }} = item;\n let isFind = false;\n value.find(i => values[key] === i && ( isFind = true ));\n return isFind;\n };\n return true;\n }\n }\n ), [props.choices, values])\n\n if (values[validationKey] !== validationValue) return null;\n\n return (\n \n
\n );\n};\n\nValidationSelect.propTypes = {\n label: PropTypes.string.isRequired,\n source: PropTypes.string.isRequired,\n choices: PropTypes.array.isRequired,\n validationKey: PropTypes.string.isRequired,\n validationValue: PropTypes.string,\n style: PropTypes.shape({}),\n min: PropTypes.string,\n max: PropTypes.string,\n};\n\nValidationSelect.defaultProps = {\n validationValue: '',\n style: {},\n min: '',\n max: '',\n};\n\nexport default ValidationSelect;","import Business from 'vita-business-node';\n\nconst getPrices = (wallet = '') => {\n return wallet ?\n Business.wallets(wallet).updatePrices() :\n Business.prices().get();\n};\n\nconst service = {\n getPrices,\n};\n\nexport default service;\n","import {useEffect, useRef} from 'react';\n\nconst useInterval = (callback, delay, isInterval = true) => {\n const savedCallback = useRef();\n\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n\n useEffect(() => {\n const tick = () => {\n savedCallback.current();\n };\n\n if (delay !== null && isInterval) {\n let id = setInterval(tick, delay);\n return () => {\n clearInterval(id);\n };\n }\n }, [delay]);\n};\n\nexport default useInterval;\n","import Business from 'vita-business-node';\n\nconst getVitaEmail = (email) => {\n return Business.vitaProvider.getVitaEmail(email);\n};\n\nconst getBeneficiary = (data = {}) => {\n return Business.vitaProvider.getBeneficiary(data);\n};\n\nconst service = {\n getVitaEmail,\n getBeneficiary,\n};\n\nexport default service;\n","import React, { useEffect, useState, useMemo } from 'react';\nimport { useFormState } from 'react-final-form';\nimport Swal from 'sweetalert2';\n\nimport vitaService from '../services/vita';\nimport { isValidEmail } from '../utils';\n\nconst useVita = () => {\n const [user, setUser] = useState(null);\n const { values: { email = '' } } = useFormState();\n\n useEffect(() => {\n if (isValidEmail(email)) {\n (async () => {\n try {\n const { vita_user } = await vitaService.getVitaEmail(email);\n const { attributes } = vita_user;\n\n if (attributes.status === 'banned' && !attributes.is_received) {\n Swal.fire({\n title: 'Usuario Vita baneado!',\n text: 'El usuario al cual pretende enviar dinero se encuentra baneado, por lo cual no podrá realizar la transacción',\n icon: 'error',\n confirmButtonText: 'OK'\n })\n }\n\n setUser(vita_user);\n } catch {\n setUser(null);\n }\n })();\n }\n }, [email]);\n\n const message = useMemo(() => {\n if (email) {\n if (!(!!user)) {\n return 'El Correo no existe en Vita';\n }\n\n if (user && !user.attributes.is_received) {\n return 'No puede recibir';\n }\n }\n\n return '';\n }, [email, user]);\n\n const isEmailExist = useMemo(() => {\n return !!user;\n }, [user]);\n\n const isReceived = useMemo(() => {\n if (user) {\n return user.attributes.is_received;\n }\n\n return false;\n }, [user]);\n\n const countryIsoCode = useMemo(() => {\n if (user) {\n return user.attributes.country_iso_code;\n }\n\n return null;\n }, [user]);\n\n return {\n message,\n countryIsoCode,\n isEmailExist,\n isReceived,\n };\n};\n\nexport default useVita;\n","import { useState, useEffect, useMemo } from 'react';\nimport moment from 'moment';\nimport { useFormState } from 'react-final-form';\n\nimport pricesService from '../services/prices';\nimport useInterval from './useInterval';\nimport useVita from './useVita';\n\nconst usePrices = () => {\n const {\n values: {\n wallet = '',\n country = '',\n currency = '',\n amount = 0,\n transactions_type = 'withdrawal',\n },\n } = useFormState();\n const { message, countryIsoCode } = useVita();\n const [prices, setPrices] = useState(null);\n\n const getPrices = async () => {\n try {\n console.log('Vamos por precios');\n const response = await pricesService.getPrices(wallet);\n setPrices(response);\n } catch { }\n };\n\n const delay = useMemo(() => {\n if (prices) {\n const { withdrawal = null } = prices[currency] || prices;\n if (withdrawal) {\n const { valid_until } = withdrawal['prices']['attributes'];\n\n return moment(valid_until)\n .diff(moment().utc(0), 'milliseconds');\n }\n }\n\n return null;\n }, [prices, currency]);\n\n const receivePrices = useMemo(() => {\n if (prices && transactions_type) {\n if (transactions_type === 'withdrawal') {\n const { withdrawal = null } = prices[currency] || prices;\n if (withdrawal && withdrawal['prices']['attributes'][`${currency.toLowerCase()}_sell`]) {\n const price = withdrawal['prices']['attributes'][`${currency.toLowerCase()}_sell`][country.toLowerCase()];\n const fixedCost = withdrawal['prices']['attributes'][`fixed_cost${currency.toLowerCase() === 'usd' ? '_usd' : ''}`][country.toLowerCase()];\n\n return {\n price: Math.floor(price * 100) / 100,\n fixedCost,\n total: Math.floor((amount * price - fixedCost) * 100) / 100,\n };\n }\n } else {\n if (countryIsoCode) {\n const { vita_sent } = prices[currency] || prices;\n if (vita_sent['prices']['attributes'][`${currency.toLowerCase()}_sell`]) {\n const price = vita_sent['prices']['attributes'][`${currency.toLowerCase()}_sell`][countryIsoCode.toLowerCase()] || vita_sent['prices']['attributes'][`${currency.toLowerCase()}_sell`];\n const fixedCost = vita_sent['prices']['attributes'][`fixed_cost${currency.toLowerCase() === 'usd' ? '_usd' : ''}`][countryIsoCode.toLowerCase()] || vita_sent['prices']['attributes'][`fixed_cost${currency.toLowerCase() === 'usd' ? '_usd' : ''}`];\n\n return {\n price: Math.floor(price * 100) / 100,\n fixedCost,\n total: Math.floor((amount * price - fixedCost) * 100) / 100,\n };\n }\n }\n }\n }\n\n return 0;\n }, [prices, amount, country, transactions_type, countryIsoCode, currency]);\n\n useInterval(getPrices, delay);\n\n useEffect(() => {\n let isFetch = true;\n\n if (isFetch && wallet) {\n getPrices();\n isFetch = false;\n }\n\n return () => {\n isFetch = false;\n };\n }, []);\n\n return {\n prices,\n message,\n receiveAmount: receivePrices['total'],\n price: receivePrices['price'],\n fixedCost: receivePrices['fixedCost'],\n };\n};\n\nexport default usePrices;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport TextField from '@material-ui/core/TextField';\nimport {useFormState} from 'react-final-form';\n\nimport usePrices from '../../../hooks/usePrices';\n\nconst ReceiveAmount = (props) => {\n const {style, currencyRecipient} = props;\n const {values} = useFormState();\n const {prices, receiveAmount, message, price, fixedCost} = usePrices();\n\n if (!prices || !values['amount'] || receiveAmount === 0) {\n return null;\n }\n\n if (values['transactions_type'] === 'withdrawal' && !values['country']) {\n return null;\n }\n\n return (\n \n {min ? `mínimo ${min} dígitos` : ''} {max ? `máximo ${max} dígitos` : ''}\n
\n \n {message}\n
\n );\n};\n\nReceiveAmount.propTypes = {\n label: PropTypes.string.isRequired,\n source: PropTypes.string.isRequired,\n style: PropTypes.shape({}),\n};\n\nReceiveAmount.defaultProps = {\n style: {},\n};\n\nconst styles = {\n box: {\n display: 'flex',\n flexDirection: 'column',\n },\n};\n\nconst Hoc = (props) => {\n const {validationKey, validationValue, validationValues} = props;\n const {values} = useFormState();\n\n if (\n (validationValue && values[validationKey] !== validationValue) ||\n !values['wallet']\n ) {\n return null;\n }\n\n if (\n (validationValues.length > 0 && !validationValues.includes(values[validationKey])) ||\n !values['wallet']\n ) {\n return null;\n }\n\n return \n Precio: {price}, Costo fijo: {fixedCost} {currencyRecipient}\n
\n \n
\n );\n};\n\nVitaEmail.propTypes = {\n validationKey: PropTypes.string.isRequired,\n validationValue: PropTypes.string,\n style: PropTypes.shape({}),\n};\n\nVitaEmail.defaultProps = {\n validationValue: '',\n style: {},\n};\n\nconst styles = {\n box: {\n display: 'flex',\n flexDirection: 'column',\n },\n};\n\nexport default VitaEmail;\n","import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {useFormState} from 'react-final-form';\n\nconst WhenValidation = (props) => {\n const {\n rule, \n children,\n fieldItem,\n } = props;\n\n const {values} = useFormState();\n\n const isValidate = useMemo(() => {\n if (!rule) return false;\n \n const field = rule.find((field) => fieldItem === field) || null;\n return field && field.when && values[field.when.key] === field.when.value;\n }, [rule, fieldItem, values]);\n\n if (!!fieldItem.hasOwnProperty('when') && !isValidate) {\n return null;\n }\n\n return <>{children};\n};\n\nWhenValidation.propTypes = {\n rule: PropTypes.array, \n children: PropTypes.any,\n fieldItem: PropTypes.shape({}),\n};\n\nWhenValidation.defaultProps = {\n rule: [], \n children: <>,\n fieldItem: {},\n};\n\nexport default WhenValidation;","import React, {useEffect} from 'react';\nimport Business from 'vita-business-node';\nimport {useFormState} from 'react-final-form';\n\nconst Rules = (props) => {\n const {changeRule, changeCurrencyRecipient} = props;\n const {values} = useFormState();\n\n useEffect(() => {\n if (\n values.country &&\n values.transactions_type &&\n values.transactions_type === 'withdrawal'\n ) {\n (async () => {\n try {\n const response = await Business\n .rulesProvider\n .getWithdrawalRules();\n changeRule(response.rules[values.country.toLowerCase()].fields);\n changeCurrencyRecipient(response.rules[values.country.toLowerCase()].currency_iso_code);\n } catch {}\n })();\n }\n }, [values.country, values.transactions_type]);\n\n return null;\n};\n\nexport default Rules;","import React from 'react';\nimport {useFormState} from 'react-final-form';\n\nconst WithdrawalTitle = (props) => {\n const {values} = useFormState();\n\n if (!values['transactions_type'] || values['transactions_type'] !== 'withdrawal' || !props.rule) {\n return null;\n }\n\n return (\n \n Formulario de retiros\n
\n );\n};\n\nexport default WithdrawalTitle;","import React, { useState, useEffect } from 'react';\nimport Box from '@mui/material/Box';\nimport { Create, SimpleForm, TextInput, SelectInput, NumberInput } from 'react-admin';\nimport { useFormState } from 'react-final-form';\nimport WalletSelect from '../../components/commons/WalletSelect';\nimport ValidationInput from '../../components/commons/ValidationInput';\nimport CountrySelect from '../../components/commons/CountrySelect';\nimport ValidationSelect from '../../components/commons/ValidationSelect';\nimport ReceiveAmount from '../../components/commons/ReceiveAmount';\nimport VitaEmail from '../../components/commons/VitaEmail';\nimport WhenValidation from '../../components/commons/WhenValidation';\nimport Rules from '../../components/commons/Rules';\nimport WithdrawalTitle from '../../components/commons/WithdrawalTitle';\nimport { TRANSACTION_TYPE, CURRENCIES } from '../../utils';\nimport vitaService from '../../services/vita';\nimport Swal from 'sweetalert2';\n\nconst VerifyBeneficiary = () => {\n const { values = {} } = useFormState();\n\n useEffect(() => {\n let isFetch = true;\n\n if (\n isFetch &&\n values[\"country\"] &&\n values[\"beneficiary_document_number\"] &&\n values[\"beneficiary_document_type\"]\n ) {\n (async () => {\n try {\n const payload = {\n document_number: values[\"beneficiary_document_number\"],\n country_iso_code: values[\"country\"],\n }\n\n if (values[\"beneficiary_type\"]) {\n payload['beneficiary_type'] = values[\"beneficiary_type\"]\n }\n\n if (!((values[\"beneficiary_type\"] || \"\").toLowerCase() === 'corporate')) {\n payload['document_type'] = values[\"beneficiary_document_type\"]\n }\n\n const { beneficiary: { attributes } } = await vitaService.getBeneficiary(payload)\n\n if (attributes.status === 'banned' && !attributes.is_received) {\n Swal.fire({\n title: 'Beneficiario baneado!',\n text: 'El beneficiario al cual pretende enviar dinero se encuentra baneado, por lo cual no podrá realizar la transacción',\n icon: 'error',\n confirmButtonText: 'OK'\n })\n }\n } catch { }\n })()\n }\n\n return () => {\n isFetch = false;\n }\n }, [\n values[\"country\"],\n values[\"beneficiary_document_number\"],\n values[\"beneficiary_document_type\"],\n values[\"beneficiary_type\"],\n ])\n\n return null;\n}\n\nconst Transaction = (props) => (\n \n
\n);\n\nForm.propTypes = {\n xLogin: PropTypes.string,\n xTransKey: PropTypes.string,\n secret: PropTypes.string,\n isValidForm: PropTypes.bool,\n onSubmit: PropTypes.func,\n changeXLogin: PropTypes.func,\n changeXTransKey: PropTypes.func,\n changeSecret: PropTypes.func,\n};\n\nForm.defaultProps = {\n xLogin: '',\n xTransKey: '',\n secret: '',\n isValidForm: false,\n onSubmit: () => {},\n changeXLogin: () => {},\n changeXTransKey: () => {},\n changeSecret: () => {},\n};\n\nconst Login = (props) => {\n const hook = useLogin(props);\n return ;\n};\n\nLogin.propTypes = {\n history: PropTypes.shape({\n replace: PropTypes.func.isRequired,\n }).isRequired,\n};\n\nexport default Login;\n","import React from 'react';\nimport {createBrowserHistory as createHistory} from 'history';\nimport {Admin, Resource} from 'react-admin';\nimport { createMuiTheme } from '@material-ui/core/styles';\n\nimport dataProvider from '../providers/rest';\nimport authProvider from '../providers/auth';\nimport resources from '../resources';\nimport Login from '../scenes/auth/login';\n\nconst history = createHistory();\n\nconst theme = createMuiTheme({\n palette: {\n type: \"dark\",\n primary: {\n // light: will be calculated from palette.primary.main,\n main: '#ffffff',\n // dark: will be calculated from palette.primary.main,\n // contrastText: will be calculated to contrast with palette.primary.main\n },\n secondary: {\n light: '#0066ff',\n main: '#292929',\n // dark: will be calculated from palette.secondary.main,\n contrastText: '#ffffff',\n },\n // Used by `getContrastText()` to maximize the contrast between\n // the background and the text.\n contrastThreshold: 3,\n // Used by the functions below to shift a color's luminance by approximately\n // two indexes within its tonal palette.\n // E.g., shift from Red 500 to Red 300 or Red 700.\n tonalOffset: 0.2,\n typography: {\n // In Chinese and Japanese the characters are usually larger,\n // so a smaller fontsize may be appropriate.\n fontSize: 18,\n },\n },\n});\n\nconst Administrator = () => {\n return (\n \n ![](\"https://vitawallet.io/assets/vita_business_logo_footer.png\")
\n
\n \n \n \n \n Iniciar sesión\n \n
\n \n
\n \n