\r\n {message.title}\r\n {message.description &&
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Toast\r\n","import styled from 'styled-components'\r\n\r\nexport const Container = styled.div`\r\n max-width: 100vw;\r\n width: 100%;\r\n position: fixed;\r\n right: 0;\r\n bottom: 0;\r\n overflow: hidden;\r\n z-index: 301;\r\n`\r\n","import React from 'react'\r\nimport { useTransition } from 'react-spring'\r\n\r\nimport Toast from './Toast'\r\nimport { Container } from './styles'\r\n\r\nconst ToastContainer = ({ messages }) => {\r\n const messagesWithTransitions = useTransition(\r\n messages,\r\n (message) => message.id,\r\n {\r\n from: { right: '-120%', opacity: 0 },\r\n enter: { right: '0%', opacity: 1 },\r\n leave: { right: '-120%', opacity: 0 }\r\n }\r\n )\r\n\r\n return (\r\n {message.description}
}\r\n\r\n
\r\n )\r\n}\r\nexport default Login\r\n","import React, { useMemo } from 'react'\r\nimport { useLocation } from 'react-router-dom'\r\n\r\nconst useQuery = () => {\r\n const { search } = useLocation()\r\n\r\n return useMemo(() => new URLSearchParams(search), [search])\r\n}\r\n\r\nexport { useQuery }","import { useEffect } from 'react'\r\nimport { useQueryParam, StringParam } from 'use-query-params'\r\nimport { logout } from '../../api/auth/auth'\r\nimport Loader from '../../components/Loader'\r\n\r\nconst Logout = () => {\r\n const [redirectUrl] = useQueryParam('redirectUrl', StringParam)\r\n\r\n useEffect(() => {\r\n logout()\r\n window.location.href = redirectUrl || process.env.REACT_APP_URL_MAIN\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default Logout\r\n","import styled from 'styled-components'\r\n\r\nexport const Container = styled.div`\r\n max-width: 1360px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n @media (max-width: 1450px) {\r\n max-width: 95%;\r\n }\r\n`\r\n","import styled, { css } from 'styled-components'\r\nimport media from 'styled-media-query'\r\n\r\nconst mediaMatchModifiers = {\r\n lessThan: (size) => css`\r\n ${media.lessThan(size)` display: block `}\r\n `,\r\n\r\n greaterThan: (size) => css`\r\n ${media.greaterThan(size)` display: block `}\r\n `\r\n}\r\n\r\nexport default styled.div`\r\n ${({ lessThan, greaterThan }) => css`\r\n display: none;\r\n ${!!lessThan && mediaMatchModifiers.lessThan(lessThan)}\r\n ${!!greaterThan && mediaMatchModifiers.greaterThan(greaterThan)}\r\n `}\r\n`\r\n","import styled, { css } from 'styled-components'\r\nimport media from 'styled-media-query'\r\n\r\nexport const Wrapper = styled.header`\r\n ${({ theme, onlyLogo }) => css`\r\n background: #fff;\r\n padding: 20px 0;\r\n position: relative;\r\n -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\r\n\r\n ${onlyLogo &&\r\n css`\r\n border-bottom: 1px solid #eeeeee;\r\n `}\r\n\r\n .new-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n margin-right: 80px;\r\n }\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n //height: 150px;\r\n padding: 13px;\r\n }\r\n `}\r\n`\r\n\r\nexport const HColumsn = styled.div`\r\n display: block;\r\n font-size: 0;\r\n`\r\n\r\nexport const HColumn = styled.div`\r\n ${({ theme }) => css`\r\n display: inline-block;\r\n vertical-align: middle;\r\n\r\n &:nth-of-type(1) {\r\n width: 14%;\r\n }\r\n\r\n &:nth-of-type(2) {\r\n /* width: 46%; */\r\n }\r\n\r\n &:nth-of-type(3) {\r\n width: 40%;\r\n }\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n &:nth-of-type(1) {\r\n width: 40%;\r\n }\r\n\r\n &:nth-of-type(2) {\r\n display: none;\r\n /* width: 100%;\r\n float: left; */\r\n }\r\n\r\n &:nth-of-type(3) {\r\n width: 60%;\r\n }\r\n }\r\n `}\r\n`\r\n\r\n// export const MenuMobileIcon = styled.div`\r\n// ${({ theme }) => css`\r\n// display: flex;\r\n// align-items: center;\r\n// justify-content: center;\r\n\r\n// img {\r\n// width: 2.6rem;\r\n// height: 2.3rem;\r\n// }\r\n\r\n// &:hover {\r\n// background-color: ${theme.colors.primary};\r\n// }\r\n\r\n// ${media.greaterThan('medium')`\r\n// display: inline-block;\r\n// `}\r\n// `}\r\n// `\r\n\r\nexport const MenuMobileIcon = styled.div`\r\n ${({ theme }) => css`\r\n display: none;\r\n width: 26px;\r\n height: 23px;\r\n font-size: 0;\r\n border: 0;\r\n position: absolute;\r\n top: 19px;\r\n cursor: pointer;\r\n\r\n img {\r\n width: 2.6rem;\r\n height: 2.3rem;\r\n }\r\n\r\n &:hover {\r\n img {\r\n filter: invert(22%) sepia(78%) saturate(2710%) hue-rotate(341deg)\r\n brightness(88%) contrast(96%);\r\n }\r\n }\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n display: inline-block;\r\n }\r\n `}\r\n`\r\n\r\nexport const Logo = styled.img`\r\n width: 15rem;\r\n\r\n ${media.lessThan('large')`\r\n /* margin-left: 5rem; */\r\n `}\r\n\r\n ${media.lessThan('small')`\r\n /* margin-left: .8rem; */\r\n width: 85%;\r\n `}\r\n\r\n @media(max-width: 1170px) {\r\n max-width: 100px;\r\n }\r\n`\r\nexport const HeaderNavigation = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n font-size: 1.4rem;\r\n\r\n @media (max-width: 1170px) {\r\n .account {\r\n display: none;\r\n }\r\n }\r\n`\r\n\r\nexport const HeaderNavigationItem = styled.div`\r\n ${({ active }) =>\r\n active &&\r\n css`\r\n z-index: 200;\r\n background: #ffffff;\r\n `}\r\n\r\n display: inline-block;\r\n position: relative;\r\n padding: 15px 8px;\r\n border-radius: 4px 4px 0 0;\r\n margin-right: 60px;\r\n /* width: 256px; */\r\n\r\n &:nth-of-type(2) {\r\n margin: 0 10px;\r\n }\r\n\r\n &:first-child {\r\n padding: 15px 15px;\r\n }\r\n\r\n &:last-child {\r\n padding: 15px 12px;\r\n }\r\n\r\n @media (max-width: 1390px) {\r\n padding: 15px 5px;\r\n }\r\n\r\n @media (max-width: 1245px) {\r\n padding: 15px 0;\r\n }\r\n`\r\n\r\nexport const HeaderNavigationItemLink = styled.a`\r\n ${({ theme }) => css`\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n text-decoration: none;\r\n color: ${theme.colors.mediumGrey};\r\n /* background-color: gold; */\r\n\r\n transition: all 400ms;\r\n\r\n &:hover {\r\n color: ${theme.colors.primary};\r\n }\r\n\r\n /* img {\r\n margin-left: 0.6rem;\r\n } */\r\n\r\n ${media.lessThan('large')`\r\n font-size: 0;\r\n margin: 0 15px;\r\n `}\r\n `}\r\n`\r\n\r\nexport const NavigationItemLinksIcons = styled.div`\r\n position: relative;\r\n vertical-align: middle;\r\n display: inline-block;\r\n\r\n ${({ theme }) => css`\r\n /* img {\r\n width: 28px;\r\n height: 28px;\r\n margin-right: 6px;\r\n\r\n &.icon-cart {\r\n background-color: #8f8f8f;\r\n }\r\n }\r\n\r\n img {\r\n width: 37px;\r\n margin-right: 6px;\r\n /* border-radius: 50%;\r\n } */\r\n\r\n .profile-img {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 37px;\r\n height: 37px;\r\n border-radius: 50%;\r\n margin-right: 10px;\r\n box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #f1f2f2;\r\n\r\n background-color: #e4e4e4;\r\n\r\n img {\r\n width: 20px;\r\n }\r\n }\r\n\r\n .counter-quantity {\r\n background: ${theme.colors.primary};\r\n border-radius: 50%;\r\n width: 20px;\r\n height: 20px;\r\n font-size: 10px;\r\n position: absolute;\r\n top: -9px;\r\n right: -6px;\r\n text-align: center;\r\n color: ${theme.colors.white};\r\n font-weight: bold;\r\n line-height: 21px;\r\n }\r\n `}\r\n`\r\n\r\nexport const HeaderModalBox = styled.div`\r\n ${({ theme }) => css`\r\n background: #ffffff;\r\n border-radius: 5px;\r\n padding: 16px;\r\n position: relative;\r\n text-align: left;\r\n\r\n .header-modal-account & {\r\n width: 400px;\r\n }\r\n\r\n .header-modal-category & {\r\n min-width: 1000px;\r\n padding: 0;\r\n }\r\n\r\n .header-modal-cart & {\r\n width: 400px;\r\n border-radius: 10px 0 10px 10px;\r\n padding: 0;\r\n\r\n @media (max-width: ${theme.media.cel}) {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .header-modal-local & {\r\n width: 360px;\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .header-modal-search & {\r\n padding: 30px;\r\n }\r\n\r\n .header-modal-profile & {\r\n padding: 30px 30px 10px 30px;\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n margin: 15px 0;\r\n display: block;\r\n }\r\n `}\r\n`\r\n","import styled, { css } from 'styled-components'\r\n\r\nimport { HeaderModalBox } from '../../components/Header/styles'\r\n\r\nexport const Wrapper = styled.div`\r\n ${({ theme, visible }) => css`\r\n width: 600px;\r\n height: 500px;\r\n\r\n display: ${visible ? 'block' : 'none'};\r\n transition: all 400ms;\r\n position: absolute;\r\n left: 0;\r\n z-index: 5;\r\n\r\n &.header-modal-cart {\r\n left: initial;\r\n right: 0;\r\n }\r\n\r\n @media (max-width: 1600px) {\r\n &.header-modal-local {\r\n left: initial;\r\n right: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 1360px) {\r\n &.header-modal-cart {\r\n left: initial;\r\n right: 0;\r\n min-width: 355px;\r\n }\r\n }\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n &.header-modal-local {\r\n width: 100%;\r\n }\r\n }\r\n `}\r\n`\r\n\r\nexport const SearchModalBox = styled(HeaderModalBox)`\r\n padding: 30px;\r\n`\r\n\r\nexport const SearchSuggestion = styled.div`\r\n max-height: 170px;\r\n overflow-y: auto;\r\n`\r\n\r\nexport const SearchSuggestionList = styled.ul`\r\n list-style-type: none;\r\n`\r\n\r\nexport const SearchSuggestionItem = styled.li`\r\n ${({ theme }) => css`\r\n margin-bottom: 20px;\r\n\r\n span {\r\n font-size: 15px;\r\n transition: all 400ms;\r\n &:hover {\r\n color: ${theme.colors.primary};\r\n }\r\n }\r\n `}\r\n`\r\nexport const SearchSuggestionProduct = styled.div`\r\n margin-top: 20px;\r\n`\r\n\r\nexport const SearchTitle = styled.h4`\r\n ${({ theme }) => css`\r\n font-size: 18px;\r\n font-weight: 600;\r\n color: ${theme.colors.primary};\r\n margin-bottom: 30px;\r\n position: relative;\r\n\r\n span {\r\n background: #ffffff;\r\n z-index: 99;\r\n position: relative;\r\n padding-right: 10px;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n width: 100%;\r\n height: 1px;\r\n left: 0;\r\n background: #cccccc;\r\n position: absolute;\r\n top: 10px;\r\n }\r\n `}\r\n`\r\n\r\nexport const SearchSuggestionProductItem = styled.li`\r\n ${({ theme }) => css`\r\n display: block;\r\n width: 100%;\r\n margin-bottom: 15px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n // Column.\r\n .header-list-column {\r\n display: inline-block;\r\n vertical-align: middle;\r\n\r\n &:nth-of-type(1) {\r\n width: 15%;\r\n }\r\n &:nth-of-type(2) {\r\n padding: 0 15px;\r\n width: 55%;\r\n }\r\n &:nth-of-type(3) {\r\n width: 30%;\r\n }\r\n\r\n @media (max-width: 1330px) {\r\n &:nth-of-type(2) {\r\n width: 45%;\r\n }\r\n &:nth-of-type(3) {\r\n width: 40%;\r\n }\r\n }\r\n\r\n @media (max-width: ${theme.media.cel}) {\r\n &:nth-of-type(1) {\r\n width: 30%;\r\n }\r\n &:nth-of-type(2) {\r\n width: 70%;\r\n }\r\n &:nth-of-type(3) {\r\n margin-top: 10px;\r\n padding-left: calc(30% + 15px);\r\n text-align: left;\r\n width: 100%;\r\n\r\n .header-modal-search-suggestion-product-form-cart {\r\n text-align: left;\r\n }\r\n }\r\n }\r\n }\r\n `}\r\n`\r\n\r\nexport const ItemThumbnails = styled.div`\r\n img {\r\n display: block;\r\n width: 70px;\r\n height: 70px;\r\n }\r\n`\r\n\r\nexport const ItemTitle = styled.span`\r\n font-size: 14px;\r\n line-height: 18px;\r\n`\r\n\r\nexport const SuggestionOffer = styled.div`\r\n ${({ theme }) => css`\r\n font-size: 14px;\r\n margin-top: 8px;\r\n\r\n .text-old-price {\r\n text-decoration: line-through;\r\n }\r\n\r\n .text-price {\r\n color: ${theme.colors.primary};\r\n font-weight: 600;\r\n font-size: 16px;\r\n }\r\n `}\r\n`\r\n\r\nexport const ProductFormCart = styled.div`\r\n ${({ theme }) => css`\r\n text-align: center;\r\n vertical-align: top;\r\n\r\n .button-search-cart {\r\n background: ${theme.colors.cart};\r\n border-radius: 3px;\r\n border: 0;\r\n height: 32px;\r\n width: 70px;\r\n margin-left: 5px;\r\n transition: all 400ms;\r\n position: relative;\r\n\r\n svg {\r\n fill: white;\r\n background-color: transparent;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 18px;\r\n height: 17px;\r\n filter: brightness(0) invert(1);\r\n\r\n .icon-cart {\r\n width: 20px;\r\n height: 18px;\r\n }\r\n .icon-check {\r\n width: 17px;\r\n height: 15px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background: darken(${theme.colors.cart}, 10%);\r\n }\r\n }\r\n `}\r\n`\r\n\r\nexport const FormGroupQuantity = styled.div`\r\n border-radius: 3px;\r\n width: 80px;\r\n border: 1px solid #bbbbbb;\r\n display: inline-block;\r\n vertical-align: top;\r\n\r\n input {\r\n font-family: 'Montserrat', sans-serif;\r\n border: 0;\r\n width: 26px;\r\n text-align: center;\r\n display: inline-block;\r\n padding: 5px 0;\r\n\r\n &.input-quantity-control {\r\n background: none;\r\n cursor: pointer;\r\n font-size: 17px;\r\n\r\n &:hover {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &.input-quantity-number {\r\n &::placeholder {\r\n color: #afaeae;\r\n }\r\n }\r\n }\r\n`\r\n","/* eslint-disable import/no-anonymous-default-export */\r\nexport default {\r\n suggestion: [\r\n {\r\n thumbnail: 'tenis',\r\n name: 'Tênis infantil Hello Mop escolar preto e branco',\r\n oldPrice: 'R$67,90',\r\n price: 'R$49,90',\r\n icon: 'icon-cart'\r\n },\r\n {\r\n thumbnail: 'estojo',\r\n name: 'Estojo escolar Duplo com zíper',\r\n oldPrice: 'R$67,90',\r\n price: 'R$29,90',\r\n icon: 'icon-check'\r\n },\r\n {\r\n thumbnail: 'mochila',\r\n name: 'Mochila Juvenil escolar preta',\r\n oldPrice: 'R$89,90',\r\n price: 'R$79,90',\r\n icon: 'icon-check'\r\n }\r\n ]\r\n}\r\n","import { ReactSVG } from 'react-svg'\r\n\r\n\r\nconst Icon = ({ name='', size='', color='', transform='', customClass='' }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n Mochila escolar masculino (134)\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mochila escolar infantil (71)\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mochila escolar feminina (165)\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mochila escolar (324)\r\n \r\n \r\n \r\n
\r\n ))}\r\n - \r\n {mock.suggestion.map(\r\n ({ name, thumbnail, oldPrice, price, icon }, index) => (\r\n
\r\n \r\n \r\n {name}\r\n \r\n \r\n De {oldPrice} por{' '}\r\n {price}\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 Meu carrinho\r\n \r\n
\r\n \r\n \r\n 2 iten(s)\r\n \r\n
\r\n ![\"relogio\"/](\"../assets/products/relogio-thumb.png\")
\r\n \r\n
\r\n Olá, {userLogged.userNameWelcome}
*/}\r\n\r\n Olá,{' '}\r\n \r\n {localUser !== null && localUser !== undefined ? (\r\n \r\n {localUser?.cpf?.trim().length > 0\r\n ? localUser?.apelido || store.user.info.apelido\r\n : localUser?.contato || store.user.info.contato}\r\n \r\n ) : (\r\n \r\n {!!auth.isPF()\r\n ? localUser?.apelido || store.user.info.apelido\r\n : localUser?.contato || store.user.info.contato}\r\n \r\n )}\r\n \r\n
\r\n {/*\r\n {showFullFlagName(data?.bandeira)} Final{' '}\r\n {data?.numero}\r\n
\r\n {check?.id === data?.id && (\r\n\r\n Gimplus\r\n }\r\n message=\"Utilize seu saldo Gimplus\"\r\n />\r\n
\r\n \r\n Disponível:{' '}\r\n \r\n {convertDecimalCurrency(\r\n (store.pagamento.gimplus.Total || 0) -\r\n (store.pagamento.gimplus.Utilizado || 0)\r\n )}\r\n \r\n
\r\nCupom de Desconto
\r\n\r\n Promotor\r\n }\r\n message=\"Insira aqui seu Código Promotor Gimba\"\r\n />\r\n
\r\n\r\n \r\n {!!store.pagamento.promotor?.promotor?.NomeCliente &&\r\n store.pagamento.promotor?.promotor?.NomeCliente}\r\n {!!store.pagamento.promotor?.codigoPromotorGimba}\r\n
\r\n \n {data.Descricao} \n
\n\n {check?.id === 'boleto' && (\n\r\n
\r\n\r\n \r\n Novo Cartão de Crédito \r\n
\r\n\r\n Atenção! Essa forma de pagamento não é permitida para\r\n produtos de parceiros. Sendo assim, selecione abaixo uma forma de\r\n pagamento específica para esses produtos.\r\n
\r\n
\r\n \r\n Obs: Será gerado um pedido separado com os produtos de parceiro.\r\n \r\n
\n {load && \n \n dispatch(setST('observacaoCliente', e.target.value))\n }\n />\n \n )}\n \n dispatch(setST('observacao', e.target.value))}\n />\n \n
\n )\n}\nexport default PerguntaST\n","import styled, { css } from 'styled-components'\r\n\r\nexport const ProfileTitle = styled.h2`\r\n font-size: 22px;\r\n margin-bottom: 20px;\r\n color: #555;\r\n`\r\n\r\nexport const Wrapper = styled.div``\r\n\r\nexport const CardWrapper = styled.div`\r\n @media (min-width: 1170px) {\r\n .col-6 {\r\n width: 50%;\r\n }\r\n }\r\n`\r\n\r\nexport const CardBox = styled.div`\r\n padding: 8px 16px;\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n position: relative;\r\n\r\n background: #ffffff;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 4px;\r\n -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 8px;\r\n\r\n .iconCredit {\r\n /* background-color: blue; */\r\n display: flex;\r\n align-items: center;\r\n padding-left: 2px;\r\n\r\n @media (max-width: 480px) {\r\n width: 32px;\r\n }\r\n }\r\n`\r\n\r\nexport const MainCard = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n\r\n label {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n margin-top: -17px;\r\n }\r\n`\r\n\r\nexport const CardInfo = styled.div`\r\n justify-self: left;\r\n font-size: 14px;\r\n margin-left: 16px;\r\n margin-right: 8px;\r\n width: 240px;\r\n flex: 1;\r\n\r\n strong {\r\n font-weight: 600;\r\n }\r\n\r\n select.parcelas {\r\n padding: 8px 30px 8px 16px;\r\n margin: 4px 8px -12px 0;\r\n max-width: 280px;\r\n color: #2e2e2e;\r\n\r\n @media (max-width: 545px) {\r\n max-width: calc(100% - 20px);\r\n }\r\n }\r\n`\r\n\r\nexport const CardIcon = styled.a`\r\n transition: all 400ms;\r\n right: 22px;\r\n /* flex: 1; */\r\n text-align: right;\r\n\r\n & img {\r\n width: 18px;\r\n height: 21px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n filter: invert(22%) sepia(78%) saturate(2710%) hue-rotate(341deg)\r\n brightness(88%) contrast(96%);\r\n }\r\n\r\n @media (max-width: 480px) {\r\n width: 16px;\r\n }\r\n }\r\n`\r\n","import IconRemove from '../../../assets/icons/icon-remove.svg'\r\nimport { ImBarcode } from 'react-icons/im'\r\nimport * as S from './styles'\r\nimport Select from '../../Select'\r\nimport { useEffect, useState } from 'react'\r\nimport {\r\n setCondicaoIndex,\r\n setCondicaoIndexF,\r\n setPagamento\r\n} from '../../../store/ducks/pagamento'\r\nimport CreditCardImage from '../CreditCardImage'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { isPF } from '../../../api/auth/auth'\r\n\r\nconst PixCard = ({\r\n type,\r\n check,\r\n setCheck,\r\n setSelectedParcela,\r\n condicoes,\r\n faturado\r\n}) => {\r\n const dispatch = useDispatch()\r\n const store = useSelector((store) => store)\r\n const [data, setData] = useState({ id: '' })\r\n\r\n const [showOptions, setShowOptions] = useState({\r\n showOptions: false\r\n })\r\n\r\n const handleShowSelected = (cardDetail) => {\r\n setShowOptions({\r\n [cardDetail]: !showOptions[cardDetail]\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n let pix = store.pagamento.pagamento?.Formas?.find(\r\n (forma) => forma.Descricao === 'PIX'\r\n )\r\n\r\n if (pix === undefined) {\r\n pix = store.pagamento.pagamentoSeller?.Formas?.find(\r\n (forma) => forma.Descricao === 'PIX'\r\n )\r\n }\r\n\r\n if (pix.Descricao === 'PIX') {\r\n setData(pix)\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [store.pagamento.pagamento.Formas])\r\n\r\n return (\r\n <>\r\n \n \n Você é Contribuinte de ICMS?:\n\n {\n if (store.pagamento.st.icms !== true) {\n if (!!!checkRevendaPj(store.user.info)) {\n if (!!cotacao) {\n getFormasCotacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n true,\n true\n )\n } else if (!!negociacao) {\n getFormasNegociacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n true,\n true\n )\n } else {\n getFormas(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n store,\n true,\n true,\n true\n )\n }\n }\n }\n dispatch(setST('icms', true))\n }}\n />\n \n\n {\n if (store.pagamento.st.icms !== false) {\n if (!!!checkRevendaPj(store.user.info)) {\n if (!!cotacao) {\n getFormasCotacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n false,\n true\n )\n } else if (!!negociacao) {\n getFormasNegociacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n false,\n true\n )\n } else {\n getFormas(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n store,\n true,\n false,\n false\n )\n }\n }\n }\n dispatch(setST('icms', false))\n }}\n />\n \n \n {!!checkRevendaPj(store.user.info) ? (\n \n Os produtos comprados serão destinados a:\n {\n if (store.pagamento.st.destinoFiscal !== 'consumo') {\n if (!!cotacao) {\n getFormasCotacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n true\n )\n } else if (!!negociacao) {\n getFormasNegociacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n true\n )\n } else {\n getFormas(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n store,\n true,\n true\n )\n }\n dispatch(setST('destinoFiscal', 'consumo'))\n }\n }}\n />\n \n\n {\n if (store.pagamento.st.destinoFiscal !== 'revenda') {\n if (!!cotacao) {\n getFormasCotacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n false\n )\n } else if (!!negociacao) {\n getFormasNegociacao(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n () => undefined,\n () => undefined,\n store,\n true,\n false\n )\n } else {\n getFormas(\n store.endereco.padrao.id,\n store.envio.fretePick,\n (res) => dispatch(setPagamento(res)),\n setLoad,\n store,\n true,\n false\n )\n }\n dispatch(setST('destinoFiscal', 'revenda'))\n }\n }}\n />\n \n \n ) : null}\n
\n ) : null}\n {!!negociacao && (\n \n \n Substituição Tributária\n }\n message=\"Substituição Tributária\"\n />\n \n
\n \n Atenção: Produtos sujeitos a Substituição\n Tributária no Estado ({store.endereco.padrao?.uf}), que implicará no\n Acréscimo do ICMS-ST no valor do pedido. O valor total aqui\n apresentado não está incluso o ICMS-ST. Por favor, confirme as\n informações abaixo para o cálculo e selecione a condição de\n pagamento. Caso os produtos sejam tributados, será exibida uma\n mensagem com o valor do ICMS-ST, que será incluído no valor total do\n pedido.\n
\n\n\n Observações \n
\n \n \n Observação de Nota Fiscal\n }\n message=\"Observação na Nota Fiscal\"\n />\n \n
\n \r\n {data.Descricao}\r\n
\r\nAprovação imediata
\r\n\r\n
\r\n )\r\n return null\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 Opções de Pagamento \r\n
\r\n {/* {boleto faturado} */}\r\n {isFaturado() && (\r\n \r\n {cardData?.map((card) => {\r\n return (\r\n \r\n {\r\n dispatch(setCvv(''))\r\n dispatch(setPick(res))\r\n dispatch(setCondicaoIndex(0))\r\n }}\r\n >\r\n \r\n )\r\n })}\r\n\r\n \r\n addCreditCard()}> \r\n \r\n\r\n \r\n {\r\n dispatch(setPick(res))\r\n dispatch(setCondicaoIndex(0))\r\n }}\r\n >\r\n \r\n\r\n {/* {console.log({ formasSeller })} */}\r\n\r\n {formasValidation?.find((item) => item?.Descricao === 'PIX') !==\r\n undefined && (\r\n \r\n {\r\n dispatch(setPick(res))\r\n dispatch(setCondicaoIndex(0))\r\n }}\r\n />\r\n \r\n )}\r\n
\r\n \r\n
\r\n )}\r\n {/* {boleto faturado} */}\r\n \r\n {cardDataSeller?.map((cardF) => {\r\n return (\r\n \r\n {\r\n dispatch(setPickF(res))\r\n dispatch(setCvv(''))\r\n }}\r\n >\r\n \r\n )\r\n })}\r\n \r\n addCreditCard()}> \r\n \r\n \r\n dispatch(setPickF(res))}\r\n >\r\n \r\n\r\n {/* {console.log({ formas })} */}\r\n\r\n {formasSeller?.find((item) => item.Descricao === 'PIX') !==\r\n undefined && (\r\n \r\n {\r\n dispatch(setPickF(res))\r\n // dispatch(setCondicaoIndexF(0))\r\n }}\r\n />\r\n \r\n )}\r\n
\r\n \r\n
\r\n O Gimba emite exclusivamente boletos do Banco Bradesco. Antes de\r\n pagar,\r\n
\r\n confira se o código de barras começa com 237.{' '}\r\n \r\n Em caso de divergência,
\r\n não pague e entre em contato com nosso atendimento em (11)\r\n 2763-5000\r\n \r\n
\r\n \r\n\r\n \r\n \r\n confira se o código de barras começa com 237.{' '}\r\n \r\n Em caso de divergência,
\r\n não pague e entre em contato com nosso atendimento em (11)\r\n 2763-5000\r\n \r\n
\n
\n )\n }\n\n if (store.pagamento.condicoes?.IdTipo === 3 && conIndex > 0) {\n verificarEAtualizarTotalIPI(condicoes[conIndex]?.ValorTotalIPI)\n return (\n {condicoes[conIndex]?.DescricaoPagamento}
\n\n Valor com desconto:\n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n\n
\n )\n }\n\n return ''\n }\n const condicoesCartao = () => {\n if (store.pagamento.condicoes?.IdTipo === 1 && condicoes !== undefined) {\n if (isPF() === true) {\n verificarEAtualizarTotalIPI(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorTotalIPI\n )\n return (\n {condicoes[conIndex]?.DescricaoPagamento}
\n {condicoes[conIndex]?.PercentualJuros > 0 && (\n\n Valor com acréscimo:{' '}\n {precoMask(\n condicoes[conIndex]?.ValorParcela *\n condicoes[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {}\n
\n )\n } else {\n verificarEAtualizarTotalIPI(condicoesCartaoPJ[conIndex]?.ValorTotalIPI)\n return (\n \n em{' '}\n {\n store.pagamento.condicoes?.Parcelas[conIndex]\n ?.DescricaoPagamento\n }\n
\n {store.pagamento.condicoes?.Parcelas[conIndex]?.PercentualJuros !==\n 0 && (\n\n Valor com acréscimo:{' '}\n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {' '}\n
\n )\n }\n }\n return ''\n }\n const condicoesPix = () => {\n if (store.pagamento.pick.id === 'pix' && condicoes !== undefined) {\n verificarEAtualizarTotalIPI(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorTotalIPI\n )\n return (\n em {condicoesCartaoPJ[conIndex]?.DescricaoPagamento}
\n {condicoesCartaoPJ[conIndex]?.PercentualJuros !== 0 && (\n\n Valor com acréscimo:{' '}\n {precoMask(\n condicoesCartaoPJ[conIndex]?.ValorParcela *\n condicoesCartaoPJ[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {store.pagamento.condicoes?.Parcelas[conIndex]?.PercentualDesconto ===\n 0 ? (\n
\n )\n }\n }\n\n let quantidadeTotal = 0\n store.envio.resumo.Carrinho?.forEach((item) => {\n quantidadeTotal += item.Quantidade\n })\n\n const valorProdutosConsolidado = () =>\n store.envio.resumo.ValorProdutos + store.envio.resumo.ValorProdutosSeller\n // + (store.pagamento.pagamento?.DetalheSubstituicaoTributaria?.ValorSt || 0)\n\n // console.log('store: ', store.pagamento)\n\n function valorTotalEnvio() {\n return precoMask(\n valorProdutosConsolidado() +\n sumFrete() +\n (totalIPI || store.envio.resumo?.ValorIpi)\n )\n }\n\n function valorTotalPagamento() {\n return precoMask(\n store.envio.resumo.ValorProdutos +\n store.envio.resumo.ValorProdutosSeller +\n sumFrete() +\n (store.pagamento.pick.id === undefined ? 0 : acrescimo) +\n (totalIPI || store.envio.resumo?.ValorIpi) -\n (store.pagamento.pagamento.Resumo?.ValorGimplus || 0) -\n (store.pagamento.pagamento.Resumo?.ValorCupom || 0) -\n descontoMarketplace\n )\n }\n\n function handleDatalayerEnvio() {\n const ids = new Set()\n\n const sellers = store.envio.resumo.Carrinho?.map((e) => ({\n name: e.NomeSeller,\n id: e.SellerId,\n produtos: e\n })).filter((e) => {\n if (ids.has(e.id)) {\n return false\n }\n ids.add(e.id)\n return true\n })\n\n const carrinhoArray = store.envio.resumo.Carrinho\n const freteSelecionadoArray = store.envio.fretePick\n\n const remessas = sellers.map((seller) => {\n const produtos = carrinhoArray\n .filter((item) => item.NomeSeller === seller.name)\n .map((product) => {\n return product\n })\n\n const totalPorCarrinho = produtos.reduce(\n (acc, current) => acc + current.PrecoVenda * current.Quantidade,\n 0\n )\n\n const freteSelecionado = freteSelecionadoArray[Gimbafy(seller.name)]\n\n return {\n produtos: produtos,\n freteSelecionado: freteSelecionado,\n total: parseFloat(\n (totalPorCarrinho + freteSelecionado.value).toFixed(2)\n )\n }\n })\n\n // console.log(remessas)\n\n remessas.map((remessa) => {\n return window.dataLayer.push({\n event: 'add_shipping_info',\n ecommerce: {\n value: remessa.total,\n shipping_tier:\n remessa.freteSelecionado.NomeMetodoEntrega ||\n remessa.freteSelecionado.name,\n items: remessa.produtos.map((produto) => {\n return {\n item_id: produto.CodigoERP,\n item_name: produto.DescricaoResumida,\n price: produto.PrecoVenda,\n quantity: produto.Quantidade\n }\n })\n }\n })\n })\n }\n\n function handleDatalayerPagamento() {\n const ids = new Set()\n\n const sellers = store.envio.resumo.Carrinho?.map((e) => ({\n name: e.NomeSeller,\n id: e.SellerId\n })).filter((e) => {\n if (ids.has(e.id)) {\n return false\n }\n ids.add(e.id)\n return true\n })\n\n const carrinhoArray = store.envio.resumo.Carrinho\n const freteSelecionadoArray = store.envio.fretePick\n\n function isFaturado() {\n if (\n store.pagamento.condicaoFaturado?.IdTipo === 3 &&\n conIndex > 0 &&\n (!!store.pagamento.pickF.id || !!store.pagamento.pick.id)\n ) {\n return true\n } else {\n return false\n }\n }\n\n const remessas = sellers.map((seller) => {\n const produtos = carrinhoArray\n .filter((item) => item.NomeSeller === seller.name)\n .map((product) => {\n return product\n })\n\n const totalPorCarrinho = produtos.reduce(\n (acc, current) => acc + current.PrecoVenda * current.Quantidade,\n 0\n )\n\n const freteSelecionado = freteSelecionadoArray[Gimbafy(seller.name)]\n const sellerName = seller.name === null ? 'Gimba' : 'Seller'\n\n let pagamentoGimba\n let pagamentoSeller\n\n switch (isFaturado()) {\n case true:\n pagamentoGimba = store.pagamento.condicaoFaturado?.Descricao\n if (store.pagamento.pick.id === 'boleto') {\n pagamentoGimba = store.pagamento.condicaoFaturado?.Descricao\n }\n\n if (store.pagamento.pickF.id === 'boleto') {\n pagamentoSeller = store.pagamento.condicoes?.Descricao\n } else if (store.pagamento.pickF.id === 'pix') {\n pagamentoSeller = 'PIX'\n } else {\n pagamentoSeller = 'Cartão de Crédito'\n }\n break\n case false:\n pagamentoGimba = store.pagamento.condicoes?.Descricao\n pagamentoSeller = store.pagamento.condicoes?.Descricao\n default:\n break\n }\n\n return {\n produtos: produtos,\n seller: {\n name: sellerName,\n pagamento: sellerName === 'Gimba' ? pagamentoGimba : pagamentoSeller\n },\n total: parseFloat(\n (totalPorCarrinho + freteSelecionado.value).toFixed(2)\n )\n }\n })\n\n // console.log(remessas)\n // console.log(store)\n\n remessas.map((remessa) => {\n return window.dataLayer.push({\n event: 'add_payment_info',\n ecommerce: {\n value: remessa.total,\n payment_type: remessa.seller.pagamento,\n items: remessa.produtos.map((produto) => {\n return {\n item_id: produto.CodigoERP,\n item_name: produto.DescricaoResumida,\n price: produto.PrecoVenda,\n quantity: produto.Quantidade\n }\n })\n }\n })\n })\n }\n\n function filterPagamento(condicao) {\n if (condicao.descricao) {\n const idCondicaoCredito =\n store.pagamento.pagamento.Formas[0].Condicoes.filter(\n (item) => item.Descricao === condicao.descricao\n )\n return idCondicaoCredito[0].Id\n } else {\n let condicaoId\n switch (condicao.id) {\n case 'boleto':\n condicaoId = 3\n break\n case 'pix':\n condicaoId = 16\n default:\n break\n }\n return condicaoId\n }\n }\n\n function getCampanha(pagamento) {\n // const carrinhoArray = carrinhoMock\n const carrinhoArray = store.envio.resumo.Carrinho\n\n const pagamentoFiltered = filterPagamento(pagamento)\n\n const selectedCampanha = carrinhoArray\n .map((product) => {\n const campanha = product.Campanhas.filter(\n (campanha) => campanha.IdCondicaoPagamentoGimba === pagamentoFiltered\n )[0]\n\n return campanha !== undefined\n ? { ...campanha, PrecoVenda: product.PrecoVenda }\n : null\n })\n .filter((el) => el)\n\n const descontoTotalCampanha = selectedCampanha.reduce((acc, current) => {\n if (current?.Id)\n return acc + (current?.PrecoVenda - current?.ProdutoPrecoCampanha)\n }, 0)\n\n setDescontoMarketplace(descontoTotalCampanha)\n\n // console.log(carrinhoArray)\n\n // console.log(selectedCampanha)\n // console.log(descontoTotalCampanha)\n }\n\n useEffect(() => {\n if (store.pagamento.pick.id) {\n getCampanha(store.pagamento.pick)\n }\n }, [store.pagamento.pick.id])\n\n return (\n <>\n {load && \n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n ) : (\n <>\n\n {\n store.pagamento.condicoes?.Parcelas[conIndex]\n ?.DescricaoPagamento\n }\n
\n\n Valor com desconto:{' '}\n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n \n )}\nResumo do pedido
\n\n Produtos ({quantidadeTotal} itens)
{' '}\n{convertDecimalCurrency(valorProdutosConsolidado())}
\n\n IPI\n
\n {' '}\n {precoMask(\n totalIPI || store.envio.resumo?.ValorIpi\n )}{' '}\n
\n \n ) : (\n ''\n )}\nFrete
{precoMask(sumFrete())}
\nDesconto Marketplace
{' '}\n{precoMask(descontoMarketplace)}
\n\n Gimplus\n
\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorGimplus,\n true\n )}\n
\nCupom
{' '}\n\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorCupom,\n true\n )}\n
\nICMS-ST
{precoMask(acrescimo)}
\n\n
\n\n {condicoesBoleto()}\n\n {condicoesCartao()}\n\n {condicoesPix()}\n Total
{valorTotalPagamento()}
\n\n
\n Total
{valorTotalPagamento()}
\nFrete {precoMask(sumFrete())}
\n {condicoesBoleto()}\n\n {condicoesCartao()}\n\n {condicoesPix()}\nResumo do pedido
\n\n Produtos ({quantidadeTotal} itens)
{' '}\n{precoMask(valorProdutosConsolidado())}
\n\n IPI\n
{precoMask(store.envio.resumo?.ValorIpi)}
\n \n ) : (\n ''\n )}\nFrete
{precoMask(sumFrete())}
\n\n
\n Total
{valorTotalEnvio()}
\n\n
\n Total
{valorTotalEnvio()}
\nFrete {precoMask(sumFrete())}
\nResumo do pedido
\n\n Produtos ({quantidadeTotal} itens)
{' '}\n{precoMask(valorProdutosConsolidado())}
\n\n IPI\n
\n {' '}\n {precoMask(totalIPI || store.envio.resumo?.ValorIpi)}{' '}\n
\n \n ) : (\n ''\n )}\nFrete
{precoMask(sumFrete())}
\nDesconto Marketplace
{' '}\n{precoMask(descontoMarketplace)}
\n\n Gimplus\n
\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorGimplus,\n true\n )}\n
\nCupom
{' '}\n\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorCupom,\n true\n )}\n
\nICMS-ST
{precoMask(acrescimo)}
\n\n
\n\n {condicoesBoleto()}\n\n {condicoesCartao()}\n\n {condicoesPix()}\n Total
{valorTotalPagamento()}
\n\n Finalizar Pedido \n
\n \n )}\n \n )\n}\n\nexport default ResumoPedido\n","import styled, { css } from 'styled-components'\r\n\r\nexport const Wrapper = styled.div`\r\n text-align: center;\r\n`\r\n\r\nexport const SteptsList = styled.ul`\r\n counter-reset: steps;\r\n list-style-type: none;\r\n margin-bottom: 50px;\r\n text-align: center;\r\n position: relative;\r\n display: inline-block;\r\n`\r\n\r\nexport const StepsItem = styled.li`\r\n ${({ theme, active }) => css`\r\n counter-increment: steps;\r\n display: inline-block;\r\n color: #afaeae;\r\n text-align: center;\r\n margin: 0 30px;\r\n position: relative;\r\n width: 190px;\r\n vertical-align: top;\r\n\r\n &:before {\r\n content: counter(steps);\r\n background: #fbfbfb;\r\n font-size: 20px;\r\n line-height: 35px;\r\n font-weight: 400;\r\n display: block;\r\n border-radius: 50%;\r\n width: 40px;\r\n height: 40px;\r\n border: 3px solid #afaeae;\r\n margin: 0 auto 10px auto;\r\n }\r\n\r\n &:after {\r\n content: '';\r\n height: 3px;\r\n background: #afaeae;\r\n width: 120%;\r\n position: absolute;\r\n right: -151px;\r\n top: 19px;\r\n z-index: 0;\r\n }\r\n\r\n &:first-child {\r\n &:after {\r\n width: 120%;\r\n }\r\n }\r\n\r\n &:last-child {\r\n &:after {\r\n display: none;\r\n }\r\n }\r\n\r\n ${active &&\r\n css`\r\n color: ${theme.colors.primary};\r\n font-weight: bold;\r\n\r\n &:before {\r\n color: #ffffff;\r\n font-weight: 600;\r\n background: ${theme.colors.primary};\r\n border-color: ${theme.colors.primary};\r\n }\r\n\r\n &:after {\r\n background-color: ${theme.colors.primary};\r\n }\r\n `}\r\n\r\n @media (max-width: ${theme.media.ipad}) {\r\n width: 150px;\r\n font-size: 14px;\r\n margin: 0 10px;\r\n\r\n &:before {\r\n font-size: 16px;\r\n line-height: 30px;\r\n width: 36px;\r\n height: 36px;\r\n border: 3px solid #afaeae;\r\n }\r\n\r\n &:after {\r\n width: 115%;\r\n }\r\n\r\n ${active &&\r\n css`\r\n color: ${theme.colors.primary};\r\n font-weight: bold;\r\n\r\n &:before {\r\n color: #ffffff;\r\n font-weight: 600;\r\n background: ${theme.colors.primary};\r\n border-color: ${theme.colors.primary};\r\n }\r\n\r\n &:after {\r\n background-color: ${theme.colors.primary};\r\n }\r\n `}\r\n\r\n &:after {\r\n right: -113px;\r\n top: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 540px) {\r\n width: 60px;\r\n font-size: 12px;\r\n margin: 0 10px;\r\n\r\n &:after {\r\n right: -55px;\r\n top: 15px;\r\n }\r\n }\r\n `}\r\n`\r\n","import * as S from './styles'\r\n\r\n\r\n\r\nconst Steps = ({ steps=[\r\n { stepId: 1, label: 'Meu Carrinho' },\r\n { stepId: 2, label: 'Envio e Pagamento' },\r\n { stepId: 3, label: 'Confirmação' }\r\n], activeStep }) => {\r\n return (\r\n Cartão de Crédito
\r\n\r\n {!!load &&Forma de Pagamento
\r\n\r\n {cardData.map((card) => {\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 Você ainda não tem endereços cadastrados :(\r\n
\r\n\r\n \r\n {capitalize(apelido)}\r\n \r\n {tipoLogradouro === logradouro.trim().split(' ')[0] ? (\r\n \r\n {capitalize(logradouro)} {numero}\r\n \r\n ) : (\r\n \r\n {capitalize(tipoLogradouro)}{' '}\r\n {capitalize(logradouro)} {numero}\r\n \r\n )}\r\n\r\n
\r\n\r\n \r\n {capitalize(bairro)} - {capitalize(cidade)} / {uf} -{' '}\r\n {cepMask(cep)}\r\n
\r\n\r\n {\r\n await setCardId(id)\r\n if (e.target.name == id) {\r\n setChecked(e.target.name)\r\n }\r\n handleSubmit(id)\r\n }}\r\n />\r\n\r\n \r\n
\r\n Endereço de Entrega
\r\nMeus Endereços
\r\n\r\n openModal(id)}\r\n setCardId={setCardId}\r\n loading={loading}\r\n setLoading={setLoading}\r\n setSelectedAddress={setSelectedAddress}\r\n inscEstadualIsento={inscricaoEstadualIsento}\r\n allowAddAdressPJ={validateAddNewAddress}\r\n >\r\n
\r\n\r\n Adicionar Endereço
\r\nAlterar Endereço
\r\n\r\n 
\r\n
\r\n Código de Segurança
\r\n\r\n Para concluir a transação, digite o{' '}\r\n código de segurança (CVV) do seu cartão.\r\n
\r\n\r\n\r\n {\r\n handleSubmit(e)\r\n }}\r\n >\r\n Confirmar\r\n \r\n
\r\n \r\n {\r\n setCurrent()\r\n }}\r\n >\r\n Voltar\r\n \r\n
\r\n \r\n
\r\n Remover Cartão
\r\nDeseja remover este cartão?
\r\n\r\n \r\n setShowModal((prev) => !prev)}\r\n >\r\n Cancelar\r\n \r\n
\r\n \r\n \r\n
\r\n {/* COLUNA - RESUMO DO PEDIDO */}\r\n \r\n Em até {data?.time} dia(s) úteis, após liberação de crédito\r\n
\r\n {precoMask(data?.value)}
\r\n )}\r\nSomente São Paulo/SP
\r\n {check?.id === data.id && (\r\n\r\n dispatch(setTurno(e.target.value))}\r\n >\r\n {/* */}\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n )}\r\n \n {' '}\n \n \n {convertDecimalCurrency(data?.preco)}\n {' '}\n {convertDecimalCurrency(campanhaPreco)} {' '}\n {data.PossuiIPI ? (\n \n (Com IPI de{' '}\n {convertDecimalCurrency(data?.ValorProdutoUnitarioIPI)}{' '}\n já incluso)\n \n ) : (\n ''\n )}\n \n \n Quantidade: {data?.quantidade} \n \n \n Alterar\n \n \n \n
\n \n Não foi possível encontrar uma transportadora para o endereço\n selecionado. Entre em contato com nossa central de atendimento\n
\n ) : null\n }\n\n const freteGimbaDisplay = (frete) => {\n return frete.Gimba?.OpcoesFrete?.map((e, i) => {\n let dataF = {\n id: e.Id,\n name: e.RazaoSocial,\n idMedia: e.IdObjetoMedia,\n time: e.DiasParaEntrega,\n value: e.ValorFrete,\n ValorFreteAgendado: e.ValorFreteAgendado\n }\n\n return e.Id ? (\n \n Não foi possível encontrar uma transportadora para o endereço\n selecionado. Entre em contato com nossa central de atendimento\n
\n )\n })\n }\n const freteSellerDisplay = (frete, seller) => {\n let sellerObj = frete.Sellers?.filter((e) => e.SellerId === seller.id)[0]\n let sId = sellerObj?.SellerId\n return sellerObj?.OpcoesEntrega?.map((e, i) => {\n return (\n \n {sellers?.map((seller, i) => (\n \n \n ))}\n
\n )\n}\nexport default Sellers\n","import styled, { css } from 'styled-components'\r\n\r\nexport const CardBox = styled.div`\r\n background: #ffffff;\r\n padding: 16px;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 4px;\r\n -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 20px;\r\n\r\n .address {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n @media (max-width: 600px) {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n button {\r\n margin-top: 10px;\r\n }\r\n }\r\n }\r\n\r\n .endereco-card-title {\r\n font-size: 16px;\r\n display: block;\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .endereco-card-title span {\r\n font-weight: normal;\r\n }\r\n\r\n .endereco-card-description {\r\n font-weight: 400;\r\n font-size: 15px;\r\n }\r\n\r\n @media (max-width: 1170px) {\r\n .perfil-box {\r\n padding: 30px 20px 10px 20px;\r\n }\r\n }\r\n\r\n @media (min-width: 1170px) and (max-width: 1360px) {\r\n .endereco-card-title {\r\n font-size: 14px;\r\n }\r\n\r\n .endereco-card-description {\r\n font-size: 14px;\r\n }\r\n }\r\n`\r\n\r\n\r\nexport const CardAddressType = styled.h3`\r\n font-size: 16px;\r\n display: block;\r\n margin-bottom: 8px;\r\n`\r\nexport const Address = styled.h3``\r\n\r\nexport const ProfileBox = styled.div`\r\n background: #ffffff;\r\n padding: 30px 30px 30px 30px;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 10px;\r\n -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 20px;\r\n`\r\n\r\nexport const ProfileBoxFooter = styled.div`\r\n margin: 10px 0 20px 0;\r\n\r\n @media (max-width: 1170px) {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n`\r\n\r\nexport const ButtonChangeAddress = styled.button`\r\n ${({ theme }) => css`\r\n color: rgba(46, 46, 46, 1);\r\n font-family: 'Montserrat';\r\n font-size: 13px;\r\n font-weight: 400;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n transition: all ease-in-out 400ms;\r\n text-decoration: underline;\r\n\r\n &:hover {\r\n color: rgba(46, 46, 46, 0.7);\r\n }\r\n\r\n & + .button {\r\n margin-left: 15px;\r\n }\r\n\r\n @media (max-width: $MEDIA-IPAD) {\r\n font-size: 14px;\r\n }\r\n `}\r\n`\r\n","import * as S from './styles'\nimport { capitalizePhrase } from '../../../utils/utils'\n\nconst AddressCardEnvio = ({ showModal, data, allowOtherAddress }) => {\n return (\n \n \n Enviado por \n {Gimbafy(seller.name)} \n \n {carrinho\n ?.filter((e) => e.NomeSeller === seller.name)\n .map((e) => (\n \n ))}\n
\n\n \n Opção de Entrega \n {seller.name === null && freteGimbaDisplay(frete)}\n {seller.name === null &&\n noFrete(store.envio.frete?.Gimba?.OpcoesFrete.length === 0)}\n {seller.name === null &&\n store?.envio?.fretePick?.Gimba?.id !== undefined &&\n store?.endereco?.padrao?.uf === 'SP' && (\n
\n \n
\n\n
\n )}\n\n {seller.name !== null && freteSellerDisplay(frete, seller)}\n {seller.name !== null &&\n noFrete(\n store.envio.frete?.Sellers?.length === 0\n ? true\n : store.envio.frete?.Sellers?.filter(\n (e) => e.SellerId === seller.id\n )[0]?.OpcoesEntrega.length === 0\n )}\n\n {!!store.envio.frete.Message && 'Frete Indisponível'}\n \n
\n {!!data && (\n showModal()}>\n Escolher outro endereço\n \n )}\n
\n \n \n {capitalizePhrase(data.apelido)}\n \n {data.tipoLogradouro === data.logradouro?.trim().split(' ')[0] ? (\n \n {capitalizePhrase(data.logradouro)}, {data.numero} -{' '}\n {data.complemento}\n \n ) : (\n \n {capitalizePhrase(data.tipoLogradouro)}{' '}\n {capitalizePhrase(data.logradouro)}, {data.numero} -{' '}\n {data.complemento}\n {console.log(data)}\n \n )}\n\n
\n )}\n\n {!allowOtherAddress ? null : (\n \n {capitalizePhrase(data.bairro)} - {capitalizePhrase(data.cidade)}{' '}\n / {data.uf} - {data.cep}\n
\n\r\n \r\n Atenção, confirme seu endereço para evitar problemas de entrega.\r\n {' '}\r\n 😉\r\n
\r\n\r\n \r\n\r\n
\r\n \n {sellers?.map((seller, i) => (\n \n
\n \n ))}\n \n )\n}\nexport default Sellers\n","import styled, { css } from 'styled-components'\r\n\r\nexport const CardBox = styled.div`\r\n background: #ffffff;\r\n padding: 16px;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 4px;\r\n -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 20px;\r\n\r\n .address {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n @media (max-width: 500px) {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n\r\n /* button {\r\n margin-top: 10px;\r\n } */\r\n }\r\n }\r\n\r\n .endereco-card-title {\r\n font-size: 16px;\r\n display: block;\r\n font-weight: 500;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .endereco-card-title span {\r\n font-weight: normal;\r\n }\r\n\r\n .endereco-card-description {\r\n font-weight: 400;\r\n font-size: 14px;\r\n }\r\n\r\n @media (max-width: 1170px) {\r\n .perfil-box {\r\n padding: 30px 20px 10px 20px;\r\n }\r\n }\r\n\r\n @media (min-width: 1170px) and (max-width: 1360px) {\r\n .endereco-card-title {\r\n font-size: 14px;\r\n }\r\n\r\n .endereco-card-description {\r\n font-size: 14px;\r\n }\r\n }\r\n`\r\n\r\nexport const CardAddressType = styled.h3`\r\n font-size: 16px;\r\n display: block;\r\n margin-bottom: 8px;\r\n`\r\nexport const Address = styled.h3``\r\n\r\nexport const ProfileBox = styled.div`\r\n background: #ffffff;\r\n padding: 30px 30px 30px 30px;\r\n border: 1px solid #e5e5e5;\r\n border-radius: 10px;\r\n -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 20px;\r\n`\r\n\r\nexport const ProfileBoxFooter = styled.div`\r\n margin: 10px 0 20px 0;\r\n\r\n @media (max-width: 1170px) {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n`\r\n\r\nexport const ButtonChangeAddress = styled.button`\r\n ${({ theme, confirmacao }) => css`\r\n color: rgba(46, 46, 46, 1);\r\n font-family: 'Montserrat';\r\n font-size: 13px;\r\n font-weight: 400;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n transition: all ease-in-out 400ms;\r\n text-decoration: underline;\r\n align-self: flex-start;\r\n\r\n position: absolute;\r\n ${confirmacao\r\n ? css`\r\n right: 16px;\r\n `\r\n : css`\r\n right: 26px;\r\n `}\r\n\r\n @media (min-width: 1170px) {\r\n ${confirmacao &&\r\n css`\r\n right: 26px;\r\n `}\r\n }\r\n\r\n &:hover {\r\n color: rgba(46, 46, 46, 0.7);\r\n }\r\n\r\n & + .button {\r\n margin-left: 15px;\r\n }\r\n\r\n @media (max-width: $MEDIA-IPAD) {\r\n font-size: 14px;\r\n }\r\n `}\r\n`\r\n","import * as S from './styles'\nimport { capitalizePhrase } from '../../../utils/utils'\nimport { Link } from 'react-router-dom'\n\nconst AddressCardConfirmacao = ({\n showModal,\n data,\n cotacao,\n negociacao,\n allowOtherAddress\n}) => {\n return (\n \n \n Itens enviados por \n {Gimbafy(seller.name)} \n \n
\n\n \n Entrega Estimada: {checkSeller(seller)}\n
\n\n {carrinho\n ?.filter((e) => e.NomeSeller === seller.name)\n .map((e) => (\n\n \n Opção de Entrega{' '}\n \n Alterar\n \n \n\n {seller.name === null &&\n frete.Gimba?.OpcoesFrete?.filter(\n (e) => e.Id === store.envio.fretePick['Gimba']?.id\n ).map((e) => (\n
\n )}\n \n Entrega agendada:{' '}\n \n {formatDate()} | {turnoCompleto()}\n \n
\n ) : null}\n \n ) : null}\n\n {seller.name !== null && freteSellerShowDisplay(frete, seller)}\n {store.pagamento.condicaoFaturado?.IdTipo === 3 &&\n +store.pagamento?.condicaoIndex > 0 &&\n !!store.pagamento.pickF.id &&\n seller.name === null && (\n\n \n Pagamento{' '}\n \n Alterar\n \n \n
\n )}\n\n {store.pagamento.condicaoFaturado?.IdTipo === 3 &&\n +store.pagamento?.condicaoIndex > 0 &&\n !!store.pagamento.pickF.id &&\n seller.name !== null && (\n \n
\n Boleto Faturado\n
\n \n (\n {\n store.pagamento.condicaoFaturado?.Parcelas[\n +store.pagamento.condicaoIndex - 1\n ].DescricaoPagamento\n }\n )\n
\n \n \n \n Pagamento{' '}\n \n Alterar\n \n \n\n
\n )}\n \n \n
\n
\n ) : (\n \n (Crédito)\n
\n \n {store.pagamento.pickF.bandeira}\n {' Final '}\n {store.pagamento.pickF.numero}\n
\n \n
\n \n {store.pagamento.pickF.id === 'pix'\n ? 'PIX'\n : store.pagamento.condicoes.Descricao}\n
\n \n showModal()}>\n Alterar\n \n )}\n \n ) : (\n \n Alterar\n \n )}\n
\n \n \n Endereço de Entrega\n \n\n {data.tipoLogradouro === data.logradouro?.trim().split(' ')[0] ? (\n \n {!!cotacao ? '' : 'Entrega:'} {capitalizePhrase(data.logradouro)},{' '}\n {data.numero} - {capitalizePhrase(data.complemento)}{' '}\n \n ) : (\n \n {!!cotacao ? '' : 'Entrega:'}{' '}\n {capitalizePhrase(data.tipoLogradouro)}{' '}\n {capitalizePhrase(data.logradouro)}, {data.numero} -{' '}\n {capitalizePhrase(data.complemento)}\n \n )}\n
\n\n {!!cotacao || !!negociacao ? (\n <>\n {!allowOtherAddress ? null : (\n \n {capitalizePhrase(data.bairro)} -{' '}\n {capitalizePhrase(data.cidade)} / {data.uf} - {data.cep}\n
\n\n {capitalizePhrase(data.bairro)} -{' '}\n {capitalizePhrase(data.cidade)} / {data.uf} - {data.cep}\n
\n\r\n \r\n Alterar\r\n \r\n
\r\n \r\n \r\n Forma de Pagamento\r\n \r\n\r\n {/* Case BOLETO */}\r\n\r\n {pickedMethod.id === 'boleto' && (\r\n \r\n \r\n )}\r\n\r\n {/* Case PIX */}\r\n\r\n {pickedMethod.id === 'pix' && (\r\n \r\n \r\n )}\r\n\r\n {/* Case Crédito */}\r\n\r\n {pickedMethod.bandeira && (\r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n (Boleto Bancário)\r\n {conIndex === 0 && (\r\n
\r\n {condicoes[conIndex]?.DescricaoPagamento}
\r\n )}\r\n {conIndex > 0 && (\r\n{condicaoFaturado[conIndex - 1]?.DescricaoPagamento}
\r\n )}\r\n\r\n PIX\r\n
\r\n Aprovação imediata
\r\n\r\n (Crédito){' '}\r\n \r\n {showFullFlagName(pickedMethod.bandeira)} Final{' '}\r\n {pickedMethod.numero}\r\n \r\n
\r\n \r\n
\r\n Pagar em{' '}\r\n {condicoes[conIndex]?.PercentualJuros === 0\r\n ? `${condicoes[conIndex]?.DescricaoPagamento} sem juros`\r\n : condicoes[conIndex]?.DescricaoPagamento}\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n Alguns produtos selecionados são bloqueados para a região\r\n selecionada.\r\n
\r\n\r\n Favor remover do carrinho os produtos abaixo:\r\n
\r\n- \r\n {store.finalizado.pedido?.Bloqueio?.Itens?.map((el) => (\r\n
- {el.Descricao} \r\n ))}\r\n
\r\n {/* setShowModal((prev) => !prev)}\r\n >\r\n Cancelar\r\n */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n openModalAddress()}\r\n data={store.endereco.padrao}\r\n />\r\n
\r\n \r\n openModalPayment()}\r\n cardData={cartoes}\r\n />\r\n
\r\n \r\n \r\n
\r\n {/* COLUNA - RESUMO DO PEDIDO */}\r\n \r\n Pedido realizado\r\n
\r\n com sucesso\r\n
\r\n \r\n
\r\n\r\n Obrigado por comprar no Gimba
\r\n\r\n Você receberá um e-mail com a confirmação e
todos os\r\n detalhes do seu pedido.\r\n
\r\n\r\n todos os\r\n detalhes do seu pedido.\r\n
\r\n Número do Pedido
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido?.Id}`\r\n )\r\n }\r\n >\r\n {pedido?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n\r\n {boletoAVista === 0 && (\r\n <>\r\n \r\n \r\n
\r\n Caso não consiga visualizar o boleto,{' '}\r\n popBoleto()}\r\n style={{\r\n textDecoration: 'underline',\r\n fontWseight: 'bold',\r\n cursor: 'pointer'\r\n }}\r\n >\r\n clique aqui\r\n
\r\n \r\n\r\n \r\n O boleto é gerado automaticamente em uma nova janela.\r\n Verifique se o seu navegador não esteja bloqueando POP-UP\r\n
\r\n \r\n )}\r\n \r\n Pedido realizado\r\n
\r\n com sucesso\r\n
\r\n \r\n
\r\n\r\n Obrigado por comprar no Gimba
\r\n\r\n Você receberá um e-mail com a confirmação e
todos os\r\n detalhes do seu pedido.\r\n
\r\n\r\n todos os\r\n detalhes do seu pedido.\r\n
\r\n Número do Pedido
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido[0]?.Id}`\r\n )\r\n }\r\n >\r\n {pedido[0]?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n Número do Pedido
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido[1]?.Id}`\r\n )\r\n }\r\n >\r\n {pedido[1]?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n\r\n {pagamentoFaturado === 'boleto' && (\r\n <>\r\n \r\n \r\n
\r\n Caso não consiga visualizar o boleto,{' '}\r\n popBoleto()}\r\n style={{\r\n textDecoration: 'underline',\r\n fontWseight: 'bold',\r\n cursor: 'pointer'\r\n }}\r\n >\r\n clique aqui\r\n
\r\n \r\n\r\n \r\n O boleto é gerado automaticamente em uma nova janela.\r\n Verifique se o seu navegador não esteja bloqueando POP-UP\r\n
\r\n \r\n )}\r\n\r\n {pagamentoFaturado === 'pix' && (\r\n \r\n {qrCodeValue === null ? (\r\n \r\n O seu código Pix está em processamento! Aguarde alguns\r\n instantes. Você pode consultar o seu pedido aqui\r\n \r\n ) : (\r\n <>\r\n
\r\n )}\r\n \r\n {qrCodeUrl ? (\r\n 
\r\n ) : (\r\n
\r\n\r\n \r\n copyToClipboard(qrCodeValue)}\r\n >\r\n Copiar código do PIX\r\n \r\n\r\n \r\n Código copiado!\r\n \r\n
\r\n\r\n O código é válido até {pixValidade}\r\n\r\n \r\n Se o pagamento não for confirmado até a validade acima,{' '}\r\n
o pedido será cancelado automaticamente.\r\n
\r\n
\r\n \r\n )}\r\n - \r\n
- \r\n 1 - Abra o app ou banco da sua\r\n preferência. Escolha a opção pagar com código PIX \"\r\n copia e cola\", ou código QR.\r\n \r\n\r\n
- \r\n 2 - Copie e cole o código, ou\r\n escaneie o código QR com a câmera do seu celular.\r\n Confira todas as informações e autorize o pagamento.\r\n \r\n\r\n
- \r\n 3 - Você vai receber a confirmação do\r\n pagamento em seu email. E pronto!\r\n \r\n
\r\n Pedido realizado\r\n
\r\n com sucesso\r\n
\r\n \r\n
\r\n\r\n Obrigado por comprar no Gimba
\r\n\r\n Você receberá um e-mail com a confirmação e
todos os\r\n detalhes do seu pedido.\r\n
\r\n\r\n todos os\r\n detalhes do seu pedido.\r\n
\r\n {!!pedido?.Id && 'Número do Pedido'}
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido?.Id}`\r\n )\r\n }\r\n >\r\n {pedido?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n {qrCodeValue === null ? (\r\n \r\n O seu código Pix está em processamento! Aguarde alguns\r\n instantes. Você pode consultar o seu pedido aqui\r\n \r\n ) : (\r\n <>\r\n
\r\n \r\n {qrCodeUrl ? (\r\n \r\n ) : (\r\n
\r\n\r\n \r\n copyToClipboard(qrCodeValue)}\r\n >\r\n Copiar código do PIX\r\n \r\n\r\n \r\n Código copiado!\r\n \r\n
\r\n\r\n O código é válido até {pixValidade}\r\n \r\n Se o pagamento não for confirmado até a validade acima,{' '}\r\n
o pedido será cancelado automaticamente.\r\n
\r\n
\r\n \r\n )}\r\n - \r\n
- \r\n 1 - Abra o app ou banco da sua\r\n preferência. Escolha a opção pagar com código PIX \"\r\n copia e cola\", ou código QR.\r\n \r\n\r\n
- \r\n 2 - Copie e cole o código, ou escaneie\r\n o código QR com a câmera do seu celular. Confira todas\r\n as informações e autorize o pagamento.\r\n \r\n\r\n
- \r\n 3 - Você vai receber a confirmação do\r\n pagamento em seu email. E pronto!\r\n \r\n
\r\n Pedido realizado\r\n
\r\n com sucesso\r\n
\r\n \r\n
\r\n\r\n Obrigado por comprar no Gimba
\r\n\r\n Você receberá um e-mail com a confirmação e
todos os\r\n detalhes do seu pedido.\r\n
\r\n\r\n todos os\r\n detalhes do seu pedido.\r\n
\r\n {!!pedido?.Id && 'Número do Pedido'}
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido?.Id}`\r\n )\r\n }\r\n >\r\n {pedido?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n Copiar código do PIX \r\n\r\n O código é válido até as 2:00\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n Se o pagamento não for confirmado o pedido
será cancelado\r\n automaticamente.\r\n
\r\n
\r\n - \r\n
- \r\n 1 - Abra o app ou banco da sua preferência.\r\n Escolha a opção pagar com código PIX \" copia e cola\", ou\r\n código QR.\r\n \r\n\r\n
- \r\n 2 - Copie e cole o código, ou escaneie o\r\n código QR com a câmera do seu celular. Confira todas as\r\n informações e autorize o pagamento.\r\n \r\n\r\n
- \r\n 3 - Você vai receber a confirmação do\r\n pagamento em seu email. E pronto!\r\n \r\n
\r\n Pedido realizado\r\n
\r\n com sucesso\r\n
\r\n \r\n
\r\n\r\n Obrigado por comprar no Gimba
\r\n\r\n Você receberá um e-mail com a confirmação e
todos os\r\n detalhes do seu pedido.\r\n
\r\n\r\n todos os\r\n detalhes do seu pedido.\r\n
\r\n {!!pedido?.Id && 'Número do Pedido'}
\r\n \r\n\r\n iframeLink(\r\n `${process.env.REACT_APP_URL_CLIENTE}/meus-pedidos/${pedido?.Id}`\r\n )\r\n }\r\n >\r\n {pedido?.Id || pedido?.Validation?.Errors[0] || ''}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n iframeLink(\r\n 'https://www.ebitempresa.com.br/bitrate/pesquisa1.asp?empresa=112315'\r\n )\r\n }\r\n >\r\n
\r\n */}\r\n \n \n {convertDecimalCurrency(data?.preco)} {' '}\n {data.PossuiIPI ? (\n \n (Com IPI de{' '}\n {convertDecimalCurrency(data?.ValorProdutoUnitarioIPI)}{' '}\n já incluso)\n \n ) : (\n ''\n )}\n \n \n Quantidade: {data?.quantidade} {' '}\n \n
\n \n Itens da {!!negociacao ? 'Negociação' : 'Cotação'}\n
\n\n\n
\n\n {carrinhoGimba?.length > 4 && (\n \n {items?.map((product) => {\n return (\n
\n \n
\n )\n })}\n \n \n
\n )}\n \n
\n )\n }\n if (store.pagamento.condicoes?.IdTipo === 3 && conIndex > 0) {\n verificarEAtualizarTotalIPI(condicoes[conIndex]?.ValorTotalIPI)\n return (\n {condicoes[conIndex]?.DescricaoPagamento}
\n\n Valor com desconto:{' '}\n {!!cotacao &&\n precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n {!!negociacao &&\n precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n\n
\n )\n }\n }\n\n const condicoesCartao = () => {\n if (store.pagamento.condicoes?.IdTipo === 1 && condicoes !== undefined) {\n if (isPF() === true) {\n verificarEAtualizarTotalIPI(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorTotalIPI\n )\n return (\n {condicoes[conIndex]?.DescricaoPagamento}
\n {condicoes[conIndex]?.PercentualJuros > 0 && (\n\n Valor com acréscimo:{' '}\n {!!cotacao &&\n precoMask(\n condicoes[conIndex]?.ValorParcela *\n condicoes[conIndex]?.NumeroParcela\n )}\n {!!negociacao &&\n precoMask(\n condicoes[conIndex]?.ValorParcela *\n condicoes[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {}\n
\n )\n } else {\n verificarEAtualizarTotalIPI(condicoesCartaoPJ[conIndex]?.ValorTotalIPI)\n return (\n \n em{' '}\n {\n store.pagamento.condicoes?.Parcelas[conIndex]\n ?.DescricaoPagamento\n }\n
\n {store.pagamento.condicoes?.Parcelas[conIndex]?.PercentualJuros !==\n 0 && (\n\n Valor com acréscimo:{' '}\n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {' '}\n
\n )\n }\n }\n return ''\n }\n\n const condicoesPix = () => {\n if (store.pagamento.pick.id === 'pix' && condicoes !== undefined) {\n verificarEAtualizarTotalIPI(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorTotalIPI\n )\n return (\n em {condicoesCartaoPJ[conIndex]?.DescricaoPagamento}
\n {condicoesCartaoPJ[conIndex]?.PercentualJuros !== 0 && (\n\n Valor com acréscimo:{' '}\n {precoMask(\n condicoesCartaoPJ[conIndex]?.ValorParcela *\n condicoesCartaoPJ[conIndex]?.NumeroParcela\n )}\n
\n )}\n\n {store.pagamento.condicoes?.Parcelas[conIndex]?.PercentualDesconto ===\n 0 ? (\n
\n )\n }\n }\n\n let quantidadeTotal = 0\n store.envio.resumo.Carrinho?.forEach((item) => {\n quantidadeTotal += item.Quantidade\n })\n const valorProdutosConsolidado = () =>\n store.envio.resumo.ValorProdutos + store.envio.resumo.ValorProdutosSeller\n\n const ValorFinalCotacao =\n valorProdutosConsolidado() +\n sumFrete() +\n (store.pagamento.pick.id === undefined ? 0 : acrescimo) +\n (totalIPI || store.envio.resumo?.ValorIpi) -\n (store.pagamento.pagamento.Resumo?.ValorGimplus || 0) -\n (store.pagamento.pagamento.Resumo?.ValorCupom || 0)\n\n const ValorFinalNegociacao =\n ValorFinalCotacao -\n (store.pagamento.pagamento.Resumo?.ValorDescontoNegociacao || 0)\n\n return (\n <>\n {!!cotacao && (\n <>\n \n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n ) : (\n <>\n\n {\n store.pagamento.condicoes?.Parcelas[conIndex]\n ?.DescricaoPagamento\n }\n
\n\n Valor com desconto:{' '}\n {precoMask(\n store.pagamento.condicoes?.Parcelas[conIndex]?.ValorParcela *\n store.pagamento.condicoes?.Parcelas[conIndex]?.NumeroParcela\n )}\n
\n \n )}\nResumo da Cotação
\n Produtos ({quantidadeTotal} itens)
\n{precoMask(store.envio.resumo.ValorProdutos)}
\nFrete
{precoMask(sumFrete())}
\n\n IPI\n
\n {' '}\n {precoMask(totalIPI || store.envio.resumo?.ValorIpi)}{' '}\n
\n \n ) : (\n ''\n )}\n\n Gimplus\n
\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorGimplus,\n true\n )}\n
\nCupom
{' '}\n\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorCupom,\n true\n )}\n
\nICMS-ST
{precoMask(acrescimo)}
\n\n
\n {condicoesBoleto()}\n\n {condicoesCartao()}\n\n {condicoesPix()}\n Total
{precoMask(ValorFinalCotacao)}
\nResumo da Negociação
\n\n Produtos ({quantidadeTotal} itens)
\n\n {precoMask(store.pagamento.pagamento.Resumo?.ValorProdutos)}\n
\nFrete
{precoMask(sumFrete())}
\n\n IPI\n
\n {' '}\n {precoMask(totalIPI || store.envio.resumo?.ValorIpi)}{' '}\n
\n \n ) : (\n ''\n )}{' '}\nDesconto
\n\n {precoMask(\n store.pagamento.pagamento.Resumo\n ?.ValorDescontoNegociacao\n )}\n
{' '}\n \n ) : (\n ''\n )}\n\n Gimplus\n
\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorGimplus,\n true\n )}\n
\nCupom
{' '}\n\n {precoMask(\n store.pagamento.pagamento.Resumo?.ValorCupom,\n true\n )}\n
\nICMS-ST
{precoMask(acrescimo)}
\n\n
\n\n {condicoesBoleto()}\n\n {condicoesCartao()}\n\n {condicoesPix()}\n Total
{precoMask(ValorFinalNegociacao)}
\nSomente Estado de São Paulo
\r\n\r\n dispatch(setTurno(e.target.value))}\r\n >\r\n {/* */}\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n showModal()}>\r\n Alterar\r\n \r\n \r\n\r\n \r\n \r\n {store.endereco.padrao?.uf === 'SP' && (\r\n \r\n )}\r\n
\r\n Opções de Envio
\r\n\r\n{frete?.name || '-'}
\r\n\r\n Frete:{' '}\r\n {frete?.value === 0 ? 'Grátis' : precoMask(frete?.value) || '-'} |{' '}\r\n Entrega: {' '}\r\n {!!frete?.time ? `${frete?.time} dias úteis` : '-'}\r\n
\r\n\n {\n dispatch(setCondicaoIndex(Number(res)))\n }}\n options={\n parcelas.map((e, i) => ({\n label: e.DescricaoPagamento,\n value: i\n })) || [{ label: 'Selecione', value: '', hidden: true }]\n }\n >\n )}\n
\n\n {/* Boleto Bancário
\n {check?.id === 'boleto' && (\n\n {data.Descricao} \n
\n\r\n {\r\n setSelectedCard(value)\r\n // dispatch(setCondicoes(value))\r\n }}\r\n options={\r\n opcoes.map((e, i) => ({\r\n label: e.Descricao,\r\n value: e.Descricao\r\n })) || [{ label: 'Bandeira...', value: '' /* hidden: true */ }]\r\n }\r\n />\r\n )}\r\n\r\n {check?.id === 'cartao' && (\r\n dispatch(setCondicaoIndex(Number(res)))}\r\n options={\r\n parcelasMock?.map((e, i) => ({\r\n label: e.DescricaoPagamento,\r\n value: i\r\n })) || [{ label: 'Parcelas...', value: '' /* hidden: true */ }]\r\n }\r\n />\r\n )}\r\n
\r\n Cartão de Crédito
\r\n {check?.id === 'cartao' && (\r\n\r\n PIX\r\n
\r\n {check?.id === 'pix' &&\r\n condicoesPix?.Parcelas[0].PercentualDesconto > 0 ? (\r\n\r\n com desconto de {condicoesPix?.Parcelas[0].PercentualDesconto}%\r\n
\r\n ) : null}\r\nForma de Pagamento
\r\n\r\n \r\n \r\n {name}\r\n \r\n\r\n
\r\n\r\n \r\n Frete: {convertDecimalCurrency(value)} | Entrega:{' '}\r\n {time} dias úteis\r\n
\r\n\r\n {\r\n if (e.target.name == id) {\r\n setChecked(e.target.name)\r\n setCache({\r\n name,\r\n id,\r\n value,\r\n time,\r\n ValorFreteAgendado: ValorFreteAgendado\r\n })\r\n }\r\n // handleSubmit(id)\r\n }}\r\n />\r\n\r\n \r\n
\r\n Opções de envio
\r\n\r\n\r\n {!!negociacao ? 'Negociação ' : 'Cotação '}Finalizada\r\n
\r\n\r\n\r\n Sua {msg} foi gravada com sucesso\r\n
\r\n\r\nPara visualizá-la, navegue até \"{msg}” no menu superior.
\r\n\r\n\r\n Número da {msg}
{' '}\r\n {numeroCotacao}\r\n
\r\n Sua {`${msg}`} teve um acréscimo no valor.
\r\n Valor do ICSM - ST calculado: R$ {acrescimo}\r\n
\r\n {/* CONTEÚDO PRINCIPAL DA PÁGINA */}\r\n \r\n \r\n \r\n \r\n {/* CONTEÚDO PRINCIPAL DA PÁGINA */}\r\n\r\n {/* COLUNA - RESUMO DO PEDIDO --> */}\r\n \r\n \r\n {/* <-- COLUNA - RESUMO DO PEDIDO */}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n openModalAddress()}\r\n data={store.endereco.padrao}\r\n allowOtherAddress={allowNewAddress(\r\n store.endereco.enderecos,\r\n store.user.info.inscricaoEstadual\r\n )}\r\n cotacao\r\n />\r\n
\r\n\r\n \r\n openModalFrete()}> \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 finalizarCotacao()}>\r\n Salvar Cotação\r\n \r\n
\r\n\r\n \r\n \r\n Negociar Preço \r\n \r\n
\r\n\r\n \r\n \r\n Voltar para o carrinho \r\n \r\n
\r\n\r\n \r\n {!!isPF() &&
\r\n \r\n
\r\n\r\n \r\n finalizarCotacao()}>\r\n Salvar Cotação\r\n \r\n
\r\n\r\n \r\n \r\n Negociar Preço \r\n \r\n
\r\n\r\n \r\n \r\n Voltar para o carrinho \r\n \r\n
\r\n\r\n \r\n {!!isPF() &&
\r\n \r\n \r\n \r\n \r\n \r\n {/* CONTEÚDO PRINCIPAL DA PÁGINA */}\r\n\r\n {/* COLUNA - RESUMO DO PEDIDO --> */}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n openModalAddress()}\r\n data={store.endereco.padrao}\r\n allowOtherAddress={allowNewAddress(\r\n store.endereco.enderecos,\r\n store.user.info.inscricaoEstadual\r\n )}\r\n cotacao\r\n />\r\n
\r\n\r\n \r\n openModalFrete()}> \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 finalizar()}>\r\n Concluir Negociação\r\n \r\n
\r\n\r\n \r\n \r\n Voltar \r\n \r\n
\r\n \r\n {!!isPF() &&
\r\n \r\n
\r\n\r\n \r\n finalizar()}>\r\n Concluir Negociação\r\n \r\n
\r\n\r\n \r\n \r\n Voltar \r\n \r\n
\r\n \r\n {!!isPF() &&
\r\n \r\n // Razão Social:\r\n // Supricorp Suprimentos Ltda / CNPJ: 54.651.716/0011-50\r\n //
\r\n //\r\n // Endereço:\r\n // Avenida Prefeito João Vilallobo Quero, 1160 - Jardim Belval - Barueri\r\n // - SP | CEP: 06422-122\r\n //
\r\n //\r\n Ir para página Inicial \r\n \r\n
\r\n 404
\r\n Ops, página não encontrada\r\n\r\n Verifique o endereço ou utilize a barra\r\n
\r\n de pesquisa, milhares de ofertas esperam por você\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n Nossos servidores estão ocupados\r\nIr para página Inicial \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n Nossos servidores estão ocupados\r\n
\r\n Por favor aguarde um minuto e tente novamente.\r\n
\r\n \r\n