{"version":3,"sources":["components/Navbar/MenuItems.js","components/Navbar/Navbar.js","components/slider/slider.js","components/App/AppSection.js","config/consts.js","api/Api.js","api/Products.js","pages/Products/index.js","components/Plans/PlansScroll.js","components/Steps/index.js","components/Vantagens/index.js","components/Nossosprodutos/Nossosprodutos.js","components/Premios/Premios.js","api/Main.js","components/Faq/index.js","pages/Home/index.js","assets/spinner.gif","pages/SignUp/index.js","pages/SignSuccess/index.js","components/Footer/Footer.js","App.js","index.js"],"names":["MenuItems","title","url","cName","NavBar","state","clicked","handleClickItem","ReactGA","event","category","action","label","setState","handleClick","initialize","md","className","href","src","class","onClick","this","map","item","index","to","pathname","Component","Wrapper","styled","div","SlickSlider","children","settings","refs","sliderRef","useRef","ref","banners","console","log","settingsPlans","dots","infinite","speed","slidesToShow","centerMode","centerPadding","focusOnSelect","autoplay","autoplaySpeed","initialSlide","variableWidth","useHistory","fluid","bannerWeb","width","bannerMobile","BASE_URL","Api","axios","create","baseURL","timeout","headers","ContentType","interceptors","request","use","config","a","getProducts","get","result","useState","categories","setCategories","filtering","setFitlering","showingProducts","setShowingProducts","loadProducts","products","data","cat","indexOf","GetSortOrder","prop","b","GetSortDescOrder","ordereby","setOrderBy","stx","useCallback","length","image","fullName","packaging","partnerPrice","toLocaleString","style","currency","useEffect","background","minHeight","xl","ee","ix","filter","f","onChange","e","old","sort","setOrder","target","value","selected","PlanHsCashBack","PlanDescription","PlanButtonSelect","PlanDeliveryFreq","PlanDeliveryCashFreq","PlanDivider","PlanPriceTotal","PlanPriceBox","PlanSubTitle","PlanTitle","PlanBoxContainer","PlansSlider","PlanBox","PlansScroll","plans","eventGa","getTotalPlanValue","val","perc","vtotal","id","responsive","breakpoint","slidesToScroll","height","backgroundColor","name","description","delivery_tax","amount","additionalPercentage","fontSize","display","flex","xs","lg","offset","ProductSlider","ProductBoxContainer","productsList","settingsProducts","HorizontalGray","ProductBox","imageUrl","maxWidth","objectFit","images","Linedivider","ItemName","Points","point","getPlans","getHighlight","getContent","getFaq","signUp","content","post","doPay","questions","setQuestions","activeFaqs","setActiveFaqs","loadFaq","MainApi","faq","i","FaqContainer","FaqQuestion","FaqPhrase","question","FaqIcon","FaqAnswer","dangerouslySetInnerHTML","__html","answer","setPlans","setImgMain","setImgMobile","setVideoUrl","setTextVideo","setTextSubVideo","setBanners","setProductList","premiosList","setPremiosList","loadPlans","UserApi","plansData","parseFloat","LoadPremios","loadContent","apresentationVideoUrl","ourProducts","apresentationTitle","apresentationSubtitle","response","window","document","pageview","ReactPixel","init","pageView","hash","location","setTimeout","hashFiltered","replace","element","getElementById","scrollIntoView","hashLinkScroll","AppSection","Vantagens","Steps","vv","Nossosprodutos","Premios","Faq","Styled","span","PlanBottomConfirm","TextButtonSpacing","CheckBoxHolder","FormTitle","SectionTitle","SectionTitlteText","SectionTBorderC","SectionTTRow","LabelInput","FormInput","input","FormSelect","select","FormSelectDate","FormSelectCard","ButtonFinishSign","button","MessageError","TextSignupComplete","TitleFinishCd","LinkTerms","history","userId","setUserId","stepActive","setStepActive","selectedPlan","setPlanState","showTerms","setShowTerms","loading","setLoading","signErrors","setSignErrors","validateForm","hasErrors","errors","cpfFiltered","validateCpf","email","phoneNumber","addressStreet","addressZipCode","addressCity","addressState","addressNumber","dayBirth","yearBirth","monthBirth","addressNeighborhood","termsAccepted","accepted","acceptedPlan","parseInt","getAge","underAge","handleMainData","setmessageErrorResponse","track","requestBody","addressComplement","referralCode","sign","LoadOffer","termsAndConditions","setTermsAndConditions","handleClose","setDocument","setName","setEmail","setPhoneNumber","setAddressStreet","setAddressZipCode","setAddressComplement","setAddressCity","setAddressState","setAddressNumber","setAddressNeighborhood","setTermsAccepted","strCPF","Soma","Resto","substring","yearsCardValid","setYearsCardValid","monthDays","months","years","setYears","setMonthBirth","setYearBirth","setDayBirth","setReferralCode","cardNumber","setCardNumber","paymentErrors","setPaymentErrors","holderName","setHolderName","cvv","setCvv","cardDueMonth","setCardDueMonth","cardDueYear","setCardDueYear","messageErrorResponse","validatePaymentForm","handleClickStores","store","handlePaymentData","cardNumberfiltered","gtag","subscription_id","defaultMessage","step","message","er","dateString","today","Date","birthDate","age","getFullYear","m","getMonth","getDate","addresses","setAddressess","getCep","XMLHttpRequest","open","send","onload","JSON","parse","itemmapped","street","neighborhood","city","region","loaded","setLoaded","scrollTo","max","min","push","generateArrayOfYears","now","generateYearsCard","styles","menu","base","marginTop","type","color","paddingTop","v","cpf","setFormatedDoc","maxLength","placeholder","onBlur","cep","mcep","readOnly","options","noOptionsMessage","inputValue","bairroSlt","setStreetSel","defaultChecked","LoaderGif","isOpen","toggle","size","padding","card","setFormatedCardNumber","setFormatCvv","transaction_id","paddingBottom","TagManager","gtmId","App","path","component","Products","SignUp","SignUpSucess","exact","Home","Footer","ReactDOM","render"],"mappings":"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","file":"static/js/main.14a85b76.chunk.js","sourcesContent":["export const MenuItems = [\n    { \n        title: \"Como Assinar\",\n        url: \"/#como\",\n        cName: 'nav-links'\n    },{ \n        title: \"Planos\",\n        url: \"/#planos\",\n        cName: 'nav-links'\n    },{ \n        title: \"Marcas\",\n        url: \"/#marcas\",\n        cName: 'nav-links'\n    },{ \n        title: \"Itens exclusivos\",\n        url: \"/#premios\",\n        cName: 'nav-links'\n    },{ \n        title: \"Q&A\",\n        url: \"/#qea\",\n        cName: 'nav-links'\n    }\n]","import React, { Component } from 'react'\nimport {MenuItems} from './MenuItems';\nimport ReactGA from 'react-ga';\nimport { Container, Col, Row } from '@bootstrap-styled/v4'; \nimport { useHistory, Link } from \"react-router-dom\";\nimport './Navbar.css';\n\nclass NavBar extends Component {\n\n    state = {clicked:false};\n    componentDidMount(){\n        ReactGA.initialize('AW-368642779');\n    }\n    handleClickItem = (title) =>{\n        ReactGA.event({\n            category: 'Home',\n            action: 'Click',\n            label: \"Botão \" +  title,\n          });\n          this.setState({clicked : !this.state.clicked});\n    }\n    handleClick = () =>{\n        \n        this.setState({clicked : !this.state.clicked});\n    }\n    render(){\n        return(\n            // <Container fluid>\n                <Row>\n                    <Col md={1}>&nbsp;</Col>\n                    <Col md={10}>\n                        <nav className=\"NavBarItems\">\n                                <h1 className=\"navbar-logo\">\n                                <a href=\"/\">\n                                    <img src='/assets/logo2.png' class=\"logo-desktop\" />\n                                    <img src='/assets/logo2_mobile.png' class=\"logo-mobile\" />\n                                </a>\n                                </h1>\n                                <div className=\"menu-icon\" onClick={this.handleClick}>\n                                    <i className={this.state.clicked ? 'fas fa-times' : 'fas fa-bars'}></i>\n                                </div>\n                                <ul className={this.state.clicked ? 'nav-menu active' : 'nav-menu'}>\n                                    { MenuItems.map((item ,index)=>{\n                                        return(\n                                        <li key={index} className=\"item-link\" onClick={() => this.handleClickItem(item.title)}>\n                                            <a  className={item.cName} href={item.url}> {item.title} </a>\n                                        </li>);\n                                    })}\n                                    <li className=\"item-link\">\n                                    <Link to={{ pathname : \"/#produtos\" }} className=\"nav-links\">\n                                        Produtos\n                                        </Link>\n                                    </li>\n                                </ul>\n                        </nav>\n                    </Col>\n                    <Col md={1}>&nbsp;</Col>\n                </Row>\n            // </Container>\n        );\n    }\n}\n\nexport default NavBar;","import React, { useRef } from 'react';\nimport Slider from 'react-slick';\nimport styled from 'styled-components';\n\nimport './styles.css';\nconst SlickSlider = ({ children, settings, refs }) => {\n    const sliderRef = useRef(null);\n    if (refs) {\n        refs(sliderRef);\n    }\n    return (\n        <Wrapper>\n            <Slider {...settings} ref={sliderRef} className=\"contentSlider\">{children}</Slider>\n        </Wrapper>\n    );\n};\n\nconst Wrapper = styled.div`\n    .slick-arrow{\n        width: 35px;\n        height: 35px;\n        font-size: 0;\n        border: 1px solid #000;\n        border-radius: 50%;\n        background-color: transparent;\n        transition: all 0.3s ease-in-out;\n        transform: scale(1);\n        outline: 0;\n        &:before {\n            content: '';\n            background-image: url('/assets/arrow-right.png');\n            background-size: 18px;\n            background-repeat: no-repeat;\n            background-position: center center;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            left: 0;\n            top: 0;\n        }\n        &.slick-prev {\n            &:before {\n                transform: rotate(180deg);\n            }\n        }\n        &:hover,\n        &:focus {\n            background-color: #FFF;\n            outline: 0;\n        }\n        \n        @media screen and (max-width: 960px){\n            width: 46px;\n            height: 46px;\n            &:before {\n                background-size: 25px;\n            }\n        }\n    }\n`;\n\nexport default SlickSlider;\n","import React from 'react';\nimport { Container, Row, Col } from '@bootstrap-styled/v4'; \nimport { useHistory, Link } from \"react-router-dom\";\nimport SlickSlider from '../slider/slider';\nimport './style.css';\n\nimport styled from 'styled-components';\n\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nconst Wrapper = styled.div`\n    .slick-dots li button:before{\n        color:#FFF;\n        margin-top:-38px;\n    }\n    .slick-arrow{\n        width: 35px;\n        height: 35px;\n        font-size: 0;\n        border: 1px solid #000;\n        border-radius: 50%;\n        background-color: transparent;\n        transition: all 0.3s ease-in-out;\n        transform: scale(1);\n        outline: 0;\n        border:0px;\n        &:before {\n            content: '';\n            background-image: url('/assets/direita.png');\n            background-size: 18px;\n            background-repeat: no-repeat;\n            background-position: center center;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            left: 0;\n            top: 0;\n        }\n        &.slick-prev {\n            &:before {\n                transform: rotate(180deg);\n            }\n        }\n        &:hover,\n        &:focus {\n            background-color: #FFF;\n            outline: 0;\n        }\n        \n        @media screen and (max-width: 960px){\n            width: 46px;\n            height: 46px;\n            display:none !important;\n            &:before {\n                background-size: 25px;\n            }\n        }\n    }\n`;\nexport default ({banners})=>{\n    console.log(banners);\n    const settingsPlans = {\n        dots: true,\n        infinite: true,\n        speed: 1000,\n        slidesToShow: 1,\n        centerMode: true,\n        centerPadding: '0px',\n        focusOnSelect: false,\n        autoplay: true,\n        autoplaySpeed: 3000,\n        initialSlide: 0,\n        variableWidth: true\n    };\n \n    const history = useHistory();\n   \n    return(\n        <div>\n          \n        <Container fluid className=\"bannerHolder\">\n            <Row>\n                <Col md={1}>&nbsp;</Col>\n                <Col md={10}>\n                    <Wrapper>\n                    <SlickSlider settings={settingsPlans}>\n                        \n                        {banners.map((item,index) =>{\n                            return(\n                                <div><img src={item.bannerWeb}  width=\"100%\" /></div>\n                            )\n                        })}\n                    </SlickSlider>\n                    </Wrapper>\n                    </Col>\n                <Col md={1}>&nbsp;</Col>\n            </Row>\n        </Container>\n      \n        <Container  className=\"bannerMobileHolder\">\n\n            <Wrapper>\n                <SlickSlider settings={settingsPlans}>\n                    \n                    {banners.map((item,index) =>{\n                        return(\n                            <div><img src={item.bannerMobile}  width=\"100%\" /></div>\n                        )\n                    })}\n                </SlickSlider>\n            </Wrapper>\n        </Container>\n        </div>\n    )\n\n}","// export const BASE_URL = 'https://solar-stage.azurewebsites.net/api/';\nexport const BASE_URL = 'https://wsappsol.solarbr.com.br:3443/api/';","\nimport axios from 'axios';\nimport Cookies from 'js-cookie';\nimport { BASE_URL } from '../config/consts';\n\nconst Api = axios.create({\n    baseURL: BASE_URL,\n    timeout : 60000,\n    headers: {\n      ContentType: 'application/json'\n    },\n});\n\nApi.interceptors.request.use(async config => {   \n    const headers = {...config.headers};\n    const token =  null;\n    if (token && token.length > 5) {\n        headers.Authorization = `Bearer ${token}`;\n    }\n    return {\n      ...config,\n      headers,\n    };\n});\n\nexport default Api;","import Api from './Api';\n\nexport default {\n    getProducts : async() => { \n        const result = await Api.get('d2c/LandingProducts');\n        return result;\n    },\n    \n}","import React,{useEffect,useState, useCallback} from 'react';\nimport {Container, Row, Col, Modal, ModalHeader} from '@bootstrap-styled/v4';\nimport Api from '../../api/Products';\nimport './styles.css';\nexport default () =>{\n    const [categories,setCategories] = useState([]);\n    const [filtering,setFitlering] = useState([]);\n    const [showingProducts,setShowingProducts] = useState([]);\n\n    const setExFitlering= (ee) =>{\n        setFitlering(ix =>{\n            let dd =  ix.indexOf(ee);\n            if( dd > -1 ){\n                return ix.filter(f =>{ return f != ee});\n            }else{\n                return [...ix,ee];\n            }\n        })\n    }\n\n    const loadProducts = async() =>{\n        const {data : products} = await Api.getProducts();\n        console.log(products);\n        products.map(item =>{\n                setCategories(cat =>{ \n                    if(cat.indexOf(item.category) == -1){\n                        return [...cat, item.category];\n                    }else{\n                        return cat;\n                    }\n                });\n           \n        })\n        setShowingProducts(products);\n        //15\n        /*\n\n            category: \"Refrigerantes\"\n            code: \"000000000001010161\"\n            descPack: \"Pet\"\n            discountCode: null\n            discountPrice: null\n            disposable: true\n            fullName: \"Sprite Fresh Limão Pet 510ml\"\n            image: \"https://solar-stage.azurewebsites.net/product-images/000000000001010161.png\"\n            imageFull: \"https://solar-stage.azurewebsites.net/product-images/000000000001010161.png\"\n            isSuggested: false\n            lendingQuantity: 1\n            maximumPurchaseAmount: null\n            modifiedDate: \"2021-11-12T13:37:36.3107513-03:00\"\n            name: \"Sprite Fresh Limão Pet 510ml\"\n            namePackageDescription: \"SPRITE FRESH LIMÃO PET 510ML CAIXA COM 6 UNIDADES\"\n            packageAmount: 6\n            packageDescription: \"Caixa\"\n            packaging: \"Caixa com 6 unidades\"\n            partnerPrice: 15.06\n            partnerPriceTableCode: \"003\"\n            partnershipGroups: []\n            partnershipGroupsCodes: []\n            price: 15.06\n            priceTableCode: \"003\"\n            promotionCode: \"000000\"\n            returnable: false\n            salesPrice: null\n            showIconPartner: false\n            ssdPriority: false\n            stillPriority: false\n            suggestedAmount: null\n            typePack: \"Descartável\"\n        */\n    }\n    \n    function GetSortOrder(prop) {    \n        return function(a, b) {    \n            if (a[prop] > b[prop]) {    \n                return 1;    \n            } else if (a[prop] < b[prop]) {    \n                return -1;    \n            }    \n            return 0;    \n        }    \n    }    \n    function GetSortDescOrder(prop) {    \n        return function(a, b) {    \n            if (a[prop] < b[prop]) {    \n                return 1;    \n            } else if (a[prop] > b[prop]) {    \n                return -1;    \n            }    \n            return 0;    \n        }    \n    }   \n    const [ordereby,setOrderBy] = useState('');\n    const stx = useCallback(\n        () => {\n         \n        \n        return showingProducts.map(item=>{\n            if(filtering.length > 0){\n                if(filtering.indexOf(item.category) > -1){\n                    return (\n                    <Col md={3} className=\"itemcol\">\n                        <div className=\"itemImage\">\n                            <img src={item.image} />\n                        </div>\n                        <div class=\"holderItemDetails\">\n                            <div  className=\"itemName\">{item.fullName}</div>\n                            <div className=\"packingSize\">{item.packaging}</div>\n                            <div  className=\"itemPrice\">{item.partnerPrice.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})}</div>\n                        </div>\n                    </Col>)\n                }\n            }else{\n                return (\n                    <Col md={3} className=\"itemcol\">\n                        <div className=\"itemImage\">\n                            <img src={item.image} />\n                        </div>\n                        <div class=\"holderItemDetails\">\n                            <div  className=\"itemName\">{item.fullName}</div>\n                            <div className=\"packingSize\">{item.packaging}</div>\n                            <div  className=\"itemPrice\">{item.partnerPrice.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})}</div>\n                        </div>\n                    </Col>)\n            }\n        });\n        \n    }, [ordereby,filtering, showingProducts]);\n    const setOrder = (e)=>{\n        if(e == \"price_desc\"){\n            console.log(\"asc\")\n            setShowingProducts( old =>{\n                return old.sort(GetSortDescOrder(\"price\"));\n            });\n        }\n        \n        if(e == \"price_asc\"){\n\n            setShowingProducts( old =>{\n                console.log(old);\n                return old.sort(GetSortOrder(\"price\"));\n            });\n          \n        }\n\n        if(e == \"letter_asc\"){\n\n            setShowingProducts( old =>{\n                console.log(old);\n                return old.sort(GetSortDescOrder(\"name\"));\n            });\n        }\n\n        if(e == \"letter_desc\"){\n\n            setShowingProducts( old =>{\n                console.log(old);\n                return old.sort(GetSortOrder(\"name\"));\n            });\n        }\n        setOrderBy(e);\n\n    }\n    useEffect(() => {\n        loadProducts()\n        \n    }, [])\n\n\n    return(\n        <div style={{background: '#FFF', minHeight : 500}}>\n            <br />\n            <br />\n            <Container>\n                <Row className=\"TopMenuFilterHolder\">\n                <div className=\"mainProductsContent\">\n                    <div className=\"filterMenu\">\n                        <div className=\"filterTitleContainer\">\n                                Filtrar por:\n                        </div>\n                        {\n                            categories.map(xl =>{\n                                return( <div className=\"selectBadge\" onClick={() => setExFitlering(xl)}>\n                                            {filtering.indexOf(xl) == -1 && \n                                                <img src=\"/assets/unselected.png\" /> \n                                            }\n                                            {filtering.indexOf(xl) > -1 && \n                                                <img src=\"/assets/selectedcircle.png\" /> \n                                            }\n                                            <div className=\"selectBadgeText\">\n                                                {xl}\n                                            </div>\n                                        </div>)\n                            })\n                        }\n                        <div className=\"selectdiv\">\n                            <label>\n                                <select onChange={e => setOrder(e.target.value)}>\n                                    <option value=\"\" selected>Ordenar por </option>\n                                    <option value=\"price_asc\">Menor Preço</option>\n                                    <option value=\"price_desc\">Maior Preço</option>\n                                    <option value=\"letter_asc\">A - Z</option>\n                                    <option value=\"letter_desc\">Z - A</option>\n                                </select> \n                            </label>\n                        </div>\n                    </div>\n                </div>\n                    \n                </Row>\n            </Container>\n            <Container>\n                <Row>\n                    {stx()}\n                </Row>\n            </Container>\n        </div>\n    ) \n}","import React from 'react';\nimport styled from 'styled-components';\nimport { Container, Row, Col } from '@bootstrap-styled/v4';\nimport SlickSlider from '../slider/slider';\nimport { useHistory, Link } from \"react-router-dom\";\nimport './style.css';\n\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nconst PlansScroll = ({plans,eventGa}) => {\n\n\n    const getTotalPlanValue = (val,perc)=>{\n        let vtotal = 0;\n        if(perc > 0){\n            let vperc  = perc/100;\n            let additional = val * vperc;\n            vtotal = val + additional;\n        }else{\n            vtotal = val;\n        }\n        return vtotal.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})\n    }\n    const settingsPlans = {\n        dots: false,\n        infinite: false,\n        speed: 300,\n        slidesToShow: 3.3,\n        centerMode: false,\n        centerPadding: '0px',\n        focusOnSelect: false,\n        autoplay: false,\n        autoplaySpeed: 3000,\n        initialSlide: 0,\n        variableWidth: false,\n        responsive: [\n            {\n                breakpoint: 960,\n                settings: {\n                    initialSlide: 0,\n                    variableWidth: false,\n                    slidesToShow: 1.1,\n                    slidesToScroll: 1,\n                    centerMode: true,\n                    infinite: false,\n                },\n            }\n        ],\n    };\n \n    const history = useHistory();\n   \n    return (\n        <Wrapper   id=\"planos\" >\n            <Container fluid={false}>\n                <Row>\n                    <Col className=\"header\">\n                        <h1>\n                            ESCOLHA ABAIXO O PLANO QUE MAIS COMBINA COM VOCÊ\n                        </h1>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col className=\"subheader\">\n                        <h1>\n                        O valor do seu plano será convertido em créditos que você poderá utilizar quando quiser.<br />\n                        </h1>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col md=\"12\">\n                        <PlansSlider>\n                            <SlickSlider settings={settingsPlans}>\n                                {plans.length == 0 &&\n                                \n                                    <PlanBoxContainer  style={{ height : '100% !important'}} >\n                                    \n                                    </PlanBoxContainer>\n                                }\n                                {plans.map((item,index) =>{\n                                    return(\n                                        <PlanBoxContainer key={item.id}  style={{ height : '100% !important'}} >\n                                            <PlanBox style={{backgroundColor: item.backgroundColor, height : '100%'}}>\n                                                <PlanTitle>{item.name}</PlanTitle>\n                                                <PlanDescription>{item.description}</PlanDescription>\n                                                <PlanSubTitle>{item.delivery_tax}</PlanSubTitle>\n                                                <PlanDivider />\n                                                <PlanPriceBox>\n                                                   \n                                                    <PlanPriceTotal>\n                                                        {item.amount.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})}\n                                                    </PlanPriceTotal>\n                                                    <PlanDeliveryCashFreq>\n                                                        {item.additionalPercentage > 0 &&\n                                                                <>\n                                                                    <PlanHsCashBack>\n                                                                      GANHE  {item.additionalPercentage}% DE BÔNUS EXTRA\n                                                                    </PlanHsCashBack>\n                                                                 \n                                                                </>\n                                                        }\n                                                    </PlanDeliveryCashFreq>\n                                                    <PlanDeliveryFreq>\n                                                        Sua conta será creditada com <div style={{fontSize: '1.4vw'}}> {getTotalPlanValue(item.amount,item.additionalPercentage)} /mês</div>  {<>  Frete grátis</>}\n                                                        \n                                                    </PlanDeliveryFreq>\n                                                </PlanPriceBox>\n                                                <PlanDivider />\n                                                   \n                                                <div style={{display:'flex',flex:1}}></div>\n                                                <div onClick={()=> eventGa(\"Botão EU QUERO \" + item.name)}>\n                                                    <Link to={{ pathname : \"/#assinatura\", state : item }}>\n                                                        <PlanButtonSelect>\n                                                            EU QUERO!\n                                                        </PlanButtonSelect>\n                                                    </Link>\n                                                </div>\n                                            </PlanBox>\n                                        </PlanBoxContainer>\n                                    )\n                                })}\n                            </SlickSlider>\n                        </PlansSlider>\n                    </Col>\n                </Row>\n                <Row>\n                    <Col className=\"centercontent\">\n                                \n                    </Col>\n                </Row>\n            </Container>\n        </Wrapper>\n    );\n};\n\n\nconst PlanHsCashBack = styled.div`\n    font-weight:bold;\n    font-size:16px;\n`;\n\nconst PlanDescription = styled.div`\n    text-align:center;\n    color:#FFF;\n    padding:13px 13px;\n    min-height:105px;\n`;\nconst PlanButtonSelect = styled.div`\n    background-color: #FFF;\n    text-align:center;\n    border-radius:8px;\n    color:#000;\n    font-weight:bold;\n    margin:54px 34px 21px 34px;\n    height:40px;\n    align-items:center;\n    justify-content:center;\n    vertical-align:middle;\n    line-height:40px;\n    cursor:pointer;\n`;\n\nconst PlanDeliveryFreq = styled.div`\n    text-align:center;\n    font-size:0.9vw;\n    padding:34px;\n    color:#FFF;\n    @media only screen and (max-width: 960px){\n        font-size:2.8vw;\n    }\n`;\nconst PlanDeliveryCashFreq = styled.div`\n    height: 50px;\n    text-align:center;\n    font-size:0.8vw;\n    color:#FFF;\n    @media only screen and (max-width: 960px){\n        font-size:2.8vw;\n    }\n`;\n\nconst PlanDivider = styled.div`\n    border:1px solid  #D9D9D9;\n    width:40%;\n    margin:34px auto;\n    border-bottom:0px;\n`;\nconst PlanPriceTotal = styled.div`\n    margin-top:8px;\n    font-size:2.4vw;\n    color:#FFF;\n    font-weight:bold;\n    text-align:center;\n    @media only screen and (max-width: 960px){\n        font-size:8.8vw;\n    }\n`;\nconst PlanPriceDest = styled.div`\n    color:#FFF;\n    text-align:center;\n`;\n\nconst PlanPriceBox = styled.div`\n    padding:0px;\n    justify-content: space-around;\n    align-items:center;\n    \n`;\nconst PlanSubTitle = styled.div`\n    color:#999999;\n    font-size:0.81vw;\n    text-align:center;\n    @media only screen and (max-width: 960px){\n        font-size:2.8vw;\n    }\n`;\nconst PlanTitle = styled.div`\n    color:#FFF;\n    font-weight:bold;\n    text-align:center;\n    padding-top:34px;\n    font-size:1.5vw;\n    @media only screen and (max-width: 960px){\n        font-size:5.8vw;\n    }\n`;\nconst PlanBoxContainer = styled.div`\n    padding:13px;\n    flex:1;\n    display:flex;\n`;\nconst Box = styled.div`\n    position: relative;\n    width: 100%;\n    &:before {\n        content: '';\n        display: block;\n        padding-top: 100%;\n    }\n`;\n\nconst Ccontent = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background: #333;\n    color: #fff;\n    line-height: 100%;\n    height: 100%;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-position: center;\n    background-size: cover;\n    border-radius: 21px;\n    img {\n        width: 38vw;\n    }\n   \n`;\nconst CaseStudieSquare = styled.div`\n    position: relative;\n`;\nconst Wrapper = styled.div`\n    background-color: #f5f5f7;\n    min-height:23px;\n    margin-top:54px;\n    padding-top:34px;\n   \n`;\n\nconst WaveLogo = styled.div`\n   \n`;\n\nconst BlogDesc = styled.div`\n    font-size: 26px;\n    margin: 0;\n    position: relative;\n   \n`;\n\nconst PlansSlider = styled.div`\n    justify-content:center;\n    width:100%;\n    margin-top: 70px;\n    margin-bottom: 30px;\n    position: relative;\n    .slick-arrow {\n        position: absolute;\n        left: -1119vw;\n        top: calc(25% - 18px);\n        z-index: 99;\n        display:none;\n        &.slick-next {\n            display:none;\n            transform: translateY(50px);\n        }\n        \n    }\n    .slick-list{\n        width:100% !important;\n    }\n`;\n\nconst PlanBox = styled.div`\n    position:relative;\n    border-radius:8px;\n    -webkit-box-shadow: 3px 3px 5px 1px #ccc;  \n    -moz-box-shadow:    3px 3px 5px 1px #ccc;  \n    box-shadow:         3px 3px 5px 1px #ccc;  \n    background-color:#FFF;\n    padding-bottom:1px;\n`;\n\nconst BlogImg = styled.div`\n    border-radius: 21px;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    line-height: 100%;\n    height: 100%;\n    overflow: hidden;\n    background-position: center;\n    background-size: cover;\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        transform: scale(0.5);\n        transition-duration: 0.3s;\n        /* -webkit-filter: grayscale(100%);\n        filter: grayscale(100%); */\n    }\n    &:hover {\n        img {\n            transform: scale(0.56);\n            /* -webkit-filter: grayscale(0);\n            filter: grayscale(0); */\n        }\n    }\n \n`;\n\nconst CaseStudieText = styled.div`\n    text-align: center;\n    font-size: 1.6vw;\n    padding: 50px 0 20px;\n\n  \n    span {\n        font-size: 10px;\n        display: block;\n        margin-bottom: 5px;\n        \n    }\n\n    h4 {\n        font-size: 14px;\n        margin-bottom: 15px;\n        margin-top: 15px;\n        font-weight: 500;\n      \n    }\n\n    p {\n        font-size: 10px;\n        max-width: 60%;\n        \n    }\n`;\n\nexport default PlansScroll;\n","import React from 'react'\nimport { Container, Row, Col } from '@bootstrap-styled/v4'; \n\nimport './styles.css';\nexport default ()=>{\n    return(\n        <Container id=\"como\">\n            <Row>\n                <Col  className=\"stepsTitle\">\n                   COMO ASSINAR\n                </Col>\n            </Row>\n            <Row >\n                <Col xs=\"6\"  lg=\"2\"  md={{ offset: 1 }} className=\"stepsHld\">\n                    <img src=\"/assets/step_1.png\" />\n                    <div  className=\"stepsHldText\">\n                        1. Escolha o seu plano\n                    </div>\n                </Col>\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/step2.png\"  />\n                    <div  className=\"stepsHldText\">\n                        2. Faça seu cadastro\n                    </div>\n                </Col>\n            \n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/step3.png\"  />\n                    <div  className=\"stepsHldText\">\n                        3. Baixe o APP SolarBR\n                    </div>\n                </Col>\n\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/step4.png\"  />\n                    <div  className=\"stepsHldText\">\n                        4. Selecione seus produtos favoritos\n                    </div>\n                </Col>\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/step5.png\"  />\n                    <div  className=\"stepsHldText\">\n                        5. Receba na comodidade da sua casa\n                    </div>\n                </Col>\n            </Row>\n        </Container>\n    )\n}","import React from 'react'\nimport { Container, Row, Col } from '@bootstrap-styled/v4'; \n\nimport './styles.css';\nexport default ()=>{\n    return(\n        <Container id=\"como\">\n            <Row>\n                <Col  className=\"stepsTitle\">\n                    QUAIS AS VANTAGENS?\n                </Col>\n            </Row>\n            <Row >\n                <Col xs=\"6\"  lg=\"2\"  md={{ offset: 1 }} className=\"stepsHld\">\n                    <img src=\"/assets/1_vantagens.png\" />\n                    <div  className=\"stepsHldText\">\n                        Frete grátis\n                    </div>\n                </Col>\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/2_vantagens.png\"  />\n                    <div  className=\"stepsHldText\">\n                        Promoções <br />exclusivas \n                    </div>\n                </Col>\n            \n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/3_vantagens.png\"  />\n                    <div  className=\"stepsHldText\">\n                        Entrega em até <br /> 48 horas\n                    </div>\n                </Col>\n\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/4_vantagens.png\"  />\n                    <div  className=\"stepsHldText\">\n                        Bônus Extra  <br />\n                        na assinatura\n                    </div>\n                </Col>\n                <Col xs=\"6\" lg=\"2\"  className=\"stepsHld\">\n                    <img src=\"/assets/5_vantagens.png\"  />\n                    <div  className=\"stepsHldText\">\n                        Todo o portfólio da Coca-Cola na sua mão\n                    </div>\n                </Col>\n            </Row>\n            <Row>\n                <Col  className=\"substepsTitle\">\n                    E ainda pode montar a sua cesta todo mês como quiser!\n                </Col>\n            </Row>\n            <Row>\n                <Col  className=\"substepsTitle\">\n                   <div class=\"yellowsub\">\n                     assine agora e faça parte desse mundo de vantagens!\n                   </div>\n                </Col>\n            </Row>\n\n            \n            <Row>\n                <Col  className=\"substepsTitle\">\n                   <div class=\"whitelinedivider\">\n                    \n                   </div>\n                </Col>\n            </Row>\n        </Container>\n    )\n}","import React from 'react';\nimport styled from 'styled-components';\nimport { Container, Row, Col } from '@bootstrap-styled/v4';\nimport SlickSlider from '../slider/slider';\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport './styles.css';\n\n\nconst ProductSlider = styled.div`\n    justify-content:center;\n    margin-top: 70px;\n    margin-bottom: 30px;\n    position: relative;\n    .slick-arrow {\n        border:0px;\n        background:transparent;\n        position: absolute;\n        left: -35px;\n        top: calc(55% - 25px);\n        z-index: 99;\n        &.slick-next {\n            left:auto;\n            right:-35px;\n        }\n    }\n     \n    .slick-list{\n        width:100% !important;\n    }   \n    @media screen and (max-width: 960px){\n        margin-top: 0px;\n        .slick-arrow {\n            border:0px;\n            background:transparent;\n            height:25px;\n            width:25px;\n            position: absolute;\n            left: -1px;\n            top: calc(55% - 25px);\n            z-index: 99;\n            &.slick-next {\n                left:auto;\n                right:-1px;\n            }\n        }\n            \n    }\n`;\n\n\nconst ProductBoxContainer = styled.div`\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-direction:column;\n    padding:13px;\n    width:230px;\n`;\nexport default ({productsList}) =>{\n    const settingsProducts = {\n        dots: false,\n        infinite: true,\n        speed: 300,\n        slidesToShow: productsList.length >= 4 ? 4 : productsList.length,\n        centerMode: true,\n        centerPadding: '0px',\n        focusOnSelect: false,\n        autoplay: true,\n        autoplaySpeed: 3000,\n        initialSlide: 0,\n        variableWidth: false,\n        responsive: [\n            {\n                breakpoint: 960,\n                settings: {\n                    variableWidth: false,\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                },\n            }\n        ],\n    };\n    const  produtos = [\n        { \n            icon : '/assets/delvale.png'\n        },\n        { \n            icon : '/assets/fanta.png'\n        },\n        { \n            icon : '/assets/coca.png'\n        },\n        { \n            icon : '/assets/heineken.png'\n        },\n        { \n            icon : '/assets/schweppes.png'\n        }\n\n    ]\n    return(\n        <div className=\"holderProd\">\n            <Container  id=\"marcas\">\n                <Row className=\"titleourproducts\">\n                    <Col className=\"traceholder\">\n                        <HorizontalGray />\n                    </Col>\n\n                    <Col  className=\"textconheca\" >\n                        NOSSAS MARCAS E PRODUTOS\n                    </Col>\n\n                    <Col className=\"traceholder\">\n                        <HorizontalGray />\n                    </Col>\n                </Row>\n            </Container>\n\n                \n            <Container >\n                <Row className=\"productsholder\">\n                    <Col md=\"12\">\n                        <ProductSlider>\n                            <SlickSlider settings={settingsProducts}>\n                                {productsList.map((item,index) =>{\n                                        return(\n                                            <ProductBoxContainer key={index}>\n                                                <ProductBox>\n                                                    <img src={item.imageUrl}  style={{maxWidth: 160, height: 95, objectFit: 'contain'}}/>\n                                                </ProductBox>\n                                            </ProductBoxContainer>\n                                        )\n                                })}\n                            </SlickSlider>\n                        </ProductSlider>\n                    </Col>\n                </Row>\n            </Container>\n        </div>\n    )\n}\n\nconst HorizontalGray = styled.div`\n    border:1px solid #BFBFBF;\n    border-bottom:0px;\n    width:100%;\n`;\n\nconst ProductBox = styled.div`\n    background-color:transparent;\n    padding-bottom:1px;\n    text-align:center;\n    display:flex;\n    justify-content:center;\n    items-align:center;\n`;","import React from 'react';\nimport styled from 'styled-components';\nimport { Container, Row, Col } from '@bootstrap-styled/v4';\nimport SlickSlider from '../slider/slider';\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport './styles.css';\n\n\nconst ProductSlider = styled.div`\n    justify-content:center;\n    margin-top: 70px;\n    margin-bottom: 30px;\n    position: relative;\n    .slick-arrow {\n        border:0px;\n        background:transparent;\n        position: absolute;\n        left: -35px;\n        top: calc(55% - 25px);\n        z-index: 99;\n        &.slick-next {\n            left:auto;\n            right:-35px;\n        }\n    }\n     \n    .slick-list{\n        width:100% !important;\n    }   \n    @media screen and (max-width: 960px){\n        margin-top: 0px;\n        .slick-arrow {\n            border:0px;\n            background:transparent;\n            height:25px;\n            width:25px;\n            position: absolute;\n            left: -1px;\n            top: calc(55% - 25px);\n            z-index: 99;\n            &.slick-next {\n                left:auto;\n                right:-1px;\n            }\n        }\n            \n    }\n`;\n\n\nconst ProductBoxContainer = styled.div`\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-direction:column;\n    padding:13px;\n    width:230px;\n`;\nexport default ({productsList}) =>{\n    const settingsProducts = {\n        dots: false,\n        infinite: true,\n        speed: 300,\n        slidesToShow: productsList.length >= 4 ? 4 : productsList.length,\n        centerMode: true,\n        centerPadding: '0px',\n        focusOnSelect: false,\n        autoplay: true,\n        autoplaySpeed: 3000,\n        initialSlide: 0,\n        variableWidth: false,\n        responsive: [\n            {\n                breakpoint: 960,\n                settings: {\n                    variableWidth: false,\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                },\n            }\n        ],\n    };\n    const  produtos = [\n        { \n            icon : '/assets/delvale.png'\n        },\n        { \n            icon : '/assets/fanta.png'\n        },\n        { \n            icon : '/assets/coca.png'\n        },\n        { \n            icon : '/assets/heineken.png'\n        },\n        { \n            icon : '/assets/schweppes.png'\n        }\n\n    ]\n    return(\n        <div className=\"holderProd\">\n            <Container  id=\"premios\">\n                <Row className=\"titleourproducts\">\n                    <Col className=\"traceholder\">\n                        <HorizontalGray />\n                    </Col>\n\n                    <Col  className=\"textconheca\" >\n                    JUNTE PONTOS E TROQUE POR ITENS EXCLUSIVOS!\n                    </Col>\n\n                    <Col className=\"traceholder\">\n                    \n                        <HorizontalGray />\n                    </Col>\n                </Row>\n            </Container>\n\n                \n            <Container >\n                <Row className=\"productsholder\">\n                    <Col md=\"12\">\n                        <ProductSlider>\n                            <SlickSlider settings={settingsProducts}>\n                                {productsList.map((item,index) =>{\n                                        return(\n                                            <ProductBoxContainer key={index}>\n                                                <ProductBox>\n                                                    <img src={item.images[0].url}  style={{maxWidth: 160, height: 95, objectFit: 'contain'}}/>\n                                                </ProductBox>\n                                                <Linedivider></Linedivider>\n                                                <ItemName>{item.name}</ItemName>\n                                                <Points>{item.point} pts</Points>\n                                            </ProductBoxContainer>\n                                        )\n                                })}\n                            </SlickSlider>\n                        </ProductSlider>\n                    </Col>\n                </Row>\n            </Container>\n        </div>\n    )\n}\n\nconst Linedivider = styled.div`\n    border:1px solid #E02433;\n    width:40%;\n    margin: 13px auto;\n    margin-top:21px;\n`\nconst HorizontalGray = styled.div`\n    border:1px solid #BFBFBF;\n    border-bottom:0px;\n    width:100%;\n`;\nconst ItemName = styled.div`\n    text-align:center;\n    padding-top:13px;\n    height:40px;\n`\nconst ProductBox = styled.div`\n    background-color:transparent;\n    padding-bottom:1px;\n    text-align:center;\n    display:flex;\n    justify-content:center;\n    items-align:center;\n`;\nconst Points = styled.div`\n    text-align:center;\n    padding-top:13px;\n    color:#E02433;\n    font-weight:bold;\n\n`","import Api from './Api';\n\nexport default {\n    getPlans : async() => {\n        const result = await Api.get('d2c/Plan');\n        return result;\n    },\n    getHighlight : async() => {\n        const result = await Api.get('d2c/LandingContent/spotlight?qty=999');\n        return result;\n    },\n    getContent : async()=>{\n        const result = await Api.get('d2c/LandingContent');\n        return result;\n    },\n    getFaq : async()=>{\n        const result = await Api.get('d2c/LandingContent/faq');\n        return result;\n    },\n    signUp : async(content)=>{\n        const result = await Api.post('d2c/User/Register',content);\n        return result;\n    },\n    doPay : async(content)=>{\n        const result = await Api.post('d2c/Payment',content);\n        return result;\n    }\n\n    \n}","import React,{useState, useEffect} from 'react';\nimport { Container, Row, Col } from '@bootstrap-styled/v4'; \nimport styled from 'styled-components';\nimport './style.css';\nimport MainApi from '../../api/Main';\nimport { act } from 'react-dom/cjs/react-dom-test-utils.production.min';\n\n\nexport default () =>{\n    const [questions,setQuestions] = useState([]);\n    const [activeFaqs,setActiveFaqs]= useState();\n\n    const loadFaq= async()=>{\n        const {data:faq } = await MainApi.getFaq();\n        setQuestions(faq);\n    }\n\n    const toogleFaq =(index) =>{\n        if(index == activeFaqs){\n            setActiveFaqs(null);\n        }else{\n            setActiveFaqs(index);\n        }\n\n    }\n    useEffect(() => {\n        loadFaq()\n    }, [])\n    return(\n    <Container fluid className=\"bgfaq\" id=\"qea\">\n        \n        <Row  >\n            <Col className=\"faqgeadertext\">\n                <h1>\n                    PERGUNTAS FREQUENTES Q&A - MEU BRINDE\n                </h1>\n            </Col>\n        </Row>\n        <Container>\n            {\n                questions.map( (item,i) => {\n                    return(\n                        <FaqContainer>\n                               <FaqQuestion onClick={() => toogleFaq(i)}>\n                                    <FaqPhrase>\n                                        {item.question}\n                                    </FaqPhrase>\n                                    <FaqIcon>\n                                        <img src=\"/assets/arrow_drop_down_24px.png\" />\n                                    </FaqIcon>\n                                </FaqQuestion> \n                                <FaqAnswer dangerouslySetInnerHTML={{ __html: item.answer}} className={ activeFaqs == i ? \"\" : \"faqInnerHtml\" } >\n                                       \n                                </FaqAnswer>\n                        </FaqContainer>\n                    )\n                })\n            }\n           \n        </Container>\n        \n        \n    </Container>)\n}\n\n\nconst FaqAnswer = styled.div`\n    padding:21px;\n`;\nconst FaqIcon = styled.div`\n    padding:21px;\n`;\nconst FaqQuestion = styled.div`\n    display:flex;\n    flex-direction:row;\n    cursor:pointer;\n`;\n\nconst FaqPhrase = styled.div`\n    display:flex;\n    flex:1;\n    padding:21px;\n    font-weight:bold;\n    font-size:18px;\n`;\n\n\n\nconst FaqContainer = styled.div`\n    background:#FFF;\n    margin-bottom:13px;\n`;","import React,{useEffect,useState} from 'react';\nimport {BrowserRouter as Router, Switch,Route  } from 'react-router-dom';\nimport AppSection from '../../components/App/AppSection';\nimport Plans from '../../components/Plans/Plans';\nimport PlansScroll from '../../components/Plans/PlansScroll';\nimport Video from '../../components/Video/Video';\nimport Steps from '../../components/Steps';\nimport Vantagens from '../../components/Vantagens';\n\nimport Nossosprodutos from '../../components/Nossosprodutos/Nossosprodutos';\nimport Premios from '../../components/Premios/Premios';\nimport Faq from '../../components/Faq';\n\nimport ReactGA from 'react-ga';\nimport Cookies from 'js-cookie';\nimport UserApi from '../../api/Main';\nimport ReactPixel from 'react-facebook-pixel';\n\n\nexport default () =>{\n    const [plans,setPlans] = useState([]);\n    const [imgMain,setImgMain] = useState('');\n    const [imgMobile,setImgMobile] = useState('');\n    const [videoUrl,setVideoUrl] = useState('');\n    const [textVideo,setTextVideo] = useState('');\n    const [textSubVideo,setTextSubVideo] = useState('');\n    const [banners,setBanners] = useState([]);\n    const [productsList,setProductList] = useState([]);\n    const [premiosList,setPremiosList] = useState([]);\n    const loadPlans = async () =>{\n        const result = await UserApi.getPlans();\n        const plansData = result.data.sort(function(a, b) {\n            return parseFloat(a.amount) - parseFloat(b.amount);\n        });\n        setPlans(plansData);\n    }\n    const eventGaHandler = (vv) =>{\n        ReactGA.event({\n            category: 'Home',\n            action: 'Click',\n            label: vv,\n          });\n    }\n    function hashLinkScroll() {\n        const { hash } = window.location;\n        if (hash !== '') {\n            setTimeout(() => {\n                let hashFiltered = hash.replace('#','');\n                const element = document.getElementById(hashFiltered);\n                if (element) element.scrollIntoView();\n            }, 1000);\n        }\n    }\n    const LoadPremios = async()=>{\n        const {data : result } = await UserApi.getHighlight();\n        console.log(result);\n        setPremiosList(result);\n    }\n    const loadContent = async () =>{\n        try{\n            const result = await UserApi.getContent();\n            console.log(result);\n            setImgMain(result.data.bannerWeb);\n            setImgMobile(result.data.bannerMobile);\n            setVideoUrl(result.data.apresentationVideoUrl);\n            setProductList(result.data.ourProducts);\n            setTextVideo(result.data.apresentationTitle);\n            setTextSubVideo(result.data.apresentationSubtitle);\n            setBanners(result.data.banners);\n            \n        }catch(e){\n            console.log(e);\n            console.log(e.response);\n        }\n        \n      \n    }\n    useEffect(() => {\n        window.document.title= \"Solar D2C\";\n        ReactGA.pageview('/home');\n        ReactPixel.init('5385307814874716');\n        ReactPixel.pageView();\n        loadPlans();\n        loadContent();\n        hashLinkScroll();\n        LoadPremios();\n    }, []);\n\n    \n    return(\n        <>\n            <AppSection \n               banners={banners}\n            />\n            <Vantagens />\n            <Steps />\n            <PlansScroll plans={plans} \n                eventGa={eventGaHandler}     /> \n            <Nossosprodutos productsList={productsList} />\n            <Premios productsList={premiosList} />\n            <Faq />\n        </>\n    );\n}","export default __webpack_public_path__ + \"static/media/spinner.4c1db73f.gif\";","\nimport React,{useState, useEffect} from 'react';\nimport {Container, Row, Col, Modal, ModalHeader} from '@bootstrap-styled/v4';\nimport Styled from 'styled-components';\nimport UserApi from '../../api/Main';\nimport './styles.css';\nimport LoaderGif from '../../assets/spinner.gif';\nimport ReactGA from 'react-ga';\nimport ReactPixel from 'react-facebook-pixel';\nimport { useHistory, Link } from \"react-router-dom\";\nimport Select from 'react-select';\nimport axios from 'axios';\nimport { BASE_URL } from '../../config/consts';\n\nimport TagManager from 'react-gtm-module';\nconst PlanBox = Styled.div`\n    border-radius:8px;\n    background-color:#FFF;\n    padding-top:1px;\n`;\n\n\nconst PlanTitle = Styled.div`\n    color: #FFF;\n    font-size:30px;\n    text-align:center;\n    margin:21px 13px 0px 21px;\n    font-family: 'Roboto';\n    font-weight:bold;\n\n`\nconst PlanDeliveryTax = Styled.div`\n    color: #FFF;\n    font-size:14px;\n    text-align:center;\n    margin:1px 13px;\n    font-weight:bold;\n`\n\nconst Divider = Styled.div`\n    border:1px solid #D9D9D9;\n    margin:21px auto;\n    width:40%;\n`\n\n\nconst PlanDescription = Styled.div`\n    color:#FFF;\n    font-size:14px;\n    text-align:center;\n    padding:13px 13px;\n`;\nconst PlanFullPrice = Styled.div`\n    font-size:34px;\n    text-align:center;\n    font-weight:bold;\n    color:#FFF;\n`;\nconst PlanCurrency = Styled.span`\n    font-size:16px;\n`;\n\nconst PlanDeliveryFreq = Styled.div`\n    text-align:center;\n    padding:13px 34px 13px 34px;\n    font-size:12px;\n    color:#FFF;\n`;\n\nconst PlanBottomConfirm = Styled.div`\n    background: #FFF;\n    padding:21px;\n    display:flex;\n    border-radius:0px 0px 5px 5px;\n    justify-content:center;\n    items-align:center;\n    color:#000;\n    font-size:12px;\n    flex-direction:row;\n    cursor:pointer;\n`;\n\nconst TextButtonSpacing = Styled.div`\n    padding:13px;\n    font-weight:bold;\n`;\n\nconst CheckBoxHolder = Styled.div`\n    padding:8px 0px;\n`;\n\n\nconst FormTitle = Styled.div`\n    font-size:20px;\n    color:#FFF;\n    font-weight:bold;\n    @media screen and (max-width: 960px){\n        padding:13px 34px;\n        font-size:16px;\n        text-align:center;\n        margin-top:71px;\n        \n    }\n`;\n\n\nconst SectionTitle = Styled.div`\n    font-weight:bold;\n    flex-direction:row;\n    display:flex;\n    justify-content:center;\n    items-align:center;\n    margin-top:51px;\n    margin-bottom:34px;\n    @media screen and (max-width: 960px){\n        margin-top:34px;\n    }\n\n`;\nconst SectionTitlteText = Styled.div`\n    color:#FFF;\n    font-weight:bold;\n    padding-right:34px;\n    @media screen and (max-width: 960px){\n        padding:13px;\n    }\n`;\nconst SectionTBorderC = Styled.div`\n    flex:1;\n    justify-content:center;\n    items-align:center;\n    display:flex;\n    flex-direction:column;\n`;\nconst SectionTTRow = Styled.div`\n    border:1px solid #D2D2D2; \n    border-bottom:0px;\n    width:100%;\n    height:1px;\n`;\n\nconst LabelInput = Styled.div`\n    font-weight:bold;\n    font-size:14px;\n    margin-top:13px;\n    padding-bottom:5px;\n    color:#FFF;\n`;\n\nconst FormInput = Styled.input`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 13px;\n    display:flex;\n    height:40px;\n    width:100%;\n    \n`;\n\nconst FormSelect = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 8px;\n    height:40px;\n    min-width:60px;\n    \n`;\nconst FormSelectDate = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 13px 5px 8px;\n    height:40px;\n    min-width:80px;\n    margin-right:13px;\n    \n`;\n\n\nconst FormSelectCard = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 8px;\n    height:40px;\n    \n    \n`;\n\n\nconst ButtonFinishSign = Styled.button`\n    text-align:center;\n    background: #000;\n    color:#FFF;\n    padding:13px 21px;\n    margin-top:34px;\n    border-radius:5px;\n    cursor:pointer;\n    border:0px;\n`;\n\nconst MessageError = Styled.div`\n    color:white;\n    text-decoration:none !important;\n    margin-top:13px;\n`;\n\n \nconst  CashBackTitle = Styled.div`\n    text-align:center;\n    color:#FFF;\n    font-weight:bold;\n`;\nconst  CashBackSubTitle = Styled.div`\n    text-align:center;\n    color:#FFF;\n    font-size:12px;\n    padding-bottom:13px;\n`;\n\nconst TextSignupComplete = Styled.div`\n    height:340px;\n    width:330px;\n    color:#FFF;\n    margin:0 auto;\n    margin-top:150px;\n`;\n\nconst TitleFinishCd = Styled.div`\n    color:#FFF;\n    font-size:21px;\n    padding-botton:21px;\n    margin-bottom:21px;\n    font-weight:bold;\n`;\n\nconst LinkTerms = Styled.span`\n    cursor: pointer;\n`;\n\n\n\nexport default ({state}) =>{\n    const history = useHistory();\n    const [userId, setUserId] = useState('');\n    const [stepActive, setStepActive] = useState(0);\n    const [selectedPlan,setPlanState] = useState({});\n    const [showTerms,setShowTerms] = useState(false);\n\n    \n    const [loading,setLoading] = useState(false);\n    const [signErrors,setSignErrors] = useState({});\n    const validateForm = () =>{\n        setSignErrors({});\n        var hasErrors = false;\n        var errors ={};\n        if(document.length < 4){\n            errors.document = true;\n            hasErrors = true;\n        }\n        let cpfFiltered = document.replace(/\\D/g, '') ;\n        if(!validateCpf(cpfFiltered)){\n            errors.document = true;\n            hasErrors = true;\n        }\n        if(name.length < 4){\n            errors.name = true;\n            hasErrors = true;\n        }\n        \n        if(email.length < 4 || email.indexOf('@') == -1){\n            errors.email = true;\n            hasErrors = true;\n        }\n\n        \n        if(phoneNumber.length <8){\n            errors.phoneNumber = true;\n            hasErrors = true;\n        }\n        \n        if(addressStreet.length <4){\n            errors.addressStreet = true;\n            hasErrors = true;\n        }\n        \n        if(addressZipCode.length <8){\n            errors.addressZipCode = true;\n            hasErrors = true;\n        }\n\n        if(addressCity.length <3){\n            errors.addressCity = true;\n            hasErrors = true;\n        }\n\n\n        if(addressState.length <2){\n            errors.addressState = true;\n            hasErrors = true;\n        }\n\n        if(addressNumber.length <1){\n            errors.addressNumber = true;\n            hasErrors = true;\n        }\n\n        // if(dayOfWeek.length <1){\n        //     errors.dayOfWeek = true;\n        //     hasErrors = true;\n        // }\n        // if(hour.length <1){\n        //     errors.hour = true;\n        //     hasErrors = true;\n        // }\n        // if(minute.length <1){\n        //     errors.minute = true;\n        //     hasErrors = true;\n        // }\n\n        if(dayBirth.length <1){\n            errors.dayBirth = true;\n            hasErrors = true;\n        }\n\n          \n        if(yearBirth.length <1){\n            errors.yearBirth = true;\n            hasErrors = true;\n        }\n\n        \n        if(monthBirth.length <1){\n            errors.monthBirth = true;\n            hasErrors = true;\n        }\n        if(addressNeighborhood.length < 4){\n            errors.addressNeighborhood = true;\n            hasErrors = true;\n        }\n        \n        if(termsAccepted == false){\n            errors.termsAccepted = true;\n            hasErrors = true;\n        }\n\n        if(!selectedPlan.accepted){\n            errors.acceptedPlan = true;\n            hasErrors = true;\n        }\n\n        if(parseInt(getAge(yearBirth + '-' + monthBirth + '-' + dayBirth)) < 18){\n            errors.underAge = true;\n            hasErrors = true;\n        }\n        if(hasErrors == true){\n            setSignErrors(errors);\n            return true;\n        }else{\n            return false;\n        }\n    }\n    const handleMainData = async() =>{\n        setmessageErrorResponse('');\n        const hasErrors = validateForm();\n        if(hasErrors){\n            setmessageErrorResponse('Verifique os campos e tente novamente');\n            return;\n        }\n        \n        ReactGA.event({\n            category: 'Pagamento',\n            action: 'Cadastro',\n            label: 'Botão \"Prosseguir com o pagamento\"',\n        });\n        \n        ReactPixel.track('InitiateCheckout');\n        let requestBody = {\n            \"Document\": document,\n            \"Name\": name,\n            \"Email\":email,\n            \"PhoneNumber\": phoneNumber,\n            \"PlanId\": history.location.state.id,\n            \"AddressStreet\": addressStreet,\n            \"AddressZipCode\": addressZipCode,\n            \"AddressComplement\": addressComplement,\n            \"AddressCity\": addressCity,\n            \"AddressState\": addressState,\n            \"AddressNumber\": addressNumber,\n            \"AddressNeighborhood\": addressNeighborhood,\n            // \"DayOfWeek\": parseInt(dayOfWeek),\n            // \"DeliveryHour\": hour + ':' +minute + \":00\",\n            \"DayOfWeek\": 2,\n            \"DeliveryHour\": \"00:30:00\",\n            \"referralCode\" : referralCode,\n            \"BirthDate\" : dayBirth + '-' + monthBirth + '-' + yearBirth\n        }\n        if(loading == false){\n            setLoading(true);\n            try{\n                let sign = await UserApi.signUp(requestBody);\n                setLoading(false);\n                setUserId(sign.data.userId);\n                setmessageErrorResponse('');\n                setStepActive(1);\n            }catch(e){\n                console.log(e.response);\n                setmessageErrorResponse(e.response.data);\n                setLoading(false);\n            }\n        }\n    }\n\n    const switchAccepted = () =>{\n        setPlanState({...selectedPlan, accepted : !selectedPlan.accepted});\n    }\n    const LoadOffer=  async() =>{\n        if(!history.location || !history.location.state || !history.location.state.id  || history.location.state.id <= 0 ){\n            history.replace(\"/\");\n        }else{\n            setPlanState({...history.location.state, accepted: true });\n        }\n        \n    }\n\n    const [termsAndConditions,setTermsAndConditions] = useState('');\n    const loadContent = async () =>{\n        const result = await UserApi.getContent();\n        if(result.data.termsAndConditions){\n            setTermsAndConditions(result.data.termsAndConditions);\n        }else{\n            setTermsAndConditions('Termo não encontrado');\n        }\n    }\n    const handleClose = () =>{\n        setShowTerms(false);\n    }\n\n    const callModal =() =>{\n        setShowTerms(true);\n    }\n    const [document,setDocument] = useState('');\n    const [name,setName] = useState('');\n    const [email,setEmail] = useState('');\n    const [phoneNumber,setPhoneNumber] = useState('');\n    const [planId,setPlanId] = useState('');\n    const [addressStreet,setAddressStreet] = useState('');\n    const [addressZipCode,setAddressZipCode] = useState('');\n    const [addressComplement,setAddressComplement] = useState('');\n    const [addressCity,setAddressCity] = useState('');\n    const [addressState,setAddressState] = useState('');\n    const [addressNumber,setAddressNumber] = useState('');\n    const [addressNeighborhood,setAddressNeighborhood] = useState('');\n    const [dayOfWeek,setDayOfWeek] = useState('');\n    const [deliveryHour,setDeliveryHour] = useState('');\n    const [errors, setErrors] = useState({});\n\n    const [termsAccepted,setTermsAccepted] = useState(false);\n    const [minute,setMinute] = useState('');\n    const [hour,setHour] = useState('');\n\n    const validateCpf = (strCPF) =>{\n            var Soma;\n            var Resto;\n            var i;\n            Soma = 0;\n          if (strCPF === \"00000000000\") return false;\n          if (strCPF === \"11111111111\") return false;\n          if (strCPF === \"22222222222\") return false;\n          if (strCPF === \"33333333333\") return false;\n          if (strCPF === \"44444444444\") return false;\n          if (strCPF === \"55555555555\") return false;\n          if (strCPF === \"66666666666\") return false;\n          if (strCPF === \"77777777777\") return false;\n          if (strCPF === \"88888888888\") return false;\n          if (strCPF === \"99999999999\") return false;\n        \n          for (i=1; i<=9; i++) Soma = Soma + parseInt(strCPF.substring(i-1, i)) * (11 - i);\n          Resto = (Soma * 10) % 11;\n        \n            if ((Resto === 10) || (Resto === 11))  Resto = 0;\n            if (Resto !== parseInt(strCPF.substring(9, 10)) ) return false;\n        \n          Soma = 0;\n            for (i = 1; i <= 10; i++) Soma = Soma + parseInt(strCPF.substring(i-1, i)) * (12 - i);\n            Resto = (Soma * 10) % 11;\n        \n            if ((Resto === 10) || (Resto === 11))  Resto = 0;\n            if (Resto !== parseInt(strCPF.substring(10, 11) ) ) return false;\n            return true;\n    }\n    const cpfMask = value => {\n        return value\n          .replace(/\\D/g, '') \n          .replace(/(\\d{3})(\\d)/, '$1.$2') \n          .replace(/(\\d{3})(\\d)/, '$1.$2')\n          .replace(/(\\d{3})(\\d{1,2})/, '$1-$2')\n          .replace(/(-\\d{2})\\d+?$/, '$1') \n      }\n\n    const  mtel = (phone) =>{\n        let v = phone;\n        v=v.replace(/\\D/g,\"\");             //Remove tudo o que não é dígito\n        v=v.replace(/^(\\d{2})(\\d)/g,\"($1) $2\"); //Coloca parênteses em volta dos dois primeiros dígitos\n        v=v.replace(/(\\d)(\\d{4})$/,\"$1-$2\");    //Coloca hífen entre o quarto e o quinto dígitos\n        return v;\n    }\n    const  mcep = (cep) =>{\n        let v = cep;\n       \n        if(v.length > 5){\n            v=v.replace(/\\D/g,\"\");             //Remove tudo o que não é dígito\n            v=v.replace(/(\\d)(\\d{3})$/,\"$1-$2\");    //Coloca hífen entre o quarto e o quinto dígitos\n        }\n        return v;\n    }\n    const setFormatedPhone = (v) =>{\n        let phoneValue = v;\n        setPhoneNumber(mtel(phoneValue));\n    }\n    const setFormatedDoc = (v) =>{\n        let cpf = cpfMask(v);\n        setDocument(cpf);\n    }\n    const generateArrayOfYears = () => {\n        var max = new Date().getFullYear()-18;\n        var min = max - 100;\n        var years = [];\n      \n        for (var i = max; i >= min; i--) {\n          years.push(i)\n        }\n        setYears(years);\n    }\n    const [yearsCardValid,setYearsCardValid] = useState([]);\n    const generateYearsCard = () => {\n        var now = new Date().getFullYear();\n        var years = [];\n      \n        for (var i = 0; i < 9; i++) {\n          years.push(now+i)\n        }\n        setYearsCardValid(years);\n    }\n   const [monthDays,setMonthDays] = useState([1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]);\n   const [months,setMonths] = useState([1,2,3,4,5,6,7,8,9,10,11,12]);\n   const [years,setYears] = useState([]);\n   const [monthBirth, setMonthBirth] = useState('');\n   const [yearBirth, setYearBirth] = useState('');\n   const [dayBirth, setDayBirth] = useState('');\n   const [referralCode,setReferralCode] = useState('');\n    \n\n    const [cardNumber,setCardNumber] = useState('');\n    const [paymentErrors,setPaymentErrors] = useState({});\n    \n    const [holderName,setHolderName] = useState('');\n    const [cvv,setCvv] = useState('');\n    const [cardDueMonth,setCardDueMonth] = useState('');\n    const [cardDueYear,setCardDueYear] = useState('');\n\n    const  [messageErrorResponse,setmessageErrorResponse] = useState('');\n    const validatePaymentForm = () =>{\n        let hasErrors = false;\n        let errors = {};\n        if(cardNumber.length < 18){\n            errors.cardNumber = true;\n            hasErrors = true;\n        }\n        \n        if(holderName.length < 6){\n            errors.holderName = true;\n            hasErrors = true;\n        }\n        if(cardDueYear.length < 2){\n            errors.cardDueYear = true;\n            hasErrors = true;\n        }\n        if(cardDueMonth.length < 1){\n            errors.cardDueMonth = true;\n            hasErrors = true;\n        }\n\n        if(cvv.length < 3){\n            errors.cvv = true;\n            hasErrors = true;\n        }\n        if(hasErrors == true){\n            setPaymentErrors(errors);\n            return false;\n        }\n\n        return true;\n    }\n\n    const handleClickStores = async(store) =>{\n        ReactGA.event({\n            category: 'Home',\n            action: 'Click',\n            label: store,\n        });\n    }\n    const handlePaymentData = async() => {\n       \n        if(!validatePaymentForm()){\n            return;\n        }\n        ReactGA.event({\n            category: 'Pagamento',\n            action: 'Click',\n            label: 'Botão \"Concluir Assinatura\"',\n        });\n        let cardNumberfiltered = cardNumber.replace(/\\D/g, '');\n        let formatedDueDate  =  cardDueYear + '-' + cardDueMonth + '-' + '01';\n        let requestBody = {\n            \"CardNumber\": cardNumberfiltered,\n            \"HolderName\": holderName,\n            \"DueDate\": formatedDueDate,\n            \"Cvv\":  cvv,\n            \"UserId\": userId\n        }\n\n        if(loading == false){\n            setLoading(true);\n            try{\n                let {data : sign } = await UserApi.doPay(requestBody);\n                ReactGA.event({\n                    category: 'Pagamento',\n                    action: 'Click',\n                    label: 'Botão \"Concluir Assinatura\"',\n                  });\n                setLoading(false);\n                setStepActive(2);\n                \n                ReactGA.pageview('/sucesso');\n                ReactPixel.init('5385307814874716');\n                ReactPixel.track('Purchase');\n                ReactPixel.pageView();\n              /*  ReactGA.event({\n                    action: 'conversion'\n                },  {\n                    'send_to': 'AW-368642779/KsRHCK-NxZgCENuV5K8B',\n                    'transaction_id': sign.subscription_id\n                }); */\n                try{\n                    window.gtag('event', 'conversion', {\n                        'send_to': 'AW-368642779/KsRHCK-NxZgCENuV5K8B',\n                        'transaction_id': sign.subscription_id\n                    });\n                }catch(e){\n                    \n                }\n            }catch(e){\n\n                var defaultMessage = \"Não foi possível completar a transação, verifique seus dados e tente novamente\";\n\n                try {\n\n                    if(e.response.data.step == 1){\n                        setmessageErrorResponse(e.response.data.message);\n                    }else if(e.response.data.step == 0){\n                        setStepActive(0);\n                        setmessageErrorResponse(e.response.data.message);\n                    }\n                    else {\n                        if(e.response.data == ''){\n                            setmessageErrorResponse(\"Não foi possível atender a solicitação no momento\");\n                        }else{\n                            setmessageErrorResponse(defaultMessage);\n                        }\n                    }\n\n                }catch(er){\n                    setmessageErrorResponse(defaultMessage);\n                }\n\n                setLoading(false);\n            }\n        }\n    }\n    const setFormatCvv = (e) =>{\n       \n        setCvv(e.replace(/\\D/g, \"\"));\n    }\n    const setFormatedCardNumber = (card) =>{\n        if(card.length>19){\n            return;\n        }\n        let v = card;\n        v = v.replace(/\\D/g, '') \n        v = v.replace(/(\\d{4})(\\d)/, '$1.$2') \n        v = v.replace(/(\\d{4})(\\d)/, '$1.$2')\n        v = v.replace(/(\\d{4})(\\d)/, '$1.$2')\n        v = v.replace(/(\\d{4})(\\d)/, '$1.$2')\n        setCardNumber(v);\n    }\n   const setFormatedZip  = (v) =>{\n        if(v.length >= 10 && v.length > addressZipCode.length){\n            return;\n        }\n        let cepValue = v;\n        setAddressZipCode(mcep(cepValue));\n    }\n\n    const  getAge = (dateString)=>{\n        var today = new Date();\n        var birthDate = new Date(dateString);\n        var age = today.getFullYear() - birthDate.getFullYear();\n        var m = today.getMonth() - birthDate.getMonth();\n        if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {\n            age--;\n        }\n        return age;\n    }\n    const setStreetSel= (e) =>{\n        setAddressNeighborhood('');\n        setAddressStreet('');\n        let bairroSlt = addresses.filter(item=>{\n            return item.value == e.value;\n        })\n        setAddressStreet(e.value) \n        if(bairroSlt[0]){\n            setAddressNeighborhood(bairroSlt[0].neighborhood);\n        }\n    }\n    const [addresses,setAddressess] = useState([]);\n    const getCep = async()=>{\n        var request = new XMLHttpRequest();\n        setSignErrors({...signErrors, addressZipCode : false});\n\n        request.open('get', BASE_URL+'d2c/user/CepAddress?cep=' + addressZipCode , true);\n        request.send();\n        request.onload = function (response) {\n            setAddressess([]);\n            let result = JSON.parse(this.response);\n            if(result.length > 0 ){\n                let itemmapped = result.map(item =>{\n                    return {\n                        value : item.street,\n                        label : item.street,\n                        neighborhood : item.neighborhood\n                    }\n                })\n                setAddressess(itemmapped);\n                setAddressCity(result[0].city);\n                setAddressState(result[0].region);\n            }else{\n                setSignErrors({...signErrors, addressZipCode : true});\n            }\n           /* var data = JSON.parse(this.response);\n        \n            if(data.localidade && data.uf&& data.logradouro ){\n                setAddressCity(data.localidade);\n                setAddressState(data.uf);\n                setAddressStreet(data.logradouro);\n                setAddressNeighborhood(data.bairro);\n            }\n            */\n        }\n    }\n    const [loaded,setLoaded] = useState(false);\n    \n\n    const getTotalPlanValue = (val,perc)=>{\n        let vtotal = 0;\n        if(perc > 0){\n            let vperc  = perc/100;\n            let additional = val * vperc;\n            vtotal = val + additional;\n        }else{\n            vtotal = val;\n        }\n        if(vtotal){\n            return vtotal.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'})\n        }\n    }\n    useEffect(() => {\n        window.document.title= \"Meu Brinde - Solar ‧ Coca-Cola\";\n        // vai para o topo da tela ao carregar\n        window.scrollTo(0, 0);\n        \n        ReactGA.event({\n            action: 'conversion'\n        },  {'send_to': 'AW-368642779/ZpqkCJjZvKUCENuV5K8B'});\n      \n        \n        ReactGA.pageview('/cadastro');\n        ReactPixel.init('5385307814874716');\n        ReactPixel.pageView();\n        ReactPixel.track('Lead');\n        try{\n            setTimeout(function(){\n                window.gtag('event', 'conversion', {'send_to': 'AW-368642779/ZpqkCJjZvKUCENuV5K8B'});\n            },1000);\n        }catch(e){\n            \n        }\n        if(!loaded){\n            setLoaded(true);\n            LoadOffer();\n            loadContent();\n            generateArrayOfYears();\n            generateYearsCard();\n        }\n    }, []);\n    const styles = {\n        menu: base => ({\n          ...base,\n          marginTop: 0\n        })\n      };\n    return(\n    <>\n    {stepActive == 0 && \n            <Container className=\"contentholderwindow\">\n               \n                <Row>\n                    <Col md={3}>\n\n                                            <PlanBox style={{backgroundColor: selectedPlan.backgroundColor}}>\n                                                <PlanTitle>{selectedPlan.name}</PlanTitle>\n                                                <PlanDescription>{selectedPlan.description}</PlanDescription>\n                                                <PlanSubTitle>{selectedPlan.delivery_tax}</PlanSubTitle>\n                                                <PlanDivider />\n                                                <PlanPriceBox>\n                                                   \n                                                    <PlanPriceTotal>\n                                                        {selectedPlan.amount ? selectedPlan.amount.toLocaleString('pt-br',{style: 'currency', currency: 'BRL'}) : ''}\n                                                    </PlanPriceTotal>\n                                                    <PlanDeliveryCashFreq>\n                                                        {selectedPlan.additionalPercentage > 0 &&\n                                                                <>\n                                                                    <PlanHsCashBack>\n                                                                      GANHE  {selectedPlan.additionalPercentage}% DE BÔNUS EXTRA\n                                                                    </PlanHsCashBack>\n                                                                 \n                                                                </>\n                                                        }\n                                                    </PlanDeliveryCashFreq>\n                                                    <PlanDeliveryFreq>\n                                                        Sua conta será creditada com <div style={{fontSize: '1.4vw'}}> {getTotalPlanValue(selectedPlan.amount,selectedPlan.additionalPercentage)} /mês</div>  {<> Frete grátis</>}\n                                                        \n                                                    </PlanDeliveryFreq>\n                                                </PlanPriceBox>\n                                                <PlanDivider />\n                                                   \n                                                    <PlanBottomConfirm onClick={switchAccepted}>\n                                                        <CheckBoxHolder>\n                                                            {selectedPlan.accepted &&\n                                                            <img src=\"/assets/balck_checked.png\" height=\"20\" width=\"20\" />\n                                                            }\n\n                                                            {!selectedPlan.accepted &&\n                                                                <img src=\"/assets/black_unchecked.png\" height=\"20\" width=\"20\" />\n                                                            }\n                                                        </CheckBoxHolder>\n                                                        <TextButtonSpacing>\n                                                            Confirmar o plano escolhido\n                                                        </TextButtonSpacing>\n                                                    </PlanBottomConfirm>\n                                               \n                                            </PlanBox>\n                            \n                    </Col>\n                    <Col md={1}></Col>\n                    <Col md={7}>\n                        <FormTitle>\n                            PREENCHA O FORMULÁRIO DE CADASTRO ABAIXO\n                        </FormTitle>\n                        <SectionTitle>\n                                <SectionTBorderC className=\"borderLeftTittles\">\n                                    <SectionTTRow></SectionTTRow>\n                                </SectionTBorderC>\n                                <SectionTitlteText>DADOS PESSOAIS</SectionTitlteText>\n                                <SectionTBorderC>\n                                    <SectionTTRow></SectionTTRow>\n                                </SectionTBorderC>\n                        </SectionTitle>\n\n                        <Row>\n                            <Col md={6}>\n                                <div>\n                                    <LabelInput>Nome completo</LabelInput>\n                                    <div><FormInput type=\"text\" \n                                            className={ signErrors.name ? 'input_error' : ''}  value={name} onChange={e => setName(e.target.value) } /></div>\n                                    \n                                    {signErrors.name && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe seu nome completo</div>}\n                                </div>\n                                <div>\n                                    <LabelInput>CPF</LabelInput>\n                                    <div><FormInput type=\"text\"  \n                                            className={ signErrors.document ? 'input_error' : ''}  \n                                            value={document} \n                                            onChange={e => setFormatedDoc(e.target.value) } \n                                         />\n                                    </div>\n                                    {signErrors.document && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe seu CPF</div>}\n                                </div>\n                            </Col>\n                            <Col md={6}>\n                                <div>\n                                    <LabelInput>Telefone</LabelInput>\n                                    <div>\n                                        <FormInput type=\"text\" \n                                            className={ signErrors.phoneNumber ? 'input_error' : ''}  \n                                            value={phoneNumber} \n                                            onChange={e => setFormatedPhone(e.target.value) } \n                                            maxLength=\"15\"\n                                            />\n                                    </div>\n                                    {signErrors.phoneNumber && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe seu telefone</div>}\n                                </div>\n                                <div>\n                                    <LabelInput>E-mail</LabelInput>\n                                    <div>\n                                        <FormInput type=\"text\"\n                                                className={ signErrors.email ? 'input_error' : ''}   \n                                                value={email} \n                                                onChange={e => setEmail(e.target.value) }  \n                                            />\n                                    </div>\n                                    {signErrors.email && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe seu e-mail</div>}\n                                </div>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col md={8}>\n                                <Row>\n                                    <Col>\n                                        <LabelInput>Data de nascimento (somente maiores de 18 anos)</LabelInput>\n                                    </Col>\n                                </Row>\n                                <Row>\n                                    <Col>\n                                        <div>\n                                               \n                                                <FormSelectDate value={dayBirth} \n                                                     className={ signErrors.dayBirth ? 'input_error' : ''}   \n                                                     onChange={e => setDayBirth(e.target.value) } placeholder=\"Dia\" >\n                                                        <option value=\"\">Dia</option>\n                                                        { monthDays.map(item =>{\n                                                            return(\n                                                                <option key={item} value={item}>{item}</option>\n                                                            )\n\n                                                        })} \n                                                </FormSelectDate>\n                                                <FormSelectDate  value={monthBirth} \n                                                                 className={ signErrors.monthBirth ? 'input_error' : ''}   \n                                                                 onChange={e => setMonthBirth(e.target.value) } placeholder=\"Mês\"  >\n                                                    <option value=\"\">Mês</option>\n                                                    { months.map(item =>{\n                                                        return(\n                                                            <option key={item} value={item}>{item}</option>\n                                                        )\n\n                                                    })}\n                                                </FormSelectDate>\n                                      \n                                                <FormSelect value={yearBirth}\n                                                            className={ signErrors.yearBirth ? 'input_error' : ''}   \n                                                            onChange={e => setYearBirth(e.target.value) } >\n                                                        <option value=\"\">Ano</option>\n                                                        { years.map(item =>{\n                                                            return(\n                                                                <option key={item} value={item}>{item}</option>\n                                                            )\n\n                                                        })}\n                                                    \n                                                </FormSelect>\n                                            </div>\n                                        {(signErrors.monthBirth  || signErrors.yearBirth  || signErrors.dayBirth  )&& <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe sua data de nascimento</div>}\n                                    </Col>\n                                </Row>       \n                            </Col>\n                        </Row>\n                        <SectionTitle>\n                                <SectionTBorderC className=\"borderLeftTittles\">\n                                    <SectionTTRow></SectionTTRow>\n                                </SectionTBorderC>\n                                <SectionTitlteText>DADOS PARA ENTREGA</SectionTitlteText>\n                                <SectionTBorderC>\n                                    <SectionTTRow></SectionTTRow>\n                                </SectionTBorderC>\n                        </SectionTitle>\n                        <Row>\n                            <Col md={6}>\n                                <div>\n                                    <LabelInput>CEP</LabelInput>\n                                    <div>\n                                        <FormInput type=\"text\"\n                                                className={ signErrors.addressZipCode ? 'input_error' : ''}  \n                                                value={addressZipCode} \n                                                onBlur={() => getCep()}\n                                                onChange={e => setFormatedZip(e.target.value) } />\n                                    </div>\n                                    {signErrors.addressZipCode && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Cep não encontrado</div>}\n                                </div>\n                            </Col>\n                            <Col md={6}>\n                                <div>\n                                    <LabelInput>Cidade</LabelInput>\n                                    <div>\n                                        <FormInput type=\"text\"\n                                                className={ signErrors.addressCity ? 'input_error' : ''}  \n                                                value={addressCity} \n                                                readOnly/>\n                                    </div>\n                                    {signErrors.addressCity && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe uma cidade</div>}\n                                </div>\n                            </Col>\n                        </Row>\n\n\n                        <Row>\n                            <Col md={3}>\n                                    <div>\n                                        <LabelInput>Estado</LabelInput>\n                                        <div><FormInput type=\"text\" \n                                                className={ signErrors.addressState ? 'input_error' : ''}  \n                                                value={addressState} \n                                                readOnly />\n                                        </div>\n                                        <div></div>\n                                        {signErrors.addressState && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Informe um estado</div>}\n                                    </div>\n                            </Col>\n                            <Col md={1}>\n                            </Col>\n                            <Col md={8}>\n                                <div>\n                                    <LabelInput>Endereço</LabelInput>\n                                    <div>\n                                        <Select \n                                                    styles={styles}\n                                                className={ signErrors.addressStreet ? 'input_error' : ''}   options={addresses} placeholder=\"Selecione o logradouro\" noOptionsMessage={({inputValue}) => `Informe o CEP para exibir as opções `}\n                                            onChange={e => setStreetSel(e)}\n                                        />\n                                        {signErrors.addressStreet && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Selecione um endereço</div>}\n                                    </div>\n                                    <div></div>\n                                </div>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                               \n                            </Col>\n                        </Row>\n                        <Row>\n                            \n                            <Col md={6}>\n                                <Row>\n                                    <Col>\n                                        <div>\n                                            <LabelInput>Número</LabelInput>\n                                            <div>\n                                                <FormInput type=\"text\"\n                                                    className={ signErrors.addressNumber ? 'input_error' : ''}   \n                                                    value={addressNumber} \n                                                    onChange={e => setAddressNumber(e.target.value) }  />\n                                            </div>\n                                            {signErrors.addressNumber && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Número inválido</div>}\n                                        </div>\n                                    </Col>\n                                    <Col>\n                                        <div>\n                                            <LabelInput>Complemento</LabelInput>\n                                            <div>\n                                                <FormInput type=\"text\"\n                                                    className={ signErrors.addressComplement ? 'input_error' : ''}  \n                                                    value={addressComplement} \n                                                    onChange={e => setAddressComplement(e.target.value) }\n                                                    placeholder=\"Ex: Casa, apto, etc...\"  />\n                                            </div>\n                                            <div></div>\n                                        </div>\n                                    </Col>\n                                </Row>\n                                 \n                            \n                            </Col>\n                            <Col md={6}>\n                                <Row>\n                                    <Col>\n                                            <div>\n                                                <LabelInput>Bairro</LabelInput>\n                                                <div>\n                                                    <FormInput type=\"text\"\n                                                        className={ signErrors.addressNeighborhood ? 'input_error' : ''}  \n                                                        value={addressNeighborhood} \n                                                        readOnly  />\n                                                </div>\n                                                {signErrors.addressNeighborhood && <div style={{color: '#FFF', paddingTop: 5, fontSize: 12}}>*Bairro inválido</div>}\n                                            </div>\n                                        </Col>\n                                </Row>\n                            </Col>\n                        </Row>\n                        {/* <Row>\n                            <Col md={6}>\n                                <Row>\n                                    <Col>\n                                        <LabelInput>Horário para entrega</LabelInput>\n                                    </Col>\n                                </Row>\n                                <Row>\n                                    <Col>\n                                        <div>\n                                        \n                                            <div>\n                                                <FormSelect value={hour}\n                                                    className={ signErrors.hour ? 'input_error' : ''}  \n                                                     onChange={e => setHour(e.target.value) } >\n                                                    <option value=\"\"></option>\n                                                    <option value=\"00\">00</option>\n                                                    <option value=\"01\">01</option>\n                                                    <option value=\"02\">02</option>\n                                                    <option value=\"03\">03</option>\n                                                    <option value=\"04\">04</option>\n                                                    <option value=\"05\">05</option>\n                                                    <option value=\"06\">06</option>\n                                                    <option value=\"07\">07</option>\n                                                    <option value=\"08\">08</option>\n                                                    <option value=\"09\">09</option>\n                                                    <option value=\"10\">10</option>\n                                                    <option value=\"11\">11</option>\n                                                    <option value=\"12\">12</option>\n                                                    <option value=\"13\">13</option>\n                                                    <option value=\"14\">14</option>\n                                                    <option value=\"15\">15</option>\n                                                    <option value=\"16\">16</option>\n                                                    <option value=\"17\">17</option>\n                                                    <option value=\"18\">18</option>\n                                                    <option value=\"19\">19</option>\n                                                    <option value=\"20\">20</option>\n                                                    <option value=\"21\">21</option>\n                                                    <option value=\"22\">22</option>\n                                                    <option value=\"23\">23</option>\n                                                </FormSelect>\n                                                <span>&nbsp;</span>\n                                                <FormSelect  \n                                                    className={ signErrors.minute ? 'input_error' : ''}  \n                                                    value={minute} onChange={e => setMinute(e.target.value) } >\n                                                    <option value=\"\"></option>\n                                                    <option value=\"00\">00</option>\n                                                    <option value=\"30\">30</option>\n                                                </FormSelect>\n                                            </div>\n                                            <div></div>\n                                        </div>\n                                    </Col>\n                                    <Col>\n                                        <div>\n                                            <div>\n                                                <FormSelect \n                                                    className={ signErrors.dayOfWeek ? 'input_error' : ''}  \n                                                    value={dayOfWeek} \n                                                    onChange={e => setDayOfWeek(e.target.value) } >\n                                                    <option value=\"\"></option>\n                                                    <option value=\"1\">Domingo</option>\n                                                    <option value=\"2\">Segunda-feira</option>\n                                                    <option value=\"3\">Terça-feira</option>\n                                                    <option value=\"4\">Quarta-feira</option>\n                                                    <option value=\"5\">Quinta-feira</option>\n                                                    <option value=\"6\">Sexta-feira</option>\n                                                    <option value=\"7\">Sábado</option>\n                                                </FormSelect>\n                                            </div>\n                                            <div></div>\n                                        </div>\n                                    </Col>\n                                </Row>       \n                            </Col>\n                        </Row> */}\n                        <Row>\n                            <Col md={6}>\n                                <div style={{marginTop:'50px'}}>\n                                    <LabelInput>Código de indicação(não obrigatório)</LabelInput>\n                                    <div>\n                                        <FormInput type=\"text\"\n                                                className={ signErrors.referralCode ? 'input_error' : ''}  \n                                                value={referralCode} \n                                                onChange={e => setReferralCode(e.target.value) } />\n                                    </div>\n                                    <div></div>\n                                </div>\n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col className={\"checkboxcontainer\"}>\n                            \n                                    <input type=\"checkbox\"    className={ signErrors.referralCode ? 'input_error' : ''}  defaultChecked={termsAccepted} onChange={e => setTermsAccepted(!termsAccepted) } />  <LinkTerms onClick={() => callModal()}>Li e aceito os termos e condições</LinkTerms>\n                                   \n                            </Col>\n                        </Row>\n                        <Row>\n                            <Col>\n                                    {signErrors.termsAccepted &&\n                                        <MessageError>Você precisa aceitar os termos e condições</MessageError>\n                                    }\n                                    {signErrors.underAge &&\n                                        <MessageError>Você precisa ter no mínimo 18 anos</MessageError>\n                                    }\n\n\n                                    {signErrors.acceptedPlan &&\n                                        <MessageError>Você precisa confirmar o plano escolhido</MessageError>\n                                    }\n\n                                                                        \n                                    {signErrors.name && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe seu nome completo</div>}\n\n                                    {signErrors.document && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe seu CPF</div>}\n\n                                    {signErrors.phoneNumber && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe seu telefone</div>}\n                                    {signErrors.email && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe seu e-mail</div>}\n                                    {(signErrors.monthBirth  || signErrors.yearBirth  || signErrors.dayBirth  )&& <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe sua data de nascimento</div>}\n                                    {signErrors.addressZipCode && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Cep não encontrado</div>}\n                                    {signErrors.addressCity && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe uma cidade</div>}\n                                    {signErrors.addressState && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Informe um estado</div>}\n\n                                    {signErrors.addressStreet && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Selecione um endereço</div>}\n                                    {signErrors.addressNumber && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Número inválido</div>}\n                                    {signErrors.addressNeighborhood && <div style={{color: '#FFF', paddingTop: 5, fontSize: 14}}>*Bairro inválido</div>}\n                                    {messageErrorResponse.length > 0 && <div style={{color: '#FFF', paddingTop: 21, fontSize: 14}}>{messageErrorResponse} </div>}\n                                {loading &&\n                                    <img src={LoaderGif} height={50}  width={50} />\n                                }\n                                \n                                {!loading &&\n                                    <ButtonFinishSign onClick={() => handleMainData()}>\n                                        PROSSEGUIR PARA O PAGAMENTO\n                                    </ButtonFinishSign>\n                                }\n                            </Col>\n                        </Row>\n                    </Col>\n                </Row>\n               \n            </Container>\n        }\n    <Modal isOpen={showTerms} toggle={() => handleClose()} size={'lg'}>\n        \n    <ModalHeader toggle={() => handleClose()}></ModalHeader>\n        <div style={{padding:21, paddingTop: 0}}>\n            <div  dangerouslySetInnerHTML={{  __html: termsAndConditions} }></div>\n        </div>\n    </Modal>\n    {stepActive == 1 && \n        <Container className=\"cardcontentsection\">\n            <Row>\n                <Col>\n                    <FormTitle>\n                        PAGUE COM CARTÃO DE CRÉDITO\n                    </FormTitle>\n                </Col>\n            </Row>\n            <Row>\n                <Col md={4}>\n                    <div>\n                        <LabelInput>Número do cartão</LabelInput>\n                        <div>\n                            <FormInput type=\"text\"\n                                className={ paymentErrors.cardNumber ? 'input_error' : ''}   \n                                value={cardNumber} \n                                onChange={e => setFormatedCardNumber(e.target.value) } \n                                onBlur={validatePaymentForm}\n                            />\n                        </div>\n                        <div></div>\n                    </div>\n                    <div>\n                        <LabelInput>Nome do titular(Como está gravado no cartão)</LabelInput>\n                        <div>\n                            <FormInput type=\"text\"\n                                type=\"text\"\n                                className={ paymentErrors.holderName ? 'input_error' : ''}   \n                                value={holderName} \n                                onChange={e => setHolderName(e.target.value) } \n                                onBlur={validatePaymentForm}\n                            />\n                                \n                          </div>\n                        <div></div>\n                    </div>\n                </Col>\n                <Col md={4}>\n                    <Row>\n                        <Col>\n                            <div>\n                                <LabelInput>Data de validade</LabelInput>\n                                <div>\n                                <FormSelectCard type=\"text\"\n                                    className={ paymentErrors.cardDueMonth ? 'input_error' : ''}  \n                                    value={cardDueMonth} \n                                    onChange={e => setCardDueMonth(e.target.value) } \n                                >\n                                        <option value=\"\">Mês</option>\n                                        <option value=\"01\">01</option>\n                                        <option value=\"02\">02</option>\n                                        <option value=\"03\">03</option>\n                                        <option value=\"04\">04</option>\n                                        <option value=\"05\">05</option>\n                                        <option value=\"06\">06</option>\n                                        <option value=\"07\">07</option>\n                                        <option value=\"08\">08</option>\n                                        <option value=\"09\">09</option>\n                                        <option value=\"10\">10</option>\n                                        <option value=\"11\">11</option>\n                                        <option value=\"12\">12</option>\n                                    </FormSelectCard>\n\n                                    <span>&nbsp;</span>\n                                    <FormSelectCard type=\"text\"\n                                            className={ paymentErrors.cardDueYear ? 'input_error' : ''}  \n                                            value={cardDueYear}   \n                                            onChange={e => setCardDueYear(e.target.value) } \n                                    >\n                                        <option value=\"\">Ano</option>\n                                        { yearsCardValid.map(item =>{\n                                            return(\n                                                <option key={item} value={item}>{item}</option>\n                                            )\n\n                                        })}\n                                    </FormSelectCard>\n                                </div>\n                                <div></div>\n                            </div>\n                        </Col>\n                    </Row>\n                    <Row>\n                        <Col>\n                            <LabelInput>Código de segurança</LabelInput>\n                        </Col>\n                    </Row>\n                    <Row>\n                        <Col>\n                            <div>\n                                <div>\n                                    <FormInput type=\"text\"  \n                                        className={ paymentErrors.cvv ? 'input_error' : ''}  \n                                        value={cvv} \n                                        onChange={e => setFormatCvv(e.target.value) }\n                                        maxLength=\"4\"\n                                        onBlur={validatePaymentForm}\n                                    />\n                                </div>\n                                <div></div>\n                            </div>\n                        </Col>\n                        \n                        \n                    </Row>        \n                    \n                </Col>\n            </Row>\n            <Row>\n                <Col md={4}>\n                    {loading &&\n                        <img src={LoaderGif} height={50}  width={50} />\n                    }\n                    {messageErrorResponse.length > 0 &&\n                        <MessageError>{messageErrorResponse}</MessageError>\n                    }\n                    {!loading &&\n                        <ButtonFinishSign onClick={() => handlePaymentData()}>\n                            CONCLUIR ASSINATURA\n                        </ButtonFinishSign>          \n                    }     \n                </Col>\n                <Col md={4}><br />\n                    <img src=\"/assets/payment_new.png\"  />\n                </Col>\n\n            </Row>\n        </Container>\n    }\n    {stepActive == 2 && \n    <Container style={{paddingTop: '100px'}} >\n        <Row >\n           <Col  xs={12} lg={6} className=\"containerLasText\">\n                <TextSignupComplete>\n                        <TitleFinishCd>Cadastro realizado com sucesso!</TitleFinishCd>\n                            Seu cadastro foi enviado para a análise.<br />\n                            Aguarde o email de Aprovação do seu cadastro e baixe o APP Solar\n                        <br />\n                        <br />\n                        <Row>\n                            <Col onClick={() => handleClickStores('Botão App Store')} >\n                                <a href=\"https://apps.apple.com/br/app/solar-br/id1537659234?l=en\" target=\"_blank\" >\n                                    <img src=\"/assets/applebt.fw-min.png\" width=\"150\" />\n                                </a>\n                            </Col>\n                           \n                            <Col  onClick={() => handleClickStores('Botão Google Play')}  >\n                                <a href=\"https://play.google.com/store/apps/details?id=com.solarbr.app\" target=\"_blank\" >\n                                    <img src=\"/assets/play.fw-min.png\" width=\"150\" />\n                                </a>\n                            </Col>\n                        </Row>\n                </TextSignupComplete>\n           </Col>\n            <Col  xs={12}  lg={6}>\n                <img src=\"/assets/family3.png\" style={{width : \"100%\"}} />\n            </Col>\n        </Row>\n    </Container>\n    }\n       \n    </>)\n}\n\nconst PlanSubTitle = Styled.div`\n    color:#999999;\n    font-size:0.81vw;\n    text-align:center;\n    @media only screen and (max-width: 960px){\n        font-size:2.8vw;\n    }\n`;\n\nconst PlanHsCashBack = Styled.div`\n    font-weight:bold;\n    font-size:16px;\n`;\n\nconst PlanDeliveryCashFreq = Styled.div`\n    height: 50px;\n    text-align:center;\n    font-size:0.8vw;\n    color:#FFF;\n    @media only screen and (max-width: 960px){\n        font-size:2.8vw;\n    }\n`;\n\n\nconst PlanPriceBox = Styled.div`\n    padding:0px;\n    justify-content: space-around;\n    align-items:center;\n    \n`;\nconst PlanDivider = Styled.div`\n    border:1px solid  #D9D9D9;\n    width:40%;\n    margin:34px auto;\n    border-bottom:0px;\n`;\nconst PlanPriceTotal = Styled.div`\n    margin-top:8px;\n    font-size:2.4vw;\n    color:#FFF;\n    font-weight:bold;\n    text-align:center;\n    @media only screen and (max-width: 960px){\n        font-size:8.8vw;\n    }\n`;","\nimport React,{useState, useEffect} from 'react';\nimport {Container, Row, Col, Modal} from '@bootstrap-styled/v4';\nimport Styled from 'styled-components';\nimport { useHistory } from \"react-router-dom\";\nimport UserApi from '../../api/Main';\nimport './styles.css';\nimport LoaderGif from '../../assets/spinner.gif';\nimport axios from 'axios';\nimport ReactGA from 'react-ga';\nimport ReactPixel from 'react-facebook-pixel';\n \nconst PlanBox = Styled.div`\n    border-radius:8px;\n    background-color:#FFF;\n    padding-top:1px;\n`;\n\n\nconst PlanTitle = Styled.div`\n    color: #FFF;\n    font-size:30px;\n    text-align:center;\n    margin:21px 13px 0px 21px;\n    font-family: 'Roboto';\n    font-weight:bold;\n\n`\nconst PlanDeliveryTax = Styled.div`\n    color: #FFF;\n    font-size:14px;\n    text-align:center;\n    margin:1px 13px;\n    font-weight:bold;\n`\n\nconst Divider = Styled.div`\n    border:1px solid #D9D9D9;\n    margin:21px auto;\n    width:40%;\n`\n\n\nconst PlanDescription = Styled.div`\n    color:#FFF;\n    font-size:14px;\n    text-align:center;\n`;\nconst PlanFullPrice = Styled.div`\n    font-size:34px;\n    text-align:center;\n    font-weight:bold;\n    color:#FFF;\n`;\nconst PlanCurrency = Styled.span`\n    font-size:16px;\n`;\n\nconst PlanDeliveryFreq = Styled.div`\n    text-align:center;\n    padding:13px 34px 13px 34px;\n    font-size:12px;\n    color:#FFF;\n`;\n\nconst PlanBottomConfirm = Styled.div`\n    background: #FFF;\n    padding:21px;\n    display:flex;\n    border-radius:0px 0px 5px 5px;\n    justify-content:center;\n    items-align:center;\n    color:#000;\n    font-size:12px;\n    flex-direction:row;\n    cursor:pointer;\n`;\n\nconst TextButtonSpacing = Styled.div`\n    padding:13px;\n    font-weight:bold;\n`;\n\nconst CheckBoxHolder = Styled.div`\n    padding:8px 0px;\n`;\n\n\nconst FormTitle = Styled.div`\n    font-size:20px;\n    color:#FFF;\n    font-weight:bold;\n    @media screen and (max-width: 960px){\n        padding:13px 34px;\n        font-size:16px;\n        text-align:center;\n        margin-top:71px;\n        \n    }\n`;\n\n\nconst SectionTitle = Styled.div`\n    font-weight:bold;\n    flex-direction:row;\n    display:flex;\n    justify-content:center;\n    items-align:center;\n    margin-top:51px;\n    margin-bottom:34px;\n    @media screen and (max-width: 960px){\n        margin-top:34px;\n    }\n\n`;\nconst SectionTitlteText = Styled.div`\n    color:#FFF;\n    font-weight:bold;\n    padding-right:34px;\n    @media screen and (max-width: 960px){\n        padding:13px;\n    }\n`;\nconst SectionTBorderC = Styled.div`\n    flex:1;\n    justify-content:center;\n    items-align:center;\n    display:flex;\n    flex-direction:column;\n`;\nconst SectionTTRow = Styled.div`\n    border:1px solid #D2D2D2; \n    border-bottom:0px;\n    width:100%;\n    height:1px;\n`;\n\nconst LabelInput = Styled.div`\n    font-weight:bold;\n    font-size:14px;\n    margin-top:13px;\n    padding-bottom:5px;\n    color:#FFF;\n`;\n\nconst FormInput = Styled.input`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 13px;\n    display:flex;\n    height:40px;\n    width:100%;\n    \n`;\n\nconst FormSelect = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 8px;\n    height:40px;\n    min-width:60px;\n    \n`;\nconst FormSelectDate = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 13px 5px 8px;\n    height:40px;\n    min-width:80px;\n    margin-right:13px;\n    \n`;\n\n\nconst FormSelectCard = Styled.select`\n    border:1px solid #E3E3E3;\n    border-radius:5px;\n    padding:5px 8px;\n    height:40px;\n    \n    \n`;\n\n\nconst ButtonFinishSign = Styled.button`\n    text-align:center;\n    background: #000;\n    color:#FFF;\n    padding:13px 21px;\n    margin-top:34px;\n    border-radius:5px;\n    cursor:pointer;\n    border:0px;\n`;\n\nconst MessageError = Styled.div`\n    color:white;\n    text-decoration:none !important;\n    margin-top:13px;\n`;\n\n \nconst  CashBackTitle = Styled.div`\n    text-align:center;\n    color:#FFF;\n    font-weight:bold;\n`;\nconst  CashBackSubTitle = Styled.div`\n    text-align:center;\n    color:#FFF;\n    font-size:12px;\n    padding-bottom:13px;\n`;\n\nconst TextSignupComplete = Styled.div`\n    height:340px;\n    width:330px;\n    color:#FFF;\n    margin:0 auto;\n    margin-top:150px;\n`;\n\nconst TitleFinishCd = Styled.div`\n    color:#FFF;\n    font-size:21px;\n    padding-botton:21px;\n    margin-bottom:21px;\n    font-weight:bold;\n`;\n\n\n\nexport default ({state}) =>{\n    const history = useHistory();\n    const [userId, setUserId] = useState('');\n    const [selectedPlan,setPlanState] = useState({});\n\n    const switchAccepted = () =>{\n        setPlanState({...selectedPlan, accepted : !selectedPlan.accepted});\n    }\n    const [termsAndConditions,setTermsAndConditions] = useState('');\n    const loadContent = async () =>{\n        if(!history.location || !history.location.state || !history.location.state.transaction_id  || history.location.state.transaction_id.length <= 3 ){\n            // history.replace(\"/\");\n                         \n             ReactGA.event({\n                 action: 'conversion'\n             },  {\n                 'send_to': 'AW-368642779/KsRHCK-NxZgCENuV5K8B',\n                 'transaction_id': 'test'\n             });\n         }\n        const result = await UserApi.getContent();\n        if(result.data.termsAndConditions){\n            setTermsAndConditions(result.data.termsAndConditions);\n        }else{\n            setTermsAndConditions('Termo não encontrado');\n        }\n    }\n  \n    \n    const [loaded,setLoaded] = useState(false);\n    useEffect(() => {\n        window.document.title= \"Meu Brinde - Solar ‧ Coca-Cola\";\n\n        \n        ReactGA.initialize('AW-368642779');\n        ReactGA.pageview('/sucesso');\n        ReactPixel.init('5385307814874716');\n        ReactPixel.track('Purchase');\n        ReactPixel.pageView();\n        if(!loaded){\n            setLoaded(true);\n            loadContent();\n        }\n    }, [])\n  \n    return(\n    <>\n    <Container style={{paddingTop: '100px', paddingBottom : '150px'}} >\n        <Row >\n           <Col  xs={12} lg={6} className=\"containerLasText\">\n                <TextSignupComplete>\n                        <TitleFinishCd>Cadastro realizado com sucesso!</TitleFinishCd>\n                        Aproveite seus benefícios agora\n                        baixando nosso app <b>SolarBR</b>\n                        <br />\n                        <br />\n                        <Row>\n                            <Col>\n                                <a href=\"https://apps.apple.com/br/app/solar-br/id1537659234?l=en\" target=\"_blank\" >\n                                    <img src=\"/assets/applebt.fw-min.png\" width=\"150\" />\n                                </a>\n                            </Col>\n                           \n                            <Col >\n                                <a href=\"https://play.google.com/store/apps/details?id=com.solarbr.app\" target=\"_blank\" >\n                                    <img src=\"/assets/play.fw-min.png\" width=\"150\" />\n                                </a>\n                            </Col>\n                        </Row>\n                </TextSignupComplete>\n           </Col>\n            <Col  xs={12}  lg={6}>\n                <img src=\"/assets/family3.png\" style={{width : \"100%\"}} />\n            </Col>\n        </Row>\n    </Container>\n       \n    </>)\n}","import React from 'react';\nimport GoogleMapReact from 'google-map-react';\n \nimport { Container, Row, Col } from '@bootstrap-styled/v4';\nimport './styles.css';\n\nimport ReactGA from 'react-ga';\n\nexport default () =>{\n    const defaultProps = {\n        center: {\n          lat: -3.756710,\n          lng: -38.491240\n        },\n        zoom: 11,\n        disableDefaultUI: true,\n      };\n      ReactGA.initialize('AW-368642779');\n     const  handleClickItem = (title) =>{\n        ReactGA.event({\n            category: 'Home',\n            action: 'Click',\n            label: \"Botão \" +  title,\n          });\n          this.setState({clicked : !this.state.clicked});\n    }\n    const Marker = ({ text }) => <div><img src=\"../../assets/location-pin.png\" /></div>;\n    return(\n        <Container fluid className=\"bgFooter\" id=\"contato\">\n           <Row>\n               <Col md={3} className=\"leftcontent\">\n                   <div className=\"imgleftcontent\">\n                        <img src=\"/assets/footerlogo.png\" />\n                   </div>\n                  \n               </Col>\n               <Col xs={12} md={3} >\n                CRC Solar Coca-Cola Atendimento exclusivo para Clientes  <br />\n                <b>0800 275 0857</b> <br />\n                <b>crc@solarbr.com.br</b>\n               </Col>\n               <Col  xs={12} md={3} >\n                    <div  className=\"addressleftcontent\">\n                       \n                   </div>\n\n               </Col>\n               <Col md={3}  className=\"socialcontent\">\n                   <div className=\"titlefindat\">Nos encontre no</div>\n                    <a href=\"https://www.youtube.com/c/SolarBrCocaCola/videos\" target=\"_blank\" onClick={()=> handleClickItem('Botão Youtube')}>\n                        <img src=\"/assets/youtube-logo.png\" />\n                    </a>\n                    <a href=\"https://www.linkedin.com/company/solar-coca-cola/\"  target=\"_blank\"  onClick={()=> handleClickItem('Botão LinkedIn')}>\n                        <img src=\"/assets/linkedin1.png\" />\n                    </a>\n               </Col>\n           </Row>\n           <Row>\n               <Col className=\"copyright\">\n                    SOLAR BR - Todos os direitos reservados\n               </Col>\n           </Row>\n        </Container>\n    )\n}","\nimport React from 'react';\nimport Navbar from './components/Navbar/Navbar';\nimport AppSection from './components/App/AppSection';\nimport { Container} from '@bootstrap-styled/v4'; \nimport './App.css';\nimport Products from './pages/Products';\nimport Home from './pages/Home/index';\nimport SignUp from './pages/SignUp/index';\nimport SignUpSucess from './pages/SignSuccess/index';\nimport Footer from './components/Footer/Footer';\nimport {BrowserRouter as Router, Switch, Route} from 'react-router-dom';\nimport TagManager from 'react-gtm-module'\n\nimport ReactGA from 'react-ga';\nReactGA.initialize('UA-201801683-1');\nconst tagManagerArgs = {\n  gtmId: 'UA-201801683-1'\n}\nTagManager.initialize(tagManagerArgs)\nfunction App() {\n  return (\n    <Router>\n      <div className=\"App\">\n          <Container fluid   className=\"maincontainer \">\n            <Navbar />\n            <Route path=\"/#produtos\" component={Products} />\n            <Route path=\"/#assinatura\" component={SignUp} />\n            <Route path=\"/#sucesso\" component={SignUpSucess} />\n            <Route path=\"/\" exact component={Home} />\n          </Container>\n        <Footer />\n      </div>\n    </Router>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(<App />,\n  document.getElementById('root')\n);\n"],"sourceRoot":""}