\n 
\n
\n \n\n {/* */}\n \n\n {/* */}\n {(id !== 0 && id !== null) && <>\n
\n \n Dashboard\n
\n \n \n
\n \n {t('navbar_bank')}\n
\n \n \n {t('navbar_brokers')}\n
\n \n \n \n {t('navbar_calc')}\n {!isActiveSignature && <>\n PRO\n }\n \n
\n \n \n \n \n {t('navbar_calendar')}\n {!isActiveSignature && <>\n PRO\n }\n \n
\n \n \n \n {t('navbar_moviments')}\n
\n \n \n \n \n {t('navbar_strategies')}\n {!isActiveSignature && <>\n PRO\n }\n \n
\n \n \n \n \n {t('navbar_meta')}\n {!isActiveSignature && <>\n PRO\n }\n \n
\n \n \n \n \n {t('navbar_disciplina')}\n {!isActiveSignature && <>\n PRO\n }\n \n
\n \n \n \n {t('navbar_tradings')}\n
\n \n \n \n Pares de moedas\n
\n \n \n
\n \n
\n {\n handleRedirectUrl('/admin/affiliate-program/affiliates');\n }}>\n
\n \n Afiliados\n
\n {\n handleRedirectUrl('/admin/affiliate-program/commissions');\n }}>\n
\n \n Comissões\n
\n {\n handleRedirectUrl('/admin/affiliate-program/commission/payment/list');\n }}>\n
\n \n Pagamentos\n
\n \n \n Programa de afiliados\n
\n \n \n \n {t('navbar_plans')}\n
\n \n \n
\n \n
\n {\n handleRedirectUrl('/disciplina/report');\n }}>\n
\n \n {t('navbar_report_disciplina')}\n {!isActiveSignature && <>\n PRO\n }\n
\n {\n handleRedirectUrl('/trading/report-performance');\n }}>\n
\n \n {t('navbar_report_performance')}\n {!isActiveSignature && <>\n PRO\n }\n
\n {\n handleRedirectUrl('/placar');\n }}>\n
\n \n {t('navbar_report_history')}\n {!isActiveSignature && <>\n
\nPRO\n }\n
\n \n
{\n handleRedirectUrl('/trading/report');\n }}>\n
\n \n {t('navbar_report_tradings')}\n {!isActiveSignature && <>\n PRO\n }\n
\n \n
\n \n {\n setDeleteBank(true)\n }}\n style={{cursor: 'pointer'}}\n >\n {t('navbar_remove_bank')}\n {deleteBank && {\n setDeleteBank(false);\n }}\n functionCallbackConfirm={() => {\n window.location = \"/\";\n }}\n text={t('alert_remove_bank', {\n 'broker': getBroker(broker)\n })}\n urlDelete={process.env.REACT_APP_API_ENDPOINT + `/api/bank/delete`}\n />}\n \n
\n \n {!isActiveSignature && !loading && isEnableFreeSignature && <>\n {!menuOpen ?\n <>\n
\n
\n :\n <>\n \n
\n \n {t('navbar_test_free')}\n
\n\n {t('navbar_btn_test')}\n
\n \n
\n \n }\n }\n }\n {!menuOpen && <>\n \n
\n \n {t('navbar_btn_test')}\n
\n \n {t('support')}
\n \n (38) 99936-1310\n \n \n
\n \n \n
\n
\n }\n \n \n
\n \n )\n}","export default __webpack_public_path__ + \"static/media/undraw_profile.28817a9a.svg\";","import api from '../api';\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport function save($bank) {\n return api.post('/api/bank/save', $bank, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n}\n\nexport function newBank($bank) {\n return api.post('/api/bank/new', $bank, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n}\n\nexport async function getBank() {\n try {\n\n const response = await api.get('/api/bank', {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data.length ? response.data.data[0] : {};\n\n } catch (err) {\n if (err.response.status === 401 || err.response.status === 403) {\n toast.warning(messageTypes.SESSION_EXPIRED);\n throw err;\n }\n\n toast.error(messageTypes.ERROR_LOAD_DATA_BANK);\n throw err;\n }\n}\n\nexport async function getBanks() {\n try {\n\n const response = await api.get('/api/bank/list', {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.banks.length ? response.data.banks : {};\n\n } catch (err) {\n if (err.response.status === 401 || err.response.status === 403) {\n throw err;\n }\n\n toast.error(messageTypes.ERROR_LOAD_DATA_BANK);\n }\n}\n\nexport function setDefaultBank(id) {\n return api.post(`/api/bank/set-default/${id}`, null, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport async function setHideAmount($data) {\n api.post('/api/bank/set-hide-amount', $data, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR);\n });\n}\n\nexport async function getMovements(data) {\n return api.get(`/api/bank/movements`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return[];\n });\n}","export function cep(value) {\n value = value.replace(/\\D/g, \"\");\n value = value.replace(/^(\\d{5})(\\d)/, \"$1-$2\");\n\n return value;\n}\n\nexport function currencyChange(value, prefix = null) {\n if (value === null || value === undefined || value === '') {\n return value;\n }\n\n if (value === '-') {\n return value;\n }\n\n if(typeof value !== 'string') {\n value = value.toString();\n }\n\n if (value.includes('-')) {\n value = value.replace('-', '');\n value = '-' + value;\n }\n\n value = value.replace(/[^0-9.-]+/g,\"\");\n value = value.replace('.', '').replace(',', '')\n\n const options = { minimumFractionDigits: 2 }\n value = new Intl.NumberFormat('pt-BR', options).format(\n parseFloat(value) / 100\n )\n value = prefix && value ? prefix+' '+value : value;\n if (value === '-0,00') {\n value = '0,00'\n }\n\n return value;\n}\n\nexport function percentChange(value, prefix = null) {\n if (value === null || value === undefined || value === '') {\n return value;\n }\n\n if (value === '-') {\n return value;\n }\n\n if(typeof value !== 'string') {\n value = value.toString();\n }\n value = value.replace(/[^0-9.]+/g,\"\");\n value = prefix && value ? prefix+' '+value : value;\n return value;\n}\n\nexport function currencyFormat(value, prefix = null) {\n if (value === null || value === undefined || value === '') {\n value = '0,00';\n }\n\n if(typeof value !== 'string') {\n value = value.toFixed(2);\n value = value.toString();\n }\n\n value = value.replace('.', '').replace(',', '')\n\n const options = { minimumFractionDigits: 2 }\n value = new Intl.NumberFormat('pt-BR', options).format(\n parseFloat(value) / 100\n )\n value = prefix && value ? prefix+' '+value : value;\n return value;\n}\n\nexport function date(value) {\n value = value.replace(/\\D/g,'').slice(0, 10);\n if (value.length >= 5) {\n return `${value.slice(0,2)}/${value.slice(2,4)}/${value.slice(4)}`;\n }\n else if (value.length >= 3) {\n return `${value.slice(0,2)}/${value.slice(2)}`;\n }\n return value;\n}","import styled from 'styled-components';\n\nexport const Container = styled.nav`\n z-index: 1;\n background-color: #7e859d;\n`;\n","export default __webpack_public_path__ + \"static/media/google-play.673427c7.png\";","export default \"data:image/png;base64,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\"","import React, {useEffect} from 'react';\n\n\nimport {useDispatch, useSelector} from 'react-redux';\nimport {actions} from '../../../redux/actions';\nimport userImg from '../../../assets/img/undraw_profile.svg';\nimport {getBank, getBanks, setDefaultBank, setHideAmount} from \"../../../services/Bank\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {BiCaretDown,} from \"react-icons/bi\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {Container} from \"./styles\";\nimport {getShowModalInfo, getSignature, setShowModalInfo} from \"../../../services/Profile\";\nimport swal from \"@sweetalert/with-react\";\nimport brokerTypes from \"../../../constants/BrokerTypes\";\nimport googlePlayImg from \"../../../assets/img/google-play.png\";\nimport {useTranslation} from \"react-i18next\";\nimport ImgOptinary from \"../../../assets/img/optinary.png\";\nimport {GiPartyPopper} from \"react-icons/gi\";\n\nfunction Topbar () {\n const { t } = useTranslation();\n const dispatch = useDispatch();\n const history = useHistory();\n const {id, hideAmount, amount, coinType, banks, broker} = useSelector(\n (state) => state.BankReducer\n );\n\n const {isActiveSignature, isFreeSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n function logout() {\n localStorage.clear();\n window.location=\"/\";\n }\n\n function changeHideAmount(hideAmount) {\n const data = new FormData();\n data.append('hideAmount', hideAmount);\n setHideAmount(data).then(() => {\n dispatch(actions.setHideAmount(hideAmount));\n });\n }\n\n useEffect(() => {\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n });\n\n getBanks().then((banks) => {\n dispatch(actions.setBanks(banks));\n });\n\n getSignature().then((data) => {\n if (!data) {\n return;\n }\n dispatch(actions.setActiveSignature(data.data.isSignatureActive));\n dispatch(actions.setIsEnableFreeSignature(data.data.isEnableFreeSignature));\n dispatch(actions.setIsFreeSignature(data.data.isFree));\n dispatch(actions.setAffiliateID(data.data.affiliateID));\n dispatch(actions.setId(data.data.idUser));\n dispatch(actions.setKeyPix(data.data.keyPix));\n dispatch(actions.setRoles(data.data.roles));\n dispatch(actions.setDueDateSignature(data.data.dueDate ? new Date(data.data.dueDate.date).toLocaleDateString() : null));\n });\n\n getShowModalInfo().then((data) => {\n if (data.data.showModalInfo) {\n dispatch(actions.setShowModalInfo(true));\n setShowModalInfo(false).then(r => {});\n\n swal(\n {\n buttons: [\"Depois\", \"Quero ser afiliado\"],\n content: \n Olá, Trader! Temos uma Super Novidade!
\n
\n
,\n }\n ).then((isConfirm) => {\n if (isConfirm) {\n history.push('/affiliate-program');\n }\n });\n\n\n /*swal(\n {\n button: false,\n content: Olá, Trader! Temos uma Super Novidade!
\n \n
\n Agora você pode ganhar dinheiro indicando nossa plataforma!\n
\n\n Torne-se nosso afiliado e tenha a oportunidade de compartilhar nossa plataforma com amigos e conhecidos. Cada nova assinatura através do seu link exclusivo gera recompensas para você!\n
\n\n Deseja se tornar um afiliado agora?\n
\n\n
\n {t('header_modal_app_text_2')}\n
\n
\n {t('header_modal_app_text_3')}\n
\n
\n
,\n }\n );*/\n }\n });\n }, []);\n\n function getBroker(value) {\n for (var index in brokerTypes) {\n if (brokerTypes[index].key === value) {\n return brokerTypes[index].value\n }\n }\n\n return null\n }\n\n function selectBank(bankId) {\n setDefaultBank(bankId).then((data) => {\n window.location.href = '/dashboard';\n });\n }\n\n return (\n {t('header_modal_app_text_1')}
\n\n {t('header_modal_app_text_2')}\n
\n
\n {t('header_modal_app_text_3')}\n
\n
\n
\n
\n \n \n 
\n \n
\n {\n history.push('/plans');\n }}>\n \n {t('header_signature_expired')}\n
\n \n {t('header_signature_active')}\n \n \n
\n }\n {isFreeSignature === true && <>\n \n \n {t('header_signature_active')}\n \n \n
{\n history.push('/plans');\n }}>\n \n {t('header_btn_signature_text_1')}\n
\n \n {t('header_btn_signature_text_2')}\n \n \n
\n }\n \n \n {t('header_btn_signature_text_2')}\n \n \n
- \n {id &&
- \n \n \n {t('header_bank')} {broker ? getBroker(broker) : ''}:\n \n
{coinType} {currencyFormat(amount)} :\n <>\n \n \n \n }\n \n \n\n \n\n\n\n {t('header_options')}\n\n changeHideAmount(!hideAmount)}>\n {!hideAmount ?\n <>\n \n {t('header_show_balance')}\n :\n <>\n \n {t('header_hide_balance')}\n \n }\n \n \n \n {t('header_add_bank')}\n \n {banks.length &&
\n\n {t('header_select_bank')}\n}\n {banks.length && banks.map((bank, index) => (\n {selectBank(bank.id)}}>\n {getBroker(bank.broker)}\n \n ))}\n
\n }\n \n - \n \n {localStorage.getItem('@name')}\n
\n \n
\n \n \n {t('header_perfil')}\n \n { logout() }}>\n \n {t('header_logout')}\n \n\n \n
\n
\n );\n}\n\nLayout.propTypes = {\n children: PropTypes.element.isRequired,\n};","import React from 'react';\r\nimport { Route, Redirect } from 'react-router-dom';\r\n\r\nimport DefaultLayout from '../pages/_layouts/default';\r\nimport LayoutBase from \"../pages/Layout\";\r\n\r\nexport default function RouteWrapper({\r\n component: Component,\r\n isPrivate,\r\n ...rest\r\n}) {\r\n const signed = localStorage.getItem('@user_token');\r\n\r\n if (signed && (window.location.pathname === '/login' || window.location.pathname === '/register')) {\r\n return \n
\n \n
\n \n
\n \n { children }\n
\n \n
\n );\n}","import React, {useEffect, useState} from \"react\";\nimport {getRanking} from \"../../../services/Trading\";\nimport CustomButton from \"../../Form/Button\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {useSelector} from \"react-redux\";\nimport {Link} from \"react-router-dom\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function CardRankingLoss({filter, ...props}) {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const { t } = useTranslation();\n\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n useEffect(() => {\n setLoading(true);\n getRanking({\n typeWinOrLoss: 'LOSS',\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n direction: filter[0].direction,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [filter]);\n\n return (\n \n
\n \n
\n \n
\n \n \n \n {t('report_best_currency_pairs_title')}\n \n \n
\n \n
\n \n Top 5
\n
\n \n
\n {isActiveSignature ?\n
\n \n
\n : <>\n \n {loading ?\n \n {t('loading')}\n :\n <>\n {list && list.data && list.data.length ?\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n \n }\n
\n - \n
- \n \n {t('report_best_currency_pairs_col_1')}\n {t('currency_pairs')}\n\n \n {list.data.map((row, index) => (\n
- \n \n\n\n\n\n\n\n {row.count}/{row.qtdeTotal}\n\n\n\n
{row.currencyPair} \n \n ))}\n
\n {t('signature_text_acess_all_resources')}\n
\n \n {t('signature_btn')}\n \n
\n \n }\n\n \n \n {t('signature_btn')}\n \n
\n
\n );\n}","export function dateCurrent() {\n return ((new Date()).toLocaleDateString('pt-BR', { year: 'numeric', month: '2-digit', day: '2-digit' }));\n}\n\nexport function firstDayMonth() {\n const date = new Date();\n return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function dateFirstDayCurrent() {\n return firstDayMonth().toLocaleDateString('pt-BR', { year: 'numeric', month: '2-digit', day: '2-digit' });\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport Chart from \"chart.js\";\nimport {getReport} from \"../../../services/Trading\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function GeneralDoughnut({filter, ...props}) {\n const chartRef = useRef(null);\n const { t } = useTranslation();\n\n const [qtdeWin, setQtdeWin] = useState(0);\n const [qtdeLoss, setQtdeLoss] = useState(0);\n const [qtdeDraw, setQtdeDraw] = useState(0);\n const [isData, setData] = useState(null);\n const [percentDrawState, setPercentDrawState] = useState(0);\n const [percentLossState, setPercentLossState] = useState(0);\n const [percentWinState, setPercentWinState] = useState(0);\n\n useEffect(() => {\n let percentDraw = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeDraw * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n percentDraw = percentDraw.toFixed(2);\n setPercentDrawState(percentDraw);\n\n let percentLoss = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeLoss * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n percentLoss = percentLoss.toFixed(2);\n setPercentLossState(percentLoss);\n\n let percentWin = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeWin * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n percentWin = percentWin.toFixed(2);\n setPercentWinState(percentWin);\n\n if (!chartRef || !isData) {\n return\n }\n var xValues = [qtdeLoss + ` ${t('defeats')}`, qtdeDraw + ` ${t('draws')}`, qtdeWin + ` ${t('victories')}`];\n var yValues = [percentLoss, percentDraw, percentWin];\n var barColors = [\n \"#e74a3b\",\n \"#848796\",\n \"#1cc88a\",\n ];\n\n const myChartRef = chartRef.current.getContext(\"2d\");\n new Chart(myChartRef, {\n type: \"doughnut\",\n data: {\n labels: xValues,\n datasets: [{\n backgroundColor: barColors,\n data: yValues,\n display: true,\n }],\n },\n options: {\n legend: {\n display: true,\n position: 'right',\n }\n }\n });\n }, [qtdeWin, qtdeLoss, qtdeDraw]);\n\n useEffect(() => {\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n direction: filter[0].direction,\n orderBy: 'profitObtained',\n order: 'DESC'\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData((data.data.win.qtde + data.data.loss.qtde + data.data.draw.qtde) > 0);\n setQtdeWin(data.data.win.qtde);\n setQtdeLoss(data.data.loss.qtde);\n setQtdeDraw(data.data.draw.qtde);\n });\n }, [filter]);\n\n return (\n \n
\n \n
\n \n
\n \n \n \n {t('report_worst_currency_pairs_title')}\n \n \n
\n \n
\n \n Top 5
\n
\n \n
\n {isActiveSignature ?\n
\n \n
\n : <>\n \n {loading ?\n \n {t('loading')}\n :\n <>\n {list && list.data && list.data.length ?\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n \n }\n
\n - \n
- \n \n {t('report_worst_currency_pairs_col_1')}\n {t('currency_pairs')}\n\n \n {list.data.map((row, index) => (\n
- \n \n\n\n\n\n\n\n {row.count}/{row.qtdeTotal}\n\n\n\n
{row.currencyPair} \n \n ))}\n
\n {t('signature_text_acess_all_resources')}\n
\n \n {t('signature_btn')}\n \n
\n \n }\n \n \n {t('signature_btn')}\n \n
\n {isData ?\n <>\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n );\n}\n","import React, {useEffect, useState} from \"react\";\nimport {getDataGroupByMonth} from \"../../../services/Trading\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport {useTranslation} from \"react-i18next\";\n\nexport default function TradingAgroupMonth({year, filter, ...props}) {\n const [isData, setData] = useState(null);\n const [options, setOptions] = useState([]);\n const { t } = useTranslation();\n\n useEffect( () => {\n\n getDataGroupByMonth({\n year: year,\n direction: filter[0].direction,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData(true);\n\n var dataWin = [];\n var dataLoss = [];\n var dataDraw = [];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n dataWin.push(item['qtdeWin']);\n dataLoss.push(item['qtdeLoss']);\n dataDraw.push(item['qtdeDraw']);\n }\n\n setOptions({\n title: {\n text: ''\n },\n subtitle: {\n text: ``\n },\n chart: {\n type: 'column'\n },\n xAxis: {\n categories: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],\n crosshair: false\n },\n series: [\n {\n name: t('defeats'),\n color: '#e74a3b',\n data: dataLoss\n },\n {\n name: t('draws'),\n color: '#848796',\n data: dataDraw\n },\n {\n name: t('victories'),\n color: '#1cc88a',\n data: dataWin\n },\n ],\n yAxis: {\n min: 0,\n title: {\n text: t('operations')\n }\n },\n tooltip: {\n headerFormat: '{point.key}\n \n
\n \n
\n
\n :\n \n \n {parseFloat(percentLossState).toFixed(2)}%\n \n
\n \n
\n \n {parseFloat(percentDrawState).toFixed(2)}%\n \n
\n \n \n {parseFloat(percentWinState).toFixed(2)}%\n \n
\n | {series.name}: | ' +\n '{point.y:.1f} mm |
\n {isData ?\n <>\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n );\n}\n","import * as React from 'react';\nimport TextField from '@mui/material/TextField';\nimport {useRef} from \"react\";\nimport {useField} from \"@unform/core\";\n\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';\n\nexport default function InputDate({ name, label, inputFormat = \"DD/MM/YYYY\", views = ['day', 'month', 'year'], ...props }) {\n const [value, setValue] = React.useState(props.value);\n const inputRef = React.useRef(null);\n const materialInputRef = useRef(null);\n const { fieldName, defaultValue, registerField, error } = useField(name);\n\n React.useEffect(() => {\n registerField({\n name: fieldName,\n ref: inputRef.current,\n path: 'value',\n setValue(ref, value) {\n ref.value = value;\n\n materialInputRef.current\n .querySelector(\"label\")\n .classList.add(\"MuiFormLabel-filled\", \"MuiInputLabel-shrink\")\n ;\n }\n });\n }, [fieldName, registerField, value]);\n\n return (\n <>\n \n
\n :\n \n {isActiveSignature ?\n
\n );\n}","import React, {useRef} from 'react';\nimport { useField } from '@unform/core';\nimport PropTypes from 'prop-types';\nimport {FormControl, FormHelperText, InputLabel, MenuItem, Select} from \"@material-ui/core\";\nimport {withStyles} from \"@material-ui/styles\";\nimport i18n from \"../../../services/i18n\";\n\nconst CustomSelect = withStyles({\n root: {\n '& .MuiOutlinedInput-root': {\n },\n },\n})(FormControl);\n\nfunction InputSelect({ name, label, placeholder=i18n.t('placeholder_select'), ...props }) {\n const selectRef = React.useRef(null);\n const materialInputRef = useRef(null);\n const { fieldName, defaultValue, registerField, error } = useField(name);\n\n React.useEffect(() => {\n registerField({\n name: fieldName,\n ref: selectRef.current,\n path: 'value',\n setValue(ref, value) {\n ref.value = value;\n\n materialInputRef.current\n .querySelector(\"label\")\n .classList.add(\"MuiFormLabel-filled\", \"MuiInputLabel-shrink\")\n ;\n },\n getValue: (ref) => {\n return selectRef.current.value;\n },\n });\n }, [fieldName, registerField]);\n\n return (\n \n {loading ?\n \n {t('loading')}\n :\n <>\n {list && list.length ?\n \n \n
\n :\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n \n }\n
\n : <>\n \n {t('signature_text_acess_all_resources')}\n
\n \n {t('signature_btn')}\n \n
\n \n }\n \n \n {t('signature_btn')}\n \n
\n
\n \n
\n \n
\n Dashboard
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n }\n \n )\n}","import api from '../api';\n\nexport function register($user) {\n const data = api.post('/register', $user, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n },\n });\n return data;\n}\n\nexport function login($user) {\n const data = api.post('/login_check', $user);\n return data;\n}\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n`;\r\n","import React from 'react';\r\nimport { toast } from 'react-toastify';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { login, register } from '../../../services/Auth';\r\nimport { Container } from './styles';\r\nimport { GoogleLogin } from '@react-oauth/google';\r\nimport jwt_decode from \"jwt-decode\";\r\nimport CryptoJS from \"crypto-js\";\r\n\r\nfunction BoxSocial() {\r\n const history = useHistory();\r\n\r\n /*const responseFacebook = async (response) => {\r\n const { name, email, userID } = response;\r\n let data = null;\r\n try {\r\n data = await login({\r\n username: email,\r\n password: `${userID + email}facebook`,\r\n });\r\n } catch (err) {\r\n if (email && userID) {\r\n const formData = new FormData();\r\n formData.append('name', name);\r\n formData.append('username', email);\r\n formData.append('password', '');\r\n formData.append('provider', 'facebook');\r\n formData.append('socialId', userID);\r\n\r\n localStorage.setItem('autoLogin', true);\r\n localStorage.setItem('username', email);\r\n localStorage.setItem('socialId', `${userID + email}facebook`);\r\n localStorage.setItem('@name', name);\r\n\r\n data = await register(formData);\r\n }\r\n }\r\n if (data && data.status === 200) {\r\n localStorage.setItem('@name', name);\r\n localStorage.setItem('@user_token', data.data.token);\r\n toast.success('Autenticado com sucesso!');\r\n history.push('/dashboard');\r\n } else {\r\n toast.error('Credenciais inválidas');\r\n }\r\n };*/\r\n\r\n const responseGoogle = async (response) => {\r\n const profileObj = jwt_decode(response.credential);\r\n\r\n let data = null;\r\n try {\r\n data = await login({\r\n username: profileObj.email,\r\n password: `${profileObj.sub + profileObj.email}google`,\r\n });\r\n localStorage.setItem('userKey', profileObj.email);\r\n } catch (err) {\r\n if (profileObj) {\r\n const formData = new FormData();\r\n formData.append('name', profileObj.name);\r\n formData.append('username', profileObj.email);\r\n formData.append('password', '');\r\n formData.append('provider', 'google');\r\n formData.append('socialId', profileObj.sub);\r\n const affiliateID = sessionStorage.getItem('affiliateID');\r\n if (affiliateID && affiliateID !== '') {\r\n formData.append('affiliateID', affiliateID);\r\n }\r\n\r\n localStorage.setItem('autoLogin', true);\r\n localStorage.setItem('username', profileObj.email);\r\n localStorage.setItem('userKey', profileObj.email);\r\n localStorage.setItem('socialId', `${profileObj.sub + profileObj.email}google`);\r\n localStorage.setItem('@name', profileObj.name);\r\n\r\n data = await register(formData);\r\n }\r\n }\r\n if (data && data.status === 200) {\r\n localStorage.setItem('@name', profileObj.name);\r\n localStorage.setItem('@user_token', data.data.token);\r\n\r\n const username = CryptoJS.AES.encrypt(profileObj.email, process.env.REACT_APP_CRYPTO_SECRET_KEY).toString();\r\n const password = CryptoJS.AES.encrypt(`${profileObj.sub + profileObj.email}google`, process.env.REACT_APP_CRYPTO_SECRET_KEY).toString();\r\n\r\n localStorage.setItem('username', username);\r\n localStorage.setItem('password',password);\r\n\r\n toast.success('Autenticado com sucesso!');\r\n history.push('/dashboard');\r\n } else if (data) {\r\n toast.error('Credenciais inválidas!');\r\n }\r\n };\r\n\r\n return (\r\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n {t('report_general_doughnut_title')}\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n \n {t('report_strategies_title')}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {t('report_month_title')} - {year} \n \n
\n \n
\n \n \n
\n \n
\n \r\n {/*
\r\n \r\n \r\n
*/}\r\n \r\n {\r\n console.log('Login Failed');\r\n }}\r\n />\r\n
\r\n \n
}\n \n );\n}","import styled from 'styled-components';\n\nexport const Container = styled.div`\n label {\n color: #d3d1d1;\n }\n\n input {\n color: white;\n }\n\n .card {\n border-radius: 10px;\n }\n\n .btn-facebook, .btn-google {\n background: #f5f5f5;\n height: 50px;\n border-radius: 10px;\n }\n \n .btn-entrar {\n height: 50px;\n border-radius: 10px;\n }\n\n .card {\n border: none!important;\n }\n`;\n\nexport const VideoContainer = styled.div`\n background-position: center;\n background-color: black;\n width: 90%;\n height: 230px;\n max-width: 387px;\n border-radius: 31px;\n border: 5px solid white;\n overflow: hidden;\n\n @media (max-width: 767px) {\n border-radius: 25px;\n border: 2px solid white;\n width: 50%;\n height: 174px;\n min-height: 174px;\n max-height: 174px;\n min-width: 318px;\n max-width: 318px;\n }\n \n @media (min-width: 769px) {\n border-radius: 25px;\n border: 2px solid white;\n height: 208px;\n }\n`;\n","import React, {useState, useRef, useEffect} from 'react';\nimport * as Yup from 'yup';\nimport { toast } from 'react-toastify';\nimport {Link, useHistory} from 'react-router-dom';\nimport { Form } from '@unform/web';\n\nimport BoxSocial from '../../components/Form/BoxSocial';\nimport CustomButton from '../../components/Form/Button';\nimport Input from '../../components/Form/Input';\n\nimport { register } from '../../services/Auth';\n\nimport {Divider, IconButton, InputAdornment} from \"@material-ui/core\";\nimport {Container} from \"./styles\";\nimport {isMobile} from \"react-device-detect\";\nimport logo from \"../../assets/img/logo.png\";\nimport Copyright from \"../../components/Copyright\";\nimport {VideoContainer} from \"../SignIn/styles\";\nimport {useTranslation} from \"react-i18next\";\nimport {Visibility, VisibilityOff} from \"@material-ui/icons\";\n\nfunction SignUp(props) {\n const [loading, setLoading] = useState(false);\n const formRef = useRef(null);\n const history = useHistory();\n const [isRedirectMobile, setRedirectMobile] = useState(false);\n const { t } = useTranslation();\n const [showPassword, setShowPassword] = React.useState(false);\n\n const handleClickShowPassword = () => setShowPassword((show) => !show);\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n const handleMouseUpPassword = (event) => {\n event.preventDefault();\n };\n\n useEffect(() => {\n setRedirectMobile(props.location.state && props.location.state.params && props.location.state.params.isRedirectMobile);\n }, []);\n\n useEffect(() => {\n const params = new URLSearchParams(window.location.search);\n const aff = params.get('aff');\n if (aff) {\n sessionStorage.setItem('affiliateID', aff);\n }\n }, []);\n\n async function handleRegister(data) {\n if (loading) {\n return;\n }\n setLoading(true);\n try {\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n name: Yup.string().required(t('blank_name')),\n email: Yup.string()\n .email(t('email_invalid'))\n .required(t('blank_email')),\n password: Yup.string().required(t('blank_password'))\n });\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('name', data.name);\n formData.append('username', data.email);\n formData.append('password', data.password);\n const affiliateID = sessionStorage.getItem('affiliateID');\n if (affiliateID && affiliateID !== '') {\n formData.append('affiliateID', affiliateID);\n }\n const response = await register(formData);\n\n if (response && response.status === 200) {\n if (isRedirectMobile && isMobile) {\n window.ReactNativeWebView.postMessage('{\"name\": \"'+data.email+'\", \"user_token\" : \"'+response.data.token+'\"}');\n return;\n }\n\n localStorage.setItem('@name', response.data.name);\n localStorage.setItem('userKey', data.email);\n localStorage.setItem('@user_token', response.data.token);\n toast.success(t('register_success'));\n history.push('/dashboard');\n } else {\n toast.error(t('register_error'));\n }\n setLoading(false);\n } catch (err) {\n console.log(err);\n toast.error(t('register_error'));\n setLoading(false);\n const validationErrors = {};\n if (err instanceof Yup.ValidationError) {\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n }\n }\n }\n\n return (\n <>\n {t('copyright_phone')}\n \n (38) 99936-1310\n \n
\n {t('copyright_email')} app.gbinary@gmail.com
\n Copyright © { year } | CNPJ: 33.492.063/0001-61
{t('rights_reserved')}
\n {t('rights_reserved')}
\n \n
\n
\n \n
\n {t('login_title')}\n
\n\n
\n \n
\n \n
\n \n {/* */}\n
\n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n {t('login_create_account')}\n
\n\n
\n \n \n
\n
\n \n
\n {t('login_title')}\n
\n\n
\n \n
\n \n
\n \n {/* */}\n
\n \n
\n \n
\n \n
\n \n
\n
\n \n \n
\n {t('login_enter_account')}\n
\n\n
\n \n
\n
,\n }\n );\n }\n\n return (\n <>\n {currencyPair}
\n\n
\n 
\n
\n \n
\n \n );\n}","import i18n from '../services/i18n';\n\nconst currencyPairTypes = [\n {key: 'AUD/CAD', value: 'AUD/CAD'},\n {key: 'AUD/CHF', value: 'AUD/CHF'},\n {key: 'AUD/JPY', value: 'AUD/JPY'},\n {key: 'AUD/NZD', value: 'AUD/NZD'},\n {key: 'AUD/USD', value: 'AUD/USD'},\n {key: 'APPLE', value: 'Apple'},\n {key: 'BITCOIN', value: 'Bitcoin'},\n {key: 'CAD/CHF', value: 'CAD/CHF'},\n {key: 'CAD/JPY', value: 'CAD/JPY'},\n {key: 'CHF/JPY', value: 'CHF/JPY'},\n {key: 'CHF/NOK', value: 'CHF/NOK'},\n {key: 'CRUDE_OIL_WTI', value: 'Crude Oil WTI'},\n {key: 'DASH', value: 'Dash'},\n {key: 'EOS', value: 'EOS'},\n {key: 'ETHEREUM', value: 'Ethereum'},\n {key: 'EUR/AUD', value: 'EUR/AUD'},\n {key: 'EUR/CAD', value: 'EUR/CAD'},\n {key: 'EUR/CHF', value: 'EUR/CHF'},\n {key: 'EUR/GBP', value: 'EUR/GBP'},\n {key: 'EUR/JPY', value: 'EUR/JPY'},\n {key: 'EUR/NZD', value: 'EUR/NZD'},\n {key: 'EUR/RUB', value: 'EUR/RUB'},\n {key: 'EUR/RUF', value: 'EUR/RUF'},\n {key: 'EUR/TRY', value: 'EUR/TRY'},\n {key: 'EUR/USD', value: 'EUR/USD'},\n {key: 'GBP/AUD', value: 'GBP/AUD'},\n {key: 'GBP/CAD', value: 'GBP/CAD'},\n {key: 'GBP/CHF', value: 'GBP/CHF'},\n {key: 'GBP/JPY', value: 'GBP/JPY'},\n {key: 'GBP/NZD', value: 'GBP/NZD'},\n {key: 'GBP/USD', value: 'GBP/USD'},\n {key: 'LITECOIN', value: 'Litecoin'},\n {key: 'NZD/CAD', value: 'NZD/CAD'},\n {key: 'NZD/CHF', value: 'NZD/CHF'},\n {key: 'NZD/JPY', value: 'NZD/JPY'},\n {key: 'NZD/USD', value: 'NZD/USD'},\n {key: 'OURO', value: 'Ouro'},\n {key: 'RIPPLE', value: 'Ripple'},\n {key: 'USD/CAD', value: 'USD/CAD'},\n {key: 'USD/CHF', value: 'USD/CHF'},\n {key: 'USD/CPL', value: 'USD/CPL'},\n {key: 'USD/CNH', value: 'USD/CNH'},\n {key: 'USD_CURRENCY', value: 'USD Currency'},\n {key: 'USD/JPY', value: 'USD/JPY'},\n {key: 'USD/MXN', value: 'USD/MXN'},\n {key: 'USD/NOK', value: 'USD/NOK'},\n {key: 'USD/SGD', value: 'USD/SGD'},\n {key: 'USD/TRY', value: 'USD/TRY'},\n {key: 'American Express (OTC)', value: 'American Express (OTC)'},\n {key: 'AED/CNY (OTC)', value: 'AED/CNY (OTC)'},\n {key: 'AUD/CAD (OTC)', value: 'AUD/CAD (OTC)'},\n {key: 'AUD/CHF (OTC)', value: 'AUD/CHF (OTC)'},\n {key: 'AUD/JPY (OTC)', value: 'AUD/JPY (OTC)'},\n {key: 'AUD/NZD (OTC)', value: 'AUD/NZD (OTC)'},\n {key: 'AUD/USD (OTC)', value: 'AUD/USD (OTC)'},\n {key: 'BHD/CNY (OTC)', value: 'BHD/CNY (OTC)'},\n {key: 'BITCOIN (OTC)', value: 'Bitcoin (OTC)'},\n {key: 'Boeing Company (OTC)', value: 'Boeing Company (OTC)'},\n {key: 'CAD/CHF (OTC)', value: 'CAD/CHF (OTC)'},\n {key: 'CAD/JPY (OTC)', value: 'CAD/JPY (OTC)'},\n {key: 'CHF/JPY (OTC)', value: 'CHF/JPY (OTC)'},\n {key: 'CHF/NOK (OTC)', value: 'CHF/NOK (OTC)'},\n {key: 'DOW_JONES', value: 'Dow Jones (US30)'},\n {key: 'EUR/AUD (OTC)', value: 'EUR/AUD (OTC)'},\n {key: 'EUR/CAD (OTC)', value: 'EUR/CAD (OTC)'},\n {key: 'EUR/CHF (OTC)', value: 'EUR/CHF (OTC)'},\n {key: 'EUR/GBP (OTC)', value: 'EUR/GBP (OTC)'},\n {key: 'EUR/JPY (OTC)', value: 'EUR/JPY (OTC)'},\n {key: 'EUR/NZD (OTC)', value: 'EUR/NZD (OTC)'},\n {key: 'EUR/RUB (OTC)', value: 'EUR/RUB (OTC)'},\n {key: 'EUR/RUF (OTC)', value: 'EUR/RUF (OTC)'},\n {key: 'EUR/HUF (OTC)', value: 'EUR/HUF (OTC)'},\n {key: 'EUR/TRY (OTC)', value: 'EUR/TRY (OTC)'},\n {key: 'EUR/USD (OTC)', value: 'EUR/USD (OTC)'},\n {key: 'FACEBOOK INC (OTC)', value: 'FACEBOOK INC (OTC)'},\n {key: 'GBP/AUD (OTC)', value: 'GBP/AUD (OTC)'},\n {key: 'GBP/CAD (OTC)', value: 'GBP/CAD (OTC)'},\n {key: 'GBP/CHF (OTC)', value: 'GBP/CHF (OTC)'},\n {key: 'GBP/JPY (OTC)', value: 'GBP/JPY (OTC)'},\n {key: 'GBP/NZD (OTC)', value: 'GBP/NZD (OTC)'},\n {key: 'GBP/USD (OTC)', value: 'GBP/USD (OTC)'},\n {key: 'GOLD (OTC)', value: 'Gold (OTC)'},\n {key: 'Intel (OTC)', value: 'Intel (OTC)'},\n {key: 'Johnson & Johnson (OTC)', value: 'Johnson & Johnson (OTC)'},\n {key: 'JPY_CURRENCY_INDEX', value: 'JPY Currency Index'},\n {key: \"McDonald's (OTC)\", value: \"McDonald's (OTC)\"},\n {key: \"Microsoft (OTC)\", value: \"Microsoft (OTC)\"},\n {key: \"Mini Dólar (WDO1)\", value: \"Mini Dólar (WDO1)\"},\n {key: \"Mini Índice (WIN1)\", value: \"Mini Índice (WIN1)\"},\n {key: \"NAS100\", value: \"Nasdaq (NAS100)\"},\n {key: 'NZD/CAD (OTC)', value: 'NZD/CAD (OTC)'},\n {key: 'NZD/CHF (OTC)', value: 'NZD/CHF (OTC)'},\n {key: 'NZD/JPY (OTC)', value: 'NZD/JPY (OTC)'},\n {key: 'NZD/USD (OTC)', value: 'NZD/USD (OTC)'},\n {key: 'Pfizer Inc (OTC)', value: 'Pfizer Inc (OTC)'},\n {key: 'UDCRUDE (OTC)', value: 'USCrude (OTC)'},\n {key: 'UKBrent (OTC)', value: 'UKBrent (OTC)'},\n {key: 'USD/ARS (OTC)', value: 'USD/ARS (OTC)'},\n {key: 'USD/BRL (OTC)', value: 'USD/BRL (OTC)'},\n {key: 'USD/BDT (OTC)', value: 'USD/BDT (OTC)'},\n {key: 'USD/CAD (OTC)', value: 'USD/CAD (OTC)'},\n {key: 'USD/COP (OTC)', value: 'USD/COP (OTC)'},\n {key: 'USD/CPL (OTC)', value: 'USD/CPL (OTC)'},\n {key: 'USD/CHF (OTC)', value: 'USD/CHF (OTC)'},\n {key: 'USD/CHN (OTC)', value: 'USD/CHN (OTC)'},\n {key: 'USD/DZD (OTC)', value: 'USD/DZD (OTC)'},\n {key: 'USD/EGP (OTC)', value: 'USD/EGP (OTC)'},\n {key: 'USD/HKD (OTC)', value: 'USD/HKD (OTC)'},\n {key: 'USD/IDR (OTC)', value: 'USD/IDR (OTC)'},\n {key: 'USD/INR (OTC)', value: 'USD/INR (OTC)'},\n {key: 'USD/JPY (OTC)', value: 'USD/JPY (OTC)'},\n {key: 'USD/MXN (OTC)', value: 'USD/MXN (OTC)'},\n {key: 'USD/NGN (OTC)', value: 'USD/NGN (OTC)'},\n {key: 'USD/NOK (OTC)', value: 'USD/NOK (OTC)'},\n {key: 'USD/PHP (OTC)', value: 'USD/PHP (OTC)'},\n {key: 'USD/PKR (OTC)', value: 'USD/PKR (OTC)'},\n {key: 'USD/RUB (OTC)', value: 'USD/RUB (OTC)'},\n {key: 'USD/SGD (OTC)', value: 'USD/SGD (OTC)'},\n {key: 'USD/TRY (OTC)', value: 'USD/TRY (OTC)'},\n {key: 'USD/ZAR (OTC)', value: 'USD/ZAR (OTC)'},\n {key: 'SILVER (OTC)', value: 'Silver (OTC)'},\n {key: 'VISA (OTC)', value: 'VISA (OTC)'},\n {key: 'OTC', value: 'OTC'},\n {key: 'S&P (US500)', value: 'S&P (US500)'},\n {key: 'XAUUSD', value: 'XAUUSD'},\n {key: 'TORNEIO', value: i18n.t('text_tournament')},\n {key: 'OUTRO', value: i18n.t('other')},\n];\n\nexport default currencyPairTypes;","import api from \"../api\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport async function getCurrencyPairs(data) {\n return api.get(`/api/currency-pair/list`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return[];\n });\n}\n\nexport async function getCurrencyPair($id) {\n try {\n\n const response = await api.get(`/api/currency-pair/${$id}/find`, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data ? response.data.data : {};\n\n } catch (err) {\n toast.error(messageTypes.ERROR_LOAD);\n throw err;\n }\n}\n\nexport function edit($id, $currencyPair) {\n return api.post(`/api/currency-pair/edit/${$id}`, $currencyPair, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport function save($currencyPair) {\n return api.post('/api/currency-pair/new', $currencyPair, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport {Form} from \"@unform/web\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport {Button, InputAdornment} from \"@material-ui/core\";\nimport InputMask from \"../../../components/Form/InputMask\";\nimport InputSelect from \"../../../components/Form/InputSelect\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport currencyPairTypes from \"../../../constants/CurrencyPairTypes\";\nimport {edit, find, save} from \"../../../services/Trading\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {getBank} from \"../../../services/Bank\";\nimport {actions} from \"../../../redux/actions\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {getStrategies} from \"../../../services/Strategy\";\nimport swal from \"@sweetalert/with-react\";\nimport {useTranslation} from \"react-i18next\";\nimport Input from \"../../../components/Form/Input\";\nimport i18n from \"../../../services/i18n\";\nimport {getCurrencyPairs} from \"../../../services/CurrencyPair\";\nimport {IoAddCircle} from \"react-icons/io5\";\n\nexport default function NewTrading({match}) {\n const [loading, setLoading] = useState(false);\n const [trading, setTrading] = useState(0);\n const [strategies, setStrategies] = useState(null);\n const formRef = useRef(null);\n const history = useHistory();\n const dispatch = useDispatch();\n const { coinType } = useSelector((state) => state.BankReducer);\n const { t } = useTranslation();\n const [image, setImage] = useState(null);\n const [currencyPairs, setCurrencyPairs] = useState([]);\n\n const directionTrading = [\n {key: 'COMPRA', value: t('trading_label_input_direction_select_option_1')},\n {key: 'VENDA', value: t('trading_label_input_direction_select_option_2')},\n ];\n\n useEffect( () => {\n getCurrencyPairs().then((response) => {\n if (!response || response === '') {\n setCurrencyPairs([...currencyPairTypes]);\n return;\n }\n\n var newListCurrencyPair = [...currencyPairTypes];\n response.data.data.forEach((pair) => {\n newListCurrencyPair.push({key: pair.name, value: pair.name})\n });\n\n setCurrencyPairs(newListCurrencyPair);\n console.log(newListCurrencyPair);\n });\n\n return function cleanup() {\n setCurrencyPairs([]);\n };\n }, [currencyPairTypes]);\n\n\n async function handleSaveNewTrading(data) {\n try {\n\n if (loading) {\n return;\n }\n\n setDataTrading(data);\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n investmentValue: Yup.string().required(t('input_required')),\n profitObtained: Yup.string().required(t('input_required')),\n currencyPair: Yup.string().required(t('input_required')),\n created: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n if (data.observation) {\n formData.append('observation', data.observation);\n }\n\n if (data.direction) {\n formData.append('direction', data.direction);\n }\n formData.append('investmentValue', data.investmentValue.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n formData.append('profitObtained', data.profitObtained.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n formData.append('currencyPair', data.currencyPair);\n formData.append('strategy', data.strategy);\n formData.append('created', data.created);\n\n if (image && image !== '') {\n formData.append('image', image);\n }\n\n const response = (trading) ? await edit(trading.id, formData) : await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n\n const meta = data.meta;\n if (!meta) {\n return;\n }\n\n const profitObtainedToday = parseFloat(data.profitObtainedToday);\n if (profitObtainedToday >= parseFloat(meta.stopWin)) {\n swal(\n {\n icon: \"success\",\n title: t('trading_goal_stop_win'),\n }\n );\n } else if (profitObtainedToday <= parseFloat(meta.stopLoss)) {\n swal(\n {\n icon: \"warning\",\n title: t('trading_goal_stop_loss'),\n }\n );\n }\n })\n history.push('/trading');\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n function setDataTrading(data) {\n if (trading) {\n trading.currencyPair = data.currencyPair;\n trading.investmentValue = data.investmentValue;\n trading.profitObtained = data.profitObtained;\n setTrading(trading);\n }\n }\n\n useEffect(() => {\n const id = match.params.id;\n if (id) {\n setLoading(true);\n find(id).then((data) => {\n setTrading(data);\n }).finally(() => setLoading(false));\n }\n\n getStrategies().then((data) => {\n if (data && data.data && data.data.data && data.data.data.length) {\n const list = data.data.data;\n let arrayList = [];\n for (var index in list) {\n const strategy = list[index];\n arrayList.push({\n key: strategy.id,\n value: strategy.name\n });\n }\n setStrategies(arrayList);\n } else {\n setStrategies([]);\n }\n });\n }, []);\n\n function alertImageSize() {\n swal({\n text: t('fundamentalist_limit_img'),\n });\n }\n\n function showImage(urlImage, currencyPair) {\n swal(\n {\n showCloseButton: true,\n className: 'trading-modal',\n confirmButtonText: 'Fechar',\n content: \n
\n \n
\n \n
\n \n
\n \n \n {t('trading_card_title')} {total}\n \n
\n \n
\n \n {handleImportCSV();}}\n className={\"btn btn-xs btn-secondary font-weight-bold mr-2 import-csv\"}\n >\n \n {t('strategy_btn_import_CSV')}\n {!isActiveSignature && <>\n PRO\n }\n \n \n \n {t('add')}\n \n
\n \n {meta &&\n
\n {loading ?\n\n \n
\n :\n
\n \n {profitObtainedToday < parseFloat(meta.stopWin) && <>\n
\n }\n \n
\n }\n \n
\n \n
\n \n
\n {t('trading_goal_suggestions')}
\n\n
\n {Array.from({ length: 5 }, (_, index) => (\n \n \n
\n \n {payout && <>\n {t('trading_goal_inputs', {\n 'qtdeInput': index + 1,\n 'value': `${coinType} ${currencyFormat(parseFloat(profitObtainedToday ? Math.abs(parseFloat(profitObtainedToday) - parseFloat(meta.stopWin)) : parseFloat(meta.stopWin)) / ((index + 1) * (payout/100)))}`\n })}
\n }\n
\n
\n {!hideAmount &&\n \n
\n \n
\n \n
\n \n
{t('trading_goal_remaining_value')}
\n\n {t('trading_goal_day')} {coinType} {currencyFormat(parseFloat(meta ? meta.stopWin : 0))}
\n {t('trading_goal_day_profit_prejudice')} {coinType} {currencyFormat(parseFloat(profitObtainedToday ? profitObtainedToday : 0))}\n
\n
\n }\n \n
\n \n
\n \n
\n \n
{t('trading_goal_value_current_bank')}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n {loading ?\n
\n
:\n <>\n {list && list.data && list.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n
,\n }\n );\n }\n\n return (\n <>\n {currencyPair}
\n\n
\n \n
\n \n
\n \n );\n}","import * as React from 'react';\nimport CircularProgress, {\n CircularProgressProps,\n} from '@mui/material/CircularProgress';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nexport default function CircularProgressWithLabel(\n props: CircularProgressProps & { value: number },\n) {\n return (\n \n
\n \n
\n \n
\n \n {trading ?\n <>\n {t('traging_card_add_title')}\n :\n <>\n {t('traging_card_edit_title')}\n \n }\n
\n\n {\n !loading && (\n \n )\n }\n
\n \n
\n \n );\n}","import React, {useEffect, useState} from 'react';\nimport {useSelector} from \"react-redux\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport CustomButton from \"../Form/Button\";\nimport {currencyFormat} from \"../../utils/masks\";\nimport {cancelImport, importDataIqOption} from \"../../services/Trading\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {Alert} from \"@material-ui/core\";\nimport swal from \"@sweetalert/with-react\";\nimport {toast} from \"react-toastify\";\nimport CircularProgressWithLabel from \"../CircularProgressWithLabel\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function IqOptionCSV({fileCSV}) {\n const [progress, setProgress] = React.useState(0);\n const [itemsFile, setItemsFile] = useState(null);\n const [importId, setImportId] = useState(null);\n const [valueFile, setValueFile] = useState(null);\n const [loading, setLoading] = useState(false);\n const {coinType, amount} = useSelector((state) => state.BankReducer);\n const fileReader = new FileReader();\n const history = useHistory();\n const { t } = useTranslation();\n\n const parseCSV = (text) => {\n const result = {\n header: [],\n data: []\n };\n\n const [header, ...content] = text.split('\\n');\n result.header = header.split(',');\n const maxCols = result.header.length;\n\n content.forEach((item) => {\n result.data.push(item.split(',').slice(0, maxCols));\n });\n\n return result;\n };\n\n async function importStartFile(indexStart = 0, importIdResponse = null) {\n\n try {\n setLoading(true);\n var qtdeMaxImport = 10;\n var indexEnd = indexStart + qtdeMaxImport;\n const newProgress = indexStart / (itemsFile.length - 1) * 100;\n setProgress(newProgress > 100 ? 100 : newProgress);\n\n var data = {\n importId: importIdResponse,\n qtdeItems: itemsFile.length,\n value: valueFile,\n items: itemsFile.slice(indexStart, indexEnd)\n };\n\n const formData = new FormData();\n formData.append('data', JSON.stringify(data));\n\n const response = await importDataIqOption(formData);\n importIdResponse = response.data && response.data.importId ? response.data.importId : importIdResponse;\n if (!importId) {\n setImportId(importIdResponse);\n }\n\n if (indexStart < itemsFile.length - 1) {\n importStartFile(indexStart + data.items.length, importIdResponse);\n } else {\n setProgress(100);\n toast.success(messageTypes.SUCCESS_IMPORT);\n setTimeout(() => {\n history.push('/trading');\n }, 1000);\n }\n } catch (e) {\n\n try {\n await cancelImport(importId);\n toast.error(messageTypes.ERROR_IMPORT);\n setTimeout(() => {\n history.push('/trading');\n }, 1000);\n } catch (e) {\n setTimeout(() => {\n history.push('/trading');\n }, 1000);\n toast.error(messageTypes.ERROR_IMPORT);\n }\n }\n }\n\n useEffect(() => {\n if (!fileCSV) {\n return;\n }\n\n fileReader.onload = function (event) {\n const csvOutput = event.target.result;\n const result = parseCSV(csvOutput);\n setItemsFile(result.data);\n };\n\n fileReader.readAsText(fileCSV);\n }, [fileCSV]);\n\n useEffect(() => {\n if (!itemsFile) {\n return;\n }\n\n let addValueBank = 0;\n for (let index = 0; index < itemsFile.length - 1; index++) {\n for (let i = 0; i < itemsFile[index].length; i++) {\n itemsFile[index][i] = (itemsFile[index][i]).replaceAll(\"\\\"\", \"\");\n }\n\n if (itemsFile[index][18] === '') {\n addValueBank = addValueBank + parseFloat(itemsFile[index][20]);\n } else {\n addValueBank = addValueBank + parseFloat(itemsFile[index][18]);\n }\n }\n\n setValueFile(addValueBank);\n }, [itemsFile]);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n CSV - {t('traging_import_card_title')} \n \n
\n \n {itemsFile && itemsFile.length ?\n <>\n
\n {!loading ? <>\n{messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n \n
\n \n
\n - \n
- \n {t('traging_import_tradings')}
- \n {t('traging_import_tradings_value')}\n
- \n {t('traging_import_bank_balance')}\n
\n {!loading ? <>\n
\n
\n :\n <>\n \n \n \n {t('btn_back')}\n \n \n {\n swal(\n {\n title: t('traging_import_alert_start_title'),\n text: t('traging_import_alert_start_text'),\n icon: \"warning\",\n buttons: [t('traging_import_alert_start_cancel'), t('traging_import_alert_start_confirm')],\n }\n ).then((isConfirm) => {\n if (isConfirm) {\n importStartFile()\n }\n });\n }}\n className=\"btn btn-primary float-right font-weight-bold text-capitalize\"\n >\n {t('traging_import_start')}\n \n
\n \n
\n \n }\n :\n \n \n
\n \n {t('traging_import_start_text')}\n
\n \n
\n \n );\n}","import React, {useState} from 'react';\nimport InputSelect from \"../../../components/Form/InputSelect\";\nimport {Form} from \"@unform/web\";\nimport {Link} from \"react-router-dom\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport QuotexCSV from \"../../../components/QuotexCSV\";\nimport IqOptionCSV from \"../../../components/IqOptionCSV\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function ImportTrading() {\n const [fileCSV, setFileCSV] = useState(null);\n const [broker, setBroker] = useState(null);\n const [isSubmit, setSubmit] = useState(false);\n\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n const { t } = useTranslation();\n\n async function handleSubmit() {\n if (!fileCSV || !broker) {\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n setSubmit(true);\n }\n\n return (\n <>\n {isActiveSignature && <>\n {!isSubmit && \n
\n \n
\n \n
\n \n
\n \n \n CSV - {t('traging_import_card_title')} \n \n
\n \n {itemsFile && itemsFile.length ?\n <>\n
\n {!loading ? <>\n{messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n \n
\n \n
\n - \n
- \n {t('traging_import_tradings')}
- \n {t('traging_import_tradings_value')}\n
- \n {t('traging_import_bank_balance')}\n
\n {!loading ? <>\n
\n
\n :\n <>\n \n \n \n {t('btn_back')}\n \n \n {\n swal(\n {\n title: t('traging_import_alert_start_title'),\n text: t('traging_import_alert_start_text'),\n icon: \"warning\",\n buttons: [t('traging_import_alert_start_cancel'), t('traging_import_alert_start_confirm')],\n }\n ).then((isConfirm) => {\n if (isConfirm) {\n importStartFile()\n }\n });\n }}\n className=\"btn btn-primary float-right font-weight-bold text-capitalize\"\n >\n {t('traging_import_start')}\n \n
\n \n
\n \n }\n :\n \n \n
\n \n {t('traging_import_start_text')}\n
\n \n
}\n {broker === 'QUOTEX' && isSubmit && \n
\n \n
\n \n
\n \n CSV - {t('traging_import_card_title')}\n
\n\n
\n \n
\n \n \n
\n \n
\n );\n}\n","import React, {useEffect, useState} from \"react\";\nimport {useSelector} from \"react-redux\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {getReport} from \"../../../services/Trading\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function CardTotalLoss({filter, ...props}) {\n const {coinType, amount} = useSelector((state) => state.BankReducer);\n const [percentQtdeLoss, setPercentQtdeLoss] = useState(null);\n const [, setPercentTotalValueLoss] = useState(null);\n\n const [totalValueWin, setTotalValueWin] = useState(null);\n const [totalValueLoss, setTotalValueLoss] = useState(null);\n const [qtdeWin, setQtdeWin] = useState(null);\n const [qtdeLoss, setQtdeLoss] = useState(null);\n const [qtdeDraw, setQtdeDraw] = useState(null);\n const { t } = useTranslation();\n\n useEffect(() => {\n const value = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeLoss * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n setPercentQtdeLoss(value.toFixed(2));\n }, [qtdeWin, qtdeLoss, qtdeDraw]);\n\n useEffect(() => {\n const value = (amount && totalValueLoss) ? totalValueLoss * 100 / ((amount - totalValueWin) - totalValueLoss) : 0;\n setPercentTotalValueLoss(value.toFixed(2));\n }, [totalValueLoss, totalValueWin, amount]);\n\n useEffect(() => {\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n orderBy: 'profitObtained',\n order: 'DESC'\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n return;\n }\n\n setTotalValueWin(parseFloat(data.data.win.totalValue ? data.data.win.totalValue : 0));\n setTotalValueLoss(parseFloat(data.data.loss.totalValue ? data.data.loss.totalValue : 0));\n\n setQtdeWin(data.data.win.qtde);\n setQtdeLoss(data.data.loss.qtde);\n setQtdeDraw(data.data.draw.qtde);\n });\n }, [filter]);\n\n return (\n \n
\n \n
\n \n
\n - \n
- \n {t('traging_report_card_win_victories')}\n\n {qtdeWin}\n {percentQtdeWin}%\n\n \n
- \n {t('traging_report_card_win_value_gain')}\n\n {coinType} {currencyFormat(parseFloat(totalValueWin))}\n {/*+{percentTotalValueWin}%*/}\n\n \n
\n
\n );\n}\n","import React, {useCallback, useEffect, useState} from \"react\";\nimport {useSelector} from \"react-redux\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {BiSmile} from \"react-icons/bi\";\nimport {CgSmileSad} from \"react-icons/cg\";\nimport {getReport} from \"../../../services/Trading\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function CardProfitPrejudice({filter, ...props}) {\n const {coinType, initialValue} = useSelector((state) => state.BankReducer);\n const [profitPrejudice, setProfitPrejudice] = useState(null);\n const [percentTotalValue, setPercentTotalValue] = useState(null);\n\n const [qtdeWin, setQtdeWin] = useState(null);\n const [qtdeLoss, setQtdeLoss] = useState(null);\n const [qtdeDraw, setQtdeDraw] = useState(null);\n const { t } = useTranslation();\n\n const updateData = useCallback(() => {\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n orderBy: 'profitObtained',\n order: 'DESC'\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n return;\n }\n\n const valueWin = parseFloat(data.data.win.totalValue ? data.data.win.totalValue : 0);\n const valueLoss = parseFloat(data.data.loss.totalValue ? data.data.loss.totalValue : 0);\n\n setQtdeWin(data.data.win.qtde);\n setQtdeLoss(data.data.loss.qtde);\n setQtdeDraw(data.data.draw.qtde);\n\n setProfitPrejudice(valueWin + valueLoss);\n let value = valueWin + valueLoss;\n value = (value && initialValue) ? value * 100 / initialValue : 0;\n setPercentTotalValue(value.toFixed(2));\n });\n }, [initialValue, filter]);\n\n useEffect(updateData, [filter, initialValue]);\n\n return (\n \n
\n \n
\n \n
\n - \n
- \n {t('traging_report_card_loss_defeats')}\n\n {qtdeLoss}\n {percentQtdeLoss}%\n\n \n
- \n {t('traging_report_card_loss_value_defeats')}\n\n {coinType} {currencyFormat(parseFloat(totalValueLoss))}\n {/*{percentTotalValueLoss}%*/}\n\n \n
0 ? 'bg-success text-gray-800' : ''} \n ${profitPrejudice < 0 ? 'bg-danger text-gray-800' : ''} \n ${profitPrejudice === 0 ? 'bg-secondary text-white' : ''}`\n }\n >\n
\n );\n}\n","import React, {useEffect, useState} from \"react\";\nimport CustomButton from \"../../Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableBody from \"@mui/material/TableBody\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {Alert} from \"@material-ui/core\";\nimport {RiArrowUpDownFill} from \"react-icons/ri\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {getReport} from \"../../../services/Trading\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function ReportTrading({filter}) {\n const [loading, setLoading] = useState(false);\n const [orderBy, setOrderBy] = useState('profitObtained');\n const [order, setOrder] = useState('DESC');\n const [list, setList] = useState([]);\n const {coinType} = useSelector((state) => state.BankReducer);\n const { t } = useTranslation();\n\n useEffect(() => {\n setLoading(true);\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n orderBy: orderBy,\n order: order\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n return;\n }\n\n setList(data.data.tradings);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [orderBy, order, filter]);\n\n return (\n <>\n 0 ? 'bg-success' : ''} \n ${profitPrejudice < 0 ? 'bg-danger' : ''} \n ${profitPrejudice === 0 ? 'bg-secondary' : ''}`\n }>\n
\n \n
\n \n
\n \n
\n - \n
- 0 ? 'bg-success' : ''}\n ${profitPrejudice < 0 ? 'bg-danger' : ''}\n ${profitPrejudice === 0 ? 'bg-secondary' : ''}\n `}>\n {t('traging_report_card_resume_total')}\n\n {qtdeLoss + qtdeWin + qtdeDraw}\n\n \n
- 0 ? 'bg-success' : ''}\n ${profitPrejudice < 0 ? 'bg-danger' : ''}\n ${profitPrejudice === 0 ? 'bg-secondary' : ''}\n `}>\n {profitPrejudice > 0 && \n {t('traging_report_card_resume_profit')}}\n {profitPrejudice < 0 &&
\n \n {t('traging_report_card_resume_prejudice')}}\n {profitPrejudice === 0 &&\n \n {t('traging_report_card_resume_profit_prejudice')}\n}\n\n {coinType} {currencyFormat(profitPrejudice)}\n \n\n\n {t('banking_growth')}\n\n {profitPrejudice > 0 && \n + {percentTotalValue}%\n }\n {profitPrejudice < 0 && \n {percentTotalValue}%\n }\n {profitPrejudice === 0 && \n {percentTotalValue}%\n }\n \n \n
\n {loading ?\n \n {t('loading')}\n :\n <>\n {list && list.length ?\n \n \n
\n :\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n \n }\n
\n \n );\n}\n","import React, {useEffect, useRef, useState} from \"react\";\nimport CardTotalGain from \"../../../components/Report/CardTotalGain\";\nimport CardTotalLoss from \"../../../components/Report/CardTotalLoss\";\nimport CardProfitPrejudice from \"../../../components/Report/CardProfitPrejudice\";\nimport ReportTrading from \"../../../components/Report/ReportTrading\";\nimport DivDiagonal from \"../../../components/DivDiagonal\";\nimport {Form} from \"@unform/web\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {dateCurrent, dateFirstDayCurrent, firstDayMonth} from \"../../../utils/date\";\nimport CardTotalDraw from \"../../../components/Report/CardTotalDraw\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function TradingReport() {\n const formRef = useRef(null);\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n const [filter, setFilter] = useState([\n {\n startDate: dateFirstDayCurrent(),\n endDate: dateCurrent(),\n }\n ]);\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter(\n [{\n startDate: data.startDate,\n endDate: data.endDate,\n }]\n );\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n \n
\n \n
\n {t('traging_report_title')}
\n\n
\n }\n \n );\n}","import React, {useEffect, useState} from \"react\";\nimport swal from \"@sweetalert/with-react\";\nimport api from \"../../../services/api\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {Redirect} from \"react-router-dom\";\nimport i18n from \"../../../services/i18n\";\n\nfunction AlertConfirm({\n title = i18n.t('alert_confirm_title'),\n text = '',\n urlCallback,\n functionCallback,\n functionCallbackCancel,\n urlAction,\n data = [],\n}) {\n const [redirect, setRedirect] = useState(false);\n\n useEffect(() => {\n swal(\n {\n title,\n text,\n icon: \"warning\",\n buttons: [i18n.t('alert_cancel'), i18n.t('alert_confirm')],\n }\n ).then((isConfirm) => {\n if (isConfirm) {\n api.post(urlAction, data, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n }).then((response => {\n toast.success(messageTypes.SUCCESS);\n if (functionCallback) {\n functionCallback();\n }\n\n if (urlCallback) {\n setRedirect(true)\n }\n })).catch((exception) => {\n swal(messageTypes.ERROR, {\n icon: \"error\",\n })\n } );\n } else {\n if (functionCallbackCancel) {\n functionCallbackCancel();\n }\n }\n });\n }, []);\n\n return (\n <>\n {redirect && \n
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n );\n}","import React, {useRef, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {Form} from \"@unform/web\";\nimport InputMask from \"../../../components/Form/InputMask\";\nimport {InputAdornment} from \"@material-ui/core\";\nimport {AiOutlineCheck} from \"react-icons/ai\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport AlertConfirm from \"../../../components/Alert/AlertConfirm\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {getBank} from \"../../../services/Bank\";\nimport {actions} from \"../../../redux/actions\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Retire() {\n const { coinType} = useSelector((state) => state.BankReducer);\n const formRef = useRef(null);\n const dispatch = useDispatch();\n const [value, setValue] = useState(null);\n const [created, setCreated] = useState(null);\n const [rate, setRate] = useState(null);\n const { t } = useTranslation();\n\n async function handleDeposit(data) {\n try {\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n value: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setValue(data.value.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n setRate(data.rate.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n setCreated(data.created);\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n {t('deposit_card_title')}\n \n
\n \n \n
\n \n
\n \n );\n}","import styled from 'styled-components';\n\nexport const Container = styled.fieldset`\n border: 1px solid #c0c0c0!important;\n padding: 0 1.4em 1.4em 1.4em !important;\n margin: 0 0 1.5em 0 !important;\n -webkit-box-shadow: 0px 0px 0px 0px #000;\n box-shadow: 0px 0px 0px 0px #000;\n border-radius: 6px!important;\n color: ${({ theme }) => theme.colors.tertiary};\n\n legend {\n width:inherit;\n border-bottom:none;\n padding: 0px 10px 0;\n }\n \n span.MuiFormControlLabel-label {\n color: ${({ theme }) => theme.colors.tertiary}!important;\n }\n`;\n","import React from \"react\";\nimport {Container} from \"./styles\";\nimport {FormHelperText} from \"@material-ui/core\";\n\nfunction Fieldset({ children, iconLegend, textLegend }) {\n return (\n \n
\n \n
\n \n
\n \n
\n \n \n {t('retire_card_title')}\n \n
\n \n \n
\n { children }
\n \n {options.length && options.map((option, index) => (\n
\n \n )\n}\n\nexport default CkeckboxInput;\n\nCkeckboxInput.propTypes = {\n name: PropTypes.string.isRequired,\n};\n\n","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {getBank, save} from \"../../services/Bank\";\nimport {Form} from \"@unform/web\";\nimport CustomButton from \"../../components/Form/Button\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport InputMask from \"../../components/Form/InputMask\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport {FaRegMoneyBillAlt} from \"react-icons/fa\";\nimport Fieldset from \"../../components/Fieldset\";\nimport InputSelect from \"../../components/Form/InputSelect\";\nimport brokerTypes from \"../../constants/BrokerTypes\";\nimport CkeckboxInput from \"../../components/Form/Checkbox\";\nimport {InputAdornment} from \"@material-ui/core\";\nimport {actions} from \"../../redux/actions\";\nimport {useDispatch} from \"react-redux\";\nimport {currencyFormat} from \"../../utils/masks\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Bank() {\n const [loading, setLoading] = useState(false);\n const [loadingBank, setLoadingBank] = useState(false);\n const [coinType, setCoinType] = useState('R$');\n const formRef = useRef(null);\n const history = useHistory();\n const [bank, setBank] = useState([]);\n const dispatch = useDispatch();\n const { t } = useTranslation();\n\n async function handleSaveBank(data) {\n try {\n\n const initialValue = data.initialValue.replace(/[^0-9,-]*/g, '').replace(',', '.');\n if (initialValue === '0.00') {\n toast.warning(t('bank_warning_value_initial_required'));\n return;\n }\n\n if (loading) {\n return;\n }\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n initialValue: Yup.string().required(t('input_required')),\n broker: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('initialValue', initialValue);\n formData.append('investmentRate', data.investmentRate);\n formData.append('broker', data.broker);\n formData.append('coinType', coinType);\n const response = await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n });\n history.push('/bank/view');\n } else {\n toast.error(messageTypes.ERROR);\n }\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n getBank().then((data) => {\n setBank([...bank, data]);\n setLoadingBank(true);\n });\n\n }, [localStorage.getItem(\"@user_token\")]);\n\n return (\n <>\n {loadingBank && \n {option.label}}\n control={\n setValueChecked(e.target.value)}\n name={option.name}\n inputRef={inputRef}\n value={option.value}\n {...props}\n />\n }\n />\n
\n ))}\n \n
}\n \n );\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {getBank, getMovements} from \"../../../services/Bank\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport {Alert, IconButton} from \"@material-ui/core\";\nimport {MdDeleteForever} from \"react-icons/md\";\nimport {IoIosArrowBack, IoIosArrowForward} from \"react-icons/io\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport AlertDelete from \"../../../components/Alert/AlertDelete\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {actions} from \"../../../redux/actions\";\nimport {dateCurrent, dateFirstDayCurrent, firstDayMonth} from \"../../../utils/date\";\nimport {Form} from \"@unform/web\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Movement() {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [page, setPage] = useState(1);\n const [deleteMovement, setDeleteMovement] = useState(null);\n const [totalRate, setTotalRate] = useState(0);\n const [totalRetire, setTotalRetire] = useState(0);\n const [totalDeposit, setTotalDeposit] = useState(0)\n const {coinType} = useSelector((state) => state.BankReducer);\n const dispatch = useDispatch();\n const formRef = useRef(null);\n const { t } = useTranslation();\n\n const [filter, setFilter] = useState({\n startDate: dateFirstDayCurrent(),\n endDate: dateCurrent(),\n });\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter({\n startDate: data.startDate,\n endDate: data.endDate,\n });\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n function updateResume(data) {\n let withdrawals = 0;\n let deposits = 0;\n let rate = 0;\n for (var index in data) {\n if (data[index].type === 'DEPOSIT') {\n deposits = deposits + parseFloat(data[index].value);\n } else {\n withdrawals = withdrawals + parseFloat(data[index].value)\n\n if (data[index].rate) {\n rate = rate + parseFloat(data[index].rate)\n }\n }\n }\n\n setTotalRate(rate);\n setTotalRetire(withdrawals);\n setTotalDeposit(deposits);\n }\n\n useEffect(() => {\n setLoading(true);\n getMovements({\n page: page,\n per_page: 25,\n typeWinOrLoss: 'WIN',\n startDate: filter.startDate,\n endDate: filter.endDate,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n updateResume(data.data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page, deleteMovement === true, filter]);\n\n useEffect(() => {\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n });\n }, [deleteMovement === true]);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {t('bank_text_info')}\n
\n\n \n
\n \n
\n \n );\n}","import React from \"react\";\nimport {Link} from \"react-router-dom\";\nimport {useSelector} from \"react-redux\";\nimport brokerTypes from \"../../../constants/BrokerTypes\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function ViewBank() {\n const { t } = useTranslation();\n const {broker, initialValue, amount, coinType, investmentRate} = useSelector((state) => state.BankReducer);\n\n function getBroker() {\n for (var index in brokerTypes) {\n if (brokerTypes[index].key === broker) {\n return brokerTypes[index].value\n }\n }\n\n return t('bank_not_found')\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n {t('moviment_card_title')}\n \n
\n \n
\n \n \n {t('moviment_retire')}\n \n \n {t('moviment_deposit')}\n \n
\n \n
\n\n \n
\n :\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n
\n {loading ?\n \n
\n - \n
- \n {t('moviment_total_rate')} {coinType} {currencyFormat(parseFloat(totalRate))}\n \n
- \n {t('moviment_total_retire')} {coinType} {currencyFormat(parseFloat(totalRetire))}\n \n
- \n {t('moviment_total_deposit')} {coinType} {currencyFormat(parseFloat(totalDeposit))}\n \n
\n
:\n <>\n {list && list.data && list.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n \n );\n}","import React, {useEffect, useRef, useState} from 'react';\nimport * as Yup from 'yup';\nimport {toast} from 'react-toastify';\nimport {useHistory} from 'react-router-dom';\nimport {Form} from '@unform/web';\nimport CustomButton from '../../components/Form/Button';\nimport Input from '../../components/Form/Input';\nimport {load, save} from \"../../services/Profile\";\nimport AlertDelete from \"../../components/Alert/AlertDelete\";\nimport Fieldset from \"../../components/Fieldset\";\nimport {AiOutlineUnorderedList} from \"react-icons/ai\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\nimport brokerTypes from \"../../constants/BrokerTypes\";\n\nfunction Profile() {\n const [loading, setLoading] = useState(false);\n const [user, setUser] = useState(false);\n const formRef = useRef(null);\n const history = useHistory();\n const [disableAccount, setDisableAccount] = useState(false);\n const [deleteBank, setDeleteBank] = useState(false);\n const {dueDate, id} = useSelector((state) => state.UserReducer);\n const {broker } = useSelector((state) => state.BankReducer);\n const { t } = useTranslation()\n async function handleRegister(data) {\n if (loading) {\n return;\n }\n setLoading(true);\n try {\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n name: Yup.string().required(t('input_required'))\n });\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('name', data.name);\n const response = await save(formData);\n\n if (response && response.status === 200) {\n localStorage.setItem('@name', response.data.data.name);\n toast.success(t('profile_alert_save_success'));\n history.push('/dashboard');\n } else {\n toast.error(t('profile_alert_save_error'));\n }\n setLoading(false);\n } catch (err) {\n toast.error(t('profile_alert_save_error'));\n setLoading(false);\n const validationErrors = {};\n if (err instanceof Yup.ValidationError) {\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n }\n }\n }\n\n useEffect(() => {\n setLoading(true);\n load().then((data) => {\n setUser(data.data.data);\n }).finally(() => setLoading(false));\n }, []);\n\n function getBroker(value) {\n for (var index in brokerTypes) {\n if (brokerTypes[index].key === value) {\n return brokerTypes[index].value\n }\n }\n\n return null\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n {t('bank_text_info')} \n \n
\n \n
\n \n \n {t('edit')}\n \n
\n \n
\n \n
\n \n
\n - \n
- \n {t('bank_broker')} {getBroker()}\n \n
- \n {t('bank_initial_value')}\n {coinType} {currencyFormat(parseFloat(initialValue))}\n \n
- \n {t('bank_current_value')}\n {coinType} {currencyFormat(parseFloat(amount))}\n \n {investmentRate > 0 && amount ? <>\n
- \n {t('bank_investment_rate')}\n {investmentRate.toFixed(2)}%\n \n
- \n {t('bank_investment_value')}\n {coinType} {currencyFormat(parseFloat(investmentRate * amount / 100))}\n \n : <>}\n
\n {!loading && (\n
\n \n );\n}\n\nexport default Profile;\n","import React from 'react';\nimport googlePlay from \"../../assets/img/google-play.png\";\nimport logo from \"../../assets/img/logo.png\";\n\nfunction Mobile() {\n\n return (\n <>\n \n
\n )}\n \n
\n \n
\n \n
\n \n {t('profile_card_title')}\n
\n\n {dueDate &&\n
\n \n
\n }\n \n \n
\n \n
\n \n \n
\n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {t('profile_edit_user')}\n
\n\n
\n \n );\n}\n\nexport default Mobile;\n","import styled from 'styled-components';\n\nexport const ContainerNews = styled.div`\n iframe {\n width: 100%;\n }\n \n .legend ul {\n list-style-type: none;\n }\n \n .poweredBy {\n span {\n font-size: 0.85rem;\n color: #333333;\n text-decoration: none;\n \n .underline_link {\n padding-left: 5px;\n color: #06529D; \n font-weight: bold;\n }\n }\n }\n`;\n","export default __webpack_public_path__ + \"static/media/bull-one.5063786c.png\";","export default __webpack_public_path__ + \"static/media/bull-two.d7de7b72.png\";","export default __webpack_public_path__ + \"static/media/bull-three.1ba38138.png\";","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n .active {\n font-weight: bold;\n }\n \n a {\n color: #858796;\n }\n`;","import api from '../api';\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport async function getEvents(data) {\n return api.get(`/api/event/list`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return[];\n });\n}\n\nexport async function getEvent($id) {\n try {\n\n const response = await api.get(`/api/event/${$id}/find`, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data ? response.data.data : {};\n\n } catch (err) {\n toast.error(messageTypes.ERROR_LOAD);\n throw err;\n }\n}\n\nexport function edit($id, $event) {\n return api.post(`/api/event/edit/${$id}`, $event, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport function save($event) {\n return api.post('/api/event/new', $event, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}","import React, {useEffect, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport {Alert, IconButton} from \"@material-ui/core\";\nimport {IoIosArrowBack, IoIosArrowForward} from \"react-icons/io\";\nimport {MdDeleteForever, MdEdit} from \"react-icons/md\";\nimport AlertDelete from \"../../components/Alert/AlertDelete\";\nimport CustomButton from \"../../components/Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {useSelector} from \"react-redux\";\nimport {getEvents} from \"../../services/Event\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Events() {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [page, setPage] = useState(1);\n const [deleteEvent, setDeleteEvent] = useState(null);\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n useEffect(() => {\n setLoading(true);\n getEvents({\n page: page,\n per_page: 25,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page, deleteEvent === true]);\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n \n
\n \n
\n \n
\n Plataforma para gerenciamento de operações de opções binárias.
\nNossos recursos exclusivos vão impulsionar suas análises, otimizar seu desempenho, facilitar o gerenciamento e aumentar sua assertividade.
\n\n
\n \n Atenção! Nossa plataforma ainda não está totalmente compatível para ser acessada pelo celular, enquanto isso você pode realizar seu acesso normalmente pelo computador.\n
\n \n
\n \n
\n \n
\n }\n \n );\n}","import api from '../api';\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport async function getFundamentalistTradings(data) {\n return api.get(`/api/fundamental-trading/list`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return[];\n });\n}\n\nexport async function getFundamentalTrading($id) {\n try {\n\n const response = await api.get(`/api/fundamental-trading/${$id}/find`, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data ? response.data.data : {};\n\n } catch (err) {\n toast.error(messageTypes.ERROR_LOAD);\n throw err;\n }\n}\n\nexport function edit($id, $event) {\n return api.post(`/api/fundamental-trading/edit/${$id}`, $event, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport function save($event) {\n return api.post('/api/fundamental-trading/new', $event, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport async function getReport(data) {\n return api.get(`/api/fundamental-trading/report`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return [];\n });\n}\n\nexport async function getDataPerformanceMonthFundamental(data) {\n return api.get(`/api/fundamental-trading/report-performance-month`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return [];\n });\n}\n\nexport async function getDataPerfomanceDailyFundamental(data) {\n return api.get(`/api/fundamental-trading/report-performance-daily`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return [];\n });\n}","import React, {useEffect, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport {Alert, IconButton} from \"@material-ui/core\";\nimport {MdDeleteForever, MdEdit} from \"react-icons/md\";\nimport {IoIosArrowDown, IoIosArrowUp} from \"react-icons/io\";\nimport AlertDelete from \"../../components/Alert/AlertDelete\";\nimport CustomButton from \"../../components/Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableBody from \"@mui/material/TableBody\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {useSelector} from \"react-redux\";\nimport {getFundamentalistTradings} from \"../../services/FundamentalTrading\";\nimport Collapse from \"@mui/material/Collapse\";\nimport Box from \"@mui/material/Box\";\nimport swal from \"@sweetalert/with-react\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function FundamentalTrading({deleteItem, setDeleteItem}) {\n const [open, setOpen] = React.useState(null);\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [page, setPag] = useState(1);\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n useEffect(() => {\n setLoading(true);\n getFundamentalistTradings({\n page: page,\n per_page: 25,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page, deleteItem === true]);\n\n function showImage(urlImage) {\n swal(\n {\n showCloseButton: true,\n className: 'trading-modal',\n content: \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {t('event_add')}\n \n
\n \n {loading ?\n \n \n
\n :\n
\n \n
:\n <>\n {list && list.data && list.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
,\n }\n );\n }\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n \n \n
\n \n
\n }\n \n );\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport CustomButton from \"../../Form/Button\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {getReport} from \"../../../services/FundamentalTrading\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableBody from \"@mui/material/TableBody\";\nimport {dateCurrent, dateFirstDayCurrent, firstDayMonth} from \"../../../utils/date\";\nimport {Form} from \"@unform/web\";\nimport InputDate from \"../../Form/InputDate\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport InputSelect from \"../../Form/InputSelect\";\nimport {getEvents} from \"../../../services/Event\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function EventReport({deleteItem, ...props}) {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [listReportTime, setListReportTime] = useState(null);\n const formRef = useRef(null);\n const [events, setEvents] = useState(null);\n const { t } = useTranslation();\n\n const [filter, setFilter] = useState([\n {\n startDate: dateFirstDayCurrent(),\n endDate: dateCurrent(),\n eventId: null,\n }\n ]);\n\n useEffect(() => {\n getEvents().then((data) => {\n if (data && data.data && data.data.data && data.data.data.length) {\n const list = data.data.data;\n let arrayList = [];\n for (var index in list) {\n const events = list[index];\n arrayList.push({\n key: events.id,\n value: events.name\n });\n }\n setEvents(arrayList);\n } else {\n setEvents([]);\n }\n });\n }, [deleteItem]);\n\n useEffect(() => {\n setLoading(true);\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n eventId: filter[0].eventId,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n return;\n }\n\n setList(data.data.data);\n setListReportTime(data.data.dataReportTime);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [filter, deleteItem]);\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter(\n [{\n startDate: data.startDate,\n endDate: data.endDate,\n eventId: data.eventId,\n }]\n );\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {t('fundamentalist_add')}\n \n
\n \n {loading ?\n \n \n
\n \n \n :\n
\n \n
:\n <>\n {list && list.data && list.data.length ?\n <>\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n );\n}","import React, {useState} from \"react\";\nimport {ContainerNews} from \"./styles\";\nimport BullOne from \"../../assets/img/bull-one.png\";\nimport BullTwo from \"../../assets/img/bull-two.png\";\nimport BullThree from \"../../assets/img/bull-three.png\";\nimport {useSelector} from \"react-redux\";\nimport {Container} from \"../Calculadora/styles\";\nimport Events from \"../../components/Events\";\nimport FundamentalTrading from \"../../components/FundamentalTrading\";\nimport EventReport from \"../../components/Report/EventReport\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function EconomicCalendar() {\n const [deleteItem, setDeleteItem] = useState(null);\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n return (\n <>\n {isActiveSignature && <>\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {loading ?\n \n {t('loading')}\n :\n <>\n {list && list.length && listReportTime ?\n \n \n
\n :\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n \n }\n
\n \n
\n \n
\n \n
\n \n
\n \n \n {t('calendar_title')}\n \n
\n \n
\n - \n {[\n 'teste@teste.com'\n ].includes(localStorage.getItem('userKey')) && <>\n
- \n {t('calendar_tab_1')}\n \n
- \n {t('calendar_tab_2')}\n \n
- \n {t('calendar_tab_3')}\n \n
- \n {t('calendar_tab_4')}\n \n \n }\n
\n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n \n \n
\n \n
\n \n {t('calendar_alert_usd')}\n
\n \n
\n \n \n \n
\n \n {t('calendar_credits_par_1')}\n Investing.com Brasil\n , {t('calendar_credits_par_2')}\n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n \n Promoção por tempo limitado \n \n
\n \n
\n \n
\n \n
\n \n Caso desejar\n \n clique aqui\n para solicitar a ativação da sua assinatura através do nosso suporte via Whatsapp
\n
\n \n
\n \n
\n \n {\n handleNewSignature('SEMIANNUAL');\n }}\n >\n Assinar\n }\n
\n Plano Semestral
\n\n
\n Total semestral R$ 23,94
\n Valor cobrado a cada 06 meses\n
\n
\n \n {\n handleNewSignature('YEARLY');\n }}\n >\n Assinar\n }\n
\n Plano Anual
\n\n
\n Total anual R$ 35,88
\n Valor cobrado a cada 12 meses\n
\n
\n \n \n
\n \n
\n \n
\n \n A realização do pagamento do produto/serviço não ocorrerá por meio da Empresa, mas sim por meio de Gateway de Pagamento (processador e facilitador de pagamento) Mercado Pago. Os dados bancários solicitados ficarão na posse desse Gateway de Pagamento, de modo que a Empresa só terá a informação se o pagamento foi efetuado com sucesso, ou não.\n
\n\n Alguma dúvida? Fale conosco\n \n \n
\n
E-mail para contato: app.gbinary@gmail.com
\n \n \n
\n \n
\n \n
\n \n
\n \n \n {t('calc_card_title')}\n \n
\n \n
\n - \n
- \n Porcentagem\n \n
- \n {t('calc_tab_compound_interest')}\n \n
- \n {t('calc_tab_martingale')}\n \n
- \n {t('calc_tab_soros')}\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n }\n \n );\n}","import api from '../api';\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport async function getDisciplinas(data) {\n return api.get(`/api/disciplina/list`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return[];\n });\n}\n\nexport async function getDisciplina($id) {\n try {\n\n const response = await api.get(`/api/disciplina/${$id}/find`, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data ? response.data.data : {};\n\n } catch (err) {\n toast.error(messageTypes.ERROR_LOAD);\n throw err;\n }\n}\n\nexport function edit($id, $disciplina) {\n return api.post(`/api/disciplina/edit/${$id}`, $disciplina, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport function save($disciplina) {\n return api.post('/api/disciplina/new', $disciplina, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport async function getReport(data) {\n return api.get(`/api/disciplina/report`, {\n params: data,\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n }).catch((error) => {\n toast.error(messageTypes.ERROR_LOAD);\n return [];\n });\n}","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {Form} from \"@unform/web\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport Fieldset from \"../../../components/Fieldset\";\nimport CkeckboxInput from \"../../../components/Form/Checkbox\";\nimport {edit, getDisciplina, save} from \"../../../services/Disciplina\";\nimport Input from \"../../../components/Form/Input\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function NewDisciplina({match}) {\n const [loading, setLoading] = useState(false);\n const [disciplina, setDisciplina] = useState(0);\n const [isManagementFollowed, setManagementFollowed] = useState(null);\n const formRef = useRef(null);\n const history = useHistory();\n const { t } = useTranslation();\n\n async function handleSubmmit(data) {\n try {\n if (isManagementFollowed === null) {\n toast.warning(t('discipline_alert_is_management_followed'));\n return;\n }\n\n if (loading) {\n return;\n }\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n created: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n if (data.errorDescription) {\n formData.append('errorDescription', data.errorDescription);\n }\n\n formData.append('created', data.created);\n formData.append('isManagementFollowed', isManagementFollowed);\n const response = (disciplina) ? await edit(disciplina.id, formData) : await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n history.push('/disciplina');\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n\n const id = match.params.id;\n if (id) {\n setLoading(true);\n getDisciplina(id).then((data) => {\n setDisciplina(data);\n }).finally(() => setLoading(false));\n }\n\n }, []);\n\n return (\n <>\n {!loading && \n
\n \n
\n \n
\n \n
\n \n \n {t('discipline_card_title')} {total}\n \n
\n \n
\n \n \n {t('report')}\n \n \n {t('add')}\n \n
\n \n \n \n
\n :\n
\n \n
\n {loading ?\n \n
\n \n
\n \n
\n \n \n
\n \n
:\n <>\n {list && list.data && list.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
}\n \n );\n}","import React from \"react\";\nimport {Tooltip} from \"@mui/material\";\n\nexport default function TooltipDefault({ children, ...props}) {\n\n return (\n \n
\n \n
\n \n
\n \n {disciplina ?\n <>\n {t('discipline_card_edit_title')}\n :\n <>\n {t('discipline_card_new_title')}\n \n }\n
\n\n \n
\n \n
\n \n );\n}","import React from \"react\";\nimport {useSelector} from \"react-redux\";\nimport {currencyFormat} from \"../../../../utils/masks\";\nimport TooltipDefault from \"../../../TooltipDefault\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function CardManagementFailure({data}) {\n const {coinType} = useSelector((state) => state.BankReducer);\n const { t } = useTranslation();\n\n return (\n <>\n \n
\n - \n
- \n \n {t('discipline_management_respected')}\n\n\n\n \n
- \n {t('discipline_management_number_times')}\n {data.qtdeDays ? data.qtdeDays : 0}\n \n
- \n {t('discipline_management_draw_operations')}\n { data.qtdeDraw ? data.qtdeDraw : 0 }\n \n
- \n {t('discipline_management_win_operations')}\n { data.qtdeWin ? data.qtdeWin : 0 }\n \n
- \n {t('discipline_management_loss_operations')}\n { data.qtdeLoss ? data.qtdeLoss : 0 }\n \n
- \n {t('discipline_management_assertiveness')}\n \n {parseFloat((data.qtdeLoss + data.qtdeWin + data.qtdeDraw) ? data.qtdeWin * 100 / (data.qtdeLoss + data.qtdeWin + data.qtdeDraw) : 0).toFixed(2)}%\n \n \n
- \n {t('discipline_management_profit_prejudice')}\n {coinType} {currencyFormat(data.profitObtained ? data.profitObtained : 0)} \n \n
\n
\n \n );\n}","import React, {useEffect, useRef, useState} from \"react\";\nimport DivDiagonal from \"../../../components/DivDiagonal\";\nimport {Form} from \"@unform/web\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {dateCurrent, dateFirstDayCurrent, firstDayMonth} from \"../../../utils/date\";\nimport CardManagementSuccess from \"../../../components/Report/Disciplina/CardManagementSuccess\";\nimport {getReport} from \"../../../services/Disciplina\";\nimport CardManagementFailure from \"../../../components/Report/Disciplina/CardManagementFailure\";\nimport TooltipDefault from \"../../../components/TooltipDefault\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {useSelector} from \"react-redux\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function TradingReport() {\n const formRef = useRef(null);\n const [totalDays, setTotalDays] = useState(null);\n const [dataManagementFailure, setDataManagementFailure] = useState({\n qtdeDays: 0\n });\n const { t } = useTranslation()\n\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n const [dataManagementSuccess, setDataManagementSuccess] = useState({\n qtdeDays: 0\n });\n\n const [filter, setFilter] = useState([\n {\n startDate: dateFirstDayCurrent(),\n endDate: dateCurrent(),\n }\n ]);\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter(\n [{\n startDate: data.startDate,\n endDate: data.endDate,\n }]\n );\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useEffect( () => {\n getReport({\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n return;\n }\n\n setDataManagementFailure({\n qtdeDraw: parseInt(data.data.dataManagementFailure[0].qtdeDraw),\n qtdeWin: parseInt(data.data.dataManagementFailure[0].qtdeWin),\n qtdeLoss: parseInt(data.data.dataManagementFailure[0].qtdeLoss),\n profitObtained: parseFloat(data.data.dataManagementFailure[0].profitObtained),\n qtdeDays: data.data.dataManagementFailure.qtdeDays\n });\n\n setDataManagementSuccess({\n qtdeDraw: parseInt(data.data.dataManagementSuccess[0].qtdeDraw),\n qtdeWin: parseInt(data.data.dataManagementSuccess[0].qtdeWin),\n qtdeLoss: parseInt(data.data.dataManagementSuccess[0].qtdeLoss),\n profitObtained: parseFloat(data.data.dataManagementSuccess[0].profitObtained),\n qtdeDays: data.data.dataManagementSuccess.qtdeDays\n });\n\n setTotalDays(data.data.dataManagementSuccess.qtdeDays + data.data.dataManagementFailure.qtdeDays)\n });\n }, [filter]);\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n - \n
- \n \n {t('discipline_management_not_respected')}\n\n\n\n \n
- \n {t('discipline_management_number_times')}\n {data.qtdeDays ? data.qtdeDays : 0}\n \n
- \n {t('discipline_management_draw_operations')}\n { data.qtdeDraw ? data.qtdeDraw : 0 }\n \n
- \n {t('discipline_management_win_operations')}\n { data.qtdeWin ? data.qtdeWin : 0 }\n \n
- \n {t('discipline_management_loss_operations')}\n { data.qtdeLoss ? data.qtdeLoss : 0 }\n \n
- \n {t('discipline_management_assertiveness')}\n \n {parseFloat((data.qtdeLoss + data.qtdeWin + data.qtdeDraw) ? data.qtdeWin * 100 / (data.qtdeLoss + data.qtdeWin + data.qtdeDraw) : 0).toFixed(2)}%\n \n \n
- \n {t('discipline_management_profit_prejudice')}\n {coinType} {currencyFormat(data.profitObtained ? data.profitObtained : 0)} \n \n
\n
\n \n
\n \n
\n {t('discipline_report_title')}
\n\n
\n }\n \n );\n}","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n .MuiTableContainer-root {\n display: contents;\n }\n`;","import React, {useEffect, useRef, useState} from \"react\";\nimport {Form} from \"@unform/web\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport {IoIosArrowBack, IoIosArrowForward} from \"react-icons/io\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {dateCurrent, dateFirstDayCurrent, firstDayMonth} from \"../../../utils/date\";\nimport InputDate from \"../../../components/Form/InputDate\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableBody from \"@mui/material/TableBody\";\nimport {Alert} from \"@material-ui/core\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport {useSelector} from \"react-redux\";\nimport {getHistoricoPlacar} from \"../../../services/Trading\";\nimport {Container} from \"./styles\";\nimport {useTranslation} from \"react-i18next\";\nimport {currencyFormat} from \"../../../utils/masks\";\n\nexport default function Placar() {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [page, setPage] = useState(1);\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n const {coinType} = useSelector(\n (state) => state.BankReducer\n );\n\n const formRef = useRef(null);\n\n const [filter, setFilter] = useState([\n {\n startDate: dateFirstDayCurrent(),\n endDate: dateCurrent(),\n }\n ]);\n\n const { t } = useTranslation();\n\n useEffect(() => {\n setLoading(true);\n getHistoricoPlacar({\n page: page,\n per_page: 25,\n startDate: filter[0].startDate,\n endDate: filter[0].endDate,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page, filter]);\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter(\n [{\n startDate: data.startDate,\n endDate: data.endDate,\n }]\n );\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n
\n \n
\n \n
\n \n \n
\n \n
\n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n - \n
- \n \n {t('discipline_assessment_title')}\n \n \n\n \n
- \n {totalDays ?\n <>\n {t('discipline_assessment_note', {\n 'note': dataManagementSuccess.qtdeDays ? currencyFormat((dataManagementSuccess.qtdeDays * 100 / totalDays) * 10 / 100) : 0\n })}\n :\n t('alert_not_fount_register')\n }\n \n
\n
\n \n
\n \n
\n \n
\n \n \n {t('history_score_card_title')}\n \n
\n \n
\n \n
\n {loading ?\n \n
\n \n \n
\n \n
:\n <>\n {list && list.data && list.data.length ?\n <>\n \n \n {t('loading')}\n \n
\n \n \n \n
\n \n
\n :\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n \n );\n}","import styled from 'styled-components';\n\nexport const VideoContainer = styled.div`\n background-position: center;\n background-color: black;\n width: 90%;\n height: 230px;\n max-width: 558px;\n border-radius: 31px;\n border: 5px solid white;\n overflow: hidden;\n\n @media (max-width: 767px) {\n border-radius: 25px;\n border: 2px solid white;\n width: 50%;\n height: 174px;\n min-height: 174px;\n max-height: 174px;\n min-width: 318px;\n max-width: 318px;\n }\n \n @media (min-width: 769px) {\n border-radius: 25px;\n border: 2px solid white;\n height: 318px;\n }\n`;\n\nexport const Container = styled.div`\n\n * {\n font-family: 'Nunito', Helvetica, Sans-Serif !important;\n }\n \n .item-carousel {\n max-width: 400px!important;\n }\n\n .ul-functions {\n list-style-type: none;\n padding-left: 0;\n\n li {\n padding: 16px 25px;\n margin-bottom: 18px;\n background: rgba(53, 58, 77, .8);\n border-radius: 8px;\n }\n }\n\n .broker {\n height: 130px;\n width: 130px;\n border: 1px solid #eeeeee;\n border-radius: 5px;\n background: #f9f9ff;\n display: inline-block;\n font-size: 30px;\n color: #222222;\n margin-bottom: 30px;\n\n img {\n object-fit: contain;\n }\n }\n\n .broker:hover {\n box-shadow: 0 0 10px rgb(255, 255, 255) !important;\n }\n\n .btn-cadastrar {\n border-radius: 8px;\n font-weight: 700;\n font-size: 16px;\n cursor: pointer;\n color: #fff;\n background: #35b972;\n box-shadow: 0 4px 10px rgb(53 184 114 / 25%) !important;\n }\n\n .work_area {\n background: rgba(53, 58, 77, .8);\n }\n\n .subtitle {\n display: block;\n font-size: 26px;\n line-height: 36px;\n opacity: .6;\n margin-right: 24px;\n }\n\n .text-subtitle {\n font-size: 22px !important;\n line-height: 36px !important;\n opacity: .6 !important;\n margin-right: 24px !important;\n max-width: none !important;\n color: white !important;\n }\n\n .text-description {\n font-size: 22px !important;\n line-height: 24px !important;\n color: rgba(255, 255, 255, .8) !important;\n }\n\n .btn-entrar {\n border-radius: 8px;\n font-weight: 700;\n font-size: 16px;\n cursor: pointer;\n color: #fff;\n background: #444b5d;\n }\n\n .btn-cadastrar:hover {\n background: #4fd38c;\n }\n\n .btn-entrar:hover {\n background: #4f5360;\n }\n\n .list {\n list-style: none;\n margin: 0px;\n padding: 0px;\n }\n\n a {\n text-decoration: none;\n transition: all 0.3s ease-in-out;\n }\n\n a:hover, a:focus {\n text-decoration: none;\n outline: none;\n }\n\n .row.m0 {\n margin: 0px;\n }\n\n body {\n line-height: 24px;\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n color: #777777;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: \"Heebo\", sans-serif;\n font-weight: bold;\n }\n\n button:focus {\n outline: none;\n box-shadow: none;\n }\n\n .p_120 {\n padding-top: 120px;\n padding-bottom: 120px;\n }\n\n .pad_top {\n padding-top: 120px;\n }\n\n .pad_btm {\n padding-bottom: 120px;\n }\n\n .mt-25 {\n margin-top: 25px;\n }\n\n .p0 {\n padding-left: 0px;\n padding-right: 0px;\n }\n\n @media (min-width: 1200px) {\n .container {\n max-width: 1170px;\n }\n }\n\n @media (min-width: 1620px) {\n .box_1620 {\n max-width: 1650px;\n margin: auto;\n }\n }\n\n .white_bg {\n background: #fff !important;\n }\n\n /* Main Title Area css\n ============================================================================================ */\n\n .main_title {\n text-align: center;\n margin-bottom: 75px;\n }\n\n .main_title h2 {\n font-family: \"Heebo\", sans-serif;\n font-size: 36px;\n color: white;\n font-weight: bold;\n margin-bottom: 15px;\n }\n\n .main_title p {\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n line-height: 24px;\n color: #777777;\n margin-bottom: 0px;\n margin: auto;\n }\n\n .main_title.white h2 {\n color: #fff;\n }\n\n .main_title.white p {\n color: #fff;\n opacity: .6;\n }\n\n /* End Main Title Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n\n .header_area {\n position: absolute;\n width: 100%;\n top: 0;\n left: 0;\n z-index: 99;\n transition: background 0.4s, all 0.3s linear;\n }\n\n .header_area .navbar-brand {\n margin-right: 30px;\n }\n\n .header_area .menu_nav {\n width: 100%;\n }\n\n .header_area .navbar {\n background: transparent;\n padding: 0px;\n border: 0px;\n border-radius: 0px;\n width: 100%;\n }\n\n .header_area .navbar .nav .nav-item {\n margin-right: 45px;\n }\n\n .header_area .navbar .nav .nav-item .nav-link {\n font: 500 16px/100px \"Nunito\", sans-serif;\n color: #fff;\n padding: 0px;\n display: inline-block;\n }\n\n .header_area .navbar .nav .nav-item .nav-link:after {\n display: none;\n }\n\n .header_area .navbar .nav .nav-item.submenu {\n position: relative;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul {\n border: none;\n padding: 0px;\n border-radius: 0px;\n box-shadow: none;\n margin: 0px;\n background: #fff;\n }\n\n @media (min-width: 992px) {\n .header_area .navbar .nav .nav-item.submenu ul {\n position: absolute;\n top: 120%;\n left: 0px;\n min-width: 200px;\n text-align: left;\n opacity: 0;\n transition: all 300ms ease-in;\n visibility: hidden;\n display: block;\n border: none;\n padding: 0px;\n border-radius: 0px;\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);\n }\n }\n\n .header_area .navbar .nav .nav-item.submenu ul:before {\n content: \"\";\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 10px 10px 0 10px;\n border-color: #eeeeee transparent transparent transparent;\n position: absolute;\n right: 24px;\n top: 45px;\n z-index: 3;\n opacity: 0;\n transition: all 400ms linear;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul .nav-item {\n display: block;\n float: none;\n margin-right: 0px;\n border-bottom: 1px solid #ededed;\n margin-left: 0px;\n transition: all 0.4s linear;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {\n line-height: 45px;\n color: #222222;\n padding: 0px 30px;\n transition: all 150ms linear;\n display: block;\n margin-right: 0px;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {\n border-bottom: none;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {\n color: #fff;\n }\n\n @media (min-width: 992px) {\n .header_area .navbar .nav .nav-item.submenu:hover ul {\n visibility: visible;\n opacity: 1;\n top: 100%;\n }\n }\n\n .header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {\n margin-top: 0px;\n }\n\n .header_area .navbar .nav .nav-item:last-child {\n margin-right: 0px;\n }\n\n .header_area .navbar .search {\n font-size: 12px;\n line-height: 60px;\n display: inline-block;\n color: #222222;\n margin-left: 80px;\n }\n\n .header_area .navbar .search i {\n font-weight: 600;\n }\n\n .header_area.navbar_fixed .main_menu {\n position: fixed;\n width: 100%;\n top: -70px;\n left: 0;\n right: 0;\n background: #3bacf0;\n transform: translateY(70px);\n transition: transform 500ms ease, background 500ms ease;\n -webkit-transition: transform 500ms ease, background 500ms ease;\n box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);\n }\n\n .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {\n line-height: 70px;\n }\n\n @media (min-width: 992px) {\n .header_area.white_menu .navbar .navbar-brand img {\n display: none;\n }\n\n .header_area.white_menu .navbar .navbar-brand img + img {\n display: inline-block;\n }\n }\n @media (max-width: 991px) {\n .header_area.white_menu .navbar .navbar-brand img {\n display: inline-block;\n }\n\n .header_area.white_menu .navbar .navbar-brand img + img {\n display: none;\n }\n }\n\n .header_area.white_menu .navbar .nav .nav-item .nav-link {\n color: #fff;\n }\n\n .header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {\n display: inline-block;\n }\n\n .header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img + img {\n display: none;\n }\n\n .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {\n line-height: 70px;\n color: #222222;\n }\n\n .top_menu {\n background: #ec9d5f;\n }\n\n .top_menu .float-left a {\n line-height: 40px;\n display: inline-block;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n text-transform: uppercase;\n font-size: 12px;\n margin-right: 50px;\n transition: all 300ms linear 0s;\n }\n\n .top_menu .float-left a:last-child {\n margin-right: 0px;\n }\n\n .top_menu .float-left a:hover {\n color: #3bacf0;\n }\n\n .top_menu .float-right .pur_btn {\n background: #3bacf0;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n line-height: 40px;\n display: block;\n padding: 0px 40px;\n font-weight: 500;\n font-size: 12px;\n }\n\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Home Banner Area css\n ============================================================================================ */\n\n .home_banner_area {\n z-index: 1;\n }\n\n .home_banner_area .banner_inner {\n width: 100%;\n }\n\n .home_banner_area .banner_inner .home_left_img {\n padding-top: 210px;\n padding-bottom: 210px;\n }\n\n .home_banner_area .banner_inner .col-lg-5 {\n vertical-align: middle;\n align-self: center;\n }\n\n .home_banner_area .banner_inner .banner_content {\n text-align: left;\n color: #fff;\n }\n\n .home_banner_area .banner_inner .banner_content h2 {\n margin-top: 0px;\n font-size: 42px;\n font-weight: bold;\n font-family: \"Heebo\", sans-serif;\n line-height: 54px;\n margin-bottom: 20px;\n }\n\n .home_banner_area .banner_inner .banner_content p {\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n margin-bottom: 35px;\n }\n\n .home_banner_area .banner_inner .banner_content .banner_map_img {\n text-align: right;\n }\n\n .home_banner_area .banner_inner .banner_content .banner_btn {\n margin-right: 10px;\n }\n\n .home_banner_area .banner_inner .banner_content .banner_btn2 {\n margin-right: 10px;\n }\n\n .blog_banner {\n min-height: 780px;\n position: relative;\n z-index: 1;\n overflow: hidden;\n margin-bottom: 0px;\n }\n\n .blog_banner .banner_inner {\n background: #04091e;\n position: relative;\n overflow: hidden;\n width: 100%;\n min-height: 780px;\n z-index: 1;\n }\n\n .blog_banner .banner_inner .overlay {\n background: url(../img/banner/banner-2.jpg) no-repeat scroll center center;\n opacity: .5;\n height: 125%;\n position: absolute;\n left: 0px;\n top: 0px;\n width: 100%;\n z-index: -1;\n }\n\n .blog_banner .banner_inner .blog_b_text {\n max-width: 700px;\n margin: auto;\n color: #fff;\n margin-top: 40px;\n }\n\n .blog_banner .banner_inner .blog_b_text h2 {\n font-size: 60px;\n font-weight: 500;\n font-family: \"Roboto\", sans-serif;\n line-height: 66px;\n margin-bottom: 15px;\n }\n\n .blog_banner .banner_inner .blog_b_text p {\n font-size: 16px;\n margin-bottom: 35px;\n }\n\n .blog_banner .banner_inner .blog_b_text .white_bg_btn {\n line-height: 42px;\n padding: 0px 45px;\n }\n\n .banner_box {\n max-width: 1620px;\n margin: auto;\n }\n\n .banner_area {\n position: relative;\n z-index: 1;\n min-height: 430px;\n }\n\n .banner_area .banner_inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n min-height: 430px;\n background: #3bacf0;\n z-index: 1;\n }\n\n .banner_area .banner_inner .banner_content {\n margin-top: 70px;\n }\n\n .banner_area .banner_inner .banner_content h2 {\n color: #fff;\n font-size: 36px;\n font-family: \"Heebo\", sans-serif;\n margin-bottom: 0px;\n text-transform: uppercase;\n font-weight: bold;\n }\n\n .banner_area .banner_inner .banner_content .page_link a {\n font-size: 14px;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n margin-right: 32px;\n position: relative;\n }\n\n .banner_area .banner_inner .banner_content .page_link a:before {\n content: \"\\\\e87a\";\n font-family: 'Linearicons-Free';\n font-size: 14px;\n position: absolute;\n right: -25px;\n top: 54%;\n transform: translateY(-50%);\n }\n\n .banner_area .banner_inner .banner_content .page_link a:last-child {\n margin-right: 0px;\n }\n\n .banner_area .banner_inner .banner_content .page_link a:last-child:before {\n display: none;\n }\n\n /* End Home Banner Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Latest Blog Area css\n ============================================================================================ */\n /* End Latest Blog Area css\n ============================================================================================ */\n /* Causes Area css\n ============================================================================================ */\n\n .causes_slider .owl-dots {\n text-align: center;\n margin-top: 80px;\n }\n\n .causes_slider .owl-dots .owl-dot {\n height: 14px;\n width: 14px;\n background: #eeeeee;\n display: inline-block;\n margin-right: 7px;\n }\n\n .causes_slider .owl-dots .owl-dot:last-child {\n margin-right: 0px;\n }\n\n .causes_slider .owl-dots .owl-dot.active {\n background: #3bacf0;\n }\n\n .causes_item {\n background: #fff;\n }\n\n .causes_item .causes_img {\n position: relative;\n }\n\n .causes_item .causes_img .c_parcent {\n position: absolute;\n bottom: 0px;\n width: 100%;\n left: 0px;\n height: 3px;\n background: rgba(255, 255, 255, 0.5);\n }\n\n .causes_item .causes_img .c_parcent span {\n width: 70%;\n height: 3px;\n background: #3bacf0;\n position: absolute;\n left: 0px;\n bottom: 0px;\n }\n\n .causes_item .causes_img .c_parcent span:before {\n content: \"75%\";\n position: absolute;\n right: -10px;\n bottom: 0px;\n background: #3bacf0;\n color: #fff;\n padding: 0px 5px;\n }\n\n .causes_item .causes_text {\n padding: 30px 35px 40px 30px;\n }\n\n .causes_item .causes_text h4 {\n color: #222222;\n font-family: \"Roboto\", sans-serif;\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 15px;\n cursor: pointer;\n }\n\n .causes_item .causes_text h4:hover {\n color: #3bacf0;\n }\n\n .causes_item .causes_text p {\n font-size: 14px;\n line-height: 24px;\n color: #777777;\n font-weight: 300;\n margin-bottom: 0px;\n }\n\n .causes_item .causes_bottom a {\n width: 50%;\n border: 1px solid #3bacf0;\n text-align: center;\n float: left;\n line-height: 50px;\n background: #3bacf0;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 500;\n }\n\n .causes_item .causes_bottom a + a {\n border-color: #eeeeee;\n background: #fff;\n font-size: 14px;\n color: #222222;\n }\n\n /* End Causes Area css\n ============================================================================================ */\n /*================= latest_blog_area css =============*/\n\n .single-recent-blog-post {\n margin-bottom: 30px;\n }\n\n .single-recent-blog-post .thumb {\n overflow: hidden;\n }\n\n .single-recent-blog-post .thumb img {\n transition: all 0.7s linear;\n }\n\n .single-recent-blog-post .details {\n padding-top: 30px;\n }\n\n .single-recent-blog-post .details .sec_h4 {\n line-height: 24px;\n padding: 10px 0px 13px;\n transition: all 0.3s linear;\n }\n\n .single-recent-blog-post .details .sec_h4:hover {\n color: #777777;\n }\n\n .single-recent-blog-post .date {\n font-size: 14px;\n line-height: 24px;\n font-weight: 400;\n }\n\n .single-recent-blog-post:hover img {\n transform: scale(1.23) rotate(10deg);\n }\n\n .tags .tag_btn {\n font-size: 12px;\n font-weight: 500;\n line-height: 20px;\n border: 1px solid #eeeeee;\n display: inline-block;\n padding: 1px 18px;\n text-align: center;\n color: #222222;\n }\n\n .tags .tag_btn:before {\n background: #3bacf0;\n }\n\n .tags .tag_btn + .tag_btn {\n margin-left: 2px;\n }\n\n /*========= blog_categorie_area css ===========*/\n\n .blog_categorie_area {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .categories_post {\n position: relative;\n text-align: center;\n cursor: pointer;\n }\n\n .categories_post img {\n max-width: 100%;\n }\n\n .categories_post .categories_details {\n position: absolute;\n top: 20px;\n left: 20px;\n right: 20px;\n bottom: 20px;\n background: rgba(34, 34, 34, 0.8);\n color: #fff;\n transition: all 0.3s linear;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .categories_post .categories_details h5 {\n margin-bottom: 0px;\n font-size: 18px;\n line-height: 26px;\n text-transform: uppercase;\n color: #fff;\n position: relative;\n }\n\n .categories_post .categories_details p {\n font-weight: 300;\n font-size: 14px;\n line-height: 26px;\n margin-bottom: 0px;\n }\n\n .categories_post .categories_details .border_line {\n margin: 10px 0px;\n background: #fff;\n width: 100%;\n height: 1px;\n }\n\n .categories_post:hover .categories_details {\n background: rgba(56, 152, 248, 0.85);\n }\n\n /*============ blog_left_sidebar css ==============*/\n\n .blog_item {\n margin-bottom: 40px;\n }\n\n .blog_info {\n padding-top: 30px;\n }\n\n .blog_info .post_tag {\n padding-bottom: 20px;\n }\n\n .blog_info .post_tag a {\n font: 300 14px/21px \"Nunito\", sans-serif;\n color: #222222;\n }\n\n .blog_info .post_tag a:hover {\n color: #777777;\n }\n\n .blog_info .post_tag a.active {\n color: #3bacf0;\n }\n\n .blog_info .blog_meta li a {\n font: 300 14px/20px \"Nunito\", sans-serif;\n color: #777777;\n vertical-align: middle;\n padding-bottom: 12px;\n display: inline-block;\n }\n\n .blog_info .blog_meta li a i {\n color: #222222;\n font-size: 16px;\n font-weight: 600;\n padding-left: 15px;\n line-height: 20px;\n vertical-align: middle;\n }\n\n .blog_info .blog_meta li a:hover {\n color: #3bacf0;\n }\n\n .blog_post img {\n max-width: 100%;\n }\n\n .blog_details {\n padding-top: 20px;\n }\n\n .blog_details h2 {\n font-size: 24px;\n line-height: 36px;\n color: #222222;\n font-weight: 600;\n transition: all 0.3s linear;\n }\n\n .blog_details h2:hover {\n color: #3bacf0;\n }\n\n .blog_details p {\n margin-bottom: 26px;\n }\n\n .view_btn {\n font-size: 14px;\n line-height: 36px;\n display: inline-block;\n color: #222222;\n font-weight: 500;\n padding: 0px 30px;\n background: #fff;\n }\n\n .blog_right_sidebar {\n border: 1px solid #eeeeee;\n background: #fafaff;\n padding: 30px;\n }\n\n .blog_right_sidebar .widget_title {\n font-size: 18px;\n line-height: 25px;\n background: #3bacf0;\n text-align: center;\n color: #fff;\n padding: 8px 0px;\n margin-bottom: 30px;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control {\n font-size: 14px;\n line-height: 29px;\n border: 0px;\n width: 100%;\n font-weight: 300;\n color: #fff;\n padding-left: 20px;\n border-radius: 45px;\n z-index: 0;\n background: #3bacf0;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control.placeholder {\n color: #fff;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {\n color: #fff;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {\n color: #fff;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {\n color: #fff;\n }\n\n .blog_right_sidebar .search_widget .input-group .form-control:focus {\n box-shadow: none;\n }\n\n .blog_right_sidebar .search_widget .input-group .btn-default {\n position: absolute;\n right: 20px;\n background: transparent;\n border: 0px;\n box-shadow: none;\n font-size: 14px;\n color: #fff;\n padding: 0px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 1;\n }\n\n .blog_right_sidebar .author_widget {\n text-align: center;\n }\n\n .blog_right_sidebar .author_widget h4 {\n font-size: 18px;\n line-height: 20px;\n color: #222222;\n margin-bottom: 5px;\n margin-top: 30px;\n }\n\n .blog_right_sidebar .author_widget p {\n margin-bottom: 0px;\n }\n\n .blog_right_sidebar .author_widget .social_icon {\n padding: 7px 0px 15px;\n }\n\n .blog_right_sidebar .author_widget .social_icon a {\n font-size: 14px;\n color: #222222;\n transition: all 0.2s linear;\n }\n\n .blog_right_sidebar .author_widget .social_icon a + a {\n margin-left: 20px;\n }\n\n .blog_right_sidebar .author_widget .social_icon a:hover {\n color: #3bacf0;\n }\n\n .blog_right_sidebar .popular_post_widget .post_item .media-body {\n justify-content: center;\n align-self: center;\n padding-left: 20px;\n }\n\n .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {\n font-size: 14px;\n line-height: 20px;\n color: #222222;\n margin-bottom: 4px;\n transition: all 0.3s linear;\n }\n\n .blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {\n color: #3bacf0;\n }\n\n .blog_right_sidebar .popular_post_widget .post_item .media-body p {\n font-size: 12px;\n line-height: 21px;\n margin-bottom: 0px;\n }\n\n .blog_right_sidebar .popular_post_widget .post_item + .post_item {\n margin-top: 20px;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li {\n border-bottom: 2px dotted #eee;\n transition: all 0.3s ease 0s;\n padding-bottom: 12px;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li a {\n font-size: 14px;\n line-height: 20px;\n color: #777;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li a p {\n margin-bottom: 0px;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li + li {\n padding-top: 15px;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li:hover {\n border-color: #3bacf0;\n }\n\n .blog_right_sidebar .post_category_widget .cat-list li:hover a {\n color: #3bacf0;\n }\n\n .blog_right_sidebar .newsletter_widget {\n text-align: center;\n }\n\n .blog_right_sidebar .newsletter_widget .form-group {\n margin-bottom: 8px;\n }\n\n .blog_right_sidebar .newsletter_widget .input-group-prepend {\n margin-right: -1px;\n }\n\n .blog_right_sidebar .newsletter_widget .input-group-text {\n background: #fff;\n border-radius: 0px;\n vertical-align: top;\n font-size: 12px;\n line-height: 36px;\n padding: 0px 0px 0px 15px;\n border: 1px solid #eeeeee;\n border-right: 0px;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control {\n font-size: 12px;\n line-height: 24px;\n color: #cccccc;\n border: 1px solid #eeeeee;\n border-left: 0px;\n border-radius: 0px;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control.placeholder {\n color: #cccccc;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {\n color: #cccccc;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {\n color: #cccccc;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {\n color: #cccccc;\n }\n\n .blog_right_sidebar .newsletter_widget .form-control:focus {\n outline: none;\n box-shadow: none;\n }\n\n .blog_right_sidebar .newsletter_widget .bbtns {\n background: #3bacf0;\n color: #fff;\n font-size: 12px;\n line-height: 38px;\n display: inline-block;\n font-weight: 500;\n padding: 0px 24px 0px 24px;\n border-radius: 0;\n }\n\n .blog_right_sidebar .newsletter_widget .text-bottom {\n font-size: 12px;\n }\n\n .blog_right_sidebar .tag_cloud_widget ul li {\n display: inline-block;\n }\n\n .blog_right_sidebar .tag_cloud_widget ul li a {\n display: inline-block;\n border: 1px solid #eee;\n background: #fff;\n padding: 0px 13px;\n margin-bottom: 8px;\n transition: all 0.3s ease 0s;\n color: #222222;\n font-size: 12px;\n }\n\n .blog_right_sidebar .tag_cloud_widget ul li a:hover {\n background: #3bacf0;\n color: #fff;\n }\n\n .blog_right_sidebar .br {\n width: 100%;\n height: 1px;\n background: #eeeeee;\n margin: 30px 0px;\n }\n\n .blog-pagination {\n padding-top: 25px;\n padding-bottom: 95px;\n }\n\n .blog-pagination .page-link {\n border-radius: 0;\n }\n\n .blog-pagination .page-item {\n border: none;\n }\n\n .page-link {\n background: transparent;\n font-weight: 400;\n }\n\n .blog-pagination .page-item.active .page-link {\n background-color: #3bacf0;\n border-color: transparent;\n color: #fff;\n }\n\n .blog-pagination .page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #8a8a8a;\n border: none;\n }\n\n .blog-pagination .page-link .lnr {\n font-weight: 600;\n }\n\n .blog-pagination .page-item:last-child .page-link,\n .blog-pagination .page-item:first-child .page-link {\n border-radius: 0;\n }\n\n .blog-pagination .page-link:hover {\n color: #fff;\n text-decoration: none;\n background-color: #3bacf0;\n border-color: #eee;\n }\n\n /*============ Start Blog Single Styles =============*/\n\n .single-post-area .social-links {\n padding-top: 10px;\n }\n\n .single-post-area .social-links li {\n display: inline-block;\n margin-bottom: 10px;\n }\n\n .single-post-area .social-links li a {\n color: #cccccc;\n padding: 7px;\n font-size: 14px;\n transition: all 0.2s linear;\n }\n\n .single-post-area .social-links li a:hover {\n color: #222222;\n }\n\n .single-post-area .blog_details {\n padding-top: 26px;\n }\n\n .single-post-area .blog_details p {\n margin-bottom: 10px;\n }\n\n .single-post-area .quotes {\n margin-top: 20px;\n margin-bottom: 30px;\n padding: 24px 35px 24px 30px;\n background-color: white;\n box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);\n font-size: 14px;\n line-height: 24px;\n color: #777;\n font-style: italic;\n }\n\n .single-post-area .arrow {\n position: absolute;\n }\n\n .single-post-area .arrow .lnr {\n font-size: 20px;\n font-weight: 600;\n }\n\n .single-post-area .thumb .overlay-bg {\n background: rgba(0, 0, 0, 0.8);\n }\n\n .single-post-area .navigation-area {\n border-top: 1px solid #eee;\n padding-top: 30px;\n margin-top: 60px;\n }\n\n .single-post-area .navigation-area p {\n margin-bottom: 0px;\n }\n\n .single-post-area .navigation-area h4 {\n font-size: 18px;\n line-height: 25px;\n color: #222222;\n }\n\n .single-post-area .navigation-area .nav-left {\n text-align: left;\n }\n\n .single-post-area .navigation-area .nav-left .thumb {\n margin-right: 20px;\n background: #000;\n }\n\n .single-post-area .navigation-area .nav-left .thumb img {\n transition: all 300ms linear 0s;\n }\n\n .single-post-area .navigation-area .nav-left .lnr {\n margin-left: 20px;\n opacity: 0;\n transition: all 300ms linear 0s;\n }\n\n .single-post-area .navigation-area .nav-left:hover .lnr {\n opacity: 1;\n }\n\n .single-post-area .navigation-area .nav-left:hover .thumb img {\n opacity: .5;\n }\n\n @media (max-width: 767px) {\n .single-post-area .navigation-area .nav-left {\n margin-bottom: 30px;\n }\n }\n\n .single-post-area .navigation-area .nav-right {\n text-align: right;\n }\n\n .single-post-area .navigation-area .nav-right .thumb {\n margin-left: 20px;\n background: #000;\n }\n\n .single-post-area .navigation-area .nav-right .thumb img {\n transition: all 300ms linear 0s;\n }\n\n .single-post-area .navigation-area .nav-right .lnr {\n margin-right: 20px;\n opacity: 0;\n transition: all 300ms linear 0s;\n }\n\n .single-post-area .navigation-area .nav-right:hover .lnr {\n opacity: 1;\n }\n\n .single-post-area .navigation-area .nav-right:hover .thumb img {\n opacity: .5;\n }\n\n @media (max-width: 991px) {\n .single-post-area .sidebar-widgets {\n padding-bottom: 0px;\n }\n }\n\n .comments-area {\n background: #fafaff;\n border: 1px solid #eee;\n padding: 50px 30px;\n margin-top: 50px;\n }\n\n @media (max-width: 414px) {\n .comments-area {\n padding: 50px 8px;\n }\n }\n\n .comments-area h4 {\n text-align: center;\n margin-bottom: 50px;\n color: #222222;\n font-size: 18px;\n }\n\n .comments-area h5 {\n font-size: 16px;\n margin-bottom: 0px;\n }\n\n .comments-area a {\n color: #222222;\n }\n\n .comments-area .comment-list {\n padding-bottom: 48px;\n }\n\n .comments-area .comment-list:last-child {\n padding-bottom: 0px;\n }\n\n .comments-area .comment-list.left-padding {\n padding-left: 25px;\n }\n\n @media (max-width: 413px) {\n .comments-area .comment-list .single-comment h5 {\n font-size: 12px;\n }\n\n .comments-area .comment-list .single-comment .date {\n font-size: 11px;\n }\n\n .comments-area .comment-list .single-comment .comment {\n font-size: 10px;\n }\n }\n\n .comments-area .thumb {\n margin-right: 20px;\n }\n\n .comments-area .date {\n font-size: 13px;\n color: #cccccc;\n margin-bottom: 13px;\n }\n\n .comments-area .comment {\n color: #777777;\n margin-bottom: 0px;\n }\n\n .comments-area .btn-reply {\n background-color: #fff;\n color: #222222;\n border: 1px solid #eee;\n padding: 2px 18px;\n font-size: 12px;\n display: block;\n font-weight: 600;\n transition: all 300ms linear 0s;\n }\n\n .comments-area .btn-reply:hover {\n background-color: #3bacf0;\n color: #fff;\n }\n\n .comment-form {\n background: #fafaff;\n text-align: center;\n border: 1px solid #eee;\n padding: 47px 30px 43px;\n margin-top: 50px;\n margin-bottom: 40px;\n }\n\n .comment-form h4 {\n text-align: center;\n margin-bottom: 50px;\n font-size: 18px;\n line-height: 22px;\n color: #222222;\n }\n\n .comment-form .name {\n padding-left: 0px;\n }\n\n @media (max-width: 767px) {\n .comment-form .name {\n padding-right: 0px;\n margin-bottom: 1rem;\n }\n }\n\n .comment-form .email {\n padding-right: 0px;\n }\n\n @media (max-width: 991px) {\n .comment-form .email {\n padding-left: 0px;\n }\n }\n\n .comment-form .form-control {\n padding: 8px 20px;\n background: #fff;\n border: none;\n border-radius: 0px;\n width: 100%;\n font-size: 14px;\n color: #777777;\n border: 1px solid transparent;\n }\n\n .comment-form .form-control:focus {\n box-shadow: none;\n border: 1px solid #eee;\n }\n\n .comment-form textarea.form-control {\n height: 140px;\n resize: none;\n }\n\n .comment-form ::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n font-size: 13px;\n color: #777;\n }\n\n .comment-form ::-moz-placeholder {\n /* Firefox 19+ */\n font-size: 13px;\n color: #777;\n }\n\n .comment-form :-ms-input-placeholder {\n /* IE 10+ */\n font-size: 13px;\n color: #777;\n }\n\n .comment-form :-moz-placeholder {\n /* Firefox 18- */\n font-size: 13px;\n color: #777;\n }\n\n /*============ End Blog Single Styles =============*/\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Home Map Area css\n ============================================================================================ */\n\n .home_map_area {\n position: relative;\n }\n\n .home_map_area .mapBox2 {\n min-height: 600px;\n }\n\n .home_map_area .home_details {\n position: absolute;\n right: 0px;\n width: 100%;\n z-index: 10;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .home_map_area .home_details .box_home_details {\n background: #fff;\n max-width: 457px;\n float: right;\n width: 100%;\n padding-left: 92px;\n padding-right: 92px;\n padding-top: 112px;\n padding-bottom: 112px;\n border-radius: 10px;\n }\n\n .home_map_area .home_details .box_home_details .media {\n margin-bottom: 26px;\n }\n\n .home_map_area .home_details .box_home_details .media:last-child {\n margin-bottom: 0px;\n }\n\n .home_map_area .home_details .box_home_details .media .d-flex {\n padding-right: 20px;\n }\n\n .home_map_area .home_details .box_home_details .media .d-flex i {\n font-size: 20px;\n background: linear-gradient(to right, #2c28b1 0%, #9b5cf6 70%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .home_map_area .home_details .box_home_details .media .media-body h4 {\n font-size: 14px;\n color: #222222;\n text-transform: uppercase;\n }\n\n .home_map_area .home_details .box_home_details .media .media-body p {\n margin-bottom: 0px;\n }\n\n /* End Home Map Form Area css\n ============================================================================================ */\n /* Reservation Form Area css\n ============================================================================================ */\n\n .reservation_form_area .res_form_inner {\n max-width: 555px;\n margin: auto;\n box-shadow: 0px 10px 30px 0px rgba(153, 153, 153, 0.1);\n padding: 75px 50px;\n position: relative;\n }\n\n .reservation_form_area .res_form_inner:before {\n content: \"\";\n background: url(../img/contact-shap-1.png);\n position: absolute;\n left: -125px;\n height: 421px;\n width: 98px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .reservation_form_area .res_form_inner:after {\n content: \"\";\n background: url(../img/contact-shap-2.png);\n position: absolute;\n right: -125px;\n height: 421px;\n width: 98px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .reservation_form .form-group input {\n height: 40px;\n border-radius: 0px;\n border: 1px solid #eeeeee;\n outline: none;\n box-shadow: none;\n padding: 0px 15px;\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group input.placeholder {\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group input:-moz-placeholder {\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group input::-moz-placeholder {\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group input::-webkit-input-placeholder {\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group .res_select {\n height: 40px;\n border: 1px solid #eeeeee;\n border-radius: 0px;\n width: 100%;\n padding: 0px 15px;\n line-height: 36px;\n }\n\n .reservation_form .form-group .res_select .current {\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 300;\n color: #999999;\n }\n\n .reservation_form .form-group .res_select:after {\n content: \"\\\\e874\";\n font-family: 'Linearicons-Free';\n color: #cccccc;\n transform: rotate(0deg);\n border: none;\n margin-top: -17px;\n font-size: 13px;\n right: 22px;\n }\n\n .reservation_form .form-group:last-child {\n text-align: center;\n }\n\n /* End Reservation Form Area css\n ============================================================================================ */\n /*============== contact_area css ================*/\n\n .mapBox {\n height: 420px;\n margin-bottom: 80px;\n }\n\n .contact_info .info_item {\n position: relative;\n padding-left: 45px;\n }\n\n .contact_info .info_item i {\n position: absolute;\n left: 0;\n top: 0;\n font-size: 20px;\n line-height: 24px;\n color: #3bacf0;\n font-weight: 600;\n }\n\n .contact_info .info_item h6 {\n font-size: 16px;\n line-height: 24px;\n color: \"Roboto\", sans-serif;\n font-weight: bold;\n margin-bottom: 0px;\n color: #222222;\n }\n\n .contact_info .info_item h6 a {\n color: #222222;\n }\n\n .contact_info .info_item p {\n font-size: 14px;\n line-height: 24px;\n padding: 2px 0px;\n }\n\n .contact_form .form-group {\n margin-bottom: 10px;\n }\n\n .contact_form .form-group .form-control {\n font-size: 13px;\n line-height: 26px;\n color: #999;\n border: 1px solid #eeeeee;\n font-family: \"Roboto\", sans-serif;\n border-radius: 0px;\n padding-left: 20px;\n }\n\n .contact_form .form-group .form-control:focus {\n box-shadow: none;\n outline: none;\n }\n\n .contact_form .form-group .form-control.placeholder {\n color: #999;\n }\n\n .contact_form .form-group .form-control:-moz-placeholder {\n color: #999;\n }\n\n .contact_form .form-group .form-control::-moz-placeholder {\n color: #999;\n }\n\n .contact_form .form-group .form-control::-webkit-input-placeholder {\n color: #999;\n }\n\n .contact_form .form-group textarea {\n resize: none;\n }\n\n .contact_form .form-group textarea.form-control {\n height: 140px;\n }\n\n .contact_form .submit_btn {\n margin-top: 20px;\n cursor: pointer;\n }\n\n /* Contact Success and error Area css\n ============================================================================================ */\n\n .modal-message .modal-dialog {\n position: absolute;\n top: 36%;\n left: 50%;\n transform: translateX(-50%) translateY(-50%) !important;\n margin: 0px;\n max-width: 500px;\n width: 100%;\n }\n\n .modal-message .modal-dialog .modal-content .modal-header {\n text-align: center;\n display: block;\n border-bottom: none;\n padding-top: 50px;\n padding-bottom: 50px;\n }\n\n .modal-message .modal-dialog .modal-content .modal-header .close {\n position: absolute;\n right: -15px;\n top: -15px;\n padding: 0px;\n color: #fff;\n opacity: 1;\n cursor: pointer;\n }\n\n .modal-message .modal-dialog .modal-content .modal-header h2 {\n display: block;\n text-align: center;\n color: #3bacf0;\n padding-bottom: 10px;\n font-family: \"Roboto\", sans-serif;\n }\n\n .modal-message .modal-dialog .modal-content .modal-header p {\n display: block;\n }\n\n /* End Contact Success and error Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /*============== Elements Area css ================*/\n\n .mb-20 {\n margin-bottom: 20px;\n }\n\n .mb-30 {\n margin-bottom: 30px;\n }\n\n .sample-text-area {\n padding: 100px 0px;\n }\n\n .sample-text-area .title_color {\n margin-bottom: 30px;\n }\n\n .sample-text-area p {\n line-height: 26px;\n }\n\n .sample-text-area p b {\n font-weight: bold;\n color: #3bacf0;\n }\n\n .sample-text-area p i {\n color: #3bacf0;\n font-style: italic;\n }\n\n .sample-text-area p sup {\n color: #3bacf0;\n font-style: italic;\n }\n\n .sample-text-area p sub {\n color: #3bacf0;\n font-style: italic;\n }\n\n .sample-text-area p del {\n color: #3bacf0;\n }\n\n .sample-text-area p u {\n color: #3bacf0;\n }\n\n /*============== End Elements Area css ================*/\n /*==============Elements Button Area css ================*/\n\n .elements_button .title_color {\n margin-bottom: 30px;\n color: #222222;\n }\n\n .title_color {\n color: #222222;\n }\n\n .button-group-area {\n margin-top: 15px;\n }\n\n .button-group-area:nth-child(odd) {\n margin-top: 40px;\n }\n\n .button-group-area:first-child {\n margin-top: 0px;\n }\n\n .button-group-area .theme_btn {\n margin-right: 10px;\n }\n\n .button-group-area .white_btn {\n margin-right: 10px;\n }\n\n .button-group-area .link {\n text-decoration: underline;\n color: #222222;\n background: transparent;\n }\n\n .button-group-area .link:hover {\n color: #fff;\n }\n\n .button-group-area .disable {\n background: transparent;\n color: #007bff;\n cursor: not-allowed;\n }\n\n .button-group-area .disable:before {\n display: none;\n }\n\n .primary {\n background: #52c5fd;\n }\n\n .primary:before {\n background: #2faae6;\n }\n\n .success {\n background: #4cd3e3;\n }\n\n .success:before {\n background: #2ebccd;\n }\n\n .info {\n background: #38a4ff;\n }\n\n .info:before {\n background: #298cdf;\n }\n\n .warning {\n background: #f4e700;\n }\n\n .warning:before {\n background: #e1d608;\n }\n\n .danger {\n background: #f54940;\n }\n\n .danger:before {\n background: #e13b33;\n }\n\n .primary-border {\n background: transparent;\n border: 1px solid #52c5fd;\n color: #52c5fd;\n }\n\n .primary-border:before {\n background: #52c5fd;\n }\n\n .success-border {\n background: transparent;\n border: 1px solid #4cd3e3;\n color: #4cd3e3;\n }\n\n .success-border:before {\n background: #4cd3e3;\n }\n\n .info-border {\n background: transparent;\n border: 1px solid #38a4ff;\n color: #38a4ff;\n }\n\n .info-border:before {\n background: #38a4ff;\n }\n\n .warning-border {\n background: #fff;\n border: 1px solid #f4e700;\n color: #f4e700;\n }\n\n .warning-border:before {\n background: #f4e700;\n }\n\n .danger-border {\n background: transparent;\n border: 1px solid #f54940;\n color: #f54940;\n }\n\n .danger-border:before {\n background: #f54940;\n }\n\n .link-border {\n background: transparent;\n border: 1px solid #3bacf0;\n color: #3bacf0;\n }\n\n .link-border:before {\n background: #3bacf0;\n }\n\n .radius {\n border-radius: 3px;\n }\n\n .circle {\n border-radius: 20px;\n }\n\n .arrow span {\n padding-left: 5px;\n }\n\n .e-large {\n line-height: 50px;\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .large {\n line-height: 45px;\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .medium {\n line-height: 30px;\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .small {\n line-height: 25px;\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n .general {\n line-height: 38px;\n padding-top: 0px;\n padding-bottom: 0px;\n }\n\n /*==============End Elements Button Area css ================*/\n /* =================================== */\n /* Elements Page Styles\n /* =================================== */\n /*---------- Start Elements Page -------------*/\n\n .generic-banner {\n margin-top: 60px;\n text-align: center;\n }\n\n .generic-banner .height {\n height: 600px;\n }\n\n @media (max-width: 767.98px) {\n .generic-banner .height {\n height: 400px;\n }\n }\n\n .generic-banner .generic-banner-content h2 {\n line-height: 1.2em;\n margin-bottom: 20px;\n }\n\n @media (max-width: 991.98px) {\n .generic-banner .generic-banner-content h2 br {\n display: none;\n }\n }\n\n .generic-banner .generic-banner-content p {\n text-align: center;\n font-size: 16px;\n }\n\n @media (max-width: 991.98px) {\n .generic-banner .generic-banner-content p br {\n display: none;\n }\n }\n\n .generic-content h1 {\n font-weight: 600;\n }\n\n .about-generic-area {\n background: #fff;\n }\n\n .about-generic-area p {\n margin-bottom: 20px;\n }\n\n .white-bg {\n background: #fff;\n }\n\n .section-top-border {\n padding: 50px 0;\n border-top: 1px dotted #eee;\n }\n\n .switch-wrap {\n margin-bottom: 10px;\n }\n\n .switch-wrap p {\n margin: 0;\n }\n\n /*---------- End Elements Page -------------*/\n\n .sample-text-area {\n padding: 100px 0 70px 0;\n }\n\n .sample-text {\n margin-bottom: 0;\n }\n\n .text-heading {\n margin-bottom: 30px;\n font-size: 24px;\n }\n\n .typo-list {\n margin-bottom: 10px;\n }\n\n @media (max-width: 767px) {\n .typo-sec {\n margin-bottom: 30px;\n }\n }\n @media (max-width: 767px) {\n .element-wrap {\n margin-top: 30px;\n }\n }\n\n h1 {\n font-size: 36px;\n }\n\n h2 {\n font-size: 30px;\n }\n\n h3 {\n font-size: 24px;\n }\n\n h4 {\n font-size: 18px;\n }\n\n h5 {\n font-size: 16px;\n }\n\n h6 {\n font-size: 14px;\n }\n\n .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {\n color: #777777;\n }\n\n .button-area .border-top-generic {\n padding: 70px 15px;\n border-top: 1px dotted #eee;\n }\n\n .button-group-area .genric-btn {\n margin-right: 10px;\n margin-top: 10px;\n }\n\n .button-group-area .genric-btn:last-child {\n margin-right: 0;\n }\n\n .circle {\n border-radius: 20px;\n }\n\n .genric-btn {\n display: inline-block;\n outline: none;\n line-height: 40px;\n padding: 0 30px;\n font-size: .8em;\n text-align: center;\n text-decoration: none;\n font-weight: 500;\n cursor: pointer;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n }\n\n .genric-btn:focus {\n outline: none;\n }\n\n .genric-btn.e-large {\n padding: 0 40px;\n line-height: 50px;\n }\n\n .genric-btn.large {\n line-height: 45px;\n }\n\n .genric-btn.medium {\n line-height: 30px;\n }\n\n .genric-btn.small {\n line-height: 25px;\n }\n\n .genric-btn.radius {\n border-radius: 3px;\n }\n\n .genric-btn.circle {\n border-radius: 20px;\n }\n\n .genric-btn.arrow {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n }\n\n .genric-btn.arrow span {\n margin-left: 10px;\n }\n\n .genric-btn.default {\n color: #222222;\n background: #f9f9ff;\n border: 1px solid transparent;\n }\n\n .genric-btn.default:hover {\n border: 1px solid #f9f9ff;\n background: #fff;\n }\n\n .genric-btn.default-border {\n border: 1px solid #f9f9ff;\n background: #fff;\n }\n\n .genric-btn.default-border:hover {\n color: #222222;\n background: #f9f9ff;\n border: 1px solid transparent;\n }\n\n .genric-btn.primary {\n color: #fff;\n background: #f8b600;\n border: 1px solid transparent;\n }\n\n .genric-btn.primary:hover {\n color: #f8b600;\n border: 1px solid #f8b600;\n background: #fff;\n }\n\n .genric-btn.primary-border {\n color: #f8b600;\n border: 1px solid #f8b600;\n background: #fff;\n }\n\n .genric-btn.primary-border:hover {\n color: #fff;\n background: #f8b600;\n border: 1px solid transparent;\n }\n\n .genric-btn.success {\n color: #fff;\n background: #4cd3e3;\n border: 1px solid transparent;\n }\n\n .genric-btn.success:hover {\n color: #4cd3e3;\n border: 1px solid #4cd3e3;\n background: #fff;\n }\n\n .genric-btn.success-border {\n color: #4cd3e3;\n border: 1px solid #4cd3e3;\n background: #fff;\n }\n\n .genric-btn.success-border:hover {\n color: #fff;\n background: #4cd3e3;\n border: 1px solid transparent;\n }\n\n .genric-btn.info {\n color: #fff;\n background: #38a4ff;\n border: 1px solid transparent;\n }\n\n .genric-btn.info:hover {\n color: #38a4ff;\n border: 1px solid #38a4ff;\n background: #fff;\n }\n\n .genric-btn.info-border {\n color: #38a4ff;\n border: 1px solid #38a4ff;\n background: #fff;\n }\n\n .genric-btn.info-border:hover {\n color: #fff;\n background: #38a4ff;\n border: 1px solid transparent;\n }\n\n .genric-btn.warning {\n color: #fff;\n background: #f4e700;\n border: 1px solid transparent;\n }\n\n .genric-btn.warning:hover {\n color: #f4e700;\n border: 1px solid #f4e700;\n background: #fff;\n }\n\n .genric-btn.warning-border {\n color: #f4e700;\n border: 1px solid #f4e700;\n background: #fff;\n }\n\n .genric-btn.warning-border:hover {\n color: #fff;\n background: #f4e700;\n border: 1px solid transparent;\n }\n\n .genric-btn.danger {\n color: #fff;\n background: #f44a40;\n border: 1px solid transparent;\n }\n\n .genric-btn.danger:hover {\n color: #f44a40;\n border: 1px solid #f44a40;\n background: #fff;\n }\n\n .genric-btn.danger-border {\n color: #f44a40;\n border: 1px solid #f44a40;\n background: #fff;\n }\n\n .genric-btn.danger-border:hover {\n color: #fff;\n background: #f44a40;\n border: 1px solid transparent;\n }\n\n .genric-btn.link {\n color: #222222;\n background: #f9f9ff;\n text-decoration: underline;\n border: 1px solid transparent;\n }\n\n .genric-btn.link:hover {\n color: #222222;\n border: 1px solid #f9f9ff;\n background: #fff;\n }\n\n .genric-btn.link-border {\n color: #222222;\n border: 1px solid #f9f9ff;\n background: #fff;\n text-decoration: underline;\n }\n\n .genric-btn.link-border:hover {\n color: #222222;\n background: #f9f9ff;\n border: 1px solid transparent;\n }\n\n .genric-btn.disable {\n color: #222222, 0.3;\n background: #f9f9ff;\n border: 1px solid transparent;\n cursor: not-allowed;\n }\n\n .generic-blockquote {\n padding: 30px 50px 30px 30px;\n background: #fff;\n border-left: 2px solid #f8b600;\n }\n\n @media (max-width: 991px) {\n .progress-table-wrap {\n overflow-x: scroll;\n }\n }\n\n .progress-table {\n background: #fff;\n padding: 15px 0px 30px 0px;\n min-width: 800px;\n }\n\n .progress-table .serial {\n width: 11.83%;\n padding-left: 30px;\n }\n\n .progress-table .country {\n width: 28.07%;\n }\n\n .progress-table .visit {\n width: 19.74%;\n }\n\n .progress-table .percentage {\n width: 40.36%;\n padding-right: 50px;\n }\n\n .progress-table .table-head {\n display: flex;\n }\n\n .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage {\n color: #222222;\n line-height: 40px;\n text-transform: uppercase;\n font-weight: 500;\n }\n\n .progress-table .table-row {\n padding: 15px 0;\n border-top: 1px solid #edf3fd;\n display: flex;\n }\n\n .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage {\n display: flex;\n align-items: center;\n }\n\n .progress-table .table-row .country img {\n margin-right: 15px;\n }\n\n .progress-table .table-row .percentage .progress {\n width: 80%;\n border-radius: 0px;\n background: transparent;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar {\n height: 5px;\n line-height: 5px;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-1 {\n background-color: #6382e6;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-2 {\n background-color: #e66686;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-3 {\n background-color: #f09359;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-4 {\n background-color: #73fbaf;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-5 {\n background-color: #73fbaf;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-6 {\n background-color: #6382e6;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-7 {\n background-color: #a367e7;\n }\n\n .progress-table .table-row .percentage .progress .progress-bar.color-8 {\n background-color: #e66686;\n }\n\n .single-gallery-image {\n margin-top: 30px;\n background-repeat: no-repeat !important;\n background-position: center center !important;\n background-size: cover !important;\n height: 200px;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n }\n\n .single-gallery-image:hover {\n opacity: .8;\n }\n\n .list-style {\n width: 14px;\n height: 14px;\n }\n\n .unordered-list li {\n position: relative;\n padding-left: 30px;\n line-height: 1.82em !important;\n }\n\n .unordered-list li:before {\n content: \"\";\n position: absolute;\n width: 14px;\n height: 14px;\n border: 3px solid #f8b600;\n background: #fff;\n top: 4px;\n left: 0;\n border-radius: 50%;\n }\n\n .ordered-list {\n margin-left: 30px;\n }\n\n .ordered-list li {\n list-style-type: decimal-leading-zero;\n color: #f8b600;\n font-weight: 500;\n line-height: 1.82em !important;\n }\n\n .ordered-list li span {\n font-weight: 300;\n color: #777777;\n }\n\n .ordered-list-alpha li {\n margin-left: 30px;\n list-style-type: lower-alpha;\n color: #f8b600;\n font-weight: 500;\n line-height: 1.82em !important;\n }\n\n .ordered-list-alpha li span {\n font-weight: 300;\n color: #777777;\n }\n\n .ordered-list-roman li {\n margin-left: 30px;\n list-style-type: lower-roman;\n color: #f8b600;\n font-weight: 500;\n line-height: 1.82em !important;\n }\n\n .ordered-list-roman li span {\n font-weight: 300;\n color: #777777;\n }\n\n .single-input {\n display: block;\n width: 100%;\n line-height: 40px;\n border: none;\n outline: none;\n background: #f9f9ff;\n padding: 0 20px;\n }\n\n .single-input:focus {\n outline: none;\n }\n\n .input-group-icon {\n position: relative;\n }\n\n .input-group-icon .icon {\n position: absolute;\n left: 20px;\n top: 0;\n line-height: 40px;\n z-index: 3;\n }\n\n .input-group-icon .icon i {\n color: #797979;\n }\n\n .input-group-icon .single-input {\n padding-left: 45px;\n }\n\n .single-textarea {\n display: block;\n width: 100%;\n line-height: 40px;\n border: none;\n outline: none;\n background: #f9f9ff;\n padding: 0 20px;\n height: 100px;\n resize: none;\n }\n\n .single-textarea:focus {\n outline: none;\n }\n\n .single-input-primary {\n display: block;\n width: 100%;\n line-height: 40px;\n border: 1px solid transparent;\n outline: none;\n background: #f9f9ff;\n padding: 0 20px;\n }\n\n .single-input-primary:focus {\n outline: none;\n border: 1px solid #f8b600;\n }\n\n .single-input-accent {\n display: block;\n width: 100%;\n line-height: 40px;\n border: 1px solid transparent;\n outline: none;\n background: #f9f9ff;\n padding: 0 20px;\n }\n\n .single-input-accent:focus {\n outline: none;\n border: 1px solid #eb6b55;\n }\n\n .single-input-secondary {\n display: block;\n width: 100%;\n line-height: 40px;\n border: 1px solid transparent;\n outline: none;\n background: #f9f9ff;\n padding: 0 20px;\n }\n\n .single-input-secondary:focus {\n outline: none;\n border: 1px solid #f09359;\n }\n\n .default-switch {\n width: 35px;\n height: 17px;\n border-radius: 8.5px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .default-switch input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n }\n\n .default-switch input + label {\n position: absolute;\n top: 1px;\n left: 1px;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #f8b600;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n }\n\n .default-switch input:checked + label {\n left: 19px;\n }\n\n .single-element-widget {\n margin-bottom: 30px;\n }\n\n .primary-switch {\n width: 35px;\n height: 17px;\n border-radius: 8.5px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .primary-switch input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .primary-switch input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n }\n\n .primary-switch input + label:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n border-radius: 8.5px;\n cursor: pointer;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n }\n\n .primary-switch input + label:after {\n content: \"\";\n position: absolute;\n top: 1px;\n left: 1px;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #fff;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n }\n\n .primary-switch input:checked + label:after {\n left: 19px;\n }\n\n .primary-switch input:checked + label:before {\n background: #f8b600;\n }\n\n .confirm-switch {\n width: 35px;\n height: 17px;\n border-radius: 8.5px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .confirm-switch input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .confirm-switch input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n }\n\n .confirm-switch input + label:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n border-radius: 8.5px;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n cursor: pointer;\n }\n\n .confirm-switch input + label:after {\n content: \"\";\n position: absolute;\n top: 1px;\n left: 1px;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background: #fff;\n -webkit-transition: all 0.2s;\n -moz-transition: all 0.2s;\n -o-transition: all 0.2s;\n transition: all 0.2s;\n box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);\n cursor: pointer;\n }\n\n .confirm-switch input:checked + label:after {\n left: 19px;\n }\n\n .confirm-switch input:checked + label:before {\n background: #4cd3e3;\n }\n\n .primary-checkbox {\n width: 16px;\n height: 16px;\n border-radius: 3px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .primary-checkbox input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .primary-checkbox input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .single-defination h4 {\n color: #222222;\n }\n\n .primary-checkbox input:checked + label {\n background: url(../img/elements/primary-check.png) no-repeat center center/cover;\n border: none;\n }\n\n .confirm-checkbox {\n width: 16px;\n height: 16px;\n border-radius: 3px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .confirm-checkbox input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .confirm-checkbox input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .confirm-checkbox input:checked + label {\n background: url(../img/elements/success-check.png) no-repeat center center/cover;\n border: none;\n }\n\n .disabled-checkbox {\n width: 16px;\n height: 16px;\n border-radius: 3px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .disabled-checkbox input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .disabled-checkbox input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .disabled-checkbox input:disabled {\n cursor: not-allowed;\n z-index: 3;\n }\n\n .disabled-checkbox input:checked + label {\n background: url(../img/elements/disabled-check.png) no-repeat center center/cover;\n border: none;\n }\n\n .primary-radio {\n width: 16px;\n height: 16px;\n border-radius: 8px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .primary-radio input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .primary-radio input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .primary-radio input:checked + label {\n background: url(../img/elements/primary-radio.png) no-repeat center center/cover;\n border: none;\n }\n\n .confirm-radio {\n width: 16px;\n height: 16px;\n border-radius: 8px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .confirm-radio input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .confirm-radio input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .confirm-radio input:checked + label {\n background: url(../img/elements/success-radio.png) no-repeat center center/cover;\n border: none;\n }\n\n .disabled-radio {\n width: 16px;\n height: 16px;\n border-radius: 8px;\n background: #fff;\n position: relative;\n cursor: pointer;\n }\n\n .disabled-radio input {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n }\n\n .disabled-radio input + label {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid #f1f1f1;\n }\n\n .disabled-radio input:disabled {\n cursor: not-allowed;\n z-index: 3;\n }\n\n .unordered-list {\n list-style: none;\n padding: 0px;\n margin: 0px;\n }\n\n .ordered-list {\n list-style: none;\n padding: 0px;\n }\n\n .disabled-radio input:checked + label {\n background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;\n border: none;\n }\n\n .default-select {\n height: 40px;\n }\n\n .default-select .nice-select {\n border: none;\n border-radius: 0px;\n height: 40px;\n background: #fff;\n padding-left: 20px;\n padding-right: 40px;\n }\n\n .default-select .nice-select .list {\n margin-top: 0;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n width: 100%;\n padding: 10px 0 10px 0px;\n }\n\n .default-select .nice-select .list .option {\n font-weight: 300;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n line-height: 28px;\n min-height: 28px;\n font-size: 12px;\n padding-left: 20px;\n }\n\n .default-select .nice-select .list .option.selected {\n color: #f8b600;\n background: transparent;\n }\n\n .default-select .nice-select .list .option:hover {\n color: #f8b600;\n background: transparent;\n }\n\n .default-select .current {\n margin-right: 50px;\n font-weight: 300;\n }\n\n .default-select .nice-select::after {\n right: 20px;\n }\n\n @media (max-width: 991px) {\n .left-align-p p {\n margin-top: 20px;\n }\n }\n\n .form-select {\n height: 40px;\n width: 100%;\n }\n\n .form-select .nice-select {\n border: none;\n border-radius: 0px;\n height: 40px;\n background: #f9f9ff !important;\n padding-left: 45px;\n padding-right: 40px;\n width: 100%;\n }\n\n .form-select .nice-select .list {\n margin-top: 0;\n border: none;\n border-radius: 0px;\n box-shadow: none;\n width: 100%;\n padding: 10px 0 10px 0px;\n }\n\n .mt-10 {\n margin-top: 10px;\n }\n\n .form-select .nice-select .list .option {\n font-weight: 300;\n -webkit-transition: all 0.3s ease 0s;\n -moz-transition: all 0.3s ease 0s;\n -o-transition: all 0.3s ease 0s;\n transition: all 0.3s ease 0s;\n line-height: 28px;\n min-height: 28px;\n font-size: 12px;\n padding-left: 45px;\n }\n\n .form-select .nice-select .list .option.selected {\n color: #f8b600;\n background: transparent;\n }\n\n .form-select .nice-select .list .option:hover {\n color: #f8b600;\n background: transparent;\n }\n\n .form-select .current {\n margin-right: 50px;\n font-weight: 300;\n }\n\n .form-select .nice-select::after {\n right: 20px;\n }\n\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Main Button Area css\n ============================================================================================ */\n\n .main_btn {\n display: inline-block;\n background-image: linear-gradient(to right, #4dabff 0%, #62ddff 48%, #4dabff 100%);\n background-size: 200% auto;\n padding: 0px 35px;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n font-size: 13px;\n font-weight: 500;\n line-height: 50px;\n border-radius: 5px;\n outline: none !important;\n box-shadow: none !important;\n text-align: center;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n .main_btn:hover {\n background-position: right center;\n color: #fff;\n }\n\n .main_btn2 {\n display: inline-block;\n background: #3bacf0;\n padding: 0px 32px;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n font-size: 13px;\n font-weight: 500;\n line-height: 38px;\n border-radius: 0px;\n outline: none !important;\n box-shadow: none !important;\n text-align: center;\n border: 1px solid #3bacf0;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n .main_btn2:hover {\n background: transparent;\n color: #3bacf0;\n }\n\n .submit_btn {\n width: auto;\n display: inline-block;\n background-image: linear-gradient(to right, #4dabff 0%, #62ddff 48%, #4dabff 100%);\n background-size: 200% auto;\n padding: 0px 50px;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n font-size: 13px;\n font-weight: 500;\n line-height: 50px;\n border-radius: 5px;\n outline: none !important;\n box-shadow: none !important;\n text-align: center;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n .submit_btn:hover {\n background-position: right center;\n color: #fff;\n }\n\n .white_btn {\n display: inline-block;\n background: #f9f9ff;\n padding: 0px 50px;\n color: #222222;\n font-family: \"Roboto\", sans-serif;\n font-size: 12px;\n font-weight: 500;\n line-height: 50px;\n border-radius: 0px;\n outline: none !important;\n box-shadow: none !important;\n text-align: center;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n .white_btn:hover {\n background: #3bacf0;\n color: #fff;\n }\n\n .banner_btn {\n display: inline-block;\n width: 134px;\n font-size: 16px;\n line-height: 48px;\n border-radius: 8px;\n text-align: center;\n cursor: pointer;\n }\n\n .banner_btn2 {\n display: inline-block;\n background: white;\n color: #222222;\n font-family: \"Roboto\", sans-serif;\n width: 134px;\n font-size: 14px;\n font-weight: 500;\n border: 1px solid rgba(255, 255, 255, 0.5);\n line-height: 48px;\n border-radius: 3px;\n outline: none !important;\n box-shadow: none !important;\n text-align: center;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n .banner_btn2:hover {\n background: rgba(255, 255, 255, 0.1);\n color: #fff;\n border-color: #fff;\n }\n\n .white_bg_btn {\n background: #fff;\n display: inline-block;\n color: #222222;\n line-height: 40px;\n padding: 0px 28px;\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 500;\n text-transform: uppercase;\n transition: all 300ms linear 0s;\n border: none;\n }\n\n .white_bg_btn:hover {\n background: #3bacf0;\n color: #fff;\n }\n\n .blog_btn {\n border: 1px solid #eeeeee;\n background: #f9f9ff;\n padding: 0px 32px;\n font-size: 13px;\n font-weight: 500;\n font-family: \"Roboto\", sans-serif;\n color: #222222;\n line-height: 34px;\n display: inline-block;\n }\n\n .blog_btn:hover {\n background: #3bacf0;\n border-color: #3bacf0;\n color: #fff;\n }\n\n .tickets_btn {\n display: inline-block;\n color: #fff;\n font-family: \"Roboto\", sans-serif;\n width: 134px;\n font-size: 16px;\n font-weight: 500;\n line-height: 48px;\n border-radius: 8px;\n outline: none !important;\n text-align: center;\n cursor: pointer;\n transition: all 300ms linear 0s;\n }\n\n /* End Main Button Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Work Area css\n ============================================================================================ */\n\n .work_inner {\n margin-bottom: -50px;\n }\n\n .work_item {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .work_item i {\n height: 80px;\n width: 80px;\n border: 1px solid #eeeeee;\n border-radius: 5px;\n background: #f9f9ff;\n display: inline-block;\n text-align: center;\n line-height: 80px;\n font-size: 30px;\n color: #222222;\n margin-bottom: 30px;\n }\n\n .work_item h4 {\n color: #222222;\n font-size: 20px;\n margin-bottom: 15px;\n }\n\n .work_item p {\n max-width: 310px;\n margin: auto;\n }\n\n .work_item:hover i {\n background-image: -moz-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -webkit-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -ms-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n color: #fff;\n }\n\n .work_item:hover h4 {\n color: #3bacf0;\n }\n\n /* End Work Area css\n ============================================================================================ */\n /* End Work Area css\n ============================================================================================ */\n\n .made_life_area {\n background: #edf6ff;\n }\n\n .made_life_area.made_white {\n background: #fff;\n }\n\n .made_life_inner .nav.nav-tabs {\n border: none;\n display: flex;\n flex-wrap: wrap;\n margin-left: -15px;\n margin-right: -15px;\n }\n\n .made_life_inner .nav.nav-tabs li {\n flex: 0 0 25%;\n max-width: 25%;\n padding: 0px 15px;\n }\n\n .made_life_inner .nav.nav-tabs li a {\n border: none;\n padding: 0px;\n background: #fff;\n border-radius: 0px;\n text-align: center;\n line-height: 60px;\n border-radius: 5px;\n font-size: 13px;\n font-family: \"Roboto\", sans-serif;\n font-weight: 500;\n text-transform: uppercase;\n color: #222222;\n }\n\n .made_life_inner .nav.nav-tabs li a.active {\n background-image: -moz-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -webkit-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -ms-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n color: #fff;\n }\n\n .made_life_inner .tab-content .tab-pane {\n border: none;\n padding-top: 80px;\n }\n\n .made_life_text .col-lg-6 {\n vertical-align: middle;\n align-self: center;\n }\n\n .made_life_text h3 {\n color: #222222;\n line-height: 45px;\n font-size: 36px;\n font-family: \"Heebo\", sans-serif;\n font-weight: bold;\n margin-bottom: 20px;\n }\n\n .made_life_text h6 {\n color: #222222;\n font-size: 16px;\n font-weight: 500;\n font-family: \"Roboto\", sans-serif;\n }\n\n .made_life_text p {\n margin-bottom: 0px;\n }\n\n .made_life_text .main_btn {\n margin-top: 35px;\n }\n\n .screen_area .main_title {\n margin-bottom: 40px;\n }\n\n .screen_area img {\n margin-bottom: -30px;\n }\n\n /* End Work Area css\n ============================================================================================ */\n /* Impress Area css\n ============================================================================================ */\n\n .impress_area {\n background: #3bacf0;\n }\n\n .impress_area .impress_inner {\n text-align: center;\n max-width: 780px;\n margin: auto;\n }\n\n .impress_area .impress_inner h2 {\n color: #fff;\n font-size: 36px;\n font-family: \"Heebo\", sans-serif;\n font-weight: bold;\n margin-bottom: 18px;\n }\n\n .impress_area .impress_inner p {\n color: #fff;\n margin-bottom: 35px;\n }\n\n .impress_area .impress_inner .banner_btn2 {\n padding: 0px 35px;\n width: auto;\n font-size: 14px;\n box-shadow: -14.142px 14.142px 20px 0px rgba(0, 0, 0, 0.1);\n }\n\n /* End Impress Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Testimonials Area css\n ============================================================================================ */\n\n .testimonials_area {\n position: relative;\n background: #edf6ff;\n }\n\n .testimonials_area .owl-prev, .testimonials_area .owl-next {\n position: absolute;\n right: 150px;\n background: #fff;\n font-size: 24px;\n color: #c1c1c1;\n padding-left: 10px;\n padding-right: 10px;\n transition: all 300ms linear 0s;\n cursor: pointer;\n box-shadow: -14.142px 14.142px 20px 0px rgba(157, 157, 157, 0.2);\n }\n\n .testimonials_area .owl-prev:hover, .testimonials_area .owl-next:hover {\n color: #222222;\n }\n\n .testimonials_area .owl-prev {\n bottom: 50%;\n padding-top: 15px;\n padding-bottom: 10px;\n }\n\n .testimonials_area .owl-prev:before {\n content: \"\";\n width: 28px;\n background: #e8e8e8;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 0px;\n height: 1px;\n }\n\n .testimonials_area .owl-next {\n top: 50%;\n padding-top: 10px;\n padding-bottom: 15px;\n }\n\n .testimonials_area .owl-dots {\n text-align: center;\n }\n\n .testimonials_area .owl-dots .owl-dot {\n height: 14px;\n width: 14px;\n background: #eeeeee;\n display: inline-block;\n margin-right: 10px;\n }\n\n .testimonials_area .owl-dots .owl-dot:last-child {\n margin-right: 0px;\n }\n\n .testimonials_area .owl-dots .owl-dot.active {\n background: #3bacf0;\n }\n\n .testi_slider {\n margin-top: -30px;\n margin-bottom: -30px;\n }\n\n .testi_item {\n padding: 30px 0px;\n }\n\n .testi_item .media {\n border-radius: 10px;\n padding: 40px;\n background: #fff;\n transition: all 300ms linear 0s;\n }\n\n .testi_item .media .d-flex {\n padding-right: 25px;\n }\n\n .testi_item .media .media-body p {\n margin-bottom: 20px;\n }\n\n .testi_item .media .media-body h4 {\n color: #222222;\n font-family: \"Heebo\", sans-serif;\n font-weight: bold;\n font-size: 20px;\n transition: all 300ms linear 0s;\n }\n\n .testi_item .media .media-body h5 {\n margin-bottom: 0px;\n font-size: 14px;\n color: #777777;\n font-weight: normal;\n font-family: \"Roboto\", sans-serif;\n }\n\n .testi_item .media .media-body .rating i {\n color: #ffc000;\n }\n\n .testi_item:hover .media {\n box-shadow: 0px 10px 30px 0px rgba(157, 157, 157, 0.2);\n background: #fff;\n }\n\n .testi_item:hover .media .media-body h4 {\n color: #3bacf0;\n }\n\n /* End Testimonials Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Price Area css\n ============================================================================================ */\n\n .price_item {\n text-align: center;\n border: 1px solid #eeeeee;\n border-radius: 5px;\n }\n\n .price_item .price_head {\n text-align: center;\n background: #edf6ff;\n padding: 35px 0px;\n border-bottom: 1px solid #eeeeee;\n }\n\n .price_item .price_head h4 {\n font-size: 20px;\n color: #222222;\n margin-bottom: 0px;\n }\n\n .price_item .price_body {\n padding: 30px 0px;\n }\n\n .price_item .price_body ul li {\n margin-bottom: 15px;\n }\n\n .price_item .price_body ul li a {\n font-size: 14px;\n color: #777777;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n }\n\n .price_item .price_body ul li:last-child {\n margin-bottom: 0px;\n }\n\n .price_item .price_footer {\n max-width: 280px;\n margin: 0px auto 40px;\n background: #edf6ff;\n border-radius: 5px;\n padding-top: 35px;\n padding-bottom: 40px;\n }\n\n .price_item .price_footer h3 {\n color: #222222;\n font-size: 72px;\n }\n\n .price_item .price_footer h3 .dlr {\n font-size: 24px;\n vertical-align: top;\n padding-top: 14px;\n display: inline-block;\n }\n\n .price_item .price_footer h3 .month {\n font-size: 14px;\n color: #777777;\n font-family: \"Roboto\", sans-serif;\n display: inline-block;\n text-align: left;\n }\n\n .price_item .price_footer .main_btn {\n padding: 0px 45px;\n }\n\n .price_item:hover .price_head {\n background-image: -moz-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -webkit-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -ms-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n }\n\n .price_item:hover .price_head h4 {\n color: #fff;\n }\n\n .price_item:hover .price_footer {\n background-image: -moz-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -webkit-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n background-image: -ms-linear-gradient(0deg, #4dabff 0%, #62ddff 100%);\n box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);\n }\n\n .price_item:hover .price_footer h3 {\n color: #fff;\n }\n\n .price_item:hover .price_footer h3 .month {\n color: #fff;\n }\n\n .price_item:hover .price_footer .main_btn {\n background: #fff;\n color: #222222;\n }\n\n /* End Price Area css\n ============================================================================================ */\n /*---------------------------------------------------- */\n /*----------------------------------------------------*/\n /* Footer Area css\n ============================================================================================ */\n\n .footer_area {\n background: #000410;\n }\n\n .f_title {\n margin-bottom: 35px;\n }\n\n .f_title h3 {\n color: #fff;\n font-size: 20px;\n font-weight: bold;\n font-family: \"Heebo\", sans-serif;\n margin-bottom: 0px;\n }\n\n .ab_widget p {\n font-size: 14px;\n line-height: 24px;\n font-family: \"Roboto\", sans-serif;\n color: #777777;\n margin-bottom: 30px;\n }\n\n .ab_widget p a {\n color: #3bacf0;\n }\n\n .ab_widget p + p {\n margin-bottom: 0px;\n }\n\n .news_widget {\n padding-left: 15px;\n }\n\n .news_widget p {\n font-size: 14px;\n line-height: 24px;\n font-family: \"Roboto\", sans-serif;\n color: #777777;\n margin-bottom: 15px;\n }\n\n .news_widget .input-group input {\n height: 40px;\n background: #fff;\n border-radius: 0px;\n width: 80%;\n border: none;\n padding: 0px 15px;\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n color: #cccccc;\n outline: none;\n box-shadow: none;\n }\n\n .news_widget .input-group input.placeholder {\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n color: #cccccc;\n }\n\n .news_widget .input-group input:-moz-placeholder {\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n color: #cccccc;\n }\n\n .news_widget .input-group input::-moz-placeholder {\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n color: #cccccc;\n }\n\n .news_widget .input-group input::-webkit-input-placeholder {\n font-size: 14px;\n font-family: \"Roboto\", sans-serif;\n font-weight: normal;\n color: #cccccc;\n }\n\n .news_widget .input-group .sub-btn {\n border-radius: 0px;\n background: #3bacf0;\n outline: none !important;\n box-shadow: none !important;\n padding: 0px;\n width: 42px;\n cursor: pointer;\n color: #fff;\n }\n\n .social_widget p {\n font-size: 14px;\n line-height: 24px;\n font-family: \"Roboto\", sans-serif;\n color: #777777;\n margin-bottom: 10px;\n }\n\n .social_widget .list li {\n margin-right: 17px;\n display: inline-block;\n }\n\n .social_widget .list li a {\n color: #cccccc;\n font-size: 14px;\n transition: all 300ms linear 0s;\n }\n\n .social_widget .list li:last-child {\n margin-right: 0px;\n }\n\n .social_widget .list li:hover a {\n color: #3bacf0;\n }\n\n .copy_right_text {\n text-align: center;\n margin-top: 60px;\n }\n\n .copy_right_text p a {\n color: #3bacf0;\n }\n\n @media (max-width: 1619px) {\n /* Main Menu Area css\n \\t============================================================================================ */\n .header_area .navbar .search {\n margin-left: 40px;\n }\n\n /* End Main Menu Area css\n \\t============================================================================================ */\n }\n @media (max-width: 1300px) {\n }\n @media (max-width: 1199px) {\n /* Main Menu Area css\n \\t============================================================================================ */\n .header_area .navbar .nav .nav-item {\n margin-right: 28px;\n }\n\n /* End Main Menu Area css\n \\t============================================================================================ */\n /* Home Banner Area css\n \\t============================================================================================ */\n .home_banner_area .banner_inner {\n padding: 100px 0px;\n }\n\n /* End Home Banner Area css\n \\t============================================================================================ */\n .header_area .navbar .tickets_btn {\n margin-left: 40px;\n }\n\n .home_banner_area .banner_inner .banner_content h2 br {\n display: none;\n font-size: 36px;\n }\n\n .home_banner_area .banner_inner .banner_content h2 {\n font-size: 36px;\n line-height: 45px;\n }\n }\n\n @media (max-width: 991px) {\n /* Main Menu Area css\n \\t============================================================================================ */\n .navbar-toggler {\n border: none;\n border-radius: 0px;\n padding: 0px;\n cursor: pointer;\n margin-top: 27px;\n margin-bottom: 23px;\n }\n\n .header_area .navbar {\n background: #000;\n }\n\n .navbar-toggler[aria-expanded=\"false\"] span:nth-child(2) {\n opacity: 1;\n }\n\n .navbar-toggler[aria-expanded=\"true\"] span:nth-child(2) {\n opacity: 0;\n }\n\n .navbar-toggler[aria-expanded=\"true\"] span:first-child {\n transform: rotate(-45deg);\n position: relative;\n top: 7.5px;\n }\n\n .navbar-toggler[aria-expanded=\"true\"] span:last-child {\n transform: rotate(45deg);\n bottom: 6px;\n position: relative;\n }\n\n .navbar-toggler span {\n display: block;\n width: 25px;\n height: 3px;\n background: #fff;\n margin: auto;\n margin-bottom: 4px;\n transition: all 400ms linear;\n cursor: pointer;\n }\n\n .navbar .container {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .nav {\n padding: 0px 0px;\n }\n\n .header_area + section, .header_area + row, .header_area + div {\n margin-top: 117px;\n }\n\n .header_top .nav {\n padding: 0px;\n }\n\n .header_area .navbar .nav .nav-item .nav-link {\n line-height: 40px;\n margin-right: 0px;\n display: block;\n border-bottom: 1px solid #ededed33;\n border-radius: 0px;\n }\n\n .header_area .navbar .search {\n margin-left: 0px;\n }\n\n .header_area .navbar-collapse {\n max-height: 340px;\n overflow-y: scroll;\n }\n\n .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {\n padding: 0px 15px;\n }\n\n .header_area .navbar .nav .nav-item {\n margin-right: 0px;\n }\n\n .header_area + section, .header_area + row, .header_area + div {\n margin-top: 71px;\n }\n\n .home_banner_area .banner_inner .banner_content .banner_map_img {\n display: none;\n }\n\n .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {\n line-height: 40px;\n }\n\n .header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {\n line-height: 40px;\n }\n\n .header_area.white_menu .navbar .nav .nav-item .nav-link {\n color: #222;\n }\n\n /* End Main Menu Area css\n \\t============================================================================================ */\n /* Blog page Area css\n \\t============================================================================================ */\n .categories_post img {\n width: 100%;\n }\n\n .categories_post {\n max-width: 360px;\n margin: 0 auto;\n }\n\n .blog_categorie_area .col-lg-4 {\n margin-top: 30px;\n }\n\n .blog_area {\n padding-bottom: 80px;\n }\n\n .single-post-area .blog_right_sidebar {\n margin-top: 30px;\n }\n\n /* End Blog page Area css\n \\t============================================================================================ */\n /* Contact Page Area css\n \\t============================================================================================ */\n .contact_info {\n margin-bottom: 50px;\n }\n\n /* End Contact page Area css\n \\t============================================================================================ */\n .home_banner_area .donation_inner {\n margin-bottom: -30px;\n }\n\n .home_banner_area .dontation_item {\n max-width: 350px;\n margin: auto;\n }\n\n /* Footer Area css\n \\t============================================================================================ */\n .footer_area .col-sm-6 {\n margin-bottom: 30px;\n }\n\n .footer_area .footer_inner {\n margin-bottom: -30px;\n }\n\n .news_widget {\n padding-left: 0px;\n }\n\n /* End End Footer Area css\n \\t============================================================================================ */\n .home_banner_area .banner_inner .home_left_img {\n display: none;\n }\n\n .header_area .navbar .tickets_btn {\n display: none;\n }\n\n .home_banner_area .banner_inner {\n padding: 70px 0px 100px 0px;\n }\n\n .left_side_text {\n margin-bottom: 50px;\n }\n\n .price_item {\n max-width: 360px;\n margin: 0px auto 30px;\n }\n\n .price_inner {\n margin-bottom: -30px;\n }\n }\n @media (max-width: 767px) {\n .home_banner_area {\n min-height: 500px;\n }\n\n .home_banner_area .banner_inner {\n min-height: 500px;\n }\n\n .home_banner_area .banner_inner .banner_content {\n margin-top: 0px;\n }\n\n /* Blog Page Area css\n \\t============================================================================================ */\n .blog_banner .banner_inner .blog_b_text h2 {\n font-size: 40px;\n line-height: 50px;\n }\n\n .blog_info.text-right {\n text-align: left !important;\n margin-bottom: 10px;\n }\n\n /* End Blog Page Area css\n \\t============================================================================================ */\n .home_banner_area .banner_inner .banner_content h3 {\n font-size: 30px;\n }\n\n .home_banner_area .banner_inner .banner_content p br {\n display: none;\n }\n\n .home_banner_area .banner_inner .banner_content h3 span {\n line-height: 45px;\n padding-bottom: 0px;\n padding-top: 0px;\n }\n\n /* Footer Area css\n \\t============================================================================================ */\n .footer-bottom {\n text-align: center;\n }\n\n .footer-bottom .footer-social {\n text-align: center;\n margin-top: 15px;\n }\n\n /* End End Footer Area css\n \\t============================================================================================ */\n .made_life_inner .nav.nav-tabs li {\n flex: 0 0 50%;\n max-width: 50%;\n margin-bottom: 15px;\n }\n\n .made_life_inner .nav.nav-tabs {\n margin-bottom: -15px;\n }\n\n .made_life_area.made_white .left_side_text {\n margin-bottom: 0px;\n margin-top: 30px;\n }\n }\n @media (max-width: 600px) {\n\n }\n @media (max-width: 575px) {\n .top_menu {\n display: none;\n }\n\n .header_area + section, .header_area + row, .header_area + div {\n margin-top: 71px;\n }\n\n /* Home Banner Area css\n\\t============================================================================================ */\n .home_banner_area .banner_inner .banner_content h2 {\n font-size: 28px;\n line-height: 38px;\n }\n\n .home_banner_area {\n min-height: 450px;\n }\n\n .home_banner_area .banner_inner {\n min-height: 450px;\n }\n\n .blog_banner .banner_inner .blog_b_text {\n margin-top: 0px;\n }\n\n .home_banner_area .banner_inner .banner_content img {\n display: none;\n }\n\n .home_banner_area .banner_inner .banner_content h5 {\n margin-top: 0px;\n }\n\n /* End Home Banner Area css\n \\t============================================================================================ */\n .p_120 {\n padding-top: 70px;\n padding-bottom: 70px;\n }\n\n .main_title h2 {\n font-size: 25px;\n }\n\n /* Elements Area css\n \\t============================================================================================ */\n .sample-text-area {\n padding: 70px 0 70px 0;\n }\n\n .generic-blockquote {\n padding: 30px 15px 30px 30px;\n }\n\n /* End Elements Area css\n \\t============================================================================================ */\n /* Blog Page Area css\n \\t============================================================================================ */\n .blog_details h2 {\n font-size: 20px;\n line-height: 30px;\n }\n\n .blog_banner .banner_inner .blog_b_text h2 {\n font-size: 28px;\n line-height: 38px;\n }\n\n /* End Blog Page Area css\n \\t============================================================================================ */\n /* Footer Area css\n \\t============================================================================================ */\n .footer-area {\n padding: 70px 0px;\n }\n\n /* End End Footer Area css\n \\t============================================================================================ */\n .pad_top {\n padding-top: 70px;\n }\n\n .pad_btm {\n padding-bottom: 70px;\n }\n }\n\n @media (max-width: 480px) {\n /* Main Menu Area css\n \\t============================================================================================ */\n .header_area .navbar-collapse {\n max-height: 250px;\n }\n\n /* End Main Menu Area css\n \\t============================================================================================ */\n /* Home Banner Area css\n \\t============================================================================================ */\n .home_banner_area .banner_inner .banner_content {\n padding: 30px 15px;\n margin-top: 0px;\n }\n\n .banner_content .white_btn {\n display: block;\n }\n\n .home_banner_area .banner_inner .banner_content h3 {\n font-size: 24px;\n }\n\n /* End Home Banner Area css\n \\t============================================================================================ */\n .banner_area .banner_inner .banner_content h2 {\n font-size: 32px;\n }\n\n /* Blog Page Area css\n \\t============================================================================================ */\n .comments-area .thumb {\n margin-right: 10px;\n }\n\n /* End Blog Page Area css\n \\t============================================================================================ */\n .testi_item .media .d-flex {\n padding-right: 0px;\n }\n\n .testi_item .media .d-flex img {\n width: auto;\n margin-bottom: 15px;\n }\n\n .testi_item .media {\n display: block;\n }\n\n .banner_btn {\n margin-bottom: 20px;\n }\n }\n`;\n\nexport const ContainerBroker = styled.div`\n img {\n height: 130px;\n width: 130px;\n object-fit: contain;\n }\n \n .btn-criar-conta {\n text-transform: inherit!important;\n }\n`;\n","export default __webpack_public_path__ + \"static/media/pc_phone.03c90d1e.png\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA/CAYAAAA7dYCfAAAABHNCSVQICAgIfAhkiAAAABl0RVh0U29mdHdhcmUAZ25vbWUtc2NyZWVuc2hvdO8Dvz4AAAAmdEVYdENyZWF0aW9uIFRpbWUAdGVyIDIwIGZldiAyMDI0IDIxOjE5OjQxuCYlhAAAC/1JREFUeJztm3tMFNcex7+zs8uCCwuLdHkjWmJAIqWi2FaJAk23JXoj2pSmTVuhettLi2kCNmbpFVOIqbcRS8CWmIraVrSSVIUYrQSlD8W1UrT4LEUgrCsCpcLyXHbn3D+IR4fHsAIL9zbnk0wyZ+Y8fjP7nfP7nd/McgAIGIwxkM20AYz/bZhAGJIwgTAkYQJhSMIEwpCECYQhCRMIQxImEIYkTCAMSZhAGJIwgTAkYQJhSMIEwpBkWgUiU8jgsfgJ+K2bN53DMibB9ArERY7Qf0dhVrDbdA7LmAQcput7EI7D/C2RsHQM4O7RBgy09k3LsIzJIZ+ugYL/GQZhkKBxz3WAAAqFAosWLcILL7wAT09PdHR04OzZs7hy5QrMZvN0mcWwA+LozW/tXBK6bTHhZBwBQObNm0fq6urIaHR2dpJjx46RqKgownGcw21jm/TmcBfjEfUEfFbPwa3sahDb0FDJyckoKiqSbGez2VBZWYn3338fN2/edKSJDiElJQVarRYAwHEcDhw4AJPJBABQqVRIS0ujdfv6+lBQUACbzTYjtkrhUIG4LdDA9x/BqPvPZYAAS5YswcWLF+0SyAP6+vqQn58PvV5v1w308PDAiy++CB8fH3h7e8PDwwPOzs4AALPZDJPJhJ9//hm1tbXo7Oyc1PWNBcdx+PXXXxEZGUmPvfTSSzh16hQAwMfHByaTCRzHAQDa29vh7+8Pi8XiEHsmi0OmJnW4J5n7r3DCyTjC8zz58ssvycGDBwkAkpycPKp7kcJgMJA5c+aMO256erpd/ZnNZnLo0CGiVqunflrmOFJTUyMaT6fT0fM+Pj5EEAR6rrW1lTg5Oc24Oxltc8gyV7NEC7dwDRoKr0HOy3H69Gm8/fbbk+ozOjoaly5dwooVK8DzPGSy0U0nxL4J0dXVFa+++ioMBgPc3NiyeyymdhXDcfBbOxfmm3/hzpF6AEBiYiLi4uJE1Sbqa728vFBRUYHm5mZYrVacPHkSubm5sFqtSEpKwokTJ+i0/YB79+5h7969MJvN0Gq1iI+PR0REBD0fGhqK3NxcbNy4cUI2/d2ZMoHws+TwWR2MtgojLO39DweQjxxicHBw4uPwPIKDgwEAGzduxFtvvYWmpibs3r0bt27dwtq1a0X1b9++jczMTFqWyWQoKSkR1dPpdJDL5bBarRO26+/KlAhE9aQaLgGuMJXUw1XliifD5uLGjRtj1h/+lE+UVatW4fz58xgYGIAgCHa1EQQBO3bsEAlEoVCIbFKpVFCpVLRssVhw//59UT9qtZoGvwDQ39+Prq6uiV7KmHAcB61Wi4SEBAQEBKCrqwtlZWVobm4WPWg8zyMwMFB0HR0dHSMCcXd3d6jValoeHBxES0uLpA0TD2CUPHGP9CIKjZJwHEfi4uKI0WgkKSkptM5rr71Gg7EHQeqjxx4Xq9VKrFYrIYSQkpISkpGRQUJCQuh4er1eVP/8+fPjBrInTpwQndfr9UQQBLpVVFSM6OPw4cOiOvv375/yIDUkJIScOXOGWCwWUV+CIJC6ujqycuXKh7+FTEYqKytF9W7cuEGUSuXDhYNaTe7duyfqZ9OmTY4JUnkXOXglj87L7Rj8awCbN2/G6dOn4e/vb3egOBFu3ryJ/fv3AwCWLVsGFxcX3L59e2w7eR5OTk5wcnKCm5sbEhMTsXXrVnq+u7sb6enpojYcx43YhjP8/GTc5mhERkbCYDAgNjYWCoVixNghISEoLy/Hu+++C2BoZly/fr1oFgsNDcUHH3xAy1lZWTQ3AwDl5eXIz8+XtGPCArH1WTHY9XDd/tRTT4Hn+Yl2ZzcLFixAUlISAECv1yM7O1vSvTz99NNobGxEQ0MD7t69i++++45OsXV1dYiNjZ2SRNxUPhSurq4oLS2Fp6cnAKC3txcFBQV44403sHPnTvT29gIYiu927NgBjUYDAGhsbMTHH38s6mvz5s1Qq9Xw9PQUrSTb29uRnJw8rt0TEohGo0F2djY1bDrhOA6urq7UjvFQKBTw9fWFn5+fKK4QBAFHjhxBbW2tw2ydKNu2bUNgYCCAIeGtWbMGaWlp+Oabb5CRkYGsrCxaV61W47333qPlXbt2oaKigpZnz56N3NxcfPrpp3B3d6d9vv766zSzK8VjCyQvLw9NTU3IzMwcMfU5gvr6evrEDMff33/c9oIgjLqslslkyMzMRHV1NV0V/S8gl8uRmJhIy0ajEZWVlaI6+/btE2VdV6xYQfcfuJqOjg56bP369XjzzTdpuaSkBOXl5XbZ89gCWb58+aQTS05OTnbVO3ToEMLCwhAUFISCggLcuXNH5E68vb3H7aOmpgZeXl7w9vbG4sWLkZOTI/LT4eHhKC0tnRb3aA9qtZrOHgCg1WpRU1OD2tpaup07d06UPtBqtaI4yWg0Qq/XU/fB8zyt39zcjJSUFLtd4rS97n+U4UFfR0cHvvrqK/T398PFxQUxMTFYtGgREhIS4OLigj///BNpaWlIT0/H/PnzkZqaCp7nR/jb0Xh0idra2orq6mqcOnUKP/zwAxXFwoULkZSUhOLiYgCY0XyISqUS/fhKpRLh4eGSbUbLKhcVFUGv1yMoKEh0vLy8HD09PXbbMyMCGc7WrVuxe/duWg4KCkJTUxNaW1vR3/8w6WaxWHD16lWkpqZOajyDwQCTySR6UmNiYsYUyKxZs0b04agZZ/iTTQih21g8eo8eoNPpEBAQMOL4K6+8guzsbDQ2Ntplz4wI5NELqq6uxhdffAFgyFeGhYUhIiIChBC88847DnnDKZPJRri5R2e14Tc8ICAACoVCtJR11Pub7u5uWCwWKJVKAEBLSwuWLl0qmYSz2WwiAWk0Guzbt4/OLIIg0H1XV1fs3bsXzz//vF1uZka+am9oaKD7W7ZsgSAIUKlU2L59Oz788EPodDp8/vnnI4KzqWL16tWifAAAXLp0ie5fvnxZdM7Pzw/Lli2j5YULF+K5555ziG2dnZ34448/aNnHxwfR0dHo6upCZ2fnqFt3dzetz3Ecvv76a3h5eQEYmoEyMjLQ1tZG68TGxmLDhg122TMjM4jRaKT7vr6+AIZUbzQa8dNPPyEvLw9VVVVTklvw8PDA8uXLERgYCG9vb8THx0On04lmjDt37lD3AgDXrl1Db28vdS0cx6G0tBTff/895HI54uLi6FJ7qiGEoLCwkCawOI7DkSNHYDAYcPToUbS1tcHZ2RkajQazZ89Gc3Mz8vLyaPtVq1YhISGBli9cuIDPPvsMzs7O2L59O+0zJycH3377rV2vBx4rvV5dXU3TtFqtlh4/ePAgTeEmJydLptrVajXp7u4mhBBy/PjxKf1+YXiqfTzMZjOJjo4e0c+xY8ck2zU3N9OUPyGE7NmzZ8pS7TKZjJSVldll//Xr14lMJiMAiEajIW1tbfScIAhk6dKlBABxdnYm9fX1oraHDx8e97POaXUxD57a7u5uNDU1ARgKph5Mh9OJzWZDVVUVnnnmGVy8eHHE+dTUVJErfJTa2lqsW7cOAwMD9NhUvYAEhmKGNWvWIDc3d9wVR0BAAFxcXEa4FgCoqqqi19bf349NmzaJ2r788suIiYmR7P+xXUxZWRmuXLkCQogomDtz5gwGBgbAcRzq6uro8d9//x2FhYUAgF9++QXA0A3YtWsXoqKiAAz59LNnzz6uKaNy7tw5FBUVQalUwtnZGUqlEjzPQ6FQYGBgAPfv38fVq1dx4MABtLS0jOnGTCYTIiIi8NFHHyE+Ph5ubm4wmUw4fvw4CgsLYbVasXPnThqsXrhwQdS+uLhYFENdv36d7vf09OCTTz6hourp6RmRzLPZbEhPT0dOTg42bNiAlStXIjAwEE5OTujq6kJDQwMMBgOKi4vR09MDd3d3/Pbbb6itrYVMJoNcLkd+fr7o+k6ePImsrCz4+vpCoVDAZrPh2WefxY8//jjm/Zy+/8X8nyOTyez+pODvZAcTCEMS9udthiRMIAxJmEAYkjCBMCRhAmFIwgTCkIQJhCEJEwhDEiYQhiRMIAxJmEAYkjCBMCRhAmFIwgTCkIQJhCEJEwhDEiYQhiRMIAxJmEAYkjCBMCRhAmFI8l9fkO3tURk7agAAAABJRU5ErkJggg==\"","import styled from \"styled-components\";\n\nexport const ContainerBroker = styled.div`\n img {\n height: 130px;\n width: 130px;\n object-fit: contain;\n }\n \n .btn-criar-conta {\n text-transform: inherit!important;\n }\n`;","import React, {useEffect, useState} from \"react\";\nimport {Container, VideoContainer} from \"./styles\";\nimport logo from \"../../assets/img/logo.png\";\nimport ImgBanner from \"../../assets/img/pc_phone.png\";\nimport ImgBinolla from \"../../assets/img/binolla.png\";\nimport ImgPocketOption from \"../../assets/img/pocketOption.png\";\nimport ImgOptinary from \"../../assets/img/optinary.png\";\nimport ImgBullex from \"../../assets/img/bullex.png\";\nimport {Link} from \"react-router-dom\";\nimport {AiFillStar} from \"react-icons/ai\";\nimport {BsCheckLg, BsWhatsapp} from \"react-icons/bs\";\nimport AnuncieAqui from \"../../assets/img/anuncie_aqui.png\";\nimport {ContainerBroker} from \"../Brokers/styles\";\nimport { useTranslation } from 'react-i18next';\n\nexport default function Home() {\n const { t } = useTranslation();\n const [year, setYear] = useState(null);\n const [logged, setLogged] = useState(null);\n\n useEffect(() => {\n document.getElementById('containerLayout').style.height = 'auto';\n const d = new Date();\n setYear(d.getFullYear());\n\n setLogged(localStorage.getItem('@user_token'));\n }, []);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {t('bank_text_add')}\n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('home_title')}
\n\n {t('home_subtitle')}\n
\n {t('home_btn_start')}\n\n
\n \n 
\n
\n \n
\n \n
\n \n
\n \n
\n {t('home_section_features_title')}
\n{t('home_section_features_subtitle')}
\n\n
\n - \n
{t('home_section_features_item_1')} \n {t('home_section_features_item_2')} \n {t('home_section_features_item_3')} \n {t('home_section_features_item_4')} \n {t('home_section_features_item_5')} \n {t('home_section_features_item_6')} \n {t('home_section_features_item_7')} \n
\n
\n \n
\n {t('home_section_use_title')}
\n\n {t('home_section_use_subtitle')}\n
\n\n \n \n \n
\n \n
\n \n
\n
\n {t('home_section_signature_title')} {t('home_section_signature_title_part_1')}{t('home_section_signature_title_part_2')}
\n\n {t('home_section_signature_p_1')}\n
\n\n
\n {t('home_section_signature_p_2')}\n
\n\n \n \n \n \n \n \n \n \n
\n \n
\n \n 
\n
\n - \n
- {t('signature_binolla_item_1')} \n
- {t('signature_binolla_item_2')} \n
- {t('signature_binolla_item_3')} \n
- {t('signature_binolla_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n 
\n
\n - \n
- {t('signature_pocketoption_item_1')} \n
- {t('signature_pocketoption_item_2')} \n
- {t('signature_pocketoption_item_3')} \n
- {t('signature_pocketoption_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n 
\n
\n - \n
- {t('signature_bullex_item_1')} \n
- {t('signature_bullex_item_2')} \n
- {t('signature_bullex_item_3')} \n
- {t('signature_bullex_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n 
\n
\n - \n
- {t('signature_bullex_item_1')} \n
- {t('signature_bullex_item_2')} \n
- {t('signature_bullex_item_3')} \n
- {t('signature_bullex_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n
\n {t('home_feedback_title')}
\n\n
\n \n
\n - \n \n \n
\n
\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('home_feedback_card_1')}
\nFrancisco Nunes
\n\n \n \n \n \n \n
\n \n
\n \n
\n {t('home_feedback_card_2')}
\nEmerson Santos
\n\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('home_feedback_card_3')}
\nSillas Xavier
\n\n \n \n \n \n \n
\n \n
\n \n
\n {t('home_feedback_card_4')}
\nTaynara Souza
\n\n \n \n \n \n \n
\n \n
}\n \n );\n}","import React, {useEffect, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport {Alert, IconButton} from \"@material-ui/core\";\nimport {MdDeleteForever, MdEdit} from \"react-icons/md\";\nimport {IoIosArrowBack, IoIosArrowForward} from \"react-icons/io\";\nimport AlertDelete from \"../../components/Alert/AlertDelete\";\nimport CustomButton from \"../../components/Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {getStrategies} from \"../../services/Strategy\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Strategy() {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [page, setPage] = useState(1);\n const [total, setTotal] = useState(0);\n const [deleteStrategy, setDeleteStrategy] = useState(null);\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n useEffect( () => {\n setLoading(true);\n getStrategies({\n page: page,\n per_page: 25,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setTotal(data.data.total);\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page, deleteStrategy === true]);\n\n return (\n <>\n {isActiveSignature && <>\n \n
\n \n
\n \n
\n \n {strategy ?\n <>\n {t('strategy_card_edit_title')}\n :\n <>\n {t('strategy_card_new_title')}\n \n }\n
\n\n \n
\n \n
\n }\n \n );\n}","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {Form} from \"@unform/web\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport InputMask from \"../../../components/Form/InputMask\";\nimport {currencyFormat} from \"../../../utils/masks\";\nimport {InputAdornment} from \"@material-ui/core\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {edit, getMeta, save} from \"../../../services/Meta\";\nimport AlertDelete from \"../../../components/Alert/AlertDelete\";\nimport {getBank} from \"../../../services/Bank\";\nimport {actions} from \"../../../redux/actions\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function SaveMeta({match}) {\n const [loading, setLoading] = useState(true);\n const [isDelete, setDelete] = useState(null);\n const [meta, setMeta] = useState(0);\n const formRef = useRef(null);\n const history = useHistory();\n const { coinType } = useSelector((state) => state.BankReducer);\n const dispatch = useDispatch();\n const { t } = useTranslation();\n\n async function handleSubmmit(data) {\n try {\n if (loading) {\n return;\n }\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n stopWin: Yup.string().required(t('input_required')),\n stopLoss: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n let stopLoss = parseFloat(data.stopLoss.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n stopLoss = stopLoss > 0 ? stopLoss * -1 : stopLoss;\n formData.append('stopWin', data.stopWin.replace(/[^0-9,-]*/g, '').replace(',', '.'));\n formData.append('stopLoss', stopLoss);\n const response = (meta) ? await edit(meta.id, formData) : await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n });\n history.push('/meta');\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n getMeta().then((data) => {\n setMeta(data && Object.keys(data).length? data : null);\n }).finally(() => setLoading(false));\n }, []);\n\n useEffect(() => {\n if (isDelete) {\n getBank().then((data) => {\n dispatch(actions.updateBank(data));\n });\n history.push('/dashboard');\n }\n }, [isDelete]);\n\n return (\n <>\n {!loading && \n
\n \n
\n \n
\n \n
\n \n \n {t('strategy_card_title')} {total}\n \n
\n \n
\n \n \n {t('add')}\n \n
\n \n {loading ?\n \n \n
\n :\n
\n \n
:\n <>\n {list && list.data && list.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
}\n \n );\n}","import api from '../api';\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../constants/MessagesTypes\";\n\nexport async function getMeta() {\n try {\n\n const response = await api.get(`/api/meta/view`, {\n headers: {\n 'Content-Type': 'multipart/form-data',\n auth: true\n },\n });\n\n return response.data.data ? response.data.data : {};\n\n } catch (err) {\n toast.error(messageTypes.ERROR_LOAD);\n throw err;\n }\n}\n\nexport function edit($id, $meta) {\n return api.post(`/api/meta/edit/${$id}`, $meta, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}\n\nexport function save($meta) {\n return api.post('/api/meta/new', $meta, {\n headers: {\n 'Content-Type': 'application/json',\n auth: true\n },\n });\n}","import React from \"react\";\nimport {Link} from \"react-router-dom\";\nimport {useSelector} from \"react-redux\";\nimport {currencyFormat} from \"../../utils/masks\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function ViewMeta() {\n const {meta, coinType, profitObtainedToday} = useSelector((state) => state.BankReducer);\n const { t } = useTranslation();\n\n return (\n <>\n \n
\n \n
\n \n
\n \n
\n \n \n {t('goal_card_title')} \n \n
\n {meta && \n
}\n \n
\n {isDelete === false && {\n setDelete(false);\n }}>\n {t('delete')}\n
\n \n \n
\n \n
\n \n );\n}","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {Form} from \"@unform/web\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport Input from \"../../../components/Form/Input\";\nimport {edit, getEvent, save} from \"../../../services/Event\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function NewEvent({match}) {\n const [loading, setLoading] = useState(false);\n const [event, setEvent] = useState(0);\n const formRef = useRef(null);\n const history = useHistory();\n const { t } = useTranslation();\n\n async function handleSubmmit(data) {\n try {\n if (loading) {\n return;\n }\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n name: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('name', data.name);\n const response = (event) ? await edit(event.id, formData) : await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n history.push('/economic-calendar');\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n\n const id = match.params.id;\n if (id) {\n setLoading(true);\n getEvent(id).then((data) => {\n setEvent(data);\n }).finally(() => setLoading(false));\n }\n\n }, []);\n\n return (\n <>\n {!loading && \n
\n \n
\n \n
\n \n
\n \n \n {t('goal_card_title')} \n \n
\n \n
\n \n \n {t('edit')}\n \n
\n \n
\n \n
\n \n
\n - \n
- \n Stop Loss {coinType} {currencyFormat(parseFloat(meta ? meta.stopLoss : 0))}\n \n
- \n Stop Win {coinType} {currencyFormat(parseFloat(meta ? meta.stopWin : 0))}\n \n
- \n {t('goal_profit_prejudice')} {coinType} {currencyFormat(parseFloat(profitObtainedToday ? profitObtainedToday : 0))}\n \n
\n
}\n \n );\n}","import * as React from 'react';\nimport {useRef} from 'react';\nimport TextField from '@mui/material/TextField';\nimport {useField} from \"@unform/core\";\n\nimport {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';\nimport {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs';\nimport {DateTimePicker} from \"@mui/x-date-pickers\";\n\nexport default function InputDateTimePicker({ name, label, ...props }) {\n const [value, setValue] = React.useState(props.value);\n const inputRef = React.useRef(null);\n const materialInputRef = useRef(null);\n const { fieldName, defaultValue, registerField, error } = useField(name);\n\n React.useEffect(() => {\n registerField({\n name: fieldName,\n ref: inputRef.current,\n path: 'value',\n setValue(ref, value) {\n ref.value = value;\n\n materialInputRef.current\n .querySelector(\"label\")\n .classList.add(\"MuiFormLabel-filled\", \"MuiInputLabel-shrink\")\n ;\n }\n });\n }, [fieldName, registerField, value]);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {event ?\n <>\n {t('event_edit')}\n :\n <>\n {t('event_add')}\n \n }\n
\n\n \n
\n \n
}\n \n );\n}","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport {getDataGroupByMonth} from \"../../../services/Trading\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport {getDataPerformanceMonthFundamental} from \"../../../services/FundamentalTrading\";\nimport {Form} from \"@unform/web\";\nimport InputSelect from \"../../Form/InputSelect\";\nimport InputDate from \"../../Form/InputDate\";\nimport CustomButton from \"../../Form/Button\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function TradingPerformanceMonth({...props}) {\n const [isData, setData] = useState(null);\n const [options, setOptions] = useState([]);\n const [resultAnalysis, setResultAnalysis] = useState(null);\n const formRef = useRef(null);\n const { t } = useTranslation();\n\n const [filter, setFilter] = useState({\n month: new Date().getMonth() + 1,\n year: new Date().getFullYear(),\n typeAnalysis: 'TECHNICAL',\n });\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n year: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n\n setFilter({\n year: data.year,\n typeAnalysis: data.typeAnalysis,\n });\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect( () => {\n if (filter.typeAnalysis === 'FUNDAMENTAL') {\n getDataPerformanceMonthFundamental({\n year: filter.year,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData(true);\n\n var result = [];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n\n const qtdeWin = item.data[0] ? parseInt(item.data[0]['qtdeWin']) : 0;\n const qtdeLoss = item.data[0] ? parseInt(item.data[0]['qtdeLoss']) : 0;\n\n if (qtdeWin || qtdeLoss) {\n const percent = (qtdeLoss + qtdeWin) ? qtdeWin * 100 / (qtdeLoss + qtdeWin) : null;\n result.push(percent);\n }\n }\n\n setResultAnalysis(result);\n });\n\n } else {\n getDataGroupByMonth({\n year: filter.year,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData(true);\n var result = [];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n\n const qtdeWin = parseInt(item['qtdeWin']);\n const qtdeLoss = parseInt(item['qtdeLoss']);\n const qtdeDraw = parseInt(item['qtdeDraw']);\n\n\n if (qtdeWin || qtdeLoss || qtdeDraw) {\n const percent = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeWin * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : null;\n result.push([item.month, percent]);\n }\n }\n\n setResultAnalysis(result);\n });\n }\n }, [filter]);\n\n const updateChart = useCallback(() => {\n setOptions({\n title: {\n text: ''\n },\n subtitle: {\n text: ``\n },\n chart: {\n type: 'areaspline'\n },\n xAxis: {\n crosshair: false\n },\n series: [\n {\n name: filter.typeAnalysis === 'FUNDAMENTAL' ? t('performance_graphic_month_name_series_fundamental_analysis') : t('performance_graphic_month_name_series_technical_analysis'),\n data: resultAnalysis,\n color: '#1cc88a',\n }\n ],\n yAxis: {\n min: 0,\n title: {\n text: t('performance_graphic_month_title_yaxy')\n }\n },\n tooltip: {\n headerFormat: `${t(\"month\")} {point.key}\n
\n \n
\n \n
\n \n {fundamentalTrading ?\n <>\n Editar negociação\n :\n <>\n {t('fundamentalist_add')}\n \n }\n
\n\n \n
\n | {series.name}: | ' +\n '{point.y:.1f}% |
\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n );\n}\n\n","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport {getDataGroupByDaily} from \"../../../services/Trading\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport {getDataPerfomanceDailyFundamental} from \"../../../services/FundamentalTrading\";\nimport {Form} from \"@unform/web\";\nimport InputSelect from \"../../Form/InputSelect\";\nimport InputDate from \"../../Form/InputDate\";\nimport CustomButton from \"../../Form/Button\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport {useTranslation} from \"react-i18next\";\nimport {currencyFormat} from \"../../../utils/masks\";\n\nexport default function TradingPerfomanceDaily({...props}) {\n const [isData, setData] = useState(null);\n const [isDataFundamental, setDataFundamental] = useState(null);\n const [options, setOptions] = useState([]);\n const [resultAnalysis, setResultAnalysis] = useState(null);\n const formRef = useRef(null);\n const { t } = useTranslation();\n\n const nameMonth = [\n t('month_1'), t('month_2'), t('month_3'), t('month_4'), t('month_5'), t('month_6'),\n t('month_7'), t('month_8'), t('month_9'), t('month_10'), t('month_11'), t('month_12')\n ];\n\n const [filter, setFilter] = useState({\n month: new Date().getMonth() + 1,\n year: new Date().getFullYear(),\n typeAnalysis: 'TECHNICAL',\n });\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n date: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n\n const parts = data.date.split(\"/\");\n setFilter({\n month: parseInt(parts[0]),\n year: parts[1],\n typeAnalysis: data.typeAnalysis,\n });\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect( () => {\n if (filter.typeAnalysis === 'FUNDAMENTAL') {\n getDataPerfomanceDailyFundamental({\n month: filter.month,\n year: filter.year,\n }).then((data) => {\n\n if (!data || data === '' || !data.data) {\n setDataFundamental(false);\n return;\n }\n\n setDataFundamental(true);\n\n var result = [];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n\n console.log(item);\n const qtdeWin = parseInt(item.data[0]['qtdeWin']);\n const qtdeLoss = parseInt(item.data[0]['qtdeLoss']);\n\n if (qtdeWin || qtdeLoss) {\n const percent = (qtdeLoss + qtdeWin) ? qtdeWin * 100 / (qtdeLoss + qtdeWin) : 0;\n result.push([item.day, percent]);\n }\n }\n\n setResultAnalysis(result);\n });\n } else {\n getDataGroupByDaily({\n month: filter.month,\n year: filter.year,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData(true);\n\n var result = [];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n\n const qtdeWin = parseInt(item.data[0]['qtdeWin']);\n const qtdeLoss = parseInt(item.data[0]['qtdeLoss']);\n const qtdeDraw = parseInt(item.data[0]['qtdeDraw']);\n\n if (qtdeWin || qtdeLoss || qtdeDraw) {\n const percent = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeWin * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n result.push([item.day, percent]);\n }\n }\n\n setResultAnalysis(result);\n });\n }\n }, [filter]);\n\n const updateChart = useCallback(() => {\n setOptions({\n title: {\n text: ''\n },\n subtitle: {\n text: ``\n },\n chart: {\n type: 'areaspline'\n },\n xAxis: {\n crosshair: false\n },\n series: [\n {\n name: filter.typeAnalysis === 'FUNDAMENTAL' ? t('performance_graphic_day_name_series_fundamental_analysis') : t('performance_graphic_day_name_series_technical_analysis'),\n data: resultAnalysis,\n color: '#1cc88a',\n }\n ],\n yAxis: {\n min: 0,\n title: {\n text: t('performance_graphic_day_title_yaxy')\n }\n },\n tooltip: {\n headerFormat: `${t(\"day\")} {point.key}\n
\n \n
\n \n \n
\n \n
\n {isData ?\n <>\n \n \n {t('performance_graphic_month_title', {\n 'year': filter.year,\n })}\n \n
\n \n
\n :\n | {series.name}: | ' +\n '{point.y:.1f}% |
\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n );\n}\n","import React, {useCallback, useEffect, useRef, useState} from \"react\";\nimport {getDataGroupByDaily} from \"../../../services/Trading\";\nimport {Alert} from \"@material-ui/core\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport {getDataPerfomanceDailyFundamental} from \"../../../services/FundamentalTrading\";\nimport {Form} from \"@unform/web\";\nimport InputDate from \"../../Form/InputDate\";\nimport CustomButton from \"../../Form/Button\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function TradingPerfomanceAgroupDailyGeneral({...props}) {\n const [isData, setData] = useState(null);\n const [options, setOptions] = useState([]);\n const [resultAnalysis, setResultAnalysis] = useState(null);\n const [year,] = useState();\n const [month,] = useState();\n const formRef = useRef(null);\n const { t } = useTranslation();\n\n const nameMonth = [\n t('month_1'), t('month_2'), t('month_3'), t('month_4'), t('month_5'), t('month_6'),\n t('month_7'), t('month_8'), t('month_9'), t('month_10'), t('month_11'), t('month_12')\n ];\n\n const [filter, setFilter] = useState({\n month: new Date().getMonth() + 1,\n year: new Date().getFullYear(),\n });\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n date: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const parts = data.date.split(\"/\");\n setFilter({\n month: parseInt(parts[0]),\n year: parts[1],\n });\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect( () => {\n getDataPerfomanceDailyFundamental({\n month: month,\n year: year,\n }).then((dataFundamental) => {\n\n if (!dataFundamental || dataFundamental === '' || !dataFundamental.data) {\n return;\n }\n\n setData(true);\n var dataFundamental = dataFundamental.data.data;\n getDataGroupByDaily({\n month: filter.month,\n year: filter.year,\n }).then((data) => {\n if (!data || data === '' || !data.data) {\n setData(false);\n return;\n }\n\n setData(true);\n\n var resultGeneral = [];\n for (var index in dataFundamental) {\n var itemFundamental = dataFundamental[index];\n for (var key in data.data.data) {\n var item = data.data.data[key];\n\n if (item.day === itemFundamental.day) {\n const qtdeWin = item.data[0]['qtdeWin'] ? parseInt(item.data[0]['qtdeWin']) : 0;\n const qtdeLoss = item.data[0]['qtdeLoss'] ? parseInt(item.data[0]['qtdeLoss']) : 0;\n const qtdeDraw = item.data[0]['qtdeDraw'] ? parseInt(item.data[0]['qtdeDraw']) : 0;\n\n resultGeneral.push({\n day: item.day,\n qtdeLoss: parseInt(itemFundamental.data[0].qtdeLoss ? itemFundamental.data[0].qtdeLoss : 0) + qtdeLoss,\n qtdeWin: parseInt(itemFundamental.data[0].qtdeWin ? itemFundamental.data[0].qtdeWin : 0) + qtdeWin,\n qtdeDraw: qtdeDraw,\n });\n\n break;\n }\n }\n }\n\n var result = [];\n for (var i in resultGeneral) {\n var itemGeneral = resultGeneral[i];\n\n const qtdeWin = parseInt(itemGeneral['qtdeWin']);\n const qtdeLoss = parseInt(itemGeneral['qtdeLoss']);\n const qtdeDraw = parseInt(itemGeneral['qtdeDraw']);\n\n if (qtdeWin || qtdeLoss || qtdeDraw) {\n const percent = (qtdeLoss + qtdeWin + qtdeDraw) ? qtdeWin * 100 / (qtdeLoss + qtdeWin + qtdeDraw) : 0;\n result.push([itemGeneral.day, percent]);\n }\n }\n\n setResultAnalysis(result);\n });\n });\n }, [filter]);\n\n const updateChart = useCallback(() => {\n setOptions({\n title: {\n text: ''\n },\n subtitle: {\n text: ``\n },\n chart: {\n type: 'areaspline'\n },\n xAxis: {\n crosshair: false\n },\n series: [\n {\n name: t('performance_text_fundamental_technical_analysis'),\n data: resultAnalysis,\n color: '#1cc88a',\n }\n ],\n yAxis: {\n min: 0,\n title: {\n text: t('performance_graphic_day_title_yaxy')\n }\n },\n tooltip: {\n headerFormat: `${t(\"day\")} {point.key}\n
\n \n
\n \n \n
\n \n
\n {(isData || isDataFundamental) ?\n <>\n \n \n {t('performance_graphic_day_title', {\n 'month': nameMonth[filter.month -1],\n 'year': filter.year,\n })}\n \n
\n \n
\n :\n | {series.name}: | ' +\n '{point.y:.1f}% |
\n {messageTypes.REGISTER_NOT_FOUNT} \n }\n
\n );\n}\n","import styled from \"styled-components\";\n\nexport const Container = styled.div`\n .active {\n font-weight: bold;\n }\n \n a {\n color: #858796;\n }\n`;","import React, {useEffect} from \"react\";\nimport DivDiagonal from \"../../../components/DivDiagonal\";\nimport {useSelector} from \"react-redux\";\nimport TradingPerformanceMonth from \"../../../components/Charts/TradingPerformanceMonth\";\nimport TradingPerfomanceDaily from \"../../../components/Charts/TradingPerfomanceDaily\";\nimport TradingPerfomanceAgroupDailyGeneral from \"../../../components/Charts/TradingPerfomanceAgroupDailyGeneral\";\nimport {Container} from \"./styles\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function PerformanceReport() {\n const { t } = useTranslation();\n const {isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n {isActiveSignature && [\n 'teste@teste.com',\n ].includes(localStorage.getItem('userKey')) ? <>\n \n
\n \n
\n \n \n
\n \n
\n {(isData) ?\n <>\n \n \n {t('performance_graphic_day_title', {\n 'month': nameMonth[filter.month -1],\n 'year': filter.year,\n })}\n \n
\n \n
\n :\n \n
\n \n
\n \n
\n {t('performance_report_title')}
\n\n
\n \n
\n \n
\n - \n
- \n {t('performance_tab_day')}\n \n
- \n {t('performance_tab_month')}\n \n
- \n {t('performance_tab_general')}\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {t('report_performance_title')}
\n\n
\n \n }\n \n );\n}","import React from \"react\";\n\nexport default function PolicyPrivacy() {\n return (\n \n
\n \n \n Política de Privacidade e Segurança\n
\n\n
\n );\n}","import React from 'react';\nimport DivDiagonal from \"../../components/DivDiagonal\";\nimport {ContainerBroker} from \"./styles\";\nimport ImgBinolla from \"../../assets/img/binolla.png\";\nimport ImgPocketOption from \"../../assets/img/pocketOption.png\";\nimport {useTranslation} from \"react-i18next\";\nimport ImgBullex from \"../../assets/img/bullex.png\";\nimport ImgOptinary from \"../../assets/img/optinary.png\";\n\nexport default function Brokers() {\n const { t } = useTranslation();\n\n return (\n <>\n \n Política de Privacidade e Segurança\n Atualizado em: 03/07/2023
\n
\n\n \n A privacidade e segurança dos usuários são de extrema importância para nós. Nesta política, explicamos como coletamos, usamos, armazenamos e protegemos as informações pessoais dos usuários, além de fornecer orientações sobre medidas de segurança que implementamos para garantir a segurança de suas transações e dados.\n
\n\n Coleta de Informações:\n
- \n
- \n Coletamos informações pessoais dos usuários, como nome, endereço de e-mail e detalhes de contato, para fornecer suporte adequado, personalizar a experiência do usuário e garantir a funcionalidade completa da aplicaçao.\n \n
- \n Podemos coletar informações não pessoais, como dados demográficos e preferências do usuário, para melhorar nossos serviços e oferecer conteúdo relevante.\n \n
\n Uso de Informações:\n
- \n
- \n As informações pessoais dos usuários são usadas para fornecer suporte técnico, enviar atualizações e notificações importantes relacionadas ao aplicativo e fornecer uma experiência personalizada.\n\n \n
- \n Podemos usar informações não pessoais para fins estatísticos, análise de dados e aprimoramento contínuo da aplicação.\n \n
Compartilhamento de Informações:\n
- \n
- \n Não compartilhamos informações pessoais dos usuários com terceiros, a menos que seja estritamente necessário para fornecer serviços solicitados pelos usuários ou exigido por lei.\n\n \n
- \n Podemos compartilhar informações anônimas e agregadas com parceiros de negócios para fins de análise e marketing.\n \n
Segurança de Dados:\n
- \n
- \n Implementamos medidas de segurança técnicas e organizacionais adequadas para proteger as informações pessoais dos usuários contra acesso não autorizado, uso indevido ou divulgação.\n \n
- \n Utilizamos criptografia de dados durante a transmissão de informações sensíveis e adotamos práticas de segurança avançadas para proteger o armazenamento das informações em nossos servidores.\n\n \n
- \n Ao se cadastrar em nosso aplicativo, solicitamos que você forneça seu endereço de e-mail para criar uma conta e permitir o acesso personalizado aos nossos serviços. O e-mail é utilizado como um identificador exclusivo para sua conta e facilita o processo de login em futuras visitas.\n \n
- \n O endereço de e-mail fornecido durante o processo de login é usado estritamente para autenticação e identificação do usuário. Ele não será compartilhado com terceiros não relacionados sem o seu consentimento prévio. Utilizaremos seu e-mail para enviar notificações importantes relacionadas à sua conta, como redefinição de senha, confirmação de login ou informações relevantes sobre os serviços prestados.\n \n
Alterações na Política de Privacidade:\n
- \n
- \n Podemos atualizar esta política periodicamente para refletir mudanças em nossas práticas de privacidade e segurança. Recomendamos que os usuários revejam regularmente esta política para se manterem informados sobre como protegemos suas informações.\n \n
Entre em contato:\n
- \n
- \n Se você tiver alguma dúvida ou preocupação sobre nossa política de privacidade e segurança, entre em contato conosco por meio dos canais de suporte fornecidos na aplicação.\n \n
\n Esta Política de Privacidade e Segurança aplica-se apenas a aplicação de gerenciamento de opções binárias e não se estende a serviços ou sites de terceiros vinculados. Recomendamos que os usuários revisem as políticas de privacidade desses terceiros antes de fornecerem informações pessoais.\n
\n\n
\n \n
\n \n
\n {t('home_header_binary_options')}
\n\n
\n \n {t('diversify_investment')} {t('create_account_brokers_part_1')}\n
\n {t('create_account_brokers_part_2')}\n\n
\n \n {t('create_account_brokers_part_2')}\n\n
\n
\n \n )\n}","import React, {useEffect, useState} from \"react\";\nimport {Link} from \"react-router-dom\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport {IconButton} from \"@material-ui/core\";\nimport {MdDeleteForever, MdEdit} from \"react-icons/md\";\nimport AlertDelete from \"../../components/Alert/AlertDelete\";\nimport CustomButton from \"../../components/Form/Button\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableBody from \"@mui/material/TableBody\";\nimport {useTranslation} from \"react-i18next\";\nimport {getCurrencyPairs} from \"../../services/CurrencyPair\";\nimport currencyPairTypes from \"../../constants/CurrencyPairTypes\";\n\nexport default function CurrencyPair() {\n const [loading, setLoading] = useState(false);\n const [list, setList] = useState([]);\n const [deleteCurrencyPair, setDeleteCurrencyPair] = useState(null);\n const { t } = useTranslation();\n\n useEffect( () => {\n setLoading(true);\n getCurrencyPairs().then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n setLoading(false);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [deleteCurrencyPair === true]);\n\n return (\n <>\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n - \n
- {t('signature_bullex_item_1')} \n
- {t('signature_bullex_item_2')} \n
- {t('signature_bullex_item_3')} \n
- {t('signature_bullex_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n \n
\n - \n
- {t('signature_binolla_item_1')} \n
- {t('signature_binolla_item_2')} \n
- {t('signature_binolla_item_3')} \n
- {t('signature_binolla_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n \n
\n - \n
- {t('signature_pocketoption_item_1')} \n
- {t('signature_pocketoption_item_2')} \n
- {t('signature_pocketoption_item_3')} \n
- {t('signature_pocketoption_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n \n
\n - \n
- {t('signature_bullex_item_1')} \n
- {t('signature_bullex_item_2')} \n
- {t('signature_bullex_item_3')} \n
- {t('signature_bullex_item_4')} \n
\n
\n \n \n {t('signature_broker_btn_create')}\n \n
\n \n
\n \n );\n}","import * as Yup from \"yup\";\nimport {toast} from \"react-toastify\";\nimport React, {useEffect, useRef, useState} from \"react\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\nimport {Form} from \"@unform/web\";\nimport CustomButton from \"../../../components/Form/Button\";\nimport {Link, useHistory} from \"react-router-dom\";\nimport {BiArrowBack} from \"react-icons/bi\";\nimport {IoMdSave} from \"react-icons/io\";\nimport Input from \"../../../components/Form/Input\";\nimport {useTranslation} from \"react-i18next\";\nimport {edit, getCurrencyPair, save} from \"../../../services/CurrencyPair\";\n\nexport default function NewCurrencyPair({match}) {\n const [loading, setLoading] = useState(false);\n const [currencyPair, setCurrencyPair] = useState(0);\n const formRef = useRef(null);\n const history = useHistory();\n const { t } = useTranslation();\n\n async function handleSubmmit(data) {\n try {\n if (loading) {\n return;\n }\n\n setLoading(true);\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n name: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('name', data.name);\n const response = (currencyPair) ? await edit(currencyPair.id, formData) : await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n history.push('/currency-pair');\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n setLoading(false);\n\n } catch (err) {\n setLoading(false);\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect(() => {\n\n const id = match.params.id;\n if (id) {\n setLoading(true);\n getCurrencyPair(id).then((data) => {\n setCurrencyPair(data);\n }).finally(() => setLoading(false));\n }\n\n }, []);\n\n return (\n <>\n {!loading && \n
\n \n
\n \n
\n \n
\n \n \n Pares de moedas\n \n
\n \n
\n \n \n {t('add')}\n \n
\n \n {loading ?\n \n \n
\n \n \n }\n
\n \n
:\n <>\n \n \n {t('loading')}\n \n
\n \n
}\n \n );\n}","import React, {useCallback, useEffect, useRef, useState} from 'react';\nimport DivDiagonal from \"../../components/DivDiagonal\";\nimport CustomButton from \"../../components/Form/Button\";\nimport {useHistory} from \"react-router-dom\";\nimport {useDispatch, useSelector} from \"react-redux\";\nimport {getBalanceAffiliateProgram, getReferredUsers, newAffiliate, saveKeyPix} from \"../../services/Profile\";\nimport {actions} from \"../../redux/actions\";\nimport {toast} from \"react-toastify\";\nimport {Alert, Button, TextField} from \"@material-ui/core\";\nimport {FaRegCopy} from \"react-icons/fa\";\nimport * as Yup from \"yup\";\nimport messageTypes from \"../../constants/MessagesTypes\";\nimport {Form} from \"@unform/web\";\nimport {IoIosArrowBack, IoIosArrowForward, IoMdCheckmark} from \"react-icons/io\";\nimport {useTranslation} from \"react-i18next\";\nimport Input from \"../../components/Form/Input\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport {currencyFormat} from \"../../utils/masks\";\nimport {BsWhatsapp} from \"react-icons/bs\";\nimport swal from \"@sweetalert/with-react\";\n\nexport default function AffiliateProgram() {\n const [loading, setLoading] = useState(false);\n const [loadingList, setLoadingList] = useState(false);\n const history = useHistory();\n const dispatch = useDispatch();\n const formRef = useRef(null);\n const [linkAfilliate, setLinkAfilliate] = useState(null)\n const { t } = useTranslation();\n const [list, setList] = useState([]);\n const [page, setPage] = useState(1);\n const [balanceAffiliateProgram, setBalanceAffiliateProgram] = useState();\n const [valueMinPayment, setValueMinPayment] = useState(20);\n const {affiliateID, keyPix, isFreeSignature, isActiveSignature} = useSelector(\n (state) => state.UserReducer\n );\n\n const [keyPixState, setKeyPixState] = useState(null);\n\n const updateKeyPix = useCallback(() => {\n setKeyPixState(keyPix)\n }, [keyPix]);\n\n useEffect(updateKeyPix, [keyPix]);\n\n const generateLinkAffiliate = useCallback(() => {\n const baseUrl = process.env.NODE_ENV === 'development'\n ? 'http://localhost:3000'\n : 'https://gbinary.space'\n ;\n\n setLinkAfilliate(`${baseUrl}/register?aff=${affiliateID}`);\n }, [affiliateID]);\n\n useEffect(generateLinkAffiliate, [affiliateID]);\n\n const handleCopy = () => {\n navigator.clipboard.writeText(linkAfilliate).then(() => {\n toast.success('Link de afiliado copiado com sucesso!');\n }).catch(err => {\n toast.success('Erro ao copiar link');\n console.log(err)\n });\n };\n\n function handleConfirmAffiliate() {\n if (isFreeSignature || !isActiveSignature) {\n swal(\n {\n icon: \"info\",\n text: t('alert_signature'),\n buttons: [t('alert_signature_btn_close'), t('alert_signature_confirm')],\n }\n ).then((isConfirm) => {\n if (isConfirm) {\n history.push('/plans');\n }\n });\n\n return;\n }\n\n if (loading) {\n return;\n }\n\n setLoading(true);\n newAffiliate().then((data) => {\n dispatch(actions.setAffiliateID(data.data.affiliateID));\n }).finally(() => {\n setLoading(false);\n });\n }\n\n async function handleSaveKeyPix(data) {\n try {\n formRef.current.setErrors({});\n const schema = Yup.object().shape({\n keyPix: Yup.string().required(t('input_required')),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('keyPix', data.keyPix);\n const response = await saveKeyPix(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n } else {\n toast.error(messageTypes.ERROR);\n }\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n useEffect( () => {\n setLoadingList(true);\n getReferredUsers({\n page: page,\n per_page: 25,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setList(data.data);\n }).finally(() => {\n setLoadingList(false);\n });\n\n getBalanceAffiliateProgram().then((data) => {\n setBalanceAffiliateProgram(data.data.balanceAffiliateProgram? data.data.balanceAffiliateProgram : 0);\n });\n\n return function cleanup() {\n setList([]);\n };\n }, [page]);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n return (\n <>\n \n
\n \n
\n \n
\n \n {currencyPair ?\n <>\n Editar par de moeda\n :\n <>\n Adicionar par de moeda\n \n }\n
\n\n \n
\n \n
\n \n
\n \n
\n Seja um\n Afiliado da Nossa Plataforma!
\n\n
\n : <>\n \n
\n \n {\n handleConfirmAffiliate();\n }}\n >\n Sim, quero ser afiliado !\n \n
\n {\n history.push('/dashboard');\n }}\n >\n não, obrigado!\n \n
\n \n Ao se tornar um afiliado, você terá a oportunidade de compartilhar nossa plataforma com amigos e\n conhecidos. E o melhor: para cada novo usuário que se inscrever usando o seu link exclusivo e ativar\n uma assinatura, você receberá entre 20% e 30% do valor da assinatura como bonificação.\n
\nDeseja se tornar um afiliado agora?
\n\n
\n
\n \n
\n \n
\n Programa de\n afiliados
\n\n
\n }\n \n )\n}","import React, {useEffect, useRef, useState} from 'react';\nimport CustomButton from \"../../../../components/Form/Button\";\nimport {getAffiliates} from \"../../../../services/Profile\";\nimport {toast} from \"react-toastify\";\nimport {Alert} from \"@material-ui/core\";\nimport {FaHandshake} from \"react-icons/fa\";\nimport * as Yup from \"yup\";\nimport messageTypes from \"../../../../constants/MessagesTypes\";\nimport {IoIosArrowBack, IoIosArrowForward} from \"react-icons/io\";\nimport {useTranslation} from \"react-i18next\";\nimport TableContainer from \"@mui/material/TableContainer\";\nimport Paper from \"@mui/material/Paper\";\nimport Table from \"@mui/material/Table\";\nimport TableHead from \"@mui/material/TableHead\";\nimport TableRow from \"@mui/material/TableRow\";\nimport TableCell from \"@mui/material/TableCell\";\nimport TableBody from \"@mui/material/TableBody\";\nimport TableFooter from \"@mui/material/TableFooter\";\nimport {Form} from \"@unform/web\";\nimport {AiOutlineSearch} from \"react-icons/ai\";\nimport Input from \"../../../../components/Form/Input\";\n\nexport default function Affiliate() {\n const [loadingList, setLoadingList] = useState(false);\n const { t } = useTranslation();\n const [usersAffiliates, setUsersAffiliates] = useState([]);\n const [page, setPage] = useState(1);\n const formRef = useRef(null);\n const [filter, setFilter] = useState({\n stringSearch: '',\n });\n\n useEffect( () => {\n setLoadingList(true);\n getAffiliates({\n page: page,\n per_page: 25,\n stringSearch: filter.stringSearch,\n }).then((data) => {\n if (!data || data === '') {\n return;\n }\n\n setUsersAffiliates(data.data);\n }).finally(() => {\n setLoadingList(false);\n });\n\n return function cleanup() {\n setUsersAffiliates([]);\n };\n }, [page, filter]);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n async function handleSubmit(data) {\n try {\n\n formRef.current.setErrors({});\n const schema = Yup.object().shape({});\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n setFilter({\n stringSearch: data.stringSearch,\n });\n\n } catch (err) {\n if (err instanceof Yup.ValidationError) {\n const validationErrors = {};\n err.inner.forEach((error) => {\n validationErrors[error.path] = error.message;\n });\n formRef.current.setErrors(validationErrors);\n toast.warning(messageTypes.REQUIRED_FIELDS);\n return;\n }\n\n toast.error(messageTypes.ERROR);\n }\n }\n\n return (\n <>\n \n
\n \n {isActiveSignature === false &&\n
\n
\n {loadingList ?\n\n \n
\n :\n
\n
\n \n
\n }\n \n \n \n Atenção! Sua assinatura está inativa. Dessa forma, você não poderá receber novos usuários\n indicados pelo seu link de afiliado. Para voltar a aproveitar todos os benefícios, ative sua\n assinatura!\n \n \n
\n \n
\n \n
\n \n {\n const url = `https://web.whatsapp.com/send?phone=38999361310&text=Olá, gostaria de solicitar o pagamento do meu saldo disponível referente ao programa de afiliado`;\n window.open(url, '_blank');\n }}\n disabled={balanceAffiliateProgram < valueMinPayment}\n startIcon={}\n >\n Solicitar pagamento\n \n
\n Seu saldo
\n\n
\n Atenção! Para solicitar o pagamento, é necessário que seu saldo seja superior\n a {currencyFormat(parseFloat(valueMinPayment), 'R$')}.\n
\n\n
\n \n \n }\n variant={'outlined'}\n >\n Copiar\n \n
\n \n
\n {loadingList ?\n
\n
:\n <>\n \n \n {t('loading')}\n \n
\n Usuários cadastrados com seu link de afiliado
\n {list && list.data && list.data.length ?\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n
\n \n )\n}","import * as React from 'react';\nimport {useState} from 'react';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport {GoChecklist} from \"react-icons/go\";\nimport CustomButton from \"../Button\";\nimport swal from \"@sweetalert/with-react\";\nimport * as Yup from \"yup\";\nimport {save} from \"../../../services/PaymentCommission\";\nimport {toast} from \"react-toastify\";\nimport messageTypes from \"../../../constants/MessagesTypes\";\n\nexport default function FormPaymentCommission({handleClose = () => {}, isOpen = false, commissions}) {\n const [file, setFile] = useState(null);\n const [loading, setLoading] = useState(false);\n function alertFileSize() {\n swal({\n text: 'Por favor, escolha um arquivo com um tamanho menor. O tamanho máximo permitido é de 2MB.',\n });\n }\n\n async function handleSubmmit(event, data) {\n event.preventDefault();\n try {\n\n if (loading) {\n return;\n }\n\n setLoading(true);\n const schema = Yup.object().shape({\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const formData = new FormData();\n formData.append('commissionsIds', commissions);\n\n if (file && file !== '') {\n formData.append('file', file);\n }\n\n const response = await save(formData);\n\n if (response && response.status === 200) {\n toast.success(messageTypes.SUCCESS);\n } else {\n toast.error(messageTypes.ERROR_SAVE);\n }\n\n setLoading(false);\n handleClose();\n\n } catch (err) {\n console.log(err);\n setLoading(false);\n toast.error(messageTypes.ERROR);\n }\n }\n\n\n return (\n \n
\n \n
\n {loadingList ?\n\n \n
\n :\n
\n
\n \n
\n \n
\n \n \n Afiliados {usersAffiliates?.data?.length || 0}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {loadingList ?\n
\n
:\n <>\n {usersAffiliates && usersAffiliates.data && usersAffiliates.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n Selecione o comprovante\n
\n \n {\n const file = event.target.files[0];\n const maxSizeInBytes = 2 * 1024 * 1024;\n if (file && file.size > maxSizeInBytes) {\n alertFileSize();\n event.target.value = null;\n return;\n }\n setFile(event.target.files[0]);\n }}\n />\n
\n \n
\n
\n \n
\n \n
\n {loadingList ?\n\n \n
\n :\n
\n
\n \n
\n \n
\n \n \n Comissões\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {loadingList ?\n
\n
:\n <>\n {commissions && commissions.data && commissions.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n
\n \n )\n}","import React from 'react';\r\nimport { BrowserRouter as Router, Switch } from 'react-router-dom';\r\n\r\nimport Route from './Router';\r\nimport Dashboard from '../pages/Dashboard';\r\nimport SignUp from \"../pages/SignUp\";\r\nimport SignIn from \"../pages/SignIn\";\r\nimport Trading from \"../pages/Trading\";\r\nimport NewTrading from \"../pages/Trading/New\";\r\nimport ImportTrading from \"../pages/Trading/Import\";\r\nimport TradingReport from \"../pages/Report/Trading\";\r\nimport Deposit from \"../pages/Bank/Deposit\";\r\nimport Retire from \"../pages/Bank/Retire\";\r\nimport Bank from \"../pages/Bank\";\r\nimport Movement from \"../pages/Bank/Movement\";\r\nimport ViewBank from \"../pages/Bank/View\";\r\nimport Profile from \"../pages/Profile\";\r\nimport Mobile from \"../pages/Mobile\";\r\nimport EconomicCalendar from \"../pages/EconomicCalendar\";\r\nimport Plans from \"../pages/Plan\";\r\nimport Calculadora from \"../pages/Calculadora\";\r\nimport Disciplina from \"../pages/Disciplina\";\r\nimport NewDisciplina from \"../pages/Disciplina/New\";\r\nimport DisciplinaReport from \"../pages/Report/Disciplina\";\r\nimport Placar from \"../pages/Report/Placar\";\r\nimport NewBank from \"../pages/Bank/New\";\r\nimport Home from \"../pages/Home\";\r\nimport NewStrategy from \"../pages/Strategy/New\";\r\nimport Strategy from \"../pages/Strategy\";\r\nimport SaveMeta from \"../pages/Meta/Save\";\r\nimport ViewMeta from \"../pages/Meta\";\r\nimport NewEvent from \"../pages/Event/New\";\r\nimport NewFundamentalTrading from \"../pages/FundamentalTrading/New\";\r\nimport PerformanceReport from \"../pages/Report/Performance\";\r\nimport PolicyPrivacy from \"../pages/PolicyPrivacy\";\r\nimport Brokers from \"../pages/Brokers\";\r\nimport CurrencyPair from \"../pages/CurrencyPair\";\r\nimport NewCurrencyPair from \"../pages/CurrencyPair/New\";\r\nimport AffiliateProgram from \"../pages/AffiliateProgram\";\r\nimport Affiliate from \"../pages/AffiliateProgram/Admin/Affiliate\";\r\nimport Commission from \"../pages/AffiliateProgram/Admin/Commission\";\r\nimport PaymentCommission from \"../pages/AffiliateProgram/Admin/PaymentCommission\";\r\n\r\nexport default function Routes() {\r\n return (\r\n \n
\n \n \n \n
\n :\n
\n
\n \n
\n {loadingList ?\n \n
\n \n \n Pagamentos\n \n
\n \n
:\n <>\n {payments && payments.data && payments.data.length ?\n \n \n {t('loading')}\n \n
\n \n
\n }\n \n }\n \n {messageTypes.REGISTER_NOT_FOUNT} \n
\n \n
\n
,\n }\n );\n }\n }, []);\n\n return (\n \n
\n \n
\n