Seu carrinho está vazio.
\r\n \r\n \r\n
\r\n
\r\n | Sub-total | \r\nR${formataNumero(subTotal)} | \r\n
| Total | \r\nR${formataNumero(total)} | \r\n
\r\n Exibir carrinho \r\n Finalizar pedido\r\n
\r\n\r\n \r\n \r\n
)\r\n }\r\n\r\n let produtos, qItens, valorTotal\r\n\r\n const beforeRender = () => {\r\n if (pesquisa === undefined && props.buscaCodigo !== '' && props.buscaCodigo)\r\n setPesquisa(props.buscaCodigo)\r\n\r\n produtos = getK('produtosNoCarrinho');\r\n qItens = 0\r\n valorTotal = 0\r\n\r\n //console.log(produtos)\r\n\r\n if (produtos) {\r\n qItens = produtos.reduce((acc, v) => { return acc + Number(v.quantidade) }, 0)\r\n valorTotal = produtos.reduce((acc, v) => { return acc + (v.quantidade * v.valorUnitario) }, 0)\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n { beforeRender() }\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n buscaCodigo: store.loggedReducer.buscaCodigo,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({ setBuscaCodigo, setPaginaAtiva, setBuscaMarca }, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withCookies(Busca)));\r\n\r\n\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { HTTP_POST } from '../api/api';\r\nimport { aviso } from '../Uteis/Uteis';\r\n\r\nclass Footer extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n this.getPaginas();\r\n }\r\n\r\n getPaginas = () => {\r\n HTTP_POST(\r\n '/getPaginas',\r\n { \r\n }).then(res => {\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds })\r\n else {\r\n aviso('erro', 'Erro obtendo paginas, tente novamente');\r\n this.setState({ ds: [] });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo paginas, tente novamente');\r\n this.setState({ ds: [] });\r\n });\r\n }\r\n\r\n render() {\r\n if(this.state.ds === null)\r\n return <>\r\n\r\n const paginas = this.state.ds.map(v => \r\n\r\n \r\n \r\n
\r\n\r\n \r\n ![\"Empresa\"](\"/imagens/logo.jpg\" "\\"Empresa\\"")
\r\n
\r\n \r\n { setPesquisa(event.target.value) }} onKeyDown={onBuscaKeyDown} placeholder=\"busque aqui o seu produto\" className=\"form-control input-lg\" />\r\n {getDropDownFiltrarPelo()}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n {getCarrinhoHTML(produtos)}\r\n
\r\n R$Sob.Consulta\r\n
\r\n\r\n if (valorPromo) {\r\n return\r\n R${formataNumero(valorUnitario)} R${formataNumero(valorPromo)} \r\n
\r\n }\r\n else {\r\n return\r\n R${formataNumero(valorUnitario)}\r\n
\r\n }\r\n }\r\n\r\n getApresentacaoDados = (produto) => {\r\n\r\n const { sku, codigoProduto, descricaoCompleta, descricaoInterna, valorUnitario, imagem, valorPromo, marca, saldoAtual } = this.props.produto;\r\n\r\n if(window.$apresentacaoDadosProduto === 1)\r\n {\r\n return (\r\n <> \r\n \r\n
\r\n
\r\n \r\n
{descricaoInterna}
{marca}
\r\n {this.getValorUnitario(valorUnitario, valorPromo)}\r\nCÓD:{sku}
Imagem meramente ilustrativa
\r\n {sku}
\r\n
\r\n ) \r\n }\r\n\r\n render() {\r\n\r\n if (this.props.produto === undefined)\r\n return <>\r\n\r\n const { sku, codigoProduto, descricaoCompleta, descricaoInterna, valorUnitario, imagem, valorPromo, marca, saldoAtual } = this.props.produto;\r\n\r\n return (\r\n {sku}
{marca}
\r\n {descricaoInterna}
\r\n {this.getValorUnitario(valorUnitario, valorPromo)}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n logged: store.loggedReducer.logged,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withCookies(Produto)));\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport Produto from '../../Components/Produto';\r\nimport { aviso } from '../../Uteis/Uteis';\r\n\r\nclass ProdutosEmDestaque extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.atualizaProdutos()\r\n }\r\n\r\n atualizaProdutos = () => {\r\n this.setState({ ds: null, loading: true });\r\n \r\n HTTP_POST('/buscaProdutosEmDestaque',{}\r\n ).then(res => {\r\n if (res.data.message === 'Erro BuscaProdutos API') {\r\n aviso('erro', 'Erro buscando produtos, tente novamente!');\r\n this.setState({ ds: null, loading: false })\r\n }\r\n else\r\n this.setState({ ds: res.data.ds, loading: false })\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro buscando produtos, tente novamente!');\r\n this.setState({ loading: false })\r\n });\r\n }\r\n\r\n\r\n getProdutos = (ds) => {\r\n if (!ds)\r\n return ()\r\n\r\n const produtoComponents = ds.map((produto, i) => \r\n {this.getApresentacaoDados(this.props.produto)}\r\n
\r\n \r\n \r\n
\r\n Destaques
\r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ProdutosEmDestaque;\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport BannerPrincipal from './BannerPrincipal';\r\nimport ProdutosEmDestaque from './ProdutosEmDestaque';\r\nimport BannerMarcas from './BannerMarcas';\r\n\r\nconst PaginaPrincipal = () => {\r\n\r\n React.useEffect(() => {\r\n document.title = window.$tituloSite\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.getProdutos(this.state.ds)}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default PaginaPrincipal;\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Swiper, SwiperSlide } from 'swiper/react';\r\nimport SwiperCore, { Autoplay, Navigation, Pagination, Scrollbar, A11y } from 'swiper'\r\n\r\nimport 'swiper/swiper.scss';\r\nimport 'swiper/components/navigation/navigation.scss';\r\nimport 'swiper/components/pagination/pagination.scss';\r\nimport 'swiper/components/scrollbar/scrollbar.scss';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso } from '../../Uteis/Uteis';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass BannerMarcas extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n SwiperCore.use([Autoplay, Navigation, Pagination, Scrollbar, A11y]);\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n this.getBanners();\r\n }\r\n\r\n getBanners = () => {\r\n HTTP_POST(\r\n '/getBanners',\r\n {\r\n idBanner: 2\r\n }).then(res => { \r\n if (res.data.status === 'ok')\r\n this.setState({ ds: !res.data.ds.length ? null : res.data.ds }) \r\n else{\r\n aviso('erro', 'Erro obtendo banners, tente novamente');\r\n this.setState({ ds: null });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo banners, tente novamente');\r\n this.setState({ ds: null });\r\n });\r\n }\r\n\r\n render() {\r\n if (!this.state.ds)\r\n return \r\n\r\n const paramsSwiper = {\r\n spaceBetween: 30,\r\n loop: true,\r\n slidesPerView: 'auto',\r\n pagination: {\r\n //el: '.swiper-pagination',\r\n clickable: true,\r\n },\r\n navigation: {\r\n //nextEl: '.swiper-button-next',\r\n //prevEl: '.swiper-button-prev',\r\n },\r\n breakpoints: {\r\n 640: {\r\n slidesPerView: 3,\r\n spaceBetween: 20,\r\n },\r\n 768: {\r\n slidesPerView: 5,\r\n spaceBetween: 40,\r\n },\r\n 1024: {\r\n slidesPerView: 6,\r\n spaceBetween: 50,\r\n },\r\n },\r\n autoplay: {\r\n delay: 2500,\r\n disableOnInteraction: false,\r\n },\r\n }\r\n\r\n const itens = this.state.ds.map(v=> \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n }\r\n\r\n getCupomHTML = () => {\r\n return | Produto | \r\nModelo | \r\nQuantidade | \r\nPreço Un. | \r\nTotal | \r\n
\r\n \r\n
\r\n }\r\n\r\n getFreteHTML = () => {\r\n return \r\n
\r\n \r\n Verificar cupom
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n { this.setState({ cupom: e.target.value }) }}/>\r\n \r\n {\r\n http.get(`/getCupom/${this.state.cupom}`)\r\n .then((res) => {\r\n if (res.data.valido) {\r\n aviso('sucesso', \"Cupom Válido\")\r\n }\r\n else {\r\n aviso('aviso', \"Cupom Inválido\")\r\n }\r\n })\r\n }} />\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n getValePresenteHTML = () => {\r\n return \r\n
\r\n \r\n Calcular frete
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n render() {\r\n let produtos = getK('produtosNoCarrinho');\r\n\r\n let valorTotal = 0, subTotal = 0\r\n let itens = []\r\n\r\n if (produtos) {\r\n subTotal = produtos.reduce((acc, v) => { return acc + (v.quantidade * v.valorUnitario) }, 0)\r\n valorTotal = subTotal\r\n itens = produtos.map((obj) => this.getItemHTML(obj))\r\n }\r\n\r\n let carrinho = <>\r\n
\r\n Utilizar vale presentes
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n { aviso('aviso', 'Vale Presente Inválido') }} />\r\n
\r\n Carrinho de compras
Seu carrinho de compras está vazio.
\r\n\r\n if (itens.length !== 0)\r\n carrinho = <>\r\nCarrinho de compras ({formataNumero(valorTotal)}BR)
\r\n\r\n {this.getItensHTML(itens)}\r\n\r\nO que você deseja?
\r\nClique na opção abaixo:
\r\n\r\n {this.getCupomHTML()}\r\n {/*this.getFreteHTML()*/}\r\n {/*this.getValePresenteHTML()*/}\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Sub-total: | \r\nR${formataNumero(subTotal)} | \r\n
| Total: | \r\nR${formataNumero(valorTotal)} | \r\n
\r\n
\r\n \r\n\r\n return (\r\n Finalizar pedido
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withCookies(Carrinho));","import React from 'react';\r\nimport { Pagination } from 'react-bootstrap';\r\nimport { setParams } from '../Uteis/Uteis';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { setPaginaAtiva } from '../red/actions';\r\n\r\nclass JPagination extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n const qtdePaginas = Math.ceil(this.props.totalDeItens / this.props.itensPorPagina);\r\n\r\n this.state = { \r\n itensPorPagina: this.props.itensPorPagina,\r\n totalDeItens: this.props.totalDeItens,\r\n qtdePaginas: qtdePaginas,\r\n onChange: this.props.onChange \r\n }\r\n } \r\n\r\n getPages() {\r\n const qtdePaginasVisiveis = 7;\r\n const {qtdePaginas} = this.state; \r\n\r\n let paginaAtiva = this.props.paginaAtiva;\r\n if(paginaAtiva === 0)\r\n paginaAtiva = 1\r\n if(paginaAtiva > this.state.qtdePaginas && this.state.qtdePaginas !== 0)\r\n paginaAtiva = qtdePaginas\r\n\r\n let primeiraPagina = paginaAtiva - 3;\r\n\r\n if(qtdePaginas - primeiraPagina < 7)\r\n primeiraPagina = qtdePaginas - 7;\r\n\r\n if (primeiraPagina <= 0)\r\n primeiraPagina = 1; \r\n\r\n var arr = []\r\n for (var i = primeiraPagina; i <= qtdePaginas && i < primeiraPagina + qtdePaginasVisiveis+1; i++)\r\n arr.push(- \r\n
- \r\n
- Carrinho de compras \r\n
\r\n
\r\n \r\n {carrinho}\r\n
\r\n \r\n \r\n \r\n
\r\n Exibindo de {(pa-1) * this.state.itensPorPagina + 1} a {pa === this.state.qtdePaginas ? this.state.totalDeItens : this.state.itensPorPagina * pa} do total de {this.state.totalDeItens} ({this.state.qtdePaginas} páginas)
\r\n \r\n\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n paginaAtiva: store.loggedReducer.paginaAtiva\r\n });\r\n \r\n const mapDispatchToProps = dispatch =>\r\n bindActionCreators({ setPaginaAtiva }, dispatch); \r\n \r\n export default withRouter(connect(mapStateToProps, mapDispatchToProps)(JPagination));\r\n","import React from 'react';\r\nimport Produto from '../Components/Produto';\r\nimport JPagination from './JPagination';\r\nimport { withRouter } from \"react-router\";\r\nimport { setParams, aviso, getParametro } from '../Uteis/Uteis';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect, useDispatch } from 'react-redux';\r\nimport { setItensPorPagina, setBuscaMarca, setBuscaLinha, setBuscaFamilia, setOrdenarPor, setBuscaCodigo } from '../red/actions';\r\nimport { HTTP_POST } from '../api/api';\r\nimport Tip from '../Uteis/Tip';\r\nimport { usePesquisa } from '../context';\r\n\r\nconst Produtos = (props) => {\r\n const dispatch = useDispatch();\r\n\r\n const [ds, setDS] = React.useState(null);\r\n const [dsFamilias, setDSFamilias] = React.useState(null)\r\n const [dsLinhas, setDSLinhas] = React.useState(null)\r\n const { pesquisa, setPesquisa } = usePesquisa();\r\n\r\n React.useEffect(() => {\r\n HTTP_POST('/getCategorias', {}\r\n ).then(res => {\r\n if (res.data.message === 'Erro getCategorias API') {\r\n setDS(null)\r\n }\r\n else\r\n setDS(res.data.ds)\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getCategorias, tente novamente!');\r\n });\r\n\r\n HTTP_POST('/getNavbarLateral', {}\r\n ).then(res => {\r\n if (res.data.message === 'Erro getNavbarLateral API') {\r\n setDSLinhas(null)\r\n }\r\n else\r\n setDSLinhas(res.data.ds)\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getNavbarLateral, tente novamente!');\r\n });\r\n\r\n\r\n HTTP_POST('/getFamilias', {}\r\n ).then(res => {\r\n if (res.data.message === 'Erro getFamilias API') {\r\n setDSFamilias(null)\r\n }\r\n else\r\n setDSFamilias(res.data.ds)\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getFamilias, tente novamente!');\r\n });\r\n }, [])\r\n\r\n const getCategorias = () => {\r\n if (ds === null || ds === undefined)\r\n return <>\r\n\r\n const catx = ds.map(cat => );\r\n catx.unshift()\r\n return catx;\r\n }\r\n\r\n const getProdutos = (ds) => {\r\n if (!ds)\r\n return ()\r\n\r\n const produtoComponents = props.ds.map((produto, i) => \r\n
\r\n {botaoZerarMarcas} {titulo}\r\n
\r\n\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Categorias:\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Ordenar por:\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Exibir:\r\n
\r\n \r\n \r\n {getProdutos(props.ds)}\r\n
\r\n \r\n {getPagination(props.ds)}\r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n itensPorPagina: store.loggedReducer.itensPorPagina,\r\n buscaMarca: store.loggedReducer.buscaMarca,\r\n buscaLinha: store.loggedReducer.buscaLinha,\r\n buscaFamilia: store.loggedReducer.buscaFamilia,\r\n buscaCodigo: store.loggedReducer.buscaCodigo,\r\n ordenarPor: store.loggedReducer.ordenarPor\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({ setItensPorPagina, setBuscaMarca, setBuscaLinha, setBuscaFamilia, setOrdenarPor }, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Produtos));\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\n\r\nconst CaminhoBreadCrumb = () => {\r\n return (\r\n - \r\n
- \r\n
- Pesquisando por \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n buscaCodigo: store.loggedReducer.buscaCodigo,\r\n buscaMarca: store.loggedReducer.buscaMarca,\r\n buscaLinha: store.loggedReducer.buscaLinha,\r\n buscaFamilia: store.loggedReducer.buscaFamilia,\r\n itensPorPagina: store.loggedReducer.itensPorPagina,\r\n paginaAtiva: store.loggedReducer.paginaAtiva,\r\n ordenarPor: store.loggedReducer.ordenarPor,\r\n });\r\n\r\n const mapDispatchToProps = dispatch =>\r\n bindActionCreators({setBuscaCodigo, setBuscaMarca, setBuscaLinha, setBuscaFamilia}, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(ResultadoBusca));\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\n\r\n// const MinhaContaMenuLateral = () => {\r\nclass MinhaContaMenuLateral extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n menu: []\r\n }\r\n }\r\n\r\n getHTMLItensMenu() {\r\n let itensMenu = [\r\n { nome: 'Acessar', url: '/login', showIf: 'notLogged' },\r\n { nome: 'Cadastre-se', url: '/cadastro', showIf: 'notLogged' },\r\n { nome: 'Solicitar nova senha', url: '/alterarSenha', showIf: 'logged' },\r\n { nome: 'Minha conta', url: '/minhaConta', showIf: 'logged' },\r\n { nome: 'Endereços', url: '/listaDeEnderecos', showIf: 'logged' },\r\n { nome: 'Lista de desejos', url: '/listaDeDesejos', showIf: 'logged' },\r\n { nome: 'Histórico de pedidos', url: '/meusPedidos', showIf: 'logged' },\r\n { nome: 'Informativo', url: '/informativo', showIf: 'logged' }\r\n ];\r\n\r\n return itensMenu.map((item, index) => {\r\n const link = {item.nome}\r\n\r\n if (item.showIf == 'logged' && this.props.logged) {\r\n return link\r\n } else if (item.showIf == 'notLogged' && !this.props.logged) {\r\n return link\r\n } else if (item.showIf == 'always') {\r\n return link\r\n }\r\n\r\n return null;\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {this.getHTMLItensMenu()}\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n logged: store.loggedReducer.logged,\r\n usuario: store.loggedReducer.usuario,\r\n});\r\n\r\n// export default MinhaContaMenuLateral;\r\nexport default withRouter(connect(mapStateToProps)(MinhaContaMenuLateral));","import React from 'react';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport JInput, { validaJInputs } from '../../Uteis/JInput';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, validaEmail } from '../../Uteis/Uteis';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\n\r\nclass Cadastro extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n jInputs: [],\r\n enviandoCadastro: false\r\n }\r\n document.title = window.$tituloSite\r\n }\r\n\r\n validaDados = () => {\r\n if (!validaJInputs(this))\r\n return false;\r\n\r\n console.log(this.state)\r\n if (this.state.dados.agree !== 'S') {\r\n aviso('aviso', 'Para continuar, aceite os termos do contrato da politica de qualidade', 5000)\r\n return false;\r\n }\r\n\r\n const { dados } = this.state;\r\n\r\n if (dados.passwordconfirm !== dados.password) {\r\n aviso('aviso', 'A confirmação da senha não está correta, ajuste e tente novamente!', 5000)\r\n return false;\r\n }\r\n\r\n return true\r\n }\r\n\r\n enviarCadastro = () => {\r\n if (!this.validaDados())\r\n return\r\n\r\n this.setState({ enviandoCadastro: true, textoBotaoEnviar: 'Enviando cadastro, aguarde...' });\r\n\r\n HTTP_POST(\r\n '/efetivarCadastro',\r\n {\r\n dados: this.state.dados\r\n }).then(res => {\r\n if (res.data.status === 'sucesso') {\r\n aviso('sucesso', 'Cadastro realizado com sucesso', 5000)\r\n this.props.history.push('/cadastroSucesso')\r\n }\r\n else {\r\n aviso('erro', res.data.message);\r\n this.setState({ enviandoCadastro: false, textoBotaoEnviar: undefined });\r\n }\r\n }).catch(error => {\r\n aviso('erro', error);\r\n this.setState({ enviandoCadastro: false, textoBotaoEnviar: undefined });\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Cadastro);\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, loadUser } from '../../Uteis/Uteis';\r\nimport { withCookies } from 'react-cookie';\r\n\r\nclass Login extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n email: '',\r\n senha: ''\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n onUserChange = (event) => {\r\n this.setState({ email: event.target.value })\r\n }\r\n\r\n onPasswordChange = (event) => {\r\n this.setState({ senha: event.target.value })\r\n }\r\n\r\n onLogin = () => {\r\n HTTP_POST('/login',\r\n {\r\n email: this.state.email,\r\n senha: this.state.senha,\r\n jps: this.props.cookies.get('jps')\r\n }\r\n ).then(res => {\r\n if (res.data.message) {\r\n aviso('erro', res.data.message);\r\n }\r\n else {\r\n aviso('aviso', 'Usuário Logado com sucesso!')\r\n loadUser(this.props.app, res.data.usuario, res.data.token);\r\n this.props.history.push('/')\r\n }\r\n }\r\n ).catch(err => {\r\n aviso('erro', err.message);\r\n })\r\n }\r\n\r\n onKeyPressPassword = (e) => {\r\n if (e.key === 'Enter')\r\n this.onLogin()\r\n }\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Cadastre-se \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n Cadastre sua conta
\r\nSe você já tem uma conta em nossa loja, acesse sua conta clicando aqui.
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(withCookies(Login));\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, loadUser } from '../../Uteis/Uteis';\r\nimport { Card } from 'react-bootstrap';\r\nimport { withCookies } from 'react-cookie';\r\n\r\nclass CheckoutLogin extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n email: '',\r\n senha: ''\r\n }\r\n } \r\n\r\n \r\n onUserChange = (event) => {\r\n this.setState({ email: event.target.value })\r\n }\r\n\r\n onPasswordChange = (event) => {\r\n this.setState({ senha: event.target.value })\r\n }\r\n\r\n cadastrarNovaConta = () => {\r\n this.props.history.push('/cadastro')\r\n }\r\n\r\n onLogin = () => {\r\n HTTP_POST('/login',\r\n {\r\n email: this.state.email,\r\n senha: this.state.senha, \r\n jps: this.props.cookies.get('jps')\r\n }\r\n ).then(res => {\r\n if (res.data.message) {\r\n aviso('erro', res.data.message);\r\n }\r\n else {\r\n aviso('aviso', 'Usuário Logado com sucesso!')\r\n console.log(res.data.usuario)\r\n console.log(this.props.app)\r\n loadUser(this.props.app, res.data.usuario, res.data.token);\r\n }\r\n }\r\n ).catch(err => {\r\n aviso('erro', err.message);\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Acessar \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Ainda não é cliente?
\r\nCadastre sua conta.
\r\nAo cadastrar sua conta, você será capaz de comprar mais rápido, ficar atualizado sobre a situação de um pedido e acompanhar o histórico dos pedidos que você já fez.
\r\n Continuar\r\n\r\n
\r\n \r\n
\r\n Já é cliente?
\r\nSe você já fez um pedido e cadastrou uma conta, coloque os dados da conta abaixo:
\r\n \r\nLogin
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n getEnderecoNovo = () => {\r\n if (this.state.tipoCadastro !== 'novo')\r\n return <>\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n {this.getEnderecosCadastrados()}\r\n \r\n
\r\n \r\n
\r\n {this.getEnderecoNovo()}\r\n \r\n
\r\n \r\n \r\n
\r\n {this.props.tipoEndereco === 'fatura' ? 'Endereço para Fatura' : 'Endereço para Entrega'}
\r\n\r\n
)\r\n }\r\n\r\n getHTMLTiposFrete(){\r\n return this.state.ds.map(v => )\r\n }\r\n\r\n getBody = () => {\r\n if (!this.state.visibleBody)\r\n return <>\r\n\r\n return (\r\n - \r\n {ds.map(v =>\r\n
{this.atualizaSelecaoDeFreteCustomizado(v.id, v.valorFrete, v)}}>\r\n \r\n 
{this.atualizaSelecaoDeFreteCustomizado(v.id, v.valorFrete)}}>\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
Selecione como deseja receber o seu pedido.
\r\n {this.getHTMLTiposFrete()}\r\n {this.getHTMLTipoCustomizado()}\r\n\r\n
Prazo de entrega válido após a remessa for postada no correio. Aviso de recesso de fim de ano: Os pedidos feitos a partir do dia 21/12/2022 serão entregues a partir do dia 09/01/2023.
\r\n\r\n
Adicione um comentário sobre seu pedido:
\r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Contato;\r\n\r\n\r\n","import React from 'react';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst MinhaConta = () => {\r\n React.useEffect(() => {\r\n document.title = window.$tituloSite\r\n }, [])\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MinhaConta;\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout, formataData, formataDataHora } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass ListaDeCartoes extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount(){\r\n this.getCartoes()\r\n }\r\n\r\n getCartoes = () => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/getCartoes',\r\n {\r\n idCliente: this.props.usuario.id\r\n }).then(res => {\r\n\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds })\r\n else\r\n aviso('erro', 'Erro obtendo cartão, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo cartão, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n excluirCartao = (idCartao) => {\r\n HTTP_POST(\r\n '/excluirCartao',\r\n {\r\n idCliente: this.props.usuario.id,\r\n idCartao: idCartao\r\n\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n aviso('aviso', 'Cartão Excluido com sucesso!');\r\n else\r\n aviso('erro', 'Erro excluindo cartão, tente novamente');\r\n this.getCartoes();\r\n\r\n }).catch(error => {\r\n aviso('erro', 'Erro excluindo cartão, tente novamente');\r\n });\r\n }\r\n\r\n alterarCartao = (cartao) => {\r\n this.props.history.push({pathname: \"/incAltCartao\", cartao: cartao})\r\n }\r\n\r\n render() {\r\n let cartoes = []\r\n\r\n if(this.state.ds)\r\n cartoes = this.state.ds.map((v,i) =>\r\n \r\n
\r\n \r\n
\r\n \r\n Minha conta
\r\n- \r\n
- Informações da conta \r\n
- Modificar senha \r\n
- Endereços \r\n
- Cartões Cadastrados \r\n
- Lista de desejos \r\n
Meus pedidos
\r\n- \r\n
- Histórico de pedidos \r\n {/*
- Downloads \r\n
- Pontos \r\n
- Devoluções \r\n
- Transações \r\n
- Assinaturas */}\r\n
Programa de afiliados
\r\n- \r\n
- Cadastre-se e participe \r\n
Informativo
\r\n- \r\n
- Assinatura para receber novidades e promoções \r\n
Número: ...{v.numeroCartao.substr(v.numeroCartao.length - 4)}
Cadastrado em: {formataDataHora(v.dataCadastro)}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListaDeCartoes);\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport JInput, { validaJInputs } from '../../Uteis/JInput';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, tokenInvalido, logout, getUsuario, formataData } from '../../Uteis/Uteis';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass InformacoesDaConta extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n jInputs:[],\r\n enviandoDados: false\r\n }\r\n\r\n this.setState({ dados: Object.assign(this.state.dados, getUsuario()) })\r\n document.title = window.$tituloSite\r\n }\r\n\r\n validaDados = () =>{\r\n if(!validaJInputs(this))\r\n return false;\r\n\r\n return true\r\n }\r\n\r\n alterarInformacoesDaConta = () => {\r\n if(!this.validaDados())\r\n return\r\n\r\n this.setState({enviandoDados: true});\r\n\r\n HTTP_POST(\r\n '/alterarCadastro',\r\n {\r\n idCliente: this.props.usuario.id,\r\n dados: this.state.dados\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if(res.data.status === 'sucesso')\r\n {\r\n aviso('sucesso', 'Alteração realizada com sucesso', 5000)\r\n this.props.history.push('/minhaConta')\r\n this.atualizaDadosUsuario();\r\n }\r\n else\r\n {\r\n aviso('erro', 'Erro efetivando cadastro, tente novamente');\r\n this.setState({enviandoDados: false});\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando cadastro, tente novamente');\r\n this.setState({enviandoDados: false});\r\n });\r\n }\r\n\r\n atualizaDadosUsuario = () => {\r\n Object.assign(this.props.usuario, this.state.dados)\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Cartões \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n Lista de cartões
\r\n\r\n \r\n \r\n {cartoes}\r\n \r\n
\r\n
\r\n \r\n
\r\n Voltar
\r\n {/**/}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n });\r\n\r\n const mapDispatchToProps = dispatch =>\r\n bindActionCreators({ }, dispatch);\r\n\r\n\r\n export default connect(mapStateToProps, mapDispatchToProps)(InformacoesDaConta);\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout, getParams, loadUser } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass AlterarSenha extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n senha: '',\r\n confirmacaoSenha: '',\r\n btnContinuarDisabled: false\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount() {\r\n this.verificaLoad()\r\n }\r\n\r\n componentWillReceiveProps(props) {\r\n this.verificaLoad()\r\n }\r\n\r\n verificaLoad = () => {\r\n if (window.location.pathname === '/alterarSenhaCode') {\r\n const code = getParams(this.props, 'code')\r\n if (!code)\r\n this.props.history.push('/')\r\n\r\n this.verificaHash(code)\r\n }\r\n }\r\n\r\n verificaHash = (code) => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/solicitarNovaSenhaValidaHash',\r\n {\r\n code: code\r\n }).then(res => {\r\n if (res.data.status === 'ok')\r\n {\r\n console.log('ok')\r\n loadUser(window.$app, res.data.usuario, res.data.token);\r\n this.props.history.push('/alterarSenha')\r\n this.setState({ enviandoDados: false});\r\n }\r\n else\r\n this.props.history.push('/')\r\n\r\n }).catch(error => {\r\n this.props.history.push('/')\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n alterarSenha = () => {\r\n if (this.state.senha.length < 5) {\r\n aviso('aviso', 'Senha precisa ter ao menos 5 caracteres')\r\n return\r\n }\r\n\r\n if (this.state.confSenha !== this.state.senha) {\r\n aviso('aviso', 'Senha não confere, verifique os dados digitados!')\r\n return\r\n }\r\n\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/alterarSenha',\r\n {\r\n idCliente: this.props.usuario.id,\r\n senha: this.state.senha\r\n }).then(res => {\r\n if (tokenInvalido(res)) {\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'sucesso') {\r\n aviso('sucesso', 'Alteração realizada com sucesso', 5000)\r\n this.props.history.push('/minhaConta')\r\n }\r\n else {\r\n aviso('erro', 'Erro efetivando tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Informações da conta
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AlterarSenha);\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass ListaDeEnderecos extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount(){\r\n this.getEnderecos()\r\n }\r\n\r\n getEnderecos = () => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/getEnderecos',\r\n {\r\n idCliente: this.props.usuario.id\r\n }).then(res => {\r\n\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds })\r\n else\r\n aviso('erro', 'Erro obtendo endereços, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo endereços, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n excluirEndereco = (idEndereco) => {\r\n HTTP_POST(\r\n '/excluirEndereco',\r\n {\r\n idCliente: this.props.usuario.id,\r\n idEndereco: idEndereco\r\n\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n aviso('aviso', 'Endereço Excluido com sucesso!');\r\n else\r\n aviso('erro', 'Erro excluindo endereço, tente novamente');\r\n this.getEnderecos();\r\n\r\n }).catch(error => {\r\n aviso('erro', 'Erro excluindo endereço, tente novamente');\r\n });\r\n }\r\n\r\n alterarEndereco = (endereco) => {\r\n this.props.history.push({pathname: \"/incAltEndereco\", endereco: endereco})\r\n }\r\n\r\n render() {\r\n let enderecos = []\r\n\r\n if(this.state.ds)\r\n enderecos = this.state.ds.map((v,i) =>\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Modificar senha
\r\n \r\n \r\n{v.endereco + '-' + v.numero + ' - ' + v.bairro}
{v.cidade + '-' + v.estado + ' - ' + v.cep}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListaDeEnderecos);\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, logout, tokenInvalido } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport Endereco from '../../Components/Endereco';\r\nimport { validaJInputs } from '../../Uteis/JInput';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass IncAltEndereco extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n estado: props.location.endereco ? props.location.endereco.estado : '',\r\n jInputs: [],\r\n enviandoDados: false\r\n }\r\n\r\n if(this.props.location.endereco)\r\n this.setState({\r\n dados: Object.assign(this.state.dados, props.location.endereco)\r\n })\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n validaDados = () =>{\r\n if(!validaJInputs(this))\r\n return false;\r\n\r\n return true\r\n }\r\n\r\n salvarEndereco = () => {\r\n if(!this.validaDados())\r\n return\r\n\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/salvarEndereco',\r\n {\r\n dados: this.state.dados,\r\n idCliente: this.props.usuario.id,\r\n estado: this.state.estado,\r\n idEndereco: this.props.location.endereco ? this.props.location.endereco.id : undefined\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'sucesso') {\r\n aviso('sucesso', 'Alteração realizada com sucesso', 5000)\r\n this.props.history.push('/listaDeEnderecos')\r\n }\r\n else {\r\n aviso('erro', 'Erro efetivando tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Endereços \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n Lista de endereços
\r\n\r\n \r\n \r\n {enderecos}\r\n \r\n
\r\n
\r\n \r\n
\r\n Voltar
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IncAltEndereco);\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst CadastroSucesso = () => {\r\n\r\n React.useEffect(() => {\r\n document.title = window.$tituloSite\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Novo endereço
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default CadastroSucesso;\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport { HTTP_POST } from '../api/api';\r\nimport { aviso, formataData, logout, tokenInvalido } from '../Uteis/Uteis';\r\n\r\nclass NovoComentario extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {}\r\n }\r\n\r\n onChangeAvaliacao = (e) => {\r\n this.setState({ avaliacao: e.target.value })\r\n }\r\n\r\n onClickContinuar = () => {\r\n if (!this.state.comentario || this.state.comentario.length < 40) {\r\n aviso('aviso', 'Avaliação precisa ter ao menos 40 caracteres para ser registrada!')\r\n return;\r\n }\r\n\r\n if (!this.state.avaliacao) {\r\n aviso('aviso', 'Faça a seleção da nota (RUIM/BOM) para efetivar sua avaliação!!')\r\n return;\r\n }\r\n\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/registrarNovoComentario',\r\n {\r\n idCliente: this.props.usuario.id,\r\n comentario: this.state.comentario,\r\n avaliacao: this.state.avaliacao,\r\n codigoProduto: this.props.codigoProduto\r\n }).then(res => {\r\n if (tokenInvalido(res)) {\r\n logout(this.props.app)\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok') {\r\n aviso('sucesso', ' Obrigado por seu comentário. Ele foi enviado para aprovação.', 5000)\r\n this.setState({ avaliacao: undefined, comentario: '', enviandoDados: false })\r\n }\r\n else {\r\n aviso('erro', 'Erro efetivando tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n getHTMLEscreva = () => {\r\n\r\n const nomeUsuario = this.props.usuario.nome;\r\n\r\n return (\r\n <>\r\n - \r\n
- \r\n
- Minha conta \r\n
- Confirmação \r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n Sua conta foi cadastrada.
\r\nÉ com grande satisfação que lhe agradecemos por se cadastrar na nossa loja.
Assim que sua conta for aprovada, você receberá um e-mail de aprovação.
Se você não receber o e-mail de aprovação dentro de 24 horas, entre em contato conosco.
\r\n\r\n
\r\n\r\n Continuar
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Nota: HTML não suportado.
\r\n \r\n
\r\n\r\n \r\n )\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n logged: store.loggedReducer.logged,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(NovoComentario);","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport { HTTP_POST } from '../api/api';\r\nimport { aviso, formataData, logout, tokenInvalido } from '../Uteis/Uteis';\r\n\r\nclass ListaComentarios extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {}\r\n }\r\n\r\n componentDidMount() {\r\n this.getComentarios(this.props);\r\n }\r\n\r\n componentWillReceiveProps(propsNext) {\r\n this.getComentarios(propsNext);\r\n }\r\n\r\n getComentarios = (pp) => {\r\n console.log('db')\r\n HTTP_POST(\r\n '/getComentarios',\r\n {\r\n idCliente: pp.usuario.id,\r\n codigoProduto: pp.codigoProduto\r\n }).then(res => {\r\n if (res.data.status === 'ok') {\r\n this.setState({ dsComentarios: res.data.ds })\r\n }\r\n else {\r\n aviso('erro', 'Erro obtendo comentarios...');\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo comentarios...');\r\n });\r\n }\r\n\r\n getAvaliacaoHTML = (avaliacao) => {\r\n let arr = []\r\n for (var i = 0; i < 5; i++) {\r\n arr.push(\r\n \r\n {i < Number(avaliacao) ? : <>}\r\n )\r\n\r\n }\r\n return arr\r\n }\r\n\r\n getComentariosHTML = () => {\r\n if (!this.state.dsComentarios)\r\n return <>\r\n\r\n const itens = this.state.dsComentarios.map((v,i) => {\r\n return \r\n \r\n Ruim \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Bom
\r\n | {v.nome} | \r\n{formataData(new Date(v.dataHora))} | \r\n
| \r\n {v.comentario} \r\n {this.getAvaliacaoHTML(v.avaliacao)}\r\n | \r\n
\r\n {this.state.dsComentarios.length === 0 ?
\r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n logged: store.loggedReducer.logged,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListaComentarios);","import React, { useEffect, useState } from 'react'\r\nimport Zoom from 'react-medium-image-zoom'\r\nimport 'react-medium-image-zoom/dist/styles.css'\r\nimport './ProductImage.css'\r\nimport http from '../api/http'\r\n\r\nexport default function ({ images }) {\r\n const imgLG = window.$usarImagemLG ? \"lg.png\" : '.png'\r\n const [img, setImg] = useState(images[0].replaceAll(\".png\", imgLG))\r\n const [imagens, setImagens] = useState([])\r\n const [selIndex, setSelIndex] = useState(0)\r\n\r\n function imageExists(url) {\r\n return new Promise(resolve => {\r\n const img = new Image();\r\n img.src = url;\r\n img.onload = () => resolve(true);\r\n img.onerror = () => resolve(false);\r\n });\r\n }\r\n\r\n const image = new Promise(resolve => {\r\n imageExists(images[0])\r\n .then(res => resolve(res))\r\n })\r\n\r\n const image2 = new Promise(resolve => {\r\n imageExists(images[1])\r\n .then(res => resolve(res))\r\n })\r\n\r\n const image3 = new Promise(resolve => {\r\n imageExists(images[2])\r\n .then(res => resolve(res))\r\n })\r\n\r\n const image4 = new Promise(resolve => {\r\n imageExists(images[3])\r\n .then(res => resolve(res))\r\n })\r\n\r\n const image5 = new Promise(resolve => {\r\n imageExists(images[4])\r\n .then(res => resolve(res))\r\n })\r\n\r\n function fectchImages() {\r\n Promise.all([image, image2, image3, image4, image5])\r\n .then(values => {\r\n let imageFilter = []\r\n for (let index = 0; index < images.length; index++)\r\n {\r\n if (values[index])\r\n imageFilter.push(images[index])\r\n }\r\n setImagens(imageFilter)\r\n })\r\n\r\n }\r\n\r\n useEffect(() => {\r\n fectchImages()\r\n }, [])\r\n\r\n useEffect(() => { }, [imagens])\r\n\r\n return (\r\n Não há comentários para este produto.
: itens}\r\n\r\n \r\n \r\n 
{ e.target.onerror = null; e.target.src = window.$pathSemImagem }} title={\"titulo\"} alt={\"titulo\"} />\r\n \r\n \r\n
\r\n Imagem meramente ilustrativa
\r\n\r\n {\r\n imagens.map((row, index) =>\r\n (\r\n 
{\r\n row = row.replaceAll(\".png\", imgLG)\r\n setImg(row)\r\n setSelIndex(index)\r\n }}\r\n style={{ minWidth: \"100px\", maxHeight: \"100px\", \"&:hover\": { border: \"1px solid white\" } }}\r\n />\r\n ))\r\n }\r\n
\r\n { window.location.href = `/produtoDetalhes?codigoProduto=${codigoProduto}` }}>\r\n\r\n 
\r\n
\r\n )\r\n}\r\n\r\nexport default function ProdutosRelacionados({ codigoProduto }) {\r\n const [relacionados, setRelacionados] = React.useState([]);\r\n\r\n React.useEffect(() => {\r\n http.get(`/produtosRelacionados/${codigoProduto}`)\r\n .then((res) => {\r\n setRelacionados(res.data);\r\n })\r\n .catch((err) => {alert(err)})\r\n }, [codigoProduto])\r\n\r\n return (\r\n <>\r\n \r\n
\r\n {descricao}
\r\nProdutos Relacionados
\r\n\r\n
\r\n \r\n );\r\n}","import React from 'react';\r\nimport { Tabs, Tab, Alert } from 'react-bootstrap';\r\nimport Tip from '../../Uteis/Tip'\r\nimport { getParams, aviso, formataNumero, carrinhoAddProduto, listaDeDesejosAddProduto, getIDUsuario } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { withRouter, Link } from 'react-router-dom';\r\nimport {withCookies} from 'react-cookie';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport NovoComentario from '../../Components/NovoComentario';\r\nimport ListaComentarios from '../../Components/ListaComentarios';\r\nimport Zoom from 'react-medium-image-zoom'\r\nimport 'react-medium-image-zoom/dist/styles.css'\r\nimport ProductImage from '../../Components/ProductImage';\r\nimport ProdutosRelacionados from '../../Components/ProdutosRelacionados';\r\n\r\nvar _ = require('lodash');\r\n\r\nclass ProdutoDetalhes extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null,\r\n quantidade: 1,\r\n added: false,\r\n btnComprarDisabled: false,\r\n selectedImage: \"\"\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this.inicializa(this.props)\r\n }\r\n\r\n componentWillReceiveProps(propsNext)\r\n {\r\n if(_.isEqual(propsNext, this.props))\r\n return\r\n\r\n this.inicializa(propsNext)\r\n }\r\n\r\n inicializa = (px) => {\r\n const codigoProduto = getParams(px, 'codigoProduto');\r\n\r\n HTTP_POST('/getProduto', {\r\n codigoProduto: codigoProduto\r\n }\r\n ).then(res => {\r\n if (res.data.status === 'error')\r\n this.setState({ ds: null })\r\n else {\r\n this.setState({ ds: res.data.ds })\r\n console.log()\r\n document.title = res.data.ds[0].descricaoInterna\r\n }\r\n\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getProduto, tente novamente!');\r\n });\r\n }\r\n\r\n onChangeQuantidade = (event) => {\r\n const value = event.target.value.replace(/\\D/g, '');\r\n this.setState({quantidade: value});\r\n }\r\n\r\n addCarrinho = () => {\r\n\r\n if(this.state.quantidade === '')\r\n {\r\n aviso('erro', 'Informe uma quantidade para continuar!')\r\n return\r\n }\r\n\r\n this.setState({btnComprarDisabled: true})\r\n setTimeout(() => { this.setState({btnComprarDisabled: false}) }, 500);\r\n\r\n carrinhoAddProduto(this.props.cookies, getIDUsuario(), this.state.ds[0].codigoProduto, this.state.quantidade)\r\n\r\n this.setState({added: true})\r\n }\r\n\r\n getAlertHTML = () =>\r\n {\r\n const { sku, descricaoInterna, codigoProduto } = this.state.ds[0];\r\n const titulo = sku + ' - ' + descricaoInterna;\r\n\r\n if(this.state.added)\r\n return (\r\n
R$Sob. Consulta
R${formataNumero(valorUnitario)}
R${formataNumero(valorUnitario)}
ERROR
\r\n\r\n let { sku, descricaoInterna, marca, idMarca, codigoProduto, descricaoCompleta, valorUnitario, valorPromo, qComentarios, media, disponibilidade, saldoAtual} = this.state.ds[0];\r\n let { imagem, imagem2, imagem3, imagem4, imagem5 } = this.state.ds[0]\r\n let imagens = [ imagem, imagem2, imagem3, imagem4, imagem5 ];\r\n\r\n const titulo = sku + ' - ' + descricaoInterna;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n logged: store.loggedReducer.logged,\r\n usuario: store.loggedReducer.usuario\r\n });\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({ }, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(withCookies(ProdutoDetalhes)));\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useLocation } from 'react-router';\r\nconst CheckoutSucesso = () => {\r\n const { state } = useLocation()\r\n\r\n function copiar()\r\n {\r\n var textField = document.createElement('textarea')\r\n textField.innerText = state.linhaDigitavel\r\n document.body.appendChild(textField)\r\n textField.select()\r\n document.execCommand('copy')\r\n textField.remove()\r\n\r\n }\r\n\r\n return (\r\n - \r\n
- \r\n
- {marca} \r\n
- {sku} \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n - \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {this.getDescricaoPrincipalProduto(this.state.ds[0])}
\r\n- \r\n
- Categoria: {marca} \r\n
- Modelo: {titulo} \r\n
- Disponibilidade: {disponibilidade} \r\n
- \r\n {this.getValorUnitario(valorUnitario, valorPromo)}\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {this.getHTMLMediaComentarios(media)}\r\n {qComentarios} comentários / Escreva um comentário\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CheckoutSucesso;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso } from '../../Uteis/Uteis';\r\nimport { withRouter } from \"react-router\";\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nclass Videos extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null,\r\n }\r\n\r\n }\r\n\r\n componentWillReceiveProps() {\r\n this.getVideos();\r\n }\r\n\r\n componentDidMount() {\r\n this.getVideos();\r\n document.title = \"Vídeos\"\r\n }\r\n\r\n componentDidUpdate(op, os) {\r\n if (this.props.location.search != op.location.search)\r\n {\r\n let query = new URLSearchParams(this.props.location.search);\r\n\r\n if (query.get(\"id\"))\r\n {\r\n this.setState({ video: this.state.ds[query.get(\"id\")]})\r\n }\r\n else {\r\n this.setState({ video: null })\r\n }\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n getVideos = () => {\r\n HTTP_POST(\r\n '/todosVideos',\r\n {}).then(res => {\r\n if (res.data.status === 'ok') {\r\n this.setState({ ds: res.data.ds })\r\n }\r\n\r\n else {\r\n aviso('erro', 'Erro obtendo videos, tente novamente');\r\n this.setState({ ds: [] });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo videos, tente novamente');\r\n this.setState({ ds: [] });\r\n });\r\n }\r\n\r\n abrirVideo(video)\r\n {\r\n window.open(video, '_blank').focus();\r\n }\r\n renderVideos() {\r\n const { ds } = this.state\r\n\r\n if (!ds)\r\n return ()\r\n\r\n let videoCards = ds.map((video, i) => (\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Pedido cadastrado
\r\nO seu pedido foi cadastrado em nossa loja.
Entre em contato com nosso atendimento caso tenha dúvidas.
Obrigado por comprar em nossa loja.
\r\n { state && state.linkBoleto && ( VER BOLETO ) }\r\n { state && state.linhaDigitavel && () }\r\n \r\n\r\n
\r\n\r\n ))\r\n\r\n return videoCards;\r\n }\r\n\r\n render() {\r\n const { ds } = this.state\r\n\r\n return (\r\n this.abrirVideo(video[\"link\"])}>\r\n
\r\n \r\n
\r\n \r\n ![]({video[\"thumbnail\"]})
{ e.target.onerror = null;\r\n e.target.src = \"https://www2.camara.leg.br/atividade-legislativa/comissoes/comissoes-permanentes/cindra/imagens/sem.jpg.gif/image\"\r\n }} alt={video.titulo} title={video.titulo} className=\"img-fluid\" />\r\n
\r\n \r\n
\r\n {video.titulo}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Videos));","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, getParametro } from '../../Uteis/Uteis';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass Paginas extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentWillReceiveProps(){\r\n this.getPagina();\r\n }\r\n\r\n componentDidMount(){\r\n this.getPagina();\r\n }\r\n\r\n getPagina = () => {\r\n console.log('abajoafjdsaojfdsajofdjosfoj')\r\n HTTP_POST(\r\n '/getPaginas',\r\n {\r\n idPagina: getParametro('idPagina')\r\n }).then(res => {\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds })\r\n else {\r\n aviso('erro', 'Erro obtendo banners, tente novamente');\r\n this.setState({ ds: [] });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo banners, tente novamente');\r\n this.setState({ ds: [] });\r\n });\r\n }\r\n\r\n htmlDecode(input) {\r\n var e = document.createElement('div');\r\n e.innerHTML = input;\r\n return e.childNodes.length === 0 ? \"\" : e.childNodes[0].nodeValue;\r\n }\r\n\r\n render() {\r\n if (!this.state.ds)\r\n return \r\n\r\n const page = this.state.ds[0];\r\n\r\n return(\r\n Vídeos
\r\n\r\n {this.renderVideos(ds)}\r\n
\r\n\r\n \r\n \r\n
)\r\n\r\n }\r\n}\r\n\r\nexport default Paginas;\r\n","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso } from '../../Uteis/Uteis';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass Marcas extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n this.getMarcas();\r\n document.title = window.$tituloSite\r\n }\r\n\r\n getMarcas = () => {\r\n HTTP_POST(\r\n '/getCategorias', {}\r\n ).then(res => {\r\n if (res.data.status === '')\r\n this.setState({ ds: res.data.ds })\r\n else {\r\n aviso('erro', 'Erro obtendo marcas, tente novamente');\r\n this.setState({ ds: [] });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo marcas, tente novamente');\r\n this.setState({ ds: [] });\r\n });\r\n }\r\n\r\n render() {\r\n if (!this.state.ds)\r\n return \r\n\r\n let letras = []\r\n for(let v of this.state.ds)\r\n {\r\n const letra = v.descricao.substring(0,1)\r\n if(!letras[letra])\r\n letras[letra] = []\r\n\r\n letras[letra].push(v)\r\n }\r\n\r\n const oLetras = Object.keys(letras).map(v => <> {v})\r\n\r\n const oLetrasAnalitico = Object.keys(letras).map(v =>\r\n <>\r\n \r\n
\r\n \r\n
\r\n {page.titulo}
\r\n \r\n{v}
\r\n\r\n {\r\n letras[v].map(v2 =>
\r\n \r\n )\r\n\r\n return (\r\n {v2.descricao}
)\r\n }\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Marcas;\r\n\r\n\r\n","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, logout, tokenInvalido } from '../../Uteis/Uteis';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { Link } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nclass Informativo extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {informativo: ''}\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount()\r\n {\r\n this.inicializa(this.props)\r\n }\r\n\r\n componentWillReceiveProps(propsNext)\r\n {\r\n this.inicializa(propsNext);\r\n }\r\n\r\n inicializa = (pp) => {\r\n const {informativo} = pp.usuario\r\n this.setState({informativo: informativo})\r\n }\r\n\r\n salvar = () => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/atualizaInformativo',\r\n {\r\n idCliente: this.props.usuario.id,\r\n informativo: this.state.informativo\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok') {\r\n aviso('sucesso', 'Alteração realizada com sucesso', 5000)\r\n this.props.usuario.informativo = this.state.informativo\r\n this.props.history.push('/minhaConta')\r\n }\r\n else {\r\n aviso('erro', 'Erro efetivando tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n\r\n }\r\n\r\n onChangeInformativo = (event) => {\r\n this.setState({informativo: event.target.value});\r\n }\r\n\r\n render() {\r\n return (\r\n )\r\n\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Informativo);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout, formataNumero, formataData, getDescricaoStatusPedido } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\nimport Tip from '../../Uteis/Tip';\r\n\r\nclass MeusPedidos extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount() {\r\n this.getMeusPedidos()\r\n }\r\n\r\n getMeusPedidos = () => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/getMeusPedidos',\r\n {\r\n idCliente: this.props.usuario.id\r\n }).then(res => {\r\n\r\n if (tokenInvalido(res)) {\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds })\r\n else\r\n aviso('erro', 'Erro obtendo pedidos, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }).catch(error => {\r\n aviso('erro', 'Erro obtendo pedidos, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n getPedidosHTML = () => {\r\n if(this.state.ds === null)\r\n return \r\n\r\n console.log(this.state.ds)\r\n return this.state.ds.map((v,i) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Produtos por categoria
\r\nÍndice alfabético:\r\n {oLetras}\r\n
\r\n {oLetrasAnalitico}\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MeusPedidos);\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout, formataNumero, getParametro, formataDataHora } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass MeuPedido extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n ds: null,\r\n dsProdutos: null\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n componentDidMount() {\r\n this.getMeuPedido()\r\n }\r\n\r\n getMeuPedido = () => {\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/getPedido',\r\n {\r\n idPedido: getParametro(\"idPedido\"),\r\n idCliente: this.props.usuario.id\r\n }).then(res => {\r\n\r\n if (tokenInvalido(res)) {\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok')\r\n this.setState({ ds: res.data.ds, dsProdutos: res.data.dsProdutos })\r\n else\r\n aviso('erro', 'Erro obtendo pedido, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }).catch(error => {\r\n aviso('erro', error + 'Erro obtendo pedido, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n }\r\n\r\n getProdutos = () => {\r\n if (this.state.dsProdutos === null)\r\n return \r\n\r\n return this.state.dsProdutos.map((v, i) => {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Histórico de pedidos \r\n
\r\n
\r\n \r\n
\r\n \r\n Histórico de pedidos
\r\n\r\n \r\n \r\n
\r\n
\r\n | Pedido nº | \r\nCliente | \r\nProdutos | \r\nSituação | \r\nTotal | \r\nData | \r\n\r\n |
\r\n \r\n {/*
\r\n Exibindo de 1 a 4 do total de 4 (1 páginas)
*/}\r\n \r\n
\r\n Continuar
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MeuPedido);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, tokenInvalido, logout, validaEmail } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { Link } from 'react-router-dom';\r\nimport JInput from '../../Uteis/JInput';\r\n\r\nclass SolicitarNovaSenha extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n jInputs:[],\r\n efetivando: false\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n onClickSolicitar = () => {\r\n const email = this.state.dados.email\r\n\r\n if(email === undefined || email.trim() === '')\r\n {\r\n aviso('aviso', 'Email inválido!!')\r\n return\r\n }\r\n\r\n if(!validaEmail(email))\r\n {\r\n aviso('aviso', 'Email inválido!!')\r\n return\r\n }\r\n\r\n this.setState({ efetivando: true });\r\n\r\n HTTP_POST(\r\n '/solicitarNovaSenha',\r\n {\r\n email: email\r\n }).then(res => {\r\n if (tokenInvalido(res)) {\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'ok') {\r\n aviso('sucesso', 'Solicitado com sucesso, verifique seu email!!', 5000)\r\n this.props.history.push('/minhaConta')\r\n }\r\n else {\r\n aviso('erro', 'Erro:' + res.data.message);\r\n this.setState({ efetivando: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro: ' + error);\r\n this.setState({ efetivando: false });\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n
- \r\n
- Minha conta \r\n
- Histórico de pedidos \r\n
- Informações do pedido \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n Histórico de pedidos
\r\n| Informações do pedido | \r\n|
| Pedido nº: #{idPedido} \r\n Data do pedido: {dataPedido}\r\n | \r\n Forma de pagamento: {formaDePagamento} Tipo de frete: {tipoDeFrete} | \r\n
| Endereço para fatura | \r\nEndereço para entrega | \r\n
| {f_referencia} {f_endereco + ', ' + f_numero} {f_bairro + (f_complemento === '' ? '' : ' - ' + f_complemento)} {f_cidade + '-' + f_estado} {f_cep} | \r\n {e_referencia} {e_endereco + ', ' + e_numero} {e_bairro + (e_complemento === '' ? '' : ' - ' + e_complemento)} {e_cidade + '-' + e_estado} {e_cep} | \r\n
\r\n \r\n \r\n
\r\n
\r\n | Produto | \r\nDescrição | \r\nQuantidade | \r\nPreço Un. | \r\nTotal | \r\n {/**/}\r\n |
| \r\n | Sub-Total | \r\nR${formataNumero(subTotal)} | \r\n {/**/}\r\n | ||
| \r\n | Frete / Impostos | \r\nR${formataNumero(freteEImpostos)} | \r\n {/**/}\r\n | ||
| \r\n | Total | \r\nR${formataNumero(totalGeral)} | \r\n {/**/}\r\n |
| Comentários do pedido | \r\n
| {obs} | \r\n
\r\n
\r\n\r\n Continuar
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SolicitarNovaSenha);\r\n\r\n\r\n\r\n\r\n\r\n","import React, { useEffect} from 'react'\r\nimport { useHistory, useLocation } from 'react-router'\r\n\r\nexport default function AbaVideos() {\r\n const { push } = useHistory();\r\n const { pathname } = useLocation();\r\n let classNameDefault = \"btn btn-clean btn-inverse btn-videos \";\r\n const [className, setClassName] = React.useState(classNameDefault)\r\n\r\n useEffect(() => {\r\n if (pathname === \"/videos\")\r\n setClassName(classNameDefault + \"active\")\r\n else\r\n setClassName(classNameDefault)\r\n })\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Solicitar nova senha
\r\nInforme abaixo o e-mail cadastrado em sua conta. Depois pressione o botão Continuar para enviarmos um e-mail com o link para redefinir sua senha.
\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n )\r\n}","import React from 'react';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso } from '../../Uteis/Uteis';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport { setBuscaMarca, setBuscaLinha, setBuscaCodigo } from '../../red/actions';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport AbaVideos from '../../Components/AbaVideos'\r\nimport { useDispatch } from 'react-redux'\r\nimport { usePesquisa } from '../../context';\r\n\r\nconst NavbarPrincipal = ({ buscaCodigo, buscaMarca, buscaLinha}) => {\r\n const dispatch = useDispatch();\r\n\r\n const [ds, setDS] = React.useState(null)\r\n const [dsLateral, setDSLateral] = React.useState(null)\r\n const [showVideos, setShowVideos] = React.useState('N')\r\n const { setPesquisa } = usePesquisa();\r\n\r\n React.useEffect(() => {\r\n HTTP_POST('/getNavbarPrincipal', {}\r\n ).then(res => {\r\n if (res.data.message === 'Erro getNavbarPrincipal API') {\r\n setDS(null)\r\n }\r\n else\r\n setDS(res.data.ds)\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getNavbarPrincipal, tente novamente!');\r\n });\r\n\r\n HTTP_POST('/getNavbarLateral', {}\r\n ).then(res => {\r\n if (res.data.message === 'Erro getNavbarLateral API') {\r\n setDSLateral(null)\r\n }\r\n else\r\n setDSLateral(res.data.ds)\r\n })\r\n .catch(err => {\r\n aviso('erro', 'Erro getNavbarLateral, tente novamente!');\r\n });\r\n\r\n getParametrosCustomizados();\r\n }, [])\r\n\r\n\r\n function getParametrosCustomizados() {\r\n HTTP_POST('/getParametros', {}\r\n ).then(res => {\r\n if (res.data[\"vweb2c_mostrar_aba_videos\"])\r\n setShowVideos(res.data[\"vweb2c_mostrar_aba_videos\"])\r\n })\r\n .catch(err => {\r\n setShowVideos(\"N\");\r\n });\r\n }\r\n\r\n const NavPrincipal = () => {\r\n return (\r\n <>\r\n { ds !== undefined && ds !== null && (ds.filter((cat, i) => i < 5)).map(cat => (\r\n push(\"/videos\")}>\r\n Vídeos\r\n
\r\n \r\n \r\n {showVideos === \"S\" &&\r\n
\r\n );\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n buscaMarca: store.loggedReducer.buscaMarca,\r\n buscaLinha: store.loggedReducer.buscaLinha,\r\n buscaCodigo: store.loggedReducer.buscaCodigo\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({ setBuscaMarca, setBuscaLinha }, dispatch);\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(NavbarPrincipal));\r\n","import React from 'react';\r\nimport JInput, { validaJInputs } from '../../Uteis/JInput';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { aviso, tokenInvalido, logout } from '../../Uteis/Uteis';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass Novidades extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n jInputs:[],\r\n enviandoDados: false\r\n }\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n validaDados = () =>{\r\n if(!validaJInputs(this))\r\n return false;\r\n\r\n return true\r\n }\r\n\r\n registrarParaReceberNovidades = () => {\r\n if(!this.validaDados())\r\n return\r\n\r\n this.setState({enviandoDados: true});\r\n\r\n HTTP_POST(\r\n '/registrarParaReceberNovidades',\r\n {\r\n dados: this.state.dados\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if(res.data.status === 'sucesso')\r\n {\r\n aviso('sucesso', 'Cadastro realizado com sucesso', 5000)\r\n this.props.history.push('/')\r\n }\r\n else\r\n {\r\n aviso('erro', 'Erro efetivando cadastro, tente novamente');\r\n this.setState({enviandoDados: false});\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando cadastro, tente novamente');\r\n this.setState({enviandoDados: false});\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n });\r\n\r\n const mapDispatchToProps = dispatch =>\r\n bindActionCreators({ }, dispatch);\r\n\r\n\r\n export default connect(mapStateToProps, mapDispatchToProps)(Novidades);\r\n\r\n\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport MinhaContaMenuLateral from '../../Components/MinhaContaMenuLateral';\r\nimport { aviso, logout, tokenInvalido } from '../../Uteis/Uteis';\r\nimport { HTTP_POST } from '../../api/api';\r\nimport { validaJInputs } from '../../Uteis/JInput';\r\nimport { Link } from 'react-router-dom';\r\nimport Cartao from '../../Components/Cartao';\r\n\r\nclass IncAltCartao extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n this.state = {\r\n dados: {\r\n valorInicial: undefined\r\n },\r\n jInputs: [],\r\n enviandoDados: false\r\n }\r\n\r\n if(this.props.location.cartao)\r\n this.setState({\r\n dados: Object.assign(this.state.dados, props.location.cartao)\r\n })\r\n\r\n document.title = window.$tituloSite\r\n }\r\n\r\n validaDados = () =>{\r\n if(!validaJInputs(this))\r\n return false;\r\n\r\n return true\r\n }\r\n\r\n salvarCartao = () => {\r\n if(!this.validaDados())\r\n return\r\n\r\n this.setState({ enviandoDados: true });\r\n\r\n HTTP_POST(\r\n '/salvarCartao',\r\n {\r\n dados: this.state.dados,\r\n idCliente: this.props.usuario.id,\r\n estado: this.state.estado,\r\n idCartao: this.props.location.cartao ? this.props.location.cartao.id : undefined\r\n }).then(res => {\r\n if(tokenInvalido(res)){\r\n logout()\r\n return\r\n }\r\n\r\n if (res.data.status === 'sucesso') {\r\n aviso('sucesso', 'Alteração realizada com sucesso', 5000)\r\n this.props.history.push('/listaDeCartoes')\r\n }\r\n else {\r\n aviso('erro', 'Erro efetivando tente novamente');\r\n this.setState({ enviandoDados: false });\r\n }\r\n }).catch(error => {\r\n aviso('erro', 'Erro efetivando, tente novamente');\r\n this.setState({ enviandoDados: false });\r\n });\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n Cadastre-se para receber nossas novidades
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => ({\r\n ...store,\r\n usuario: store.loggedReducer.usuario\r\n});\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators({}, dispatch);\r\n\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IncAltCartao);\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport { BrowserRouter as Router, Switch, Route, Redirect } from \"react-router-dom\";\r\nimport { ToastContainer } from 'react-toastify';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { withCookies } from 'react-cookie';\r\nimport ReactGA from 'react-ga';\r\n\r\nimport env from './config.json';\r\n\r\nimport 'react-toastify/dist/ReactToastify.min.css';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './index.css';\r\nimport './App.css';\r\n\r\nimport Topo from './Container/Topo';\r\nimport Busca from './Container/Busca';\r\nimport Footer from './Container/Footer';\r\nimport PaginaPrincipal from './Paginas/Principal/PaginaPrincipal';\r\nimport Carrinho from './Paginas/Carrinho/Carrinho';\r\nimport ResultadoBusca from './Paginas/ResultadoBusca/ResultadoBusca';\r\nimport Cadastro from './Paginas/Cadastro/Cadastro';\r\nimport Login from './Paginas/Login/Login';\r\nimport Checkout from './Paginas/Checkout/Checkout';\r\nimport ListaDeDesejos from './Paginas/ListaDeDesejos/ListaDeDesejos';\r\nimport Contato from './Paginas/Contato/Contato';\r\nimport MinhaConta from './Paginas/MinhaConta/MinhaConta';\r\nimport ListaDeCartoes from './Paginas/MinhaConta/ListaDeCartoes';\r\nimport InformacoesDaConta from './Paginas/MinhaConta/InformacoesDaConta';\r\nimport AlterarSenha from './Paginas/MinhaConta/AlterarSenha';\r\nimport ListaDeEnderecos from './Paginas/MinhaConta/ListaDeEnderecos';\r\nimport IncAltEndereco from './Paginas/MinhaConta/IncAltEndereco';\r\nimport CadastroSucesso from './Paginas/Cadastro/CadastroSucesso';\r\nimport ProdutoDetalhes from './Paginas/ProdutoDetalhes/ProdutoDetalhes';\r\nimport CheckoutSucesso from './Paginas/Checkout/CheckoutSucesso';\r\nimport Videos from './Paginas/Videos/Videos'\r\n\r\nimport { setLogged, setBuscaCodigo, setPaginaAtiva, setItensPorPagina, setBuscaMarca, setBuscaLinha, setBuscaFamilia, setOrdenarPor, setUsuario } from './red/actions';\r\nimport { getParametro, setJPS, loadUser, aviso } from './Uteis/Uteis';\r\nimport Paginas from './Paginas/Pagina/Pagina';\r\nimport Marcas from './Paginas/Marcas/Marcas';\r\nimport Informativo from './Paginas/MinhaConta/Informativo';\r\nimport MeusPedidos from './Paginas/MinhaConta/MeusPedidos';\r\nimport MeuPedido from './Paginas/MinhaConta/MeuPedido';\r\nimport SolicitarNovaSenha from './Paginas/MinhaConta/SolicitarNovaSenha';\r\nimport NavbarPrincipal from './Paginas/Principal/NavbarPrincipal';\r\nimport Novidades from './Paginas/Novidades/Novidades';\r\nimport IncAltCartao from './Paginas/MinhaConta/IncAltCartao';\r\nimport Tip from './Uteis/Tip';\r\nimport ContextProvider from './context';\r\n\r\nconst initialState = {\r\n loaded: false\r\n}\r\n\r\nconst TRACKING_ID = env.tracking_id;\r\nReactGA.initialize(TRACKING_ID);\r\n\r\nclass App extends React.Component {\r\n constructor() {\r\n super()\r\n this.state = initialState;\r\n }\r\n\r\n carregarParametros = () => {\r\n window.$sitePath = 'http://fdafdsad'\r\n window.$imagesPathProdutos = 'http://fdafdsad'\r\n window.$imagesPath = 'http://fdafdsad'\r\n window.$app = this\r\n window.$cookies = this.props.cookies\r\n window.$telefonePrincipal = env.telefonePrincipal\r\n window.$tituloSite = env.tituloSite\r\n window.$mostrarBotaoFiltrarPelo = false\r\n window.$apresentacaoDadosProduto = 1\r\n window.$pathSemImagem = 'http://www.jboss.srv.br/ImagensJM2/ID86/semimagem.png'\r\n window.$usarImagemLG = true\r\n window.$cartao_public_key = env.CARTAO_PUBLIC_KEY \r\n window.$PAGSEGURO_PUBLIC_KEY = env.PAGSEGURO_PUBLIC_KEY\r\n\r\n window.$endereco = env.endereco\r\n window.$cnpj = env.cnpj\r\n window.$razaoSocial = env.razaoSocial\r\n }\r\n\r\n componentWillMount(){\r\n this.inicializa();\r\n }\r\n\r\n componentDidMount(){\r\n this.setState({loaded: true})\r\n }\r\n\r\n inicializa = () =>\r\n {\r\n console.log('inicializando...')\r\n //\r\n // Carrega Parametros.\r\n //\r\n this.carregarParametros()\r\n\r\n //\r\n // Relogin do usuário pelos dados no local storage.\r\n //\r\n const user = localStorage.getItem('user')\r\n const token = localStorage.getItem('token')\r\n\r\n if(user)\r\n {\r\n const v = JSON.parse(user)\r\n loadUser(this, v, token)\r\n }\r\n\r\n //\r\n // Carrega Parametos da string URL\r\n //\r\n const codigo = getParametro('codigo');\r\n const paginaAtiva = getParametro('paginaAtiva');\r\n const itensPorPagina = getParametro('itensPorPagina');\r\n const idMarca = getParametro('idMarca')\r\n const idLinha = getParametro('idLinha')\r\n const idFamilia = getParametro('idFamilia')\r\n const ordenarPor = getParametro('ordenarPor')\r\n\r\n console.log('familia')\r\n console.log(window.location.search)\r\n console.log(idFamilia)\r\n\r\n //\r\n // Atualiza REDUX\r\n //\r\n this.props.setBuscaCodigo(codigo)\r\n this.props.setBuscaMarca(idMarca)\r\n this.props.setBuscaLinha(idLinha)\r\n this.props.setBuscaFamilia(idFamilia)\r\n this.props.setPaginaAtiva(!Number(paginaAtiva) || paginaAtiva === '' ? 1 : paginaAtiva);\r\n this.props.setItensPorPagina(!Number(itensPorPagina) ? 15 : itensPorPagina)\r\n this.props.setOrdenarPor(ordenarPor)\r\n //\r\n // Cria JPS se necessário\r\n //\r\n let jps = this.props.cookies.get('jps')\r\n if(jps === undefined)\r\n setJPS(this.props.cookies)\r\n }\r\n\r\n render() {\r\n if(!this.state.loaded)\r\n return \r\n \r\n const linkZap = `https://api.whatsapp.com/send?phone=${window.$telefonePrincipal}&text=Olá, tudo bem?`\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Novo endereço
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst PrivateRoute = (props) => {\r\n const {component: Component, ...rest} = props;\r\n const {app} = props\r\n\r\n console.log('logadoooo');\r\n console.log(app.props.logged);\r\n return (\r\n 404 NOT FOUND