{"version":3,"sources":["styles/global.ts","services/api.ts","hooks/auth.tsx","components/ToastContainer/Toast/styles.tsx","components/ToastContainer/Toast/index.tsx","components/ToastContainer/styles.tsx","components/ToastContainer/index.tsx","hooks/toast.tsx","hooks/loader.tsx","hooks/index.tsx","routes/PrivateRoute.tsx","hooks/map.tsx","components/Button/styles.ts","components/Button/index.tsx","assets/Shared/logo-v2.png","components/Home/Header/styles.tsx","components/Home/Header/index.tsx","assets/Shared/testeira.png","styles/components.ts","assets/Faq/question-mark.svg","assets/Home/Mask.png","components/Home/CardSection/styles.tsx","components/Home/CardSection/index.tsx","assets/Home/money.png","assets/Home/locked-lock.png","assets/Home/card.png","components/Home/BenefitsSection/styles.tsx","assets/Home/leitor_cartaobhbus.png","components/Home/BenefitsSection/index.tsx","assets/Home/home_arrow.png","assets/Home/home_lock.png","assets/Home/home_manage.png","components/Slide/styles.tsx","services/core.ts","components/Slide/index.tsx","components/Home/Footer/styles.tsx","assets/Home/appstore.svg","assets/Home/playstore.svg","assets/Home/BVQI.png","assets/Shared/framewhatsapp.svg","components/Home/Footer/index.tsx","assets/Shared/rota.svg","assets/Home/mask2.svg","components/Input/styles.tsx","components/Input/index.tsx","components/Home/LocationAndRouteSection/styles.tsx","components/Home/LocationAndRouteSection/index.tsx","components/Home/NewsSection/styles.tsx","assets/Shared/lupasearch.svg","components/Accordion/styles.tsx","components/Accordion/index.tsx","components/FaqSection/styles.tsx","components/FaqSection/index.tsx","components/Home/NewsSection/index.tsx","components/Home/StayInInformedSection/styles.ts","components/Home/SlideStayInformed/styles.ts","components/Home/SlideStayInformed/index.tsx","components/Home/StayInInformedSection/index.tsx","components/Home/PartnerSection/styles.tsx","assets/Home/framefacebook.svg","assets/Home/frametelegram.svg","components/ContactSection/styles.ts","utils/getValidationErrors.ts","components/Select/styles.tsx","components/Select/index.tsx","components/ContactSection/index.tsx","components/Home/PartnerSection/index.tsx","assets/Home/message.png","components/Home/NavBar/styles.tsx","components/Home/NavBar/index.tsx","components/AcceptCookies/styles.ts","components/AcceptCookies/index.tsx","pages/Home/index.tsx","components/DashBoardLoader/styles.ts","components/DashBoardLoader/index.tsx","components/RadioButton/styles.tsx","components/RadioButton/index.tsx","services/accounts.ts","assets/Login/greencheck.svg","pages/Login/styles.ts","pages/Login/index.tsx","assets/Shared/logo.svg","pages/ResetPassword/styles.ts","pages/ResetPassword/index.tsx","utils/isValidCpf.ts","pages/Cadastrar/styles.ts","components/Checkbox/styles.ts","components/Checkbox/index.tsx","components/Modal/styles.tsx","webpack:///./src/assets/Shared/logo.svg?aa3c","components/Modal/index.tsx","components/CheckBoxPrivacyPolicy/index.tsx","components/CheckBoxTermsUse/index.tsx","pages/Cadastrar/index.tsx","assets/CartoesRecarga/CartaoCliente.svg","assets/Shared/Bus.svg","components/DashboardLayout/styles.tsx","components/DashboardLayout/index.tsx","components/Loader/index.tsx","services/currency.ts","pages/MeusPedidos/styles.ts","services/ticketing.ts","assets/MyCards/iconCopy.svg","pages/MeusPedidos/ModalPix/styles.ts","pages/MeusPedidos/ModalPix/index.tsx","pages/MeusPedidos/index.tsx","pages/Dashboard/index.tsx","pages/MyCards/styles.ts","components/MyCards/ListCard/styles.ts","components/MyCards/Card/styles.ts","assets/MyCards/BHBUS.png","components/MyCards/Card/index.tsx","assets/MyCards/addcard.svg","components/MyCards/ListCard/index.tsx","components/MyCards/RegisterCard/styles.ts","components/MyCards/Modal/styles.ts","components/MyCards/Modal/index.tsx","components/MyCards/RegisterCard/index.tsx","components/MyCards/BlockCard/styles.ts","assets/MyCards/ovalgrey.svg","components/MyCards/CardContainerList/styles.ts","components/MyCards/CardContainerList/index.tsx","components/MyCards/BlockCard/index.tsx","components/MyCards/RechargerCard/Modal/styles.ts","components/MyCards/RechargerCard/Modal/index.tsx","components/InputOutlined/styles.tsx","components/InputOutlined/index.tsx","components/MyCards/Loader/index.tsx","components/MyCards/AddPaymentCard/styles.ts","components/MyCards/AddPaymentCard/index.tsx","utils/currencyFormatter.ts","components/MyCards/RechargerCard/styles.ts","components/MyCards/RechargerCard/ModalPix/styles.ts","components/MyCards/RechargerCard/ModalPix/index.tsx","components/MyCards/RechargerCard/index.tsx","components/MyCards/InformationsCard/styles.ts","components/MyCards/Extratouso/styles.ts","components/MyCards/Extratouso/tableExtratouso/styles.ts","components/MyCards/Extratouso/tableExtratouso/index.tsx","components/MyCards/Extratouso/index.tsx","components/MeusPedidos/styles.ts","components/MeusPedidos/ModalPix/styles.ts","components/MeusPedidos/ModalPix/index.tsx","components/MeusPedidos/index.tsx","components/MyCards/InformationsCard/index.tsx","pages/MyCards/index.tsx","pages/FormOfPayment/styles.ts","components/FormOfPayment/itemFormOfPayment/styles.ts","components/FormOfPayment/itemFormOfPayment/index.tsx","components/FormOfPayment/ListPayment/styles.ts","components/FormOfPayment/ListPayment/index.tsx","components/FormOfPayment/FormPayment/styles.ts","components/FormOfPayment/FormPayment/index.tsx","pages/FormOfPayment/index.tsx","pages/FaqSectionPF/styles.tsx","pages/FaqSectionPF/index.tsx","pages/RoutesAndLines/LoaderSubLine/index.tsx","assets/RoutesAndLines/clock.svg","assets/LojasLocaisRecarga/pin.svg","assets/Shared/map.png","pages/RoutesAndLines/styles.ts","pages/RoutesAndLines/index.tsx","assets/RoutesAndLines/Lupaorange.png","pages/ParaEmpresas/Components/ModalMotiva/styles.ts","assets/Banner/BannerMotiva3.png","pages/ParaEmpresas/Components/ModalMotiva/index.tsx","pages/ParaEmpresas/styles.ts","assets/ParaEmpresas/check.svg","assets/ParaEmpresas/paraEmpresas_01.svg","assets/ParaEmpresas/paraEmpresas_02.svg","assets/ParaEmpresas/paraEmpresas_04.svg","assets/ParaEmpresas/balao.svg","pages/ParaEmpresas/Components/FileInputSpecial/styles.tsx","pages/ParaEmpresas/Components/FileInputSpecial/index.tsx","pages/ParaEmpresas/index.tsx","utils/isValidCnpj.ts","pages/FaleConosco/styles.ts","pages/FaleConosco/index.tsx","components/FileInput/styles.tsx","components/FileInput/index.tsx","pages/TrabalheConosco/styles.ts","pages/TrabalheConosco/index.tsx","assets/CartoesRecarga/dollar.svg","pages/LojasLocaisRecarga/styles.ts","pages/LojasLocaisRecarga/index.tsx","pages/Noticias/styles.ts","pages/Noticias/index.tsx","pages/Parceiros/styles.ts","pages/Parceiros/index.tsx","assets/Shared/framepolitica.svg","pages/CartoesRecarga/styles.ts","assets/CartoesRecarga/cartão_identificado_frente.png","assets/CartoesRecarga/CartaoBeneficio.svg","assets/CartoesRecarga/CartaoValeTransporte.svg","assets/CartoesRecarga/card-vale-social.png","assets/CartoesRecarga/Oval.svg","assets/CartoesRecarga/Vector.svg","assets/CartoesRecarga/Group 16.svg","assets/CartoesRecarga/$.svg","assets/CartoesRecarga/mail 1.svg","assets/Shared/shop2.svg","assets/Shared/FrameBus.svg","assets/CartoesRecarga/bilhete.svg","assets/CartoesRecarga/cardmaster.png","assets/CartoesRecarga/cardbeneficio.png","assets/CartoesRecarga/cardestudantil.png","assets/CartoesRecarga/Phone+.svg","assets/CartoesRecarga/CardPurple.svg","pages/CartoesRecarga/index.tsx","pages/MeuPerfil/styles.ts","components/MyProfile/PoliticsAndTermsSession/styles.ts","components/MyProfile/PoliticsAndTermsSession/index.tsx","components/MyProfile/ModalChangePassword/styles.ts","components/MyProfile/ModalChangePassword/index.tsx","components/MyProfile/ContactInformation/styles.ts","components/ButtonDeleteUser/style.ts","components/ButtonDeleteUser/index.tsx","components/MyProfile/ContactInformation/index.tsx","components/MyProfile/PrincipalInformation/styles.ts","components/MyProfile/PrincipalInformation/index.tsx","pages/MeuPerfil/index.tsx","pages/TermosDeUso/styles.ts","pages/TermosDeUso/index.tsx","components/QuemSomos/Accordion/styles.tsx","components/QuemSomos/Accordion/index.tsx","assets/QuemSomos/playbuttonorange.svg","pages/QuemSomos/styles.ts","assets/QuemSomos/2001.png","assets/QuemSomos/2005.png","assets/QuemSomos/2010.png","assets/QuemSomos/2011.png","assets/QuemSomos/2014.png","assets/QuemSomos/2019_2020.png","assets/QuemSomos/transfacil_galery_1.jpg","assets/QuemSomos/transfacil_galery_2.jpg","assets/QuemSomos/transfacil_galery_3.jpg","assets/QuemSomos/transfacil_galery_4.jpg","assets/QuemSomos/transfacil_galery_5.jpg","assets/QuemSomos/transfacil_galery_6.jpg","assets/QuemSomos/transfacil_galery_7.jpg","assets/QuemSomos/transfacil_galery_8.jpg","assets/QuemSomos/transfacil_galery_9.jpg","assets/QuemSomos/transfacil_galery_10.jpg","assets/QuemSomos/transfacil_galery_11.jpg","assets/QuemSomos/transfacil_galery_12.jpg","assets/QuemSomos/transfacil_galery_13.jpg","assets/QuemSomos/transfacil_galery_14.jpg","assets/QuemSomos/transfacil_galery_15.jpg","assets/QuemSomos/transfacil_galery_16.jpg","assets/QuemSomos/transfacil_galery_17.jpg","assets/QuemSomos/Person.svg","assets/QuemSomos/Building.svg","pages/QuemSomos/index.tsx","assets/QuemSomos/metric1.png","assets/QuemSomos/metric2.png","assets/QuemSomos/metric3.png","assets/QuemSomos/metric4.png","pages/Favoritos/styles.tsx","pages/Favoritos/index.tsx","pages/NoticiaCompleta/styles.tsx","pages/NoticiaCompleta/index.tsx","pages/VagasDisponiveis/styles.ts","components/FileInputSpecial/styles.tsx","components/FileInputSpecial/index.tsx","components/CheckboxSpecial/styles.ts","components/CheckboxSpecial/index.tsx","pages/VagasDisponiveis/TrabalheConoscoForm/FormularioFinalizado/styles.ts","pages/VagasDisponiveis/TrabalheConoscoForm/FormularioFinalizado/index.tsx","assets/Estacao/est-barreiro.png","assets/Estacao/est-diamante.png","assets/Estacao/hipercentro.png","assets/Estacao/est-pampulha.png","assets/Estacao/est-vendanova.png","assets/Estacao/est-vilarinho.png","assets/Estacao/est-saogabriel.png","pages/VagasDisponiveis/TrabalheConoscoForm/styles.ts","pages/VagasDisponiveis/TrabalheConoscoForm/index.tsx","pages/VagasDisponiveis/index.tsx","components/Map/mapStyles.ts","components/Map/styles.ts","components/Map/index.tsx","assets/Shared/ic-recharge-stop.svg","utils/calculateLatLngDistance.ts","pages/RecargaMap/styles.ts","pages/RecargaMap/index.tsx","components/EmptyRoute/styles.ts","components/EmptyRoute/index.tsx","components/RoutesAndLinesMap/Accordion/styles.ts","components/RoutesAndLinesMap/Accordion/index.tsx","pages/RoutesAndLinesMap/styles.ts","pages/RoutesAndLinesMap/index.tsx","pages/PoliticaPrivacidade/styles.ts","pages/PoliticaPrivacidade/index.tsx","pages/PoliticaCookies/styles.ts","pages/PoliticaCookies/index.tsx","components/ModalTicket/styles.ts","components/ModalTicket/index.tsx","components/buttonGerarTicketQrCode/ModalGerarTicketQrCode/Select/styles.tsx","components/buttonGerarTicketQrCode/ModalGerarTicketQrCode/Select/index.tsx","components/buttonGerarTicketQrCode/ModalGerarTicketQrCode/Content/index.tsx","components/buttonGerarTicketQrCode/ModalGerarTicketQrCode/index.tsx","components/buttonGerarTicketQrCode/index.tsx","pages/QrCode/MapHistory/styles.ts","pages/QrCode/MapHistory/tableMapHistory/styles.ts","pages/QrCode/MapHistory/tableMapHistory/index.tsx","pages/QrCode/MapHistory/index.tsx","pages/QrCode/styles.ts","pages/QrCode/index.tsx","pages/BuyQrCode/InformCVV/index.tsx","pages/BuyQrCode/InformValue/index.tsx","pages/BuyQrCode/PaymentMethod/index.tsx","pages/BuyQrCode/SelectQuantity/index.tsx","pages/BuyQrCode/styles.ts","pages/BuyQrCode/SummaryValue/style.tsx","pages/BuyQrCode/SummaryValue/index.tsx","pages/BuyQrCode/ListCard/styles.ts","pages/BuyQrCode/ListCard/Card/styles.ts","pages/BuyQrCode/ListCard/Card/index.tsx","pages/BuyQrCode/ListCard/index.tsx","pages/BuyQrCode/ModalPix/styles.ts","pages/BuyQrCode/ModalPix/index.tsx","pages/BuyQrCode/Modal/styles.ts","pages/BuyQrCode/Modal/index.tsx","pages/BuyQrCode/ModalSucess/styles.ts","pages/BuyQrCode/ModalSucess/index.tsx","pages/BuyQrCode/index.tsx","components/ModalUpdateInformations/styles.ts","components/ModalUpdateInformations/index.tsx","pages/QrCode/RecargaHistorico/styles.ts","pages/QrCode/RecargaHistorico/ModalPix/styles.ts","pages/QrCode/RecargaHistorico/ModalPix/index.tsx","pages/QrCode/RecargaHistorico/index.tsx","components/ModalPrivacyPolicy/index.tsx","components/ModalTermsUse/index.tsx","routes/index.tsx","App.tsx","index.tsx"],"names":["createGlobalStyle","api","axios","create","baseURL","process","isTokenInvalid","interceptors","response","use","success","error","console","log","err","statusCode","status","data","detail","alert","localStorage","removeItem","setTimeout","window","location","reload","message","Promise","reject","AuthContext","createContext","AuthProvider","children","useState","token","getItem","user","defaults","headers","Authorization","JSON","parse","setData","push","useHistory","signIn","useCallback","a","password","post","result","setItem","get","responseUser","stringify","signOut","Provider","value","useAuth","context","useContext","Error","toastTypeVariations","info","css","Container","styled","animated","div","props","type","hasdescription","icons","size","Toast","style","removeToast","useToast","useEffect","timer","id","clearTimeout","description","title","onClick","ToastContainer","messages","messagesWithTransitions","useTransition","from","right","opacity","enter","leave","map","item","key","ToastContext","ToastProvider","setMessages","addToast","uuid","toast","state","filter","LoaderContext","LoaderProvider","isActive","setIsActive","changeLoader","active","useLoader","AppProvider","PrivateRoute","Component","component","rest","render","to","MapContext","MapProvider","origin","setOrigin","destination","setDestination","mapCoordinates","setMapCoordinates","rechargeAddresCoordinates","setRechargeAddressCoordinates","rechargeAddress","setRechargeAddress","infoWindows","setInfoWindows","selectedRoute","setSelectedRoute","routes","setRoutes","changeOrigin","address","changeDestination","changeRechargeAddress","changeMapCoordinates","latLng","changeSelectedRoute","route","changeRechargeAddresCoordinates","changeRoutes","routesArray","transfacilLines","Object","keys","length","changedRoutes","legs","leg","lines","steps","travel_mode","transitStep","name","transit","line","short_name","color","departureTime","departure_time","text","arrivalTime","arrival_time","metropolitanArray","tline","filteredLine","i","sgl","isTransfacilLine","concat","apply","transfacilRoutes","tRoute","metropolitanRoutes","sortedRoutes","TimeSortedRoutes","timeText","changeInfoWindows","start_location","departure_stop","useMap","buttonRoundVariations","rounded","block","button","textBlack","disabled","padding","Button","LogoContainer","HamburguerMenuContainer","ItensContainer","ul","NavItem","li","menuActive","Header","pathname","useLocation","menuToggle","setMenuToggle","handleToggleMenu","navItens","path","navUser","handleRedirect","href","src","Logo","alt","target","className","backgroundColor","backgroundImage","backgroundBanner","overflow","Content","Blur","Row","getWidthGrid","width","Number","_path","Column","small","medium","large","BoxBoxesContainer","BoxesContainer","CardSection","OrangeBox","GridContainer","FlexContainer","FirstContent","SecondContent","BenefitsSection","LeitorCartao","Containers","Sliders","CoreServices","createContact","email","comment","categoria","phone","card_number","createLead","modality","companyName","companyDocument","aplicantName","employeeNumber","cpffile","contratofile","inscricaofile","esocial","inscricao","aplicant_name","company_name","company_document","employee_number","document_file","municipal_registration_file","municipal_registration","getContract","getFaqs","getMedias","getNews","quantity","getPartners","getBanners","getRechargePoint","getLineInfo","Slide","services","coreService","CoreService","banners","setBanner","results","handleLink","link","open","dots","infinite","speed","autoplay","slidesToShow","slidesToScroll","arrows","autoplaySpeed","fade","responsive","breakpoint","settings","banner","marginLeft","backgroundCor","imagePromotion","media_link","rel","subtitle","background","cta_color","cta_text","Line","LastContainer","Footer","framewhatsapp","AppStore","PlayStore","Iso","height","margin","inputRoundVariations","Label","label","numberinsc","isFocused","isFilled","isErrored","isCorrect","multiline","Input","schema","birth_date","cpf","cnpj","cpforcnpj","cep","cardnumber","cardtransfacil","Icon","icon","inputRef","useRef","setIsFocused","setIsFilled","setIsCorrect","useField","fieldName","defaultValue","registerField","handleInputFocus","handleInputBlur","current","handleChange","Yup","validate","abortEarly","isValid","handleKeyUpBirthDate","e","currentTarget","maxLength","replace","handleKeyUpCpf","handleKeyUpCnpj","handleKeyUpCpfOrCnpj","handleKeyUpPhone","handleKeyUpCardNumber","handleKeyInscricao","handleKeyUpCardTransfacil","handleKeyUpCep","getHandleKeyUp","handleFunction","ref","htmlFor","onFocus","onBlur","onChange","onKeyUp","LastContent","BusContent","Aside","aside","Main","main","LocationAndRouteSection","React","googleAddress","setGoogleAddress","setLatLng","handleOrigin","handleDestination","getGeocode","geoCode","getLatLng","lat","lng","handleSearchMap","encodedQueryParams","encodeURI","handleRedirectMap","handleMyLocation","navigator","geolocation","getCurrentPosition","position","coords","latitude","longitude","onSubmit","placeholder","Rota","Mask","_extends","assign","arguments","source","prototype","hasOwnProperty","call","this","_objectWithoutProperties","excluded","sourceKeys","indexOf","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","propertyIsEnumerable","SvgQuestionMark","_ref","svgRef","titleId","viewBox","fill","xmlns","fillRule","clipRule","d","ForwardRef","isFaq","AccordionItem","shadow","bloqued","activefav","InitialContainer","titleColor","CollapseContainer","Accordion","cod","subTitle","CollapseIcon","faq","fav","handleFavorite","handleSublines","topic","hasSublines","region1","region2","region3","region4","setActive","favoriteActive","setFavoriteActive","region1Active","setRegion1Active","region2Active","setRegion2Active","region3Active","setRegion3Active","region4Active","setRegion4Active","favoriteBloqued","setFavoriteBloqued","handleToggle","handleToggleFavorite","code_line","name_line","sgl_line","follow","handleClickOutside","event","contains","document","body","addEventListener","removeEventListener","isRegion1","isRegion2","isRegion3","isRegion4","ContainerFaq","FormSearchFaq","Form","FaqSection","formRef","searchTerm","setSearchTerm","searchResults","setSearchResults","mobile","setMobile","faqs","setFaqs","createAnswer","answer","__html","screen","checkMobile","some","normalize","toLowerCase","toUpperCase","includes","handleSubmit","Lupasearch","QuestionIcon","GoTriangleRight","question","dangerouslySetInnerHTML","slice","role","onKeyDown","tabIndex","NewsSection","news","setNews","image","categories","SliderItem","SliderDesktop","SliderMobile","CarrouselContainer","ListItem","Item","img","LeftColumn","SlideStayInformed","items","rowItems","columItems","handlePageMedia","permalink","createCarrouselList","rows","media_url","row","index","createRightList","memoItens","useMemo","itensLength","slicedItems","autoPlay","PrevIcon","NextIcon","StayInInformedSection","medias","setMedias","mobileMedias","setMobileMedias","media","media_id","SliderContainer","Contact","isPage","FormWrapper","getValidationErrors","validationErrors","inner","forEach","Select","selectRef","getValue","isMulti","option","classNamePrefix","ContactSection","isButtonLarge","disable","setDisable","setErrors","shape","required","errors","framefacebook","frametelegram","cursor","border","borderRadius","options","PartnerSection","partners","setPartner","partner","logo","slogan","nav","ButtonsContainer","NavBar","accepted","AcceptCookies","setAccepted","Accept","NoAccept","cookieConsent","libraries","Home","isLoaded","useLoadScript","googleMapsApiKey","language","DashboardLoader","defaultOptions","loop","animationData","LoaderAnimation","rendererSettings","preserveAspectRatio","zIndex","transform","isStopped","isPaused","CheckboxContainer","span","Props","checked","Text","StyledCheckbox2","StyledCheckbox","HiddenCheckbox","input","RadioButton","inputRefs","undefined","setChecked","handleCheckboxChange","refs","find","setValue","clearValue","display","flexDirection","defaultChecked","fontWeight","AccountsService","getProfile","patchProfile","patch","changePassword","old_password","new_password","confirm_new_password","registerNewPassword","GetresetPassword","email_or_cpf","resetPassword","reset_type","changeProfile","full_name","put","createLineFavorite","getLineFavorite","deleteLineFavorite","delete","Forgot","Register","Company","Dialogo","Modal","Close","Checkimg","Login","formRefReset","servicesProfile","isemail","setIsemail","finish","setFinish","checkfinish","setCheckfinish","buttonchange","setButtonChange","resetpassword","setResetPassword","test","isCpf","isValidCPF","isEmail","isValidEmail","formatacpf","formatCPF","pad","getElementById","schemaReset","migrated_user","sub_message","handleSubmitForgot","resetpass","handleSubmitCheckbox","mailorphone","closeforgot","modal","getFieldValue","checkboxmail","checkboxphone","DashBoardLoader","FiUser","FiLock","GreenCheck","marginBottom","marginRight","method","marginTop","ResetPassword","code","useParams","eyechange","setEyechange","showPassword","setShowPassword","confirm_password","justifyContent","stopPropagation","isValidCpf","reg","RegExp","numbers","digits","sum","equalDigits","charAt","substring","ReactTooltipStyled","ReactTooltip","CheckBox","limit","Map","values","flatMap","toString","split","element","data-tip","tooltip","isBlocked","set","_rect","_defs","EaseTopDown","keyframes","EasyIn","show","handleClose","action","flex","CheckBoxPrivacyPolicy","privacyPolicy","setPrivacyPolicy","setShow","getPrivacyPolicy","alignItems","fontSize","CheckBoxTermsUse","Cadastrar","min","privacy_policy","terms_of_use","terms","parseInt","policy","FinalData","SvgLogo","xmlnsXlink","x","y","patternContentUnits","xlinkHref","_path2","_path3","header","AsideMenu","MainOverview","footer","DashboardLayout","setMenuActive","userName","haldleSetMenu","pathLink","CartaoCliente","Loader","Intl","NumberFormat","currency","formatPrice","format","TitleSection","section","TicketingService","createCard","nickname","rechargeCard","card","form_of_payment","amount","cvv","getActiveCards","getCard","getCardExtrato","idcard","dateStart","dateEnd","blockCard","updateCard","patchUpdateCard","createPaymentForm","titular_name","due_date","charge_address","charge_address_complement","charge_address_number","charge_address_neighborhood","charge_address_city","charge_address_state","charge_address_cep","changeCardStatus","paymentId","cardStatus","is_active","getPaymentForm","deletePaymentForm","getRecarga","getRecargaQrCode","deleteTransFacilCard","getBoletoLimit","getFormsPay","ModalPixPagamento","ModalPix","codeExpiration","codePix","codeImage","closeModal","scrollTo","dataBra","reverse","join","aria-label","clipboard","writeText","innerHTML","IconCopy","textAlign","MeusPedidos","ticketingService","recargas","setRecargas","pixCode","setPixCode","pixImage","setPixImage","pixExpiration","setPixExpiration","profile","setProfile","modalPixOpen","setModalPixOpen","loading","setLoading","getRecargas","Paper","Table","TableHead","TableRow","TableCell","TableBody","recarga","scope","card_data","created_at","status_display","tacom_boleto","pix_image_link","pix_copy_paste","pix_expiration","Math","random","Dashboard","EaseIn","ContainerCartao","AddCard","identficado","selected","Nickname","p","CardNumber","TransfacilCard","InfoDiv","Card","cardNumber","saldo","qrcode","register","mainmenu","recharge","eye","useRouteMatch","url","cartãoIdent","setCartãoIdent","saldocartao","setSaldoCartao","dadoscart","novosaldo","setNovoSaldo","eyechangeValue","saldocartaovalue","handleSaldo","Saldo","primeirosDigitos","verificarNumeroIdentificado","handleRedirectRecarga","params","URLSearchParams","search","eyechangeParam","saldoParam","maxWidth","LogoCartao","ListCard","cards","setCartoescards","cartoes","setCartoes","getCards","Add","balance","CardBox","ContainerTypeVariations","typeModal","successText","RegisterCard","callback","showModalLimitCards","setshowModalLimitCards","cardsQuantity","setcardsQuantity","setName","number","setNumber","reset","getData","Information","CardContainerList","BlockCard","OvalGrey","ModalText","InputOutlined","creditCardName","dateMMYY","placeholderText","setPlaceholderText","handleKeyUpDate","handleKeyUpCreditCardName","handleKeyUpCVV","top","left","AddPaymentCard","handleAdd","luhn","DivGeralCartao","CartaoDados","PagamentoDados","ModalContentBanner","Circle","dataExp","RechargerCard","showSuccess","setShowSuccess","hasCreditCard","setHasCreditCard","showAddPayment","setShowAddPayment","modalPhone","setModalPhone","modalCpf","setModalCpf","successType","setSuccessType","boletoLink","setBoletoLink","payments","setPayments","paymentSelected","setPaymentSelected","cardSelected","setCardSelected","cashSelected","setCashSelected","payType","setPayType","payEnable","setPayEnable","payEnableBoleto","setPayEnableBoleto","payWarningBoleto","setPayWarningBoleto","payEnableCreditCard","setPayEnableCreditCard","payWarningCreditCard","setPayWarningCreditCard","payEnablePIX","setPayEnablePIX","payWarningPIX","setPayWarningPIX","LIMIT_RECHARGE_CARD_MIN","setLimitRechargeCardMin","LIMIT_RECHARGE_CARD_VAL","setLimitRechargeCardVal","setInformations","phones","setPhones","cpfs","setCpfs","LIMIT_RECHARGE_BILLET_MIN","setLimitRechargeBilletMin","LIMIT_RECHARGE_BILLET_VAL","setLimitRechargeBilletVal","LIMIT_RECHARGE_PIX_MIN","setLimitRechargePixMin","LIMIT_RECHARGE_PIX_VAL","setLimitRechargePixVal","cardtax","setCardtax","boletotax","setBoletotax","pixtax","setPixtax","innerWidth","tamanhotela","setTamanhotela","LimitValue","floatValue","getCardsAsync","idCard","handleResize","boletoEnable","pay","payment_type","enable","creditCardEnable","pixEnable","boletoWarning","warning","creditCardWarning","pixWarning","getPay","typeOptions","isdisabled","titleWarning","boletoLimit","billet","cardLimit","pixLimit","rate","maximum","minimum","Boolean","filteredPayments","asyncGetBoletoLimit","handlePayment","pixImg","pixCod","pixExp","handleAddCreditCard","handleCash","cashValue","paymentType","numAsString","addedValue","handleSubmitCVV","handleSelectBlur","isOptionDisabled","verbose_name","getInputRef","prefix","isAllowed","onValueChange","thousandSeparator","decimalSeparator","fixedDecimalScale","decimalScale","allowNegative","minHeight","Historico","TableExtrato","columns","customColumns","col","ExtratoUso","extrato","setExtrato","formatDate","date","year","getFullYear","month","String","getMonth","padStart","day","getDate","currentDate","Date","initialDate","setDate","setDateStart","hasData","setHasData","linhasSindpautas","linha","nomelinha","metro","nome","estacoes","datainicio","datafim","dataLinhas","novaInfo","dadosResponse","novaInfoNome","dados","codLinha","linCodLinhaExterno","dadosSuplementar","dadosSup","dadosMetro","dadosMetros","dadosestacao","dadosestacoes","dadosIntermediarios","linNomeLinha","codLinhaVazia","Date7","Date15","Date30","Date60","Date90","selector","cell","dataUso","valorUtilizado","formatCurrency","MeusPedidosCartao","cartaorecarga","cartao","InformationsCard","setNickname","setNome","setNumero","setCardNumber","setSaldo","setCard","modalExcluir","setModalExcluir","cardId","setCardId","usoState","setUsoState","recargaState","setRecargaState","asyncDeleteCard","MyCards","setCards","nonBloquedCards","is_blocked","exact","ItemFormOfPayment","circleSelect","editOption","payment","removePayment","card_number_display","Section","CardButton","ListPayment","CardContainer","CEPContainer","SearchCEPLink","AddressContainer","LocationContainer","FormPayment","refreshList","history","FormaPagamento","disableButton","setDisableButton","goBack","readOnly","isChecked","FormOfPayment","creditcard","FaqSectionPF","LoaderSubLine","SvgBus","_g","SvgClock","clipPath","GridSection","AsideCard","MapImage","TimeContainer","Modalline","Dialogoline","RoutesAndLines","servicesAccounts","buscaLinha","setBuscaLinha","linhas","setLinhas","rotas","setRotas","favoritas","setFavoritas","setLine","inputValue","setInputValue","loadingSubLine","setLoadingSubLine","subLinhas","setSubLinhas","subLines","setSubLines","lines_with_itinerary","getLinhas","getRotas","responses","getLines","onChangeAutocomplete","newValue","filteredLines","f","responseLinha","getFavoritas","handleCreateFavorite","responsefavorites","handleRemoveFavorite","favorite","responselinhas","filteredFavorite","favorita","slg","responseSubLinhas","sub_lines","sub","responsibles","all","promisesResponse","responseSubLines","sublinhas","changedResponse","filteredSubline","subline","sublineName","nom","Autocomplete","freeSolo","getOptionLabel","rota","autoHighlight","onInputChange","newInputValue","onSelect","renderInput","InputProps","inputProps","onKeyPress","Bus","tabelahorario","dia","itinerario","ponto","localizacao","ModalMotiva","BannerMotiva","FileDiv","BodyForm","CircleContainer","CircleWraper","DialogContent","Contracts","ContractSession","ContractSessionContainer","FileInputSpecial","preview","setPreview","handlePreview","file","files","_","ParaEmpresas","modalMotiva","setModalMotiva","categoriaSet","setCategoriaSet","colaboradorSet","setColaboradorSet","showContactModal","opencontact","tamanho","numeros","digitos","soma","pos","resultado","isValidCnpj","esocialfile","address_proof","formData","FormData","append","cards_file","social_contract_file","circle01","circle02","Balao","Mail","circle04","check","FaleConosco","FileInput","TrabalheConosco","jobs","setJobs","interest_area","job","curriculum","getJobs","jobsOptions","config","Background","SvgPin","LojasLocaisRecarga","points","setPoints","point","PinIcon","regions","opening","FlexRowContainer","Noticias","noticia","pop","category","Parceiros","CircleWrapper","Instrucoes","CardBenefit","Flex","FlexColumn","SvgDollar","CartoesRecarga","theme","useTheme","activeCard","setActiveCard","activeCardClient","setActiveCardClient","opencard1","setOpencard1","opencard2","setOpencard2","opencard3","setOpencard3","fullScreen","useMediaQuery","breakpoints","down","maxWidthContainer1","changeActiveCard","changeActiveCardClient","handleClickOpenCard1","handleCloseCard1","handleClickOpenCard2","handleCloseCard2","handleClickOpenCard3","handleCloseCard3","handleScroolTo","activeItem","scrollIntoView","behavior","inline","variant","CartaoValeTransporte","Dialog","onClose","aria-labelledby","aria-describedby","DialogActions","CartaoIdent","framepolitica","CartaoBeneficio","Cardmaster","modal1","Cardbeneficio","Cardestudantil","CardValeSocial","Oval","Entrar","Cartao","Dolar","Shop","Bilhete","CardPurple","Phone","Whatsapp","PoliticsAndTermsSession","ModalSenha","ModalChangePassword","DivPrincipal","ButtonDeleteUser","ContactInformation","updateStateProfile","modaChangePasswordIsOpen","setModaChangePasswordIsOpen","openModaChangePasswordIsOpen","initialData","FiMail","FiPhoneCall","FiKey","Info","PrincipalInformation","setModalCPFIsOpen","MeuPerfil","TermosDeUso","termsUse","setTermsUse","updated_at","VideoSection","MissionSection","TransfacilTextSection","MetricSection","WorkwithUsSection","JobsSection","BackgroundSliderNews","PlayButton","SliderItemNews","BackgroundSlider","ContentPolitica","PurpleContainer","QuemSomos","Marco2001","Marco2005","Marco2010","Marco2011","Marco2014","Marco2019","Pessoa","Building","initialSlide","Transfacil1","Transfacil2","Transfacil3","Transfacil4","Transfacil5","Transfacil6","Transfacil7","Transfacil8","Transfacil9","Transfacil10","Transfacil11","Transfacil12","Transfacil13","Transfacil14","Transfacil15","Transfacil16","Transfacil17","vaga","BsChevronRight","Favoritos","responsibleses","sublinhass","NoticiaCompleta","newwss","FormContent","WorkwithUsDiv","VagasDiv","CheckBoxSpecial","minWidth","Img","FormularioFinalizado","maxHeight","FormDataDiv","BoxInput","BoxSectorpdc","BoxDiv","BoxSectorDiv","ImgDiv","BoxSectorTitle","BoxStationTitle","BoxSectorCheck","BoxStationCheck","BoxInputDiv","WorkDiv","ButtonDiv","SpecialLink","SpecialPhrase","EspecialButton","TrabalheConoscoForm","SetCheckvalue","setText","station","setStation","valortermo","pcd","setPcd","formularioFinalizado","setFormularioFinalizado","setorExample","setSetorExample","stationExample","setStationExample","estacao","termo","pdc","indicacao","closeSetorExample","closeStationExample","dataForm","endereco","handleEstacao","textDecoration","paddingBottom","EstacaoBarreiro","Hipercentro","EstacaoDiamante","EstacaoPampulha","EstacaoVilarinho","EstacaoVendaNova","EstacaoSaoGabriel","VagasDisponiveis","MapStyles","featureType","elementType","stylers","visibility","hue","centerCordinates","styles","disableDefaultUI","zoomControl","markersData","markerIcon","asideOpen","loadError","count","mapRef","directionsRoutes","directionsData","setDirectionsData","selectedMarker","setSelectedMarker","mapContainerStyle","setMapContainerStyle","onMapLoad","handleSelectMarker","marker","panTo","handleSelect","handleDirectionsCallback","res","markers","zoom","center","onLoad","travelMode","google","maps","TravelMode","TRANSIT","provideRouteAlternatives","transitOptions","modes","optimizeWaypoints","unitSystem","UnitSystem","METRIC","directions","hideRouteList","suppressMarkers","suppressInfoWindows","polylineOptions","strokeColor","strokeWeight","overview_path","overview_polyline","LatLngDistance","lat1","lon1","lat2","lon2","unit","radlat1","PI","radlat2","theta","radtheta","dist","sin","cos","acos","InputsWrapper","RoutesWrapper","RouteItem","RecargaMap","setMarkersData","getRechargePoints","changedRechargePoints","handleChangeMapCoordinates","latiLng","stringParams","decodeURIComponent","changedMarkers","distance","sort","b","EmptyRoute","asideOpacity","AsideDetail","DetailTitleWrapper","RouteContainer","RoutePathItem","TurnByTurnContainer","TurnByTurnItem","CloseContainer","RoutesAndLinesMap","horaAtual","setHoraAtual","setAsideOpacity","detailActive","setDetailActive","lineFare","setLineFare","selectedLeg","setSelectedLeg","handleCloseAside","getLineFare","handleDetail","formatedDate","fare","datas","tarifa","valorTarifa","duration","start_address","end_address","step","arr","instructions","encoded_lat_lngs","num_stops","PoliticaPrivacidade","PoliticaCookies","TextSpan","QrCodeLine","QrCodeInfo","ModalTicket","lineName","dataValidade","tempoExpiracao","gerando","lineNames","setLineNames","tempo","setTempo","minutos","setMinutos","componentRef","reactToPrintContent","handlePrint","useReactToPrint","content","documentTitle","removeAfterPrint","getList","lineNameIs","UpdateTime","tempoExpiracaoEmSegundos","tempo_expiracao","minutosCalculados","floor","interval","setInterval","clearInterval","sx","animation","setLines","ticket","setTicket","codigoLinha","linhaEstacoes","getOptionValue","line_main_code","codigoQRCode","valor","imagemBase64","dataHoraFimValidadeCarga","ModalGerarTicketQrCode","ButtonGerarTicketQrCode","setOpen","Buttons","TableMap","MapHistory","mapHistory","setMapHistory","botao1","setBotao1","botao2","setBotao2","botao3","setBotao3","botao4","setBotao4","getMapHistory","newData","conteudo","handleDisponiveis","datadisp","statusUso","handleExp","handleUtil","dataHoraEvento","time","hours","minutes","seconds","convertStringToDate","dataHora","ButtonBuy","QrCodeButtons","QrCode","qrCodeBalance","setQrCodeBalance","newCardValue","setNewCardValue","newCardNumber","setNewCardNumber","qrcodeHistory","setQrcodeHistory","QrCodeCreate","newCard","newDatas","getQrCodeBalance","start","QrCodeHistorico","InformCVV","setCvv","InformValue","qtyInput","valueChange","setValueChange","onInput","parseNumber","parseCurrency","formatNumber","PaymentMethod","formPayment","paymentMethods","setPaymentMethods","getPaymentMethod","flexWrap","form","payment_type_display","SelectQuantity","qty","SummaryValue","total","setSelectCard","selectCard","ModalSucess","BuyQrCode","setQty","setQtyInput","setFormPayment","higherFee","setHigherFee","finaltax","setFinaltax","successTypeCredit","setSuccessTypeCredit","resetPay","formsOfPayment","getQrCodeHigherFee","higher_fee","ModalUpdate","ModalUpdateInformations","RecargaHistorico","modalUpdateInformationsIsOpen","setModalUpdateInformationsIsOpen","ModalPrivacyPolicy","accepted_privacy_policy","ModalTermsUse","accepted_terms_of_use","RegisterNewPassword","Faq","RoutesAndLinesMaps","App","ReactDOM"],"mappings":"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CACEH,MAAO,OACPG,KAAM,8CAER,CACEH,MAAO,OACPG,KAAM,wCAER,CACEH,MAAO,OACPG,KAAM,gDAER,CACEH,MAAO,OACPG,KAAM,kCAER,CACEH,MAAO,OACPG,KAAM,gDAER,CACEH,MAAO,OACPG,KAAM,uCAER,CACEH,MAAO,OACPG,KAAM,iCAER,CACEH,MAAO,OACPG,KAAM,uCAER,CACEH,MAAO,OACPG,KAAM,oCAER,CACEH,MAAO,OACPG,KAAM,qCAER,CACEH,MAAO,OACPG,KAAM,8BAER,CACEH,MAAO,OACPG,KAAM,mCAER,CACEH,MAAO,OACPG,KAAM,4CAER,CACEH,MAAO,OACPG,KAAM,0CAER,CACEH,MAAO,OACPG,KAAM,sCAER,CACEH,MAAO,OACPG,KAAM,gDAER,CACEH,MAAO,OACPG,KAAM,mCAER,CACEH,MAAO,OACPG,KAAM,sCAER,CACEH,MAAO,OACPG,KAAM,iDAER,CACEH,MAAO,OACPG,KAAM,8BAER,CACEH,MAAO,OACPG,KAAM,iDAER,CACEH,MAAO,OACPG,KAAM,+BAER,CACEH,MAAO,OACPG,KAAM,kCAER,CACEH,MAAO,OACPG,KAAM,2CAER,CACEH,MAAO,OACPG,KAAM,uCAER,CACEH,MAAO,OACPG,KAAM,qCAER,CACEH,MAAO,OACPG,KAAM,qCAER,CACEH,MAAO,OACPG,KAAM,wCAER,CACEH,MAAO,OACPG,KAAM,iDAER,CACEH,MAAO,OACPG,KAAM,+CAER,CACEH,MAAO,OACPG,KAAM,+CAER,CACEH,MAAO,OACPG,KAAM,gDAER,CACEH,MAAO,OACPG,KAAM,oCAER,CACEH,MAAO,OACPG,KAAM,uCAER,CACEH,MAAO,OACPG,KAAM,yCAER,CACEH,MAAO,OACPG,KAAM,4CAQV,OAJAjuB,aAAgB,WACdkxC,MACC,CAACl/C,IAGF,qCACE,sBACEtF,MAAO,CACLmP,OAAQ,IACR5F,MAAO,QAHX,UAYE,cAAC,GAAD,CACEuL,YAAY,SACZvF,MAAM,SACNg7B,eAAgB,SAAAh7B,GACd,IAAMg2C,EAAch2C,EAAMlP,GAAG+gC,MAAMa,m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","file":"static/js/main.d1466ec3.chunk.js","sourcesContent":["import { createGlobalStyle } from 'styled-components';\r\n\r\nexport default createGlobalStyle`\r\n  *{\r\n    margin:0;\r\n    padding:0;\r\n    outline:0;\r\n    box-sizing:border-box;\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n  }\r\n\r\n  :root{\r\n    --white:#ffffff;\r\n    --background-gray:#F2F5F7;\r\n    --gray-line: #C2D1D9;\r\n    --orange: #dc582a;\r\n    --aside-background:#EBF1F4;\r\n    --soft-orange:#d9856e;\r\n    --orange-lightdark:#b34a1f;\r\n    --orange-dark:#873812;\r\n    --orange-gradient:linear-gradient(180deg, #F79765 0%, #dc582a 100%); \r\n    --purple: #472b74;\r\n    --purple-light: #4d3873;\r\n    --purple-lightdark:#3d2463;\r\n    --purple-dark:#2e1a4a;\r\n    --purple2:#4C1D6B;\r\n    --purple3:#4D1D6E;\r\n    --text:#7E8B92;\r\n    --title-higlight:#505D68;\r\n    --red:#E83f5b;\r\n    --green:#AAC22B;\r\n    --transparent:transparent;\r\n    --box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);\r\n  }\r\n\r\n  @media(max-width: 1080px){\r\n    html {\r\n      font-size:93.75%;\r\n    }\r\n  }\r\n\r\n  @media(max-width: 720px){\r\n    html {\r\n      font-size:81.45%;\r\n    }\r\n  }\r\n\r\n  body{\r\n    background:var(--white);\r\n    color:var(--text);\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  body,input,text-area,button{\r\n    font: 400 1rem \"Source Sans Pro\", sans-serif;\r\n  }\r\n\r\n  button {\r\n    cursor:pointer;\r\n    border:0;\r\n  }\r\n\r\n  a{\r\n    text-decoration:none;\r\n    color:inherit;\r\n  }\r\n\r\n  h1{\r\n    font: 700 2rem \"Roboto Slab\", sans-serif;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-lonely-if */\n/* eslint-disable no-alert */\n/* eslint-disable no-console */\nimport axios from 'axios';\n\nconst api = axios.create({\n  baseURL: process.env.REACT_APP_APIURL,\n});\nlet isTokenInvalid = false;\n\napi.interceptors.response.use(\n  success => success,\n  error => {\n    console.log({ error });\n    const { ...err } = error;\n    const statusCode = error?.response.status;\n\n    if ((statusCode === 401 || statusCode === 403) && !isTokenInvalid) {\n      isTokenInvalid = true;\n      alert('Token expirado, por favor realize o login novamente.');\n      localStorage.removeItem('@Transfacil:token');\n      localStorage.removeItem('@Transfacil:user');\n      setTimeout(() => {\n        window.location.reload();\n      }, 1500);\n    } else {\n      if (err.response.data.detail === 'Token inválido.') {\n        alert('Token expirado, por favor realize o login novamente.');\n        localStorage.removeItem('@Transfacil:token');\n        localStorage.removeItem('@Transfacil:user');\n        setTimeout(() => {\n          window.location.reload();\n        }, 1500);\n        if (err.response.data.message === 'Token inválido.') {\n          alert('Token expirado, por favor realize o login novamente.');\n          localStorage.removeItem('@Transfacil:token');\n          localStorage.removeItem('@Transfacil:user');\n          setTimeout(() => {\n            window.location.reload();\n          }, 1500);\n        }\n      }\n    }\n    return Promise.reject(error);\n  },\n);\n\nexport default api;\n","/* eslint-disable consistent-return */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable prefer-const */\r\n/* eslint-disable no-console */\r\nimport React, { createContext, useCallback, useState, useContext } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport api from '../services/api';\r\n\r\nexport interface UserInterface {\r\n  id: number;\r\n  name: string;\r\n  username: string;\r\n  full_name: string;\r\n  email: string;\r\n  cpf: string;\r\n}\r\n\r\ninterface AuthState {\r\n  token: string;\r\n  user: UserInterface;\r\n  migrated_user?: boolean;\r\n}\r\n\r\ninterface SignInCredentials {\r\n  user: string;\r\n  password: string;\r\n}\r\n\r\ninterface AuthContextData {\r\n  user: UserInterface | any;\r\n  signIn(credentials: SignInCredentials): Promise<void>;\r\n  signOut(): void;\r\n  setData(e: any): void;\r\n  data: any;\r\n}\r\n\r\nconst AuthContext = createContext<AuthContextData>({} as AuthContextData);\r\n\r\nconst AuthProvider: React.FC = ({ children }) => {\r\n  const [data, setData] = useState<AuthState>(() => {\r\n    const token = localStorage.getItem('@Transfacil:token');\r\n    const user = localStorage.getItem('@Transfacil:user');\r\n    if (token && user) {\r\n      api.defaults.headers.Authorization = `Bearer ${token}`;\r\n\r\n      return { token, user: JSON.parse(user) };\r\n    }\r\n\r\n    return {} as AuthState;\r\n  });\r\n\r\n  const { push } = useHistory();\r\n\r\n  const signIn = useCallback(\r\n    async ({ user, password }) => {\r\n      const response = await api.post('/v2/accounts/login/', {\r\n        user,\r\n        password,\r\n      });\r\n      let result = response.data;\r\n      api.defaults.headers.Authorization = `Bearer ${result.token}`;\r\n      localStorage.setItem('@Transfacil:token', result.token);\r\n      const responseUser = await api.get('/accounts/profile/');\r\n      result.user = {\r\n        ...result.user,\r\n        ...responseUser?.data,\r\n      };\r\n      setData({ ...result });\r\n      localStorage.setItem('@Transfacil:user', JSON.stringify(result.user));\r\n      push('/meus-cartoes');\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const signOut = useCallback(async () => {\r\n    localStorage.removeItem('@Transfacil:token');\r\n    localStorage.removeItem('@Transfacil:user');\r\n    delete api.defaults.headers.Authorization;\r\n\r\n    try {\r\n      await api.get('/accounts/logout/');\r\n    } catch (error) {\r\n      console.log('error');\r\n    } finally {\r\n      delete api.defaults.headers.Authorization;\r\n      setData({} as AuthState);\r\n    }\r\n  }, []);\r\n  // React.useEffect(() => {\r\n  //   const token = localStorage.getItem('@Transfacil:token');\r\n  //   const user = localStorage.getItem('@Transfacil:user');\r\n\r\n  //   if (!token || !user) {\r\n  //     return () => {\r\n  //       delete api.defaults.headers.Authorization;\r\n  //     };\r\n  //   }\r\n  // }, [data.token]);\r\n\r\n  return (\r\n    <>\r\n      <AuthContext.Provider\r\n        value={{ user: data.user, data, setData, signIn, signOut }}\r\n      >\r\n        {children}\r\n      </AuthContext.Provider>\r\n    </>\r\n  );\r\n};\r\n\r\nfunction useAuth(): AuthContextData {\r\n  const context = useContext(AuthContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useAuth só pode ser usado dentro de um AuthProvider');\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nexport { AuthProvider, useAuth };\r\n","/* eslint-disable implicit-arrow-linebreak */\r\nimport styled, { css } from 'styled-components';\r\nimport { animated } from 'react-spring';\r\n\r\ninterface ContainerProps {\r\n  type?: 'success' | 'error' | 'info';\r\n  hasdescription: boolean;\r\n}\r\n\r\nconst toastTypeVariations = {\r\n  info: css`\r\n    background: #dca62c;\r\n    color: #fff;\r\n  `,\r\n  success: css`\r\n    background: #49ab81;\r\n    color: #fff;\r\n  `,\r\n  error: css`\r\n    background: #c53030;\r\n    color: #fff;\r\n  `,\r\n};\r\n\r\nexport const Container = styled(animated.div)<ContainerProps>`\r\n  width: 360px;\r\n\r\n  position: fixed;\r\n  padding: 16px 30px 16px 16px;\r\n  border-radius: 10px;\r\n  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);\r\n\r\n  display: flex;\r\n\r\n  & + div {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  ${props => toastTypeVariations[props.type || 'info']}\r\n\r\n  > svg {\r\n    margin: 4px 12px 0 0;\r\n  }\r\n\r\n  div {\r\n    flex: 1;\r\n\r\n    p {\r\n      margin-top: 4px;\r\n      font-size: 14px;\r\n      opacity: 0.8;\r\n      line-height: 20px;\r\n    }\r\n  }\r\n\r\n  button {\r\n    position: absolute;\r\n    right: 16px;\r\n    top: 19px;\r\n    opacity: 0.6;\r\n    border: 0;\r\n    background: transparent;\r\n    color: inherit;\r\n  }\r\n\r\n  ${props =>\r\n    !props.hasdescription &&\r\n    css`\r\n      align-itens: center;\r\n\r\n      svg {\r\n        margin-top: 0;\r\n      }\r\n    `};\r\n`;\r\n","import React, { useEffect } from 'react';\r\nimport {\r\n  FiAlertCircle,\r\n  FiCheckCircle,\r\n  FiInfo,\r\n  FiXCircle,\r\n} from 'react-icons/fi';\r\nimport { ToastMessage, useToast } from '../../../hooks/toast';\r\nimport { Container } from './styles';\r\n\r\ninterface ToastProps {\r\n  message: ToastMessage;\r\n  style: object;\r\n}\r\n\r\nconst icons = {\r\n  info: <FiInfo size={24} />,\r\n  error: <FiAlertCircle size={24} />,\r\n  success: <FiCheckCircle size={24} />,\r\n};\r\n\r\nconst Toast: React.FC<ToastProps> = ({ message, style }) => {\r\n  const { removeToast } = useToast();\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => {\r\n      removeToast(message.id);\r\n    }, 10000);\r\n\r\n    return () => {\r\n      clearTimeout(timer);\r\n    };\r\n  }, [removeToast, message.id]);\r\n\r\n  return (\r\n    <Container\r\n      type={message.type}\r\n      hasdescription={!!message.description}\r\n      style={style}\r\n    >\r\n      {icons[message.type || 'info']}\r\n\r\n      <div>\r\n        <strong>{message.title}</strong>\r\n        {message.description && <p>{message.description}</p>}\r\n      </div>\r\n\r\n      <button onClick={() => removeToast(message.id)} type=\"button\">\r\n        <FiXCircle size={18} />\r\n      </button>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Toast;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n\r\n  overflow: hidden;\r\n  z-index: 99999999999998;\r\n`;\r\n","import React from 'react';\r\nimport { useTransition } from 'react-spring';\r\n\r\nimport Toast from './Toast';\r\n\r\nimport { ToastMessage } from '../../hooks/toast';\r\nimport { Container } from './styles';\r\n\r\ninterface ToastContainerProps {\r\n  messages: ToastMessage[];\r\n}\r\n\r\nconst ToastContainer: React.FC<ToastContainerProps> = ({ messages }) => {\r\n  const messagesWithTransitions = useTransition(\r\n    messages,\r\n    message => message.id,\r\n    {\r\n      from: { right: '-120%', opacity: 0 },\r\n      enter: { right: '0%', opacity: 1 },\r\n      leave: { right: '-120%', opacity: 0 },\r\n    },\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      {messagesWithTransitions.map(({ item, key, props }) => (\r\n        <Toast key={key} style={props} message={item} />\r\n      ))}\r\n    </Container>\r\n  );\r\n};\r\nexport default ToastContainer;\r\n","import React, { createContext, useCallback, useContext, useState } from 'react';\r\nimport { uuid } from 'uuidv4';\r\nimport ToastContainer from '../components/ToastContainer';\r\n\r\nexport interface ToastMessage {\r\n  id: string;\r\n  type?: 'success' | 'error' | 'info';\r\n  title: string;\r\n  description?: string;\r\n}\r\n\r\ninterface ToastContextData {\r\n  addToast(message: Omit<ToastMessage, 'id'>): void;\r\n  removeToast(id: string): void;\r\n}\r\n\r\nconst ToastContext = createContext<ToastContextData>({} as ToastContextData);\r\n\r\nconst ToastProvider: React.FC = ({ children }) => {\r\n  const [messages, setMessages] = useState<ToastMessage[]>([]);\r\n\r\n  const addToast = useCallback((message: Omit<ToastMessage, 'id'>) => {\r\n    const id = uuid();\r\n\r\n    const toast = {\r\n      id,\r\n      ...message,\r\n    };\r\n\r\n    setMessages(state => [...state, toast]);\r\n  }, []);\r\n\r\n  const removeToast = useCallback((id: string) => {\r\n    setMessages(state => state.filter(message => message.id !== id));\r\n  }, []);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ addToast, removeToast }}>\r\n      {children}\r\n      <ToastContainer messages={messages} />\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nfunction useToast(): ToastContextData {\r\n  const context = useContext(ToastContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useToast só pode ser usado com um ToastProvider');\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nexport { ToastProvider, useToast };\r\n","import React, { createContext, useCallback, useState, useContext } from 'react';\r\n\r\ninterface LoaderContextData {\r\n  isActive: boolean;\r\n  changeLoader(active: boolean): void;\r\n}\r\n\r\nconst LoaderContext = createContext<LoaderContextData>({} as LoaderContextData);\r\n\r\nconst LoaderProvider: React.FC = ({ children }) => {\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n\r\n  const changeLoader = useCallback(async active => {\r\n    setIsActive(active);\r\n  }, []);\r\n\r\n  return (\r\n    <LoaderContext.Provider\r\n      value={{\r\n        isActive,\r\n        changeLoader,\r\n      }}\r\n    >\r\n      {children}\r\n    </LoaderContext.Provider>\r\n  );\r\n};\r\n\r\nfunction useLoader(): LoaderContextData {\r\n  const context = useContext(LoaderContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useLoader só pode ser usado com um LoaderProvider');\r\n  }\r\n\r\n  return context;\r\n}\r\n\r\nexport { LoaderProvider, useLoader };\r\n","import React from 'react';\r\n\r\nimport { AuthProvider } from './auth';\r\nimport { ToastProvider } from './toast';\r\nimport { LoaderProvider } from './loader';\r\n\r\nconst AppProvider: React.FC = ({ children }) => (\r\n  <AuthProvider>\r\n    <LoaderProvider>\r\n      <ToastProvider>{children}</ToastProvider>\r\n    </LoaderProvider>\r\n  </AuthProvider>\r\n);\r\n\r\nexport default AppProvider;\r\n","import React from 'react';\r\nimport {\r\n  Redirect,\r\n  Route,\r\n  RouteProps as ReactDOMRouteProps,\r\n} from 'react-router-dom';\r\nimport { useAuth } from '../hooks/auth';\r\n\r\ninterface RouteProps extends ReactDOMRouteProps {\r\n  component: React.ComponentType;\r\n}\r\n\r\nconst PrivateRoute: React.FC<RouteProps> = ({\r\n  component: Component,\r\n  ...rest\r\n}) => {\r\n  const { user } = useAuth();\r\n  return (\r\n    <Route\r\n      {...rest}\r\n      render={() => {\r\n        return user ? <Component /> : <Redirect to=\"/\" />;\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default PrivateRoute;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { createContext, useCallback, useState, useContext } from 'react';\r\nimport api from '../services/api';\r\n\r\ninterface LatLng {\r\n  lat: number;\r\n  lng: number;\r\n}\r\ninterface MapContextData {\r\n  origin: string;\r\n  destination: string;\r\n  rechargeAddress: string;\r\n  rechargeAddresCoordinates: LatLng;\r\n  mapCoordinates: LatLng;\r\n  routes: google.maps.DirectionsResult;\r\n  selectedRoute: any;\r\n  infoWindows: any;\r\n  changeSelectedRoute(route: any): void;\r\n  changeOrigin(adress: string): void;\r\n  changeDestination(address: string): void;\r\n  changeRechargeAddress(address: string): void;\r\n  changeMapCoordinates(latLng: LatLng): void;\r\n  changeRechargeAddresCoordinates(latLng: LatLng): void;\r\n  changeRoutes(routesArray: google.maps.DirectionsResult): void;\r\n  changeInfoWindows(steps: any): void;\r\n}\r\n\r\nconst MapContext = createContext<MapContextData>({} as MapContextData);\r\n\r\nconst MapProvider: React.FC = ({ children }) => {\r\n  const [origin, setOrigin] = useState<string>('');\r\n  const [destination, setDestination] = useState<string>('');\r\n  const [mapCoordinates, setMapCoordinates] = useState<LatLng>({} as LatLng);\r\n  const [\r\n    rechargeAddresCoordinates,\r\n    setRechargeAddressCoordinates,\r\n  ] = useState<LatLng>({} as LatLng);\r\n  const [rechargeAddress, setRechargeAddress] = useState<string>('');\r\n  const [infoWindows, setInfoWindows] = useState<any>([]);\r\n  const [selectedRoute, setSelectedRoute] = useState<any>({});\r\n  const [routes, setRoutes] = useState<google.maps.DirectionsResult>(\r\n    {} as google.maps.DirectionsResult,\r\n  );\r\n\r\n  const changeOrigin = useCallback(address => {\r\n    setOrigin(address);\r\n  }, []);\r\n\r\n  const changeDestination = useCallback(address => {\r\n    setDestination(address);\r\n  }, []);\r\n\r\n  const changeRechargeAddress = useCallback(address => {\r\n    setRechargeAddress(address);\r\n  }, []);\r\n\r\n  const changeMapCoordinates = useCallback(latLng => {\r\n    setMapCoordinates(latLng);\r\n  }, []);\r\n\r\n  const changeSelectedRoute = useCallback(route => {\r\n    setSelectedRoute(route);\r\n  }, []);\r\n\r\n  const changeRechargeAddresCoordinates = useCallback(latLng => {\r\n    setRechargeAddressCoordinates(latLng);\r\n  }, []);\r\n\r\n  const changeRoutes = useCallback(async routesArray => {\r\n    setRoutes({} as google.maps.DirectionsResult);\r\n\r\n    const transfacilLines = await api.get('/core/lines/');\r\n\r\n    if (Object.keys(routesArray).length) {\r\n      const changedRoutes = routesArray.routes.map((route: any) => {\r\n        return route.legs.map((leg: any) => {\r\n          const transitSteps = leg.steps.filter(\r\n            (item: any) => item.travel_mode === 'TRANSIT',\r\n          );\r\n\r\n          const lines = transitSteps.map((transitStep: any) => {\r\n            return {\r\n              name: transitStep.transit.line.name,\r\n              short_name: transitStep.transit.line.short_name,\r\n              color: transitStep.transit.line.color,\r\n              departureTime: transitStep.transit.departure_time.text,\r\n              arrivalTime: transitStep.transit.arrival_time.text,\r\n            };\r\n          });\r\n\r\n          const metropolitanArray = transfacilLines.data.lines.map(\r\n            (tline: any) => {\r\n              const filteredLine = lines.filter((i: any) => {\r\n                return i.short_name !== tline.sgl;\r\n              });\r\n              return filteredLine.length ? filteredLine : [];\r\n            },\r\n          );\r\n\r\n          const concatArray = [].concat.apply([], [...metropolitanArray]);\r\n          const isTransfacilLine = concatArray.length === 0;\r\n          return { ...route, lines, isTransfacilLine };\r\n        })[0];\r\n      });\r\n\r\n      const transfacilRoutes = changedRoutes.filter(\r\n        (tRoute: any) => tRoute.isTransfacilLine,\r\n      );\r\n\r\n      const metropolitanRoutes = changedRoutes.filter(\r\n        (tRoute: any) => !tRoute.isTransfacilLine,\r\n      );\r\n\r\n      const sortedRoutes = [...transfacilRoutes, ...metropolitanRoutes];\r\n\r\n      const TimeSortedRoutes = sortedRoutes.map((item: any) => {\r\n        const timeItem = {\r\n          ...item,\r\n          timeText: `${item.lines[0].departureTime} - ${\r\n            item.lines[item.lines.length - 1].arrivalTime\r\n          }`,\r\n        };\r\n        return timeItem;\r\n      });\r\n\r\n      setRoutes({ ...routesArray, routes: TimeSortedRoutes });\r\n    } else {\r\n      setRoutes({} as google.maps.DirectionsResult);\r\n    }\r\n  }, []);\r\n\r\n  const changeInfoWindows = useCallback(leg => {\r\n    setInfoWindows([]);\r\n    const transitSteps = leg.steps.filter(\r\n      (item: any) => item.travel_mode === 'TRANSIT',\r\n    );\r\n    const lines = transitSteps.map((transitStep: any) => {\r\n      return {\r\n        start_location: transitStep.transit.departure_stop.location,\r\n        name: transitStep.transit.line.name,\r\n        short_name: transitStep.transit.line.short_name,\r\n      };\r\n    });\r\n\r\n    setInfoWindows(lines);\r\n  }, []);\r\n\r\n  return (\r\n    <MapContext.Provider\r\n      value={{\r\n        origin,\r\n        routes,\r\n        destination,\r\n        rechargeAddress,\r\n        rechargeAddresCoordinates,\r\n        changeRechargeAddresCoordinates,\r\n        mapCoordinates,\r\n        infoWindows,\r\n        selectedRoute,\r\n        changeOrigin,\r\n        changeRechargeAddress,\r\n        changeDestination,\r\n        changeMapCoordinates,\r\n        changeRoutes,\r\n        changeInfoWindows,\r\n        changeSelectedRoute,\r\n      }}\r\n    >\r\n      {children}\r\n    </MapContext.Provider>\r\n  );\r\n};\r\n\r\nfunction useMap(): MapContextData {\r\n  const context = useContext(MapContext);\r\n  if (!context) {\r\n    throw new Error('useMap só pode ser usado com um MapProvider');\r\n  }\r\n\r\n  return context;\r\n}\r\nexport type { LatLng };\r\n\r\nexport { MapProvider, useMap };\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface buttonProps {\r\n  color: string;\r\n  padding: string;\r\n  rounded?: boolean;\r\n  textBlack?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst buttonRoundVariations = {\r\n  rounded: css`\r\n    border-radius: 18px;\r\n  `,\r\n  block: css`\r\n    border-radius: 6px;\r\n  `,\r\n};\r\n\r\nexport const Container = styled.button<buttonProps>`\r\n  ${props =>\r\n    props.textBlack ? `color: var(--black);` : `color: var(--white);`}\r\n  font-family: 'Source Sans Pro' sans-serif;\r\n  font-size: 1rem;\r\n  font-weight: 400;\r\n  height: 40px;\r\n  padding: 0 3rem;\r\n  cursor: ${props => (props.disabled ? 'default' : 'pointer')};\r\n  padding: ${props => `0 ${props.padding}rem`};\r\n  background: ${props => `var(--${props.color})`};\r\n  @media (max-width: 800px) {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  ${props =>\r\n    props.rounded ? buttonRoundVariations.rounded : buttonRoundVariations.block}\r\n\r\n  border: 0;\r\n  transition: background 0.2s;\r\n`;\r\n","import React, { ButtonHTMLAttributes } from 'react';\r\n\r\nimport { Container } from './styles';\r\n\r\ninterface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\r\n  color: string;\r\n  padding: string;\r\n  rounded?: boolean;\r\n  textBlack?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = ({\r\n  color,\r\n  padding,\r\n  rounded,\r\n  textBlack,\r\n  children,\r\n  disabled,\r\n  ...rest\r\n}) => (\r\n  <Container\r\n    color={color}\r\n    padding={padding}\r\n    rounded={rounded}\r\n    disabled={disabled}\r\n    type=\"button\"\r\n    textBlack={textBlack}\r\n    {...rest}\r\n  >\r\n    {children}\r\n  </Container>\r\n);\r\n\r\nexport default Button;\r\n","export default __webpack_public_path__ + \"static/media/logo-v2.255b6649.png\";","import styled, { css } from 'styled-components';\r\n\r\ninterface HamburguerProps {\r\n  active: boolean;\r\n  menuActive?: boolean;\r\n}\r\n\r\nexport const Container = styled.div`\r\n  height: 40px;\r\n  background: var(--white);\r\n  margin: 5px 0;\r\n  font-family: 'Source Sans Pro';\r\n\r\n  display: flex;\r\n  justify-content: space-between;\r\n\r\n  span {\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 0.8rem;\r\n    line-height: 15px;\r\n\r\n    text-align: center;\r\n\r\n    color: var(--purple);\r\n\r\n    a {\r\n      font-weight: bold;\r\n    }\r\n  }\r\n\r\n  .menu {\r\n    width: 40px;\r\n    height: 30px;\r\n    margin-right: 20px;\r\n    display: none;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 99;\r\n    cursor: pointer;\r\n    padding: 0px;\r\n    font-size: 30px;\r\n    color: var(--purple);\r\n    background: transparent;\r\n\r\n    .one,\r\n    .two,\r\n    .three {\r\n      background: var(--purple);\r\n      height: 5px;\r\n      width: 100%;\r\n      margin: 6px auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    span,\r\n    button {\r\n      display: none;\r\n    }\r\n\r\n    .menu {\r\n      display: block;\r\n      margin-top: 6px;\r\n      z-index: 99999999999999;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const LogoContainer = styled.div`\r\n  width: 135px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  img {\r\n    height: 20px;\r\n  }\r\n`;\r\n\r\nexport const HamburguerMenuContainer = styled.div<HamburguerProps>`\r\n  display: none;\r\n\r\n  .menu {\r\n    display: none;\r\n    background: transparent;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    width: 0px;\r\n    height: 100vh;\r\n    background: var(--purple);\r\n    z-index: 103;\r\n\r\n    ${props =>\r\n      props.active &&\r\n      css`{\r\n        width: 250px;\r\n        background: var(--purple);\r\n        box-shadow: -1px 5px 8px 3px rgba(0, 0, 0, 0.6);\r\n\r\n        .menu {\r\n          display: block;\r\n          position: absolute;\r\n          right: 0;\r\n          top: 15px;\r\n          \r\n          .one,\r\n          .two,\r\n          .three {\r\n            background: var(--white);\r\n          }\r\n          .one {\r\n            transform: rotate(45deg) translate(7px, 7px);\r\n          }\r\n          .two {\r\n            opacity: 0;\r\n          }\r\n          .three {\r\n            transform: rotate(-45deg) translate(8px, -9px);\r\n          }\r\n        }\r\n      `}\r\n  }\r\n`;\r\n\r\nexport const ItensContainer = styled.ul`\r\n  display: none;\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    list-style: none;\r\n  }\r\n`;\r\n\r\nexport const NavItem = styled.li<HamburguerProps>`\r\n  @media (max-width: 768px) {\r\n    font: 400 1.4rem 'Source Sans Pro', sans-serif;\r\n    line-height: 65px;\r\n    cursor: pointer;\r\n    color: var(--white);\r\n    transition: color 0.3s ease;\r\n    display: ${props => (props.menuActive ? 'block' : 'none')};\r\n\r\n    &:hover {\r\n      color: var(--orange);\r\n    }\r\n\r\n    ${props =>\r\n      props.active &&\r\n      css`\r\n        font-size: 1.4rem;\r\n        color: var(--orange);\r\n        font-weight: 700;\r\n      `}\r\n  }\r\n`;\r\n\r\nexport const DialogContent = styled.div`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 650px;\r\n  padding: 0;\r\n\r\n  .container {\r\n    text-align: center;\r\n    width: 90%;\r\n    height: 470px;\r\n    margin-left: 25px;\r\n    @media (max-width: 420px) {\r\n      margin-left: 0px;\r\n      width: 90%;\r\n    }\r\n\r\n    h3 {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .information {\r\n      margin-bottom: 30px;\r\n      text-align: justify;\r\n      margin-left: 30px;\r\n      width: 90%;\r\n    }\r\n    .acessar {\r\n      width: 90%;\r\n      background-color: var(--purple);\r\n      margin-bottom: 30px;\r\n      @media (max-width: 420px) {\r\n        margin-left: 30px;\r\n        width: 90%;\r\n      }\r\n    }\r\n  }\r\n`;\r\n","import React, { useCallback, useState } from 'react';\r\nimport { useLocation, useHistory } from 'react-router-dom';\r\nimport Button from '../../Button';\r\nimport Logo from '../../../assets/Shared/logo-v2.png';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\nimport {\r\n  Container,\r\n  LogoContainer,\r\n  HamburguerMenuContainer,\r\n  ItensContainer,\r\n  NavItem,\r\n} from './styles';\r\n\r\nconst Header: React.FC = () => {\r\n  const { pathname } = useLocation();\r\n  const { push } = useHistory();\r\n  const { user, signOut } = useAuth();\r\n  const [menuToggle, setMenuToggle] = useState(false);\r\n\r\n  const handleToggleMenu = useCallback(() => {\r\n    setMenuToggle(!menuToggle);\r\n  }, [menuToggle]);\r\n\r\n  const navItens = [\r\n    { name: 'INÍCIO', path: '/' },\r\n    { name: 'CARTÕES E RECARGA', path: '/cartoes-recarga' },\r\n    { name: 'PARA EMPRESAS', path: '/para-empresas' },\r\n    { name: 'LOJAS', path: '/lojas-locais-recarga' },\r\n    { name: 'ROTAS E LINHAS', path: '/rotas-e-linhas' },\r\n    { name: 'QUEM SOMOS', path: '/quem-somos' },\r\n    { name: 'FALE CONOSCO', path: '/fale-conosco' },\r\n    { name: 'ENTRAR', path: user ? '/dashboard' : '/login' },\r\n    { name: user ? '' : 'CADASTRAR', path: '/cadastrar' },\r\n  ];\r\n\r\n  const navUser = [{ name: user ? 'SAIR' : '', path: user ? '/' : '' }];\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <LogoContainer>\r\n          <a href=\"https://transfacil.com.br\">\r\n            <img src={Logo} alt=\"Logo transfacil\" />\r\n          </a>\r\n        </LogoContainer>\r\n        <span>\r\n          Conheça as modalidades oferecidas para a sua empresa &nbsp;\r\n          <a href=\"/para-empresas\"> aqui!</a>\r\n        </span>\r\n        <a href=\"https://empresa.transfacil.com.br\" target=\"blank\">\r\n          <Button color=\"purple\" padding=\"1.5\">\r\n            ACESSAR ÁREA PESSOA JURÍDICA\r\n          </Button>\r\n        </a>\r\n        {!menuToggle && (\r\n          <button type=\"button\" className=\"menu\" onClick={handleToggleMenu}>\r\n            <strong> &#9776;</strong>\r\n          </button>\r\n        )}\r\n\r\n        <HamburguerMenuContainer active={menuToggle}>\r\n          <button type=\"button\" className=\"menu\" onClick={handleToggleMenu}>\r\n            <div className=\"one\" />\r\n            <div className=\"two\" />\r\n            <div className=\"three\" />\r\n          </button>\r\n          <ItensContainer>\r\n            {navItens.map(item => (\r\n              <NavItem\r\n                onClick={() => handleRedirect(item.path)}\r\n                active={!!(pathname === item.path)}\r\n                menuActive={menuToggle}\r\n                key={item.name}\r\n              >\r\n                {item.name}\r\n              </NavItem>\r\n            ))}\r\n            {navUser.map(item => (\r\n              <NavItem\r\n                onClick={signOut}\r\n                active={!!(pathname === item.path)}\r\n                menuActive={menuToggle}\r\n                key={item.name}\r\n              >\r\n                {item.name}\r\n              </NavItem>\r\n            ))}\r\n          </ItensContainer>\r\n        </HamburguerMenuContainer>\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","export default __webpack_public_path__ + \"static/media/testeira.cb8fb475.png\";","/* eslint-disable consistent-return */\r\nimport styled from 'styled-components';\r\nimport backgroundImage from '../assets/Shared/testeira.png';\r\n\r\ninterface GridProps {\r\n  small: string;\r\n  medium: string;\r\n  large: string;\r\n}\r\n\r\ninterface containerProps {\r\n  backgroundColor?: string;\r\n  backgroundImage?: boolean;\r\n  backgroundBanner?: boolean;\r\n  overflow?: boolean;\r\n}\r\n\r\nexport const Container = styled.div<containerProps>`\r\n  background: ${props =>\r\n    // eslint-disable-next-line prettier/prettier\r\n    `${props.backgroundColor ? `var(--${props.backgroundColor})` : 'transparent'\r\n    }`};\r\n\r\n  background: ${props =>\r\n    props.backgroundImage && `url(${backgroundImage}) no-repeat`};\r\n  background-size: cover;\r\n\r\n  background: ${props => props.backgroundBanner && `#442461 no-repeat`};\r\n  background-size: cover;\r\n  overflow: ${props => props.overflow && 'hidden'};\r\n\r\n  &.banner-container {\r\n    height: 10vh;\r\n    @media only screen and (max-width: 1260px) {\r\n      background: #442461;\r\n      background-size: cover;\r\n      height: 10vh;\r\n    }\r\n    @media only screen and (max-width: 1002px) {\r\n      height: 10vh;\r\n    }\r\n    @media only screen and (max-width: 768px) {\r\n      display: none;\r\n      height: 0;\r\n    }\r\n  }\r\n  &.companies-container {\r\n    height: 330px;\r\n    @media only screen and (max-width: 768px) {\r\n      height: 270px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 0 1.2rem;\r\n`;\r\n\r\nexport const Blur = styled.div`\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(0, 0, 0, 0.5) 10%,\r\n    rgba(255, 255, 255, 0) 50%\r\n  );\r\n`;\r\n\r\nexport const Row = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  box-sizing: border-box;\r\n  &:before,\r\n  &after {\r\n    content: '';\r\n    display: table;\r\n  }\r\n  &:after {\r\n    clear: both;\r\n  }\r\n`;\r\n\r\nfunction getWidthGrid(value: string) {\r\n  if (!value) return;\r\n  const width = (Number(value) / 12) * 100;\r\n  return `width: ${width}%`;\r\n}\r\n\r\nexport const Column = styled.div<GridProps>`\r\n  width: 100%;\r\n  padding: 0.25rem;\r\n  min-height: 1px;\r\n  box-sizing: border-box;\r\n  margin-bottom: 25px;\r\n\r\n  @media only screen and (min-width: 768px) {\r\n    ${props => props.small && getWidthGrid(props.small)};\r\n  }\r\n\r\n  @media only screen and (min-width: 1024px) {\r\n    ${props => props.medium && getWidthGrid(props.medium)};\r\n  }\r\n\r\n  @media only screen and (min-width: 1480px) {\r\n    ${props => props.large && getWidthGrid(props.large)};\r\n  }\r\n`;\r\n","var _path;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgQuestionMark(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 11,\n    height: 20,\n    viewBox: \"0 0 11 20\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M6.875 13.75C6.875 11.6875 7.49375 10.8625 8.48375 9.85875L9.72125 8.59375C10.505 7.81 11 6.71 11 5.5C11 2.46125 8.53875 0 5.5 0C2.46125 0 0 2.46125 0 5.5H2.75C2.75 3.9875 3.9875 2.75 5.5 2.75C7.0125 2.75 8.25 3.9875 8.25 5.5C8.25 6.25625 7.9475 6.94375 7.43875 7.43875L5.73375 9.17125C4.74375 10.175 4.125 11.55 4.125 13.0625V13.75H6.875ZM4.125 18.25C4.125 18.8023 4.57272 19.25 5.125 19.25H5.875C6.42728 19.25 6.875 18.8023 6.875 18.25V17.5C6.875 16.9477 6.42728 16.5 5.875 16.5H5.125C4.57272 16.5 4.125 16.9477 4.125 17.5V18.25Z\",\n    fill: \"#482A73\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgQuestionMark);\nexport default __webpack_public_path__ + \"static/media/question-mark.8c092f3b.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/Mask.b7662466.png\";","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  input {\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    width: 350px;\r\n    border-right: none;\r\n    border-radius: 5px 0 0 5px;\r\n    border: 1px solid #c2d1d9;\r\n\r\n    ::placeholder {\r\n      color: #c2d1d9;\r\n    }\r\n\r\n    @media (max-width: 590px) {\r\n      flex-wrap: wrap;\r\n      width: 290px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  button {\r\n    background-color: #dc582a;\r\n    border-radius: 5px;\r\n    color: white;\r\n    padding-left: 70px;\r\n    padding-right: 70px;\r\n    padding-top: 12px;\r\n    padding-bottom: 12px;\r\n\r\n    @media (max-width: 590px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 1100px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  position: relative;\r\n\r\n  img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0px;\r\n  }\r\n\r\n  h1 {\r\n    margin-top: 100px;\r\n    color: var(--purple);\r\n\r\n    @media (max-width: 1100px) {\r\n      margin-top: 20px;\r\n      width: 87%;\r\n      display: flex;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  span {\r\n    margin-top: 7px;\r\n\r\n    @media (max-width: 1100px) {\r\n      width: 75%;\r\n      display: flex;\r\n      justify-content: center;\r\n      text-align: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  p {\r\n    font-size: 1.3rem;\r\n\r\n    @media (max-width: 1100px) {\r\n      width: 80%;\r\n      display: flex;\r\n      justify-content: center;\r\n      text-align: left;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  margin: 20px 0px 0px 0px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  .localizacao {\r\n    font-size: 0.9rem;\r\n    margin-top: 15px;\r\n    color: #dc582a;\r\n  }\r\n\r\n  .texto-final {\r\n    margin-top: 100px;\r\n\r\n    @media (max-width: 410px) {\r\n      width: 85%;\r\n      margin-left: 0.9rem;\r\n      flex-wrap: wrap;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 590px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const BoxBoxesContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media only screen and (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const BoxesContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 50px;\r\n  margin-bottom: 9%;\r\n  z-index: 12;\r\n\r\n  button {\r\n    text-align: left;\r\n    color: transparent;\r\n    background-color: transparent;\r\n    padding: 0;\r\n  }\r\n\r\n  a.link {\r\n    height: 90%;\r\n    width: 90%;\r\n    text-decoration: none;\r\n  }\r\n  .box_roxa {\r\n    background: #452359;\r\n    box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n    border-radius: 22px;\r\n    width: 234px;\r\n    height: 172px;\r\n    margin-left: 50px;\r\n    + .box_roxa {\r\n      margin-left: 50px;\r\n    }\r\n    .margem {\r\n      margin-left: 50px;\r\n      margin-bottom: 7px;\r\n    }\r\n    img {\r\n      margin-top: 30px;\r\n    }\r\n    p {\r\n      margin-left: 50px;\r\n      margin-top: 5px;\r\n      color: white;\r\n    }\r\n    h4 {\r\n      margin-left: 50px;\r\n      margin-top: 10px;\r\n      color: white;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 1100px) {\r\n    max-width: 234px;\r\n    flex-wrap: wrap;\r\n\r\n    .box_roxa {\r\n      margin-left: 0 !important;\r\n      margin-top: 20px;\r\n\r\n      + .box_roxa {\r\n        margin-top: 20px;\r\n      }\r\n    }\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport OrangeBox from '../../../assets/Home/Mask.png';\r\nimport { Container, BoxesContainer, BoxBoxesContainer } from './styles';\r\nimport Money from '../../../assets/Home/money.png';\r\nimport Lock from '../../../assets/Home/locked-lock.png';\r\nimport Card from '../../../assets/Home/card.png';\r\n\r\nconst CardSection: React.FC = () => {\r\n  return (\r\n    <>\r\n      <Container>\r\n        <img src={OrangeBox} alt=\"Orange Box\" />\r\n        <h1>Já adquiriu o seu cartão BHBUS?</h1>\r\n        <span>Confira nossos serviços disponíveis para você.</span>\r\n      </Container>\r\n\r\n      <BoxBoxesContainer>\r\n        <BoxesContainer>\r\n          <a\r\n            href=\"/cartoes-recarga/?active='recarga'\"\r\n            className=\"button\"\r\n            type=\"button\"\r\n          >\r\n            <div className=\"box_roxa\">\r\n              <img src={Money} alt=\"Money sign\" />\r\n\r\n              <h4>RECARREGAR</h4>\r\n              <p>MEU CARTÃO</p>\r\n            </div>\r\n          </a>\r\n\r\n          <a href=\"/cartoes-recarga/?active='bloquear'\">\r\n            <button className=\"button\" type=\"button\">\r\n              <div className=\"box_roxa\">\r\n                <img src={Lock} alt=\"Money sign\" className=\"margem\" />\r\n                <h4>BLOQUEAR</h4>\r\n                <p>MEU CARTÃO</p>\r\n              </div>\r\n            </button>\r\n          </a>\r\n\r\n          <a href=\"/cartoes-recarga#nossoscartoes\">\r\n            <div className=\"box_roxa\">\r\n              <img src={Card} alt=\"Money sign\" className=\"margem\" />\r\n              <h4>NOSSOS</h4>\r\n              <p>CARTÕES</p>\r\n            </div>\r\n          </a>\r\n        </BoxesContainer>\r\n      </BoxBoxesContainer>\r\n\r\n      <Container>\r\n        {/* <p className=\"texto-final\">\r\n          Confira as lojas ou os locais de recarga perto de você.\r\n        </p>\r\n        <p className=\"localizacao\">Usar minha localização</p>\r\n        <div>\r\n          <input\r\n            name=\"local\"\r\n            placeholder=\"Digite o local ou região que deseja buscar\"\r\n          />\r\n          <button type=\"button\">BUSCAR</button>\r\n        </div> */}\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CardSection;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAsCAYAAACaAr0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASPSURBVHgB7Vw9UxsxEF1n0kCJUwZKaEkXKKGF1inDf6DLJG06UiataWntMlBCCZQ2JW5N6ZRk33ll9oSMtWc+Zvb8ZjQnn32SeHu7Wq1WNGiBCe7v75f58pHLJpcml1UuS1yW5ScjLndyveXSR2k0GiOqiAYtAOLX+bJPY/KXyY4rLhcsiCsyotYCUMSvP/EzvN3/pK61IYUhlw4L4oIyUUsBMPEwLwf0mPhgWvAmw7zcxeZFmSmUDRqbqxh4/oSfHdIM1E4ATOAWX1pUfpNB1DmXM6s9F2EGTWqqr9AOtOHsqedrJQAmCyTtqVtZJBnah3BjQXS5/c60Z2ojgAT5PS7HOWbC2E/KvE0VQi0EkCD/lAk5oRcE94n+9tWtpBDekXMwEbtUJr/z0uQD3EcXfalbe2KiSnAtADEHMfldy/NcfnD5Kt6PCdLXqbrVkjFN4F0DtLfTs5AvgPbA3dyWqxmibX35iLEc6O/dCkDUPfjomGiPyY4leh60aexxAeuyACzgWQP0BNixeDswN1zwxn9Qt1dBXFSaOe1J393U2N6TQzAxIZgGDC2hAfGYduhxyKGV+DmI/UYZ4DGcikNQLNwgQL7X96oB2tvo5D7EpHyh8aSdO+E2jZPzuaoXWuBOA4QQHZ/pZz4Hu7yjbmGhBhMUNOmSHoJyAdfG0AVW3NCCIp6EsXo0QXoFemmw/VpoxUIN7ieNPSAAcaIsYU4DhMVtDmSMhRA8miAtAAth2uMxx/UNuFT1TY8CWFX1AVVDlndTETeqvuJRAHpStAhAa8t+rotZAdokrnmcA1ZCxThBXtOYnKaUn9H3hywUXNEmTFS3SiRV5gG0gRdlybMGmMgRYf3OeA7tY2I+nENLgje17D4aagELASbriAsWbtia1Bo0pLJwQH6L5oRHEzRRb6oAMStt1CM3tA03VN7679LHOlVD0JyRRw2YqHeVEPIsiIB0HyYzFI1p6FEAt6q+Qs8MIXxCeoWJWIe1Rx5NkCYEJiLLFZU38zOV3dg1Vd+ScMUnde+c7NACGHgUAFzEXamDrNyMhz31XArb0WfMNdYNHmBD1XseTRDe+OC9fDTMA5Y1A7Tsj9X8iPnSMacbdxqQCHghwjnzTcV2pTynvadtevB0ENYOruigYkJuHCh0OQcAIOtQ6iAxy1TEybVi8wNp/XmjoVTepSs2iVwuxISoQBY2TXbojaF2wwDs0iH04XpPWO+EVQ2uIaUEJqdHxtCGhvS9mxqb68w4/sNhhrQJOaI3QDQOpMf8Ct95jwW1qZwOMnfsxgrZ5A/kYyyl9BjXAhA3Uach7gohr4JETuqj9Bj30VBJSYlzNF9cCCrDIiCZBl+n9PQ4WxleUvuV0tOn5qTW7YBGLASQ//cZD2iETGy9+n4yIbiOR5RSJBWH62jsKVnDC2gHbSIZLD6idDIrK6/Oh/TgEU07YAe/H2GJwZRDeghzh8ho6mhr9umbuh9TTZ3pSiEQOeuYKojvWkIWi4PaNEnm1ensFoSjrSbiAxYCUBDzEgJwwbQ0qfyvCrAdCcKhFTBXVSOjBf4D/qbdDPse9egAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHQSURBVHgB7ZctUMNAEIX3OjVUkspiW1tkdW1rsYBE4zpoXC1YsNjWpraS2kYykY2NDW/pBcL2klzSkDADb2abZO9y3+3eT65EDUnZVoyiqI/LEDaAncI6usiH7WAbpdTatr1cMIAOLlewPuUrgC1sOqByoCNcLugrOlu5gL9QGTCgYw01iSPb6ftBSp014E8pZdROgToGaAhzYSs0GIr6nJkpzEm4R/C/oe7KxFAp4HvRCEf4gEZ8yhDe486OhXuG9wJZt2V4eSSgHN08D8rS4+oJ98RUt2XwDcWza+pxhh5p39nP9hBMxwYsl4312mTp8d8kXAztZYL1pEr2blsw2lgy3dlgKr5e0xTktfuxnBLboSPKuyi7pOKSoHOdTS/e1RQcDLyh+rQEfMGpnlK9mnD0DO5R/eqbtsw5HU6OY3QCuyYRoATz8vGoYiG1rxLcoobUGLhNJYTU3dJ+a7X6aplUOGK92cT7OW8KQyqhvzfG/2AbyRlcapcrvJz4hIGZPcMtn818PG+ohEqtY30qWdIR+jVjfGY6EVagrnTIVDP0DvAqP4vGUyaDQ/p+RnLo8OxVtQJOtUv1KuBvfhs/S6SWHfyf5yfGN6kt7Jma1DvQUY0BWyd6EQAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAdCAYAAADGgB7AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD+SURBVHgB7ZihDsIwEIavzdTs7PSws8xiN4vdQ/BCYLGbRoLFggWLxY7/SEuOBVPTlqRfcmuvadJPdGtvigzTNNVoVogSkZN/roijUurEiTJSHZqW4mCE3KAhtaR4pJgWTlWGTiMGz4g9jB/kEYgUaNaI2gx1Go9KzPEuxZg1d2Ko1D8mBAFrP0Waa4qUJOZKJhO8HT1FQjbLG4qEtMdcSWKu/MfnAgwUls52vsRwXo0UEHMvfJP2mCtJzJUk5gqLfa60eF1D1JN27ULmLHYXeT+f4ANRJVkuims4dDYUF1uNrz2X5qGPIsnAvwmUzUxFzrEg//A+vyEOkOKim16Cp0SST/U+xwAAAABJRU5ErkJggg==\"","import styled from 'styled-components';\r\n\r\nexport const GridContainer = styled.div`\r\n  background: var(--white);\r\n  margin: 5px 0;\r\n  margin-top: 80px;\r\n  font-family: 'Source Sans Pro';\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  @media only screen and (max-width: 1000px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  margin-top: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  .Item {\r\n    margin: 50px 50px 50px 50px;\r\n  }\r\n  h2 {\r\n    color: var(--purple);\r\n    margin-top: 5px;\r\n    margin-bottom: 0.5rem;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const FirstContent = styled.div`\r\n  width: 440px;\r\n  align-self: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .text {\r\n    color: var(--purple);\r\n    margin-bottom: 10px;\r\n  }\r\n  .grey-text {\r\n    color: grey;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    @media only screen and (max-width: 1000px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: left;\r\n      align-items: left;\r\n    }\r\n  }\r\n  button {\r\n    margin-top: 15px;\r\n    width: 200px;\r\n    @media (max-width: 1000px) {\r\n      width: 100%;\r\n      margin-top: 30px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1000px) {\r\n    width: 90%;\r\n    margin-top: 0px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const SecondContent = styled.div`\r\n  .responsive {\r\n    position: absolute;\r\n    top: 630px;\r\n    left: 52.7%;\r\n    border-radius: 0px 0px 75px 0px;\r\n    filter: drop-shadow(0 0 1rem black);\r\n  }\r\n\r\n  @media only screen and (max-width: 1024px) {\r\n    .responsive {\r\n      left: 49%;\r\n  }\r\n\r\n  @media only screen and (max-width: 1000px) {\r\n    width: 90%;\r\n    margin-top: 50px;\r\n    margin-bottom: 50px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .responsive {\r\n      border-radius: 0px 0px 35px 0px;\r\n      position: relative;\r\n      top: 0;\r\n      width: 70%;\r\n      height: auto;\r\n      left: 0%;\r\n    }\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/leitor_cartaobhbus.c2a6473f.png\";","import React from 'react';\r\nimport {\r\n  GridContainer,\r\n  FlexContainer,\r\n  FirstContent,\r\n  SecondContent,\r\n} from './styles';\r\nimport LeitorCartao from '../../../assets/Home/leitor_cartaobhbus.png';\r\nimport Arrows from '../../../assets/Home/home_arrow.png';\r\nimport Lock from '../../../assets/Home/home_lock.png';\r\nimport Manage from '../../../assets/Home/home_manage.png';\r\nimport Button from '../../Button';\r\n\r\nconst BenefitsSection: React.FC = () => {\r\n  return (\r\n    <>\r\n      <GridContainer>\r\n        <FirstContent>\r\n          <h1 className=\"text\">\r\n            Modernidade para o transporte e facilidade para a sua empresa.\r\n          </h1>\r\n          <span className=\"grey-text\">\r\n            Conheça as modalidades oferecidas e as vantagens para sua empresa e\r\n            seus colaboradores ao adquirir o Vale Transporte BHBUS.\r\n          </span>\r\n          <a href=\"/para-empresas\">\r\n            <Button color=\"orange\" padding=\"2\" rounded>\r\n              CONTRATAR AGORA\r\n            </Button>\r\n          </a>\r\n        </FirstContent>\r\n        <SecondContent>\r\n          <img\r\n            src={LeitorCartao}\r\n            alt=\"Imagem de um cartão sendo passado no leitor do ônibus\"\r\n            className=\"responsive\"\r\n          />\r\n        </SecondContent>\r\n      </GridContainer>\r\n      <FlexContainer>\r\n        <div className=\"Item\">\r\n          <img src={Arrows} alt=\"Arrows\" />\r\n          <h2>AGILIDADE</h2>\r\n          <p>Embarque sem filas</p>\r\n        </div>\r\n        <div className=\"Item\">\r\n          <img src={Lock} alt=\"Lock\" />\r\n          <h2>SEGURANÇA</h2>\r\n          <p>Bloqueio do cartão e transferência dos créditos remanescentes</p>\r\n        </div>\r\n        <div className=\"Item\">\r\n          <img src={Manage} alt=\"Manage icon\" />\r\n          <h2>GESTÃO</h2>\r\n          <p>Acompanhamento do saldo</p>\r\n        </div>\r\n      </FlexContainer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BenefitsSection;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAfCAYAAAClDZ5ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP/SURBVHgB1ZhNTBNBFMdna0HaCilQPEiAxphgAgklgYN4QBK8IjeObTnqBRM4U86YgIlcaXvSa7miKSZCTDC2RkkgEqkgJtKWLtCWhhbW95Ztabez3S/A+JLJbnb3vf/85s3OF0ME4zhuGC5PoLBQXjIMEyEKDXztcHFBaYOyBL5+osL0aIsD+TLxdS7+dZ5j119z2XQMHnEehb6Os2wqcfA9wPsnfy2j75YAd6XaxcaAk+vkcMcb/ThVeHijxkZsvRPEaGqcgtbxkMoV2YqH5uyZaKjwrPbuEKm7NxSB24FKratXu9gMUPpT24slD08zMRJbnSa54/hkpdbBVs8dx0og0I5+LJDDzQU73AZlMqNZmwZCNVHAMaLSRDBWNb5atBHEb2l9TBijuVLAGQjoFL/HbmM02ZbMd/qIRhjN2mUgUJml6rqWWVvPhFxAn0RAd33nKCsD46DBXIL2Raz8DY4e8OM5Y5+mCZdLl31Y9BO6xMMrjlxY0cS3eWv69wpVSBgAwuR8AGBF/pq1y0D+d5iSnx0+cEGq/db2EWpFKqUafPkKWu+PsFW1LVR/mW6mWZv3pzlh66R3l52JNS81qFxmuFwqGF19Yc0e7VD95TKjRZs6/GLrmJsf+us73NRg+daBLkDNDGO0DDT1jlfMTPLnW8nMaNGWnEeuGuZg4w1J765cGgy1axWbXKqroaKNPeOsocoyIPwnxb6y3ay+Y5SYm/t84OvWoy2ZkbzJtc4JVDC5/Q5blDZhKsoMtKyLNmGq0ZYFEcwDAdma2930gIkNvDho7wQYn7VzlOp7BkPtyXm2uogObVkQYdEXhGHTmtkLUb8xNfEiYQl/Dywsx/ZDr6i+sMThuwjYFz3aBhkIqxDIjiMNzbASpuYH/IaI4j8GEJP4Y55m4mW+BliWNHQ9w+WJhzIMy2pbYFlkaRuMoLZBL0Qj9H+D0VK278C9BkDMVILANVZVXQtCTGmBgO4aIcKeh5GBcCiECFMgvAogZsH3uVptAQIz2J1vQOYfQpQNuSohSrQN1wmBpgfiZkM7FaIE5DogYN+iGQK1GxxPqRBozHVCwOZLM4SUdt7yGQmmYN2jEWIYJjXvfnhONYRe7RIQbM3jvZCDXZvXGogfYiXXUhUgLkG7YEYo/VKzJgbCtT9MWMO0QPnjIC0QgjmldpNqINAkJ8QiCNzAvCcqTQEEGiulrQYCjXocJIKQPMeVOg4SIMIyEGiBW62DRAyB2gDhVgpRMOgik7l0lDuKLHKp3Q/caTaZUHKWJPja8dg0/ecz75/ZX8ez2yCn8FAOvptB7YPNAO+vRrvYio+D7OTiRDwgXsQpqBD62qGE1XZF8O2HyyNB269WG+0v+bU3LeEmq/oAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARqSURBVHgB7VlNctNKEO4eWbxXycYsU/i9km9gTvCSDUnYgE8QJYaqt4tzApwTGHYsSGxOYLOgjLNxOAG+gQWYyhJVhZ/CQjP0KJYsy3JseYas+KpckuZH3dPu+aa7haARg1Y1/9f65R7nUKJHCxFcAdD2uPm2uPvcAU1A0IQPncc2M3gdBORTuh361QrbJy9BA7Qo/bH7qIYgniwc6Iujwv3Tp6AIBoq46PxvTSksRNNAvul9828D+neRnqM+A+sDGg+KyIEiuOE9IZcIQMrX7uycHse6+/TbH3YPXOqtygaTjQ7pcgQKULY0KbwZ3o44T/VZ7xY/phW548eHoAhlpcnI1viuX9xtOmljiltNUliM+9ACRahbOrIgWgsGhv0uKEJd6Su/lch/7DzaTBvwoVt5GFGhiMavDHWlfRH5MTLRGL5+XIp3y4UYAPWoAaEJitDC08OzSi++Ien+HOSBgoIWgKWJMNG+s31aBkUoU56EZ/pl0zNakeIYLiBmE1rI6DvfBw3QdoxLDDsHNjncYdy6gdXJJXQd4RJalQ4RdxdSVrsMHexx4/ij9E0h1d9k5CYM74EQIg8rAe3weJdBFKwARHR/+OartOQhlfJ8Y0T0JRlAfQ8JwBqsAEGrNtGTwdVWsi/VPTA9+7h5oLDSmhcdLq4BvAoZwYHVQveg+TZkhI/sKVxjuAVKC3dju5H5UCCetkmoJe9Xmf+pe0CLxrlK/6G8m0LkHrJmkVv7UkUUhyLyJ7SG3cqArm3v28/jYrmpHMDPQxb5gaUlL99au3wXZNWzG8Ai366aa8Y7HZl0GrLKDyzNmdeLcj0ULnBs04oduZkEoh1Opky6Rde7oBlZ5eNVOImNq3bheJxvxRPUi45tccbopRi8NCgTbE+VCWaQJcrLKp8JqDIqoOyFA5ITJDbomXMWBe9C4CboREb5nEoQbJImzS8B/LP74hzDEgDG0iodyC6/FKe8a49ugfDbmCOj/DzDWBFl0LJTJ8rdfRVABdOVSwBxrCKfEek1w05z3ainTaJ63aT9mrqF3FTJzHz4ptIjrt2bN2cV+Tjo2XnKpAcxfnToVxMc3yNwK9goE79z0jaLPBjM9cvWVBkhCUpwve9+OXlArSI/oCNZUKFCSw8WgPtQ/vf+STvZ/ums0qJTLFZYJBcS2CcrWsl6SGHnZCY+lhUo2lwtWFJ+xKFJPpyCLAMw/6hwrznjGkmeNVDYG/cab8N+aRDGeCP2XjutnJBF/gzxX5zt/8fHXCxTHvqL+nElZpSe9uFUhab+yTnWziJfOZ8ipT+P/dElhW+rjlsGOorq4w0UUtdcRNVVUISy0svwrGSIOAOAInR8CQjZJG+u5VK/cOVGuWpswjkoQtmn5a73GfHs5I1N8Ngzb7Tu5P7+UmKG2CM6tMNuj/vFeTHGstBTn35zUKWtXl80bpmwdhloyRELO/RBk4t9nOevFNjLOFiHwsHrQCMCVwFGnIwPKCrLU/DrMAb9H1/9lzrzy1/g+l+Vf9csswAAAABJRU5ErkJggg==\"","import styled, { css } from 'styled-components';\r\n\r\nexport const Containers = styled.div`\r\n  height: 550px;\r\n  padding: 0;\r\n\r\n  .img-slider {\r\n    width: 450px;\r\n    height: 450px;\r\n    margin-top: 20px;\r\n    margin-right: 60px;\r\n  }\r\n\r\n  @media only screen and (max-width: 1260px) {\r\n    .img-slider {\r\n      width: 450px;\r\n      height: 450px;\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 1090px) {\r\n    .img-slider {\r\n      width: 350px;\r\n      height: 350px;\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 999px) {\r\n    .img-slider {\r\n      width: 300px;\r\n      height: 300px;\r\n      margin-top: 70px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 839px) {\r\n    .img-slider {\r\n      width: 280px;\r\n      height: 280px;\r\n      margin-top: 90px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    .img-slider {\r\n      width: 230px;\r\n      height: 230px;\r\n      margin-top: 40px;\r\n      margin-right: 0rem;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 376px) {\r\n    .img-slider {\r\n      width: 230px;\r\n      height: 230px;\r\n      margin-top: 20px;\r\n      margin-right: 0rem;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    color: white;\r\n    font-size: 2.5rem;\r\n    font-family: 'Roboto Slab', sans-serif;\r\n    margin-right: 0rem;\r\n    @media only screen and (max-width: 768px) {\r\n      text-shadow: 0.1em 0.1em 0.2em black;\r\n      font-size: 2rem;\r\n    }\r\n  }\r\n  .description {\r\n    color: white;\r\n    font-size: 1.2rem;\r\n    font-family: 'Source Sans Pro', sans-serif;\r\n    margin-top: 2rem;\r\n    margin-bottom: 2rem;\r\n    padding: 0rem;\r\n    @media only screen and (max-width: 768px) {\r\n      text-shadow: 0.1em 0.1em 0.2em black;\r\n      font-size: 1.3rem;\r\n      margin-top: 1.5rem;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n  }\r\n  .button {\r\n    margin-top: 0.5rem;\r\n    width: 250px;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .flex {\r\n    padding: 0 1.2rem;\r\n    margin-right: 1rem;\r\n    margin-top: 1rem;\r\n    display: flex;\r\n    @media only screen and (max-width: 768px) {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-right: 0rem;\r\n      margin-top: 5rem;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .text {\r\n    margin-right: 20px;\r\n    padding-right: 20px;\r\n    margin-top: 80px;\r\n    @media only screen and (max-width: 768px) {\r\n      margin-top: 8px;\r\n      text-align: center;\r\n      margin-right: 0rem;\r\n      padding-right: 0px;\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Sliders = styled.div`\r\n  width: 100%;\r\n  @media only screen and (max-width: 2600px) {\r\n    margin-top: -85px;\r\n  }\r\n  @media only screen and (max-width: 2560px) {\r\n    margin-top: -80px;\r\n  }\r\n  @media only screen and (max-width: 2540px) {\r\n    margin-top: -78px;\r\n  }\r\n  @media only screen and (max-width: 2500px) {\r\n    margin-top: -75px;\r\n  }\r\n  @media only screen and (max-width: 2400px) {\r\n    margin-top: -65px;\r\n  }\r\n  @media only screen and (max-width: 2300px) {\r\n    margin-top: -60px;\r\n  }\r\n  @media only screen and (max-width: 2200px) {\r\n    margin-top: -55px;\r\n  }\r\n  @media only screen and (max-width: 2100px) {\r\n    margin-top: -50px;\r\n  }\r\n  @media only screen and (max-width: 2000px) {\r\n    margin-top: -45px;\r\n  }\r\n  @media only screen and (max-width: 1900px) {\r\n    margin-top: -40px;\r\n  }\r\n  @media only screen and (max-width: 1800px) {\r\n    margin-top: -35px;\r\n  }\r\n  @media only screen and (max-width: 1700px) {\r\n    margin-top: -30px;\r\n  }\r\n  @media only screen and (max-width: 1650px) {\r\n    margin-top: -25px;\r\n  }\r\n  @media only screen and (max-width: 1600px) {\r\n    margin-top: -19px;\r\n  }\r\n  @media only screen and (max-width: 1500px) {\r\n    margin-top: -20px;\r\n  }\r\n  @media only screen and (max-width: 1400px) {\r\n    margin-top: -18px;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    margin-top: -65px;\r\n  }\r\n\r\n  .none {\r\n    display: none !important;\r\n  }\r\n\r\n  .slick-dots {\r\n    position: absolute;\r\n    top: 95%;\r\n    @media only screen and (min-width: 768px) {\r\n      background-color: transparent;\r\n      position: absolute;\r\n      z-index: 1;\r\n      top: 65%;\r\n      left: 84%;\r\n      transform: translateY(-50%);\r\n      width: 40px;\r\n    }\r\n    @media only screen and (min-width: 769px) and (max-width: 1300px) {\r\n      left: 92%;\r\n    }\r\n    li {\r\n      button {\r\n        &:before {\r\n          color: #dc582a;\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable camelcase */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport api from './api';\r\n\r\ninterface Category {\r\n  id: number;\r\n  name: string;\r\n}\r\n\r\ninterface Faq {\r\n  id: number;\r\n  question: string;\r\n  answer: string;\r\n  topic?: string;\r\n}\r\n\r\ninterface New {\r\n  id: number;\r\n  url: string;\r\n  image: string;\r\n  title: string;\r\n  subtitle: string;\r\n  text: string;\r\n\r\n  categories: Category[];\r\n}\r\n\r\ninterface Partner {\r\n  id: number;\r\n  name: string;\r\n  slogan: string;\r\n  logo: string;\r\n  link: string;\r\n}\r\n\r\ninterface Banner {\r\n  id: number;\r\n  backgroundCor: string;\r\n  backgroundImage: string;\r\n  imagePromotion: string;\r\n  cta_text: string;\r\n  cta_color: string;\r\n  media_link: string;\r\n  title: string;\r\n  subtitle: string;\r\n}\r\n\r\ninterface Medias {\r\n  media_id: number;\r\n  media_url: string;\r\n  permalink: string;\r\n}\r\n\r\ninterface RechargePoint {\r\n  id: number;\r\n  name: string;\r\n  address: string;\r\n  opening: string;\r\n  lat: string;\r\n  lng: string;\r\n  regions: string;\r\n}\r\n\r\ninterface LineInfo {\r\n  cod: string;\r\n  sgl: string;\r\n  nom: string;\r\n  display: string;\r\n  code: string;\r\n  itinerario: any;\r\n  name: string;\r\n  tabelahorario: any;\r\n}\r\n\r\nclass CoreServices {\r\n  createContact = (\r\n    name: string,\r\n    email: string,\r\n    comment: string,\r\n    categoria?: string,\r\n    phone?: string,\r\n    card_number?: string,\r\n  ) => {\r\n    return api.post('/core/contato/', {\r\n      name,\r\n      email,\r\n      phone,\r\n      categoria,\r\n      comment,\r\n      card_number,\r\n    });\r\n  };\r\n\r\n  createLead = (\r\n    modality: string,\r\n    companyName: string,\r\n    companyDocument: string,\r\n    aplicantName: string,\r\n    email: string,\r\n    phone?: string,\r\n    employeeNumber?: any,\r\n    cpffile?: any,\r\n    contratofile?: any,\r\n    inscricaofile?: any,\r\n    esocial?: any,\r\n    inscricao?: any,\r\n  ) => {\r\n    return api.post('/companies/empresas/contrate-aqui/', {\r\n      aplicant_name: aplicantName,\r\n      company_name: companyName,\r\n      company_document: companyDocument,\r\n      email,\r\n      modality,\r\n      phone,\r\n      employee_number: employeeNumber,\r\n      document_file: cpffile,\r\n      municipal_registration_file: inscricaofile,\r\n      municipal_registration: inscricao,\r\n    });\r\n  };\r\n\r\n  getContract = () => {\r\n    return api.get('/companies/empresas/contrato/');\r\n  };\r\n\r\n  getFaqs = () => {\r\n    return api.get('/core/faqs/');\r\n  };\r\n\r\n  getMedias = () => {\r\n    return api.get('/core/medias/');\r\n  };\r\n\r\n  getNews = (quantity?: number) => {\r\n    if (quantity) {\r\n      return api.get(`/core/noticias/?quantity=${quantity}`);\r\n    }\r\n\r\n    return api.get('/core/noticias/');\r\n  };\r\n\r\n  getPartners = () => {\r\n    return api.get('/core/parceiros/');\r\n  };\r\n\r\n  getBanners = () => {\r\n    return api.get('/core/banner-web/');\r\n  };\r\n\r\n  getRechargePoint = () => {\r\n    return api.get('/core/recharge-points/');\r\n  };\r\n\r\n  getLineInfo = () => {\r\n    return api.get('/core/line-info/');\r\n  };\r\n}\r\n\r\nexport type { New, Faq, Partner, Banner, Medias, RechargePoint, LineInfo };\r\n\r\nexport default CoreServices;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useState, useEffect } from 'react';\r\nimport Slider from 'react-slick';\r\nimport Button from '../Button';\r\n\r\nimport { Containers, Sliders } from './styles';\r\nimport { Container, Content } from '../../styles/components';\r\n\r\nimport CoreService, { Banner } from '../../services/core';\r\n\r\nconst Slide: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n  const [banners, setBanner] = useState<Banner[]>([]);\r\n\r\n  const settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 1000,\r\n    autoplay: true,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n    arrows: false,\r\n    autoplaySpeed: 5000,\r\n    fade: false,\r\n    responsive: [\r\n      {\r\n        breakpoint: 768,\r\n        settings: {\r\n          fade: false,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getNews() {\r\n      try {\r\n        const response = await services.coreService.getBanners();\r\n        setBanner(response.data.results);\r\n        console.log(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n\r\n    getNews();\r\n  }, []);\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <Sliders>\r\n        <Slider className=\"slides\" {...settings}>\r\n          {banners.map(banner => (\r\n            <>\r\n              <Container\r\n                key={banner.id}\r\n                style={{\r\n                  marginLeft: '-1px',\r\n                  backgroundImage: `url(${banner.backgroundImage})`,\r\n                  backgroundColor: `${banner.backgroundCor}`,\r\n                }}\r\n              >\r\n                <Content>\r\n                  <Containers>\r\n                    <div className=\"flex\">\r\n                      {banner.imagePromotion && (\r\n                        <a\r\n                          href={banner.media_link}\r\n                          target=\"_blank\"\r\n                          rel=\"noreferrer\"\r\n                        >\r\n                          <img\r\n                            src={banner.imagePromotion}\r\n                            alt=\"Transfacil\"\r\n                            className=\"img-slider\"\r\n                          />\r\n                        </a>\r\n                      )}\r\n                      <a href={banner.media_link} target=\"blank\">\r\n                        {banner.backgroundCor === '#ffffff' && (\r\n                          <div className=\"text\">\r\n                            <h1\r\n                              className=\"title\"\r\n                              style={{\r\n                                color: 'var(--purple)',\r\n                              }}\r\n                            >\r\n                              {`${banner.title}`}\r\n                            </h1>\r\n                            <p\r\n                              className=\"description\"\r\n                              style={{\r\n                                color: 'var(--purple)',\r\n                              }}\r\n                            >\r\n                              {`${banner.subtitle}`}\r\n                            </p>\r\n                            <Button\r\n                              className=\"button\"\r\n                              style={{ background: `${banner.cta_color}` }}\r\n                              color=\"\"\r\n                              padding=\"1\"\r\n                              rounded\r\n                              onClick={() => handleLink(banner.media_link)}\r\n                            >\r\n                              {banner.cta_text}\r\n                            </Button>\r\n                          </div>\r\n                        )}\r\n                        {banner.backgroundCor !== '#ffffff' && (\r\n                          <div className=\"text\">\r\n                            <h1 className=\"title\">{`${banner.title}`}</h1>\r\n                            <p className=\"description\">\r\n                              {`${banner.subtitle}`}\r\n                            </p>\r\n                            <Button\r\n                              className=\"button\"\r\n                              style={{ background: `${banner.cta_color}` }}\r\n                              color=\"\"\r\n                              padding=\"1\"\r\n                              rounded\r\n                              onClick={() => handleLink(banner.media_link)}\r\n                            >\r\n                              {banner.cta_text}\r\n                            </Button>\r\n                          </div>\r\n                        )}\r\n                      </a>\r\n                    </div>\r\n                  </Containers>\r\n                </Content>\r\n              </Container>\r\n            </>\r\n          ))}\r\n        </Slider>\r\n      </Sliders>\r\n    </Container>\r\n  );\r\n};\r\nexport default Slide;\r\n","import styled from 'styled-components';\r\n\r\nexport const FlexContainer = styled.div`\r\n  max-width: 1140px;\r\n  margin-top: 1rem;\r\n  margin-left: 1rem;\r\n  display: flex;\r\n\r\n  @media (max-width: 630px) {\r\n    display: flex;\r\n  }\r\n\r\n  .itens {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    @media (max-width: 500px) and (min-width: 488px) {\r\n      width: 65%;\r\n      flex-wrap: wrap;\r\n      margin-right: 1.5rem;\r\n    }\r\n    @media (max-width: 487px) {\r\n      width: 75%;\r\n      flex-wrap: wrap;\r\n      margin-left: 1rem;\r\n      margin-right: 0rem;\r\n    }\r\n    @media (max-width: 422px) {\r\n      width: 70%;\r\n      flex-wrap: wrap;\r\n      margin-left: 1rem;\r\n      margin-right: 0rem;\r\n    }\r\n\r\n    @media (max-width: 380px) {\r\n      width: 80%;\r\n      flex-wrap: wrap;\r\n      margin-left: 1rem;\r\n      margin-right: 0rem;\r\n    }\r\n    @media (max-width: 320px) {\r\n      width: 100%;\r\n      display: grid;\r\n      justify-content: center;\r\n      margin-left: 0rem;\r\n      margin-right: 4rem;\r\n    }\r\n  }\r\n\r\n  .item {\r\n    margin-bottom: 1rem;\r\n    margin-right: 5rem;\r\n    @media (max-width: 655px) {\r\n      margin-right: 1rem;\r\n    }\r\n    @media (max-width: 560px) {\r\n      margin-right: 0rem;\r\n    }\r\n    @media (max-width: 500px) {\r\n      padding-bottom: 2rem;\r\n    }\r\n  }\r\n\r\n  .app {\r\n    margin-top: 2rem;\r\n    margin-left: 1rem;\r\n    @media (max-width: 1230px) {\r\n      display: flex;\r\n    }\r\n    @media (max-width: 365px) {\r\n      width: 80%;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 335px) {\r\n      width: 100%;\r\n      display: grid;\r\n      justify-content: center;\r\n      margin-left: 0rem;\r\n      margin-right: 0rem;\r\n    }\r\n  }\r\n\r\n  .isoRecl {\r\n    margin-top: 2rem;\r\n    margin-left: 1rem;\r\n    @media (max-width: 1230px) {\r\n      display: flex;\r\n    }\r\n    @media (max-width: 365px) {\r\n      width: 80%;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 335px) {\r\n      width: 100%;\r\n      display: grid;\r\n      justify-content: center;\r\n      margin-left: 0rem;\r\n      margin-right: 0rem;\r\n    }\r\n  }\r\n\r\n  .sac {\r\n    img {\r\n      width: 15px;\r\n      margin-right: 3px;\r\n      margin-bottom: -2.5px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      width: 111px;\r\n    }\r\n  }\r\n\r\n  span {\r\n    color: #505d68;\r\n    margin-bottom: 2rem;\r\n  }\r\n\r\n  p {\r\n    color: #a1aeb7;\r\n    margin-top: 1rem;\r\n    margin-right: 1rem;\r\n  }\r\n\r\n  @media (max-width: 1230px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n  }\r\n\r\n  @media (max-width: 910px) {\r\n    justify-content: center;\r\n  }\r\n\r\n  @media (max-width: 396px) {\r\n    display: flex;\r\n    align-items: left;\r\n    justify-content: left;\r\n    width: 90%;\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const Line = styled.div`\r\n  border-top: 1px solid #505d68;\r\n  margin-top: 6rem;\r\n  margin-bottom: 1.5rem;\r\n`;\r\n\r\nexport const LastContainer = styled.div`\r\n  display: flex;\r\n  margin-bottom: 4rem;\r\n  margin-left: 1rem;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  text-align: left;\r\n\r\n  p {\r\n    color: #505d68;\r\n\r\n    @media (max-width: 625px) {\r\n      flex-wrap: wrap;\r\n      margin-bottom: 2rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 625px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n  }\r\n  @media (max-width: 1200px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/appstore.92cebc7b.svg\";","export default __webpack_public_path__ + \"static/media/playstore.382dd66d.svg\";","export default __webpack_public_path__ + \"static/media/BVQI.40508f8a.png\";","export default __webpack_public_path__ + \"static/media/framewhatsapp.be95075b.svg\";","import React from 'react';\r\n\r\nimport { LastContainer, FlexContainer, Line } from './styles';\r\nimport { Content } from '../../../styles/components';\r\nimport AppStore from '../../../assets/Home/appstore.svg';\r\nimport PlayStore from '../../../assets/Home/playstore.svg';\r\nimport Iso from '../../../assets/Home/BVQI.png';\r\nimport ReclameAqui from '../../../assets/Home/reclame_aqui.png';\r\nimport framewhatsapp from '../../../assets/Shared/framewhatsapp.svg';\r\n\r\nconst Footer: React.FC = () => {\r\n  return (\r\n    <>\r\n      <Content>\r\n        <FlexContainer>\r\n          <div className=\"itens\">\r\n            <div className=\"item\">\r\n              <span>PRODUTOS</span>\r\n              <p>\r\n                <a href=\"/cartoes-recarga\">Cartões BHBUS</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/para-empresas\">Para Empresas</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/lojas-locais-recarga\">Lojas de Recarga</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/rotas-e-linhas\">Rotas e Linhas</a>\r\n              </p>\r\n            </div>\r\n\r\n            <div className=\"item\">\r\n              <span>O TRANSFÁCIL</span>\r\n              <p>\r\n                <a href=\"/quem-somos\">Quem Somos</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/vagas-disponiveis\">Trabalhe Conosco</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/noticias\">Notícias</a>\r\n              </p>\r\n              <p>\r\n                <a href=\"/parceiros\" target=\"_blank\">\r\n                  Parceiros\r\n                </a>\r\n              </p>\r\n            </div>\r\n\r\n            <div className=\"item\">\r\n              <span>REDES SOCIAIS</span>\r\n              <p>\r\n                <a\r\n                  href=\"https://www.facebook.com/oficialtransfacil\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Facebook\r\n                </a>\r\n              </p>\r\n              <p>\r\n                <a\r\n                  href=\"https://www.youtube.com/channel/UCHeYUO3beSjsAt0LIjJF24Q/featured\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Youtube\r\n                </a>\r\n              </p>\r\n              <p>\r\n                <a\r\n                  href=\"https://www.instagram.com/oficialtransfacil/\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Instagram\r\n                </a>\r\n              </p>\r\n              <p>\r\n                <a\r\n                  href=\"https://www.linkedin.com/company/transfacil/\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Linkedin\r\n                </a>\r\n              </p>\r\n            </div>\r\n\r\n            <div className=\"sac\">\r\n              <span>SAC</span>\r\n              <p>\r\n                <a href=\"mailto:sac@transfacil.com.br\">sac@transfacil.com.br</a>\r\n              </p>\r\n              <p>\r\n                <a\r\n                  href=\"https://api.whatsapp.com/send?phone=553132487300&text=Olá%20Transfácil\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  <img src={framewhatsapp} alt=\"whatsapp\" />\r\n                  (31) 3248-7300\r\n                </a>\r\n              </p>\r\n              <p>\r\n                <a\r\n                  href=\"https://goo.gl/maps/VWvcM8qpa8S3vQj67\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Rua Aquiles Lobo, 504 - <br /> Floresta BH\r\n                </a>\r\n              </p>\r\n              {/* <p>\r\n                <a\r\n                  href=\"mailto:sac@transfacil.com.br\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Ouvidoria\r\n                </a>\r\n              </p> */}\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"app\">\r\n            <p>\r\n              <a\r\n                href=\"https://apps.apple.com/br/app/bhbus/id1394245562\"\r\n                target=\"_blank\"\r\n                rel=\"noreferrer\"\r\n              >\r\n                <img\r\n                  src={AppStore}\r\n                  alt=\"Imagem de um cartão sendo passado no leitor do ônibus\"\r\n                  className=\"appstore\"\r\n                />\r\n              </a>\r\n            </p>\r\n            <p>\r\n              <a\r\n                href=\"https://play.google.com/store/apps/details?id=br.com.transfacil\"\r\n                target=\"_blank\"\r\n                rel=\"noreferrer\"\r\n              >\r\n                <img\r\n                  src={PlayStore}\r\n                  alt=\"Imagem de um cartão sendo passado no leitor do ônibus\"\r\n                  className=\"playstore\"\r\n                />\r\n              </a>\r\n            </p>\r\n          </div>\r\n          <div className=\"isoRecl\">\r\n            <p>\r\n              <img\r\n                src={Iso}\r\n                alt=\"Imagem de um cartão sendo passado no leitor do ônibus\"\r\n                className=\"appstore\"\r\n                style={{\r\n                  height: 68.8,\r\n                  width: 131.2,\r\n                  margin: '-12px',\r\n                }}\r\n              />\r\n            </p>\r\n            {/* <p>\r\n              <img\r\n                src={ReclameAqui}\r\n                alt=\"Imagem de um cartão sendo passado no leitor do ônibus\"\r\n                className=\"playstore\"\r\n              />\r\n            </p> */}\r\n          </div>\r\n        </FlexContainer>\r\n      </Content>\r\n      <Line />\r\n      <Content>\r\n        <LastContainer>\r\n          <p>CNPJ: 04.398.505/0001-07</p>\r\n          <p>\r\n            <a href=\"/termos-de-uso\" target=\"_blank\">\r\n              Termos de Uso e Condições\r\n            </a>\r\n          </p>\r\n\r\n          <p>\r\n            <a href=\"/politica-privacidade\" target=\"_blank\">\r\n              Políticas de Segurança e Privacidade\r\n            </a>\r\n          </p>\r\n\r\n          <p>©2021 - Transfácil | All right reserved</p>\r\n        </LastContainer>\r\n      </Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","export default __webpack_public_path__ + \"static/media/rota.4f138c0a.svg\";","export default __webpack_public_path__ + \"static/media/mask2.79ca32c3.svg\";","/* eslint-disable implicit-arrow-linebreak */\r\nimport styled, { css } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  isFocused: boolean;\r\n  isFilled: boolean;\r\n  isErrored: boolean;\r\n  isCorrect: boolean;\r\n  rounded: boolean;\r\n  multiline: boolean;\r\n  numberinsc: boolean;\r\n}\r\n\r\nconst inputRoundVariations = {\r\n  rounded: css`\r\n    border-radius: 18px;\r\n  `,\r\n  block: css`\r\n    border-radius: 8px;\r\n  `,\r\n};\r\n\r\nexport const Label = styled.label`\r\n  display: flex;\r\n  margin-bottom: 10px;\r\n  color: var(--title-highlight);\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  background: var(--white);\r\n  color: var(--text);\r\n  border: 1px solid var(--gray-line);\r\n  padding: 0 0 0 16px;\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props =>\r\n    props.numberinsc &&\r\n    css`\r\n      input::-webkit-outer-spin-button,\r\n      input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.rounded ? inputRoundVariations.rounded : inputRoundVariations.block}\r\n\r\n  & + div {\r\n    margin-top: 8px;\r\n  }\r\n\r\n  ${props =>\r\n    props.isFocused &&\r\n    css`\r\n      border-color: var(--orange);\r\n    `}\r\n\r\n  ${props =>\r\n    props.isFilled &&\r\n    css`\r\n      color: var(--orange);\r\n    `}\r\n\r\n  ${props =>\r\n    props.isErrored &&\r\n    css`\r\n      border-color: var(--red);\r\n    `}\r\n\r\n  ${props =>\r\n    props.isCorrect &&\r\n    css`\r\n      border-color: var(--green);\r\n      color: var(--green);\r\n    `}\r\n\r\n    ${props =>\r\n    !props.multiline &&\r\n    css`\r\n      height: 41px;\r\n\r\n      input {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n\r\n    ${props =>\r\n    !props.multiline &&\r\n    css`\r\n      input {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n\r\n    ${props =>\r\n    props.multiline &&\r\n    css`\r\n      padding: 0;\r\n\r\n      textarea {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n  \r\n  label {\r\n    padding-bottom: 15px;\r\n    color: var(--title-higlight);\r\n  }\r\n\r\n  svg {\r\n    margin-right: 10px;\r\n  }\r\n`;\r\n\r\nexport const Error = styled.label`\r\n  font-family: 'Inter', sans-serif;\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: var(--red);\r\n  display: flex;\r\n`;\r\n","/* eslint-disable prefer-const */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, {\r\n  InputHTMLAttributes,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n} from 'react';\r\nimport { IconBaseProps } from 'react-icons';\r\nimport { useField } from '@unform/core';\r\nimport * as Yup from 'yup';\r\nimport { Container, Error, Label } from './styles';\r\n\r\ninterface InputProps\r\n  extends InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {\r\n  label?: string;\r\n  name: string;\r\n  schema?: Yup.ObjectSchema;\r\n  rounded?: boolean;\r\n  birth_date?: boolean;\r\n  cpf?: boolean;\r\n  cnpj?: boolean;\r\n  cardnumber?: boolean;\r\n  cardtransfacil?: boolean;\r\n  cpforcnpj?: boolean;\r\n  phone?: boolean;\r\n  cep?: boolean;\r\n  multiline?: boolean;\r\n  icon?: React.ComponentType<IconBaseProps>;\r\n  disabled?: boolean;\r\n  numberinsc?: boolean;\r\n}\r\n\r\nconst Input: React.FC<InputProps> = ({\r\n  name,\r\n  label,\r\n  rounded,\r\n  schema,\r\n  birth_date,\r\n  cpf,\r\n  cnpj,\r\n  cpforcnpj,\r\n  phone,\r\n  cep,\r\n  cardnumber,\r\n  cardtransfacil,\r\n  icon: Icon,\r\n  children,\r\n  multiline,\r\n  disabled,\r\n  numberinsc,\r\n  ...rest\r\n}) => {\r\n  const inputRef = useRef<any>(null);\r\n\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [isFilled, setIsFilled] = useState(false);\r\n  const [isCorrect, setIsCorrect] = useState(false);\r\n  const { fieldName, defaultValue, error, registerField } = useField(name);\r\n\r\n  const handleInputFocus = useCallback(() => {\r\n    setIsFocused(true);\r\n  }, []);\r\n\r\n  const handleInputBlur = useCallback(() => {\r\n    setIsFocused(false);\r\n    setIsFilled(!!inputRef.current?.value);\r\n  }, []);\r\n\r\n  const handleChange = useCallback(async () => {\r\n    try {\r\n      const isValid = await Yup.reach(schema, fieldName).validate(\r\n        inputRef.current?.value,\r\n        { abortEarly: true },\r\n      );\r\n      setIsCorrect(!!isValid);\r\n    } catch (err) {\r\n      setIsCorrect(false);\r\n    }\r\n  }, [schema, fieldName]);\r\n\r\n  const handleKeyUpBirthDate = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 10;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/(\\d{2})(\\d)/, '$1/$2');\r\n      value = value.replace(/(\\d{2})(\\d)/, '$1/$2');\r\n      value = value.replace(/(\\d{2})(\\d{2})$/, '$1$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCpf = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 14;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n      value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n      value = value.replace(/(\\d{3})(\\d{1,2})$/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCnpj = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 18;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{2})(\\d)/, '$1.$2');\r\n      value = value.replace(/^(\\d{2})\\.(\\d{3})(\\d)/, '$1.$2.$3');\r\n      value = value.replace(/\\.(\\d{3})(\\d)/, '.$1/$2');\r\n      value = value.replace(/(\\d{4})(\\d)/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCpfOrCnpj = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      console.log(e?.currentTarget.maxLength);\r\n      e.currentTarget.maxLength = 18;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      if (value.length <= 14) {\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n        value = value.replace(/(\\d{3})(\\d{1,2})$/, '$1-$2');\r\n      } else {\r\n        value = value.replace(/^(\\d{2})(\\d)/, '$1.$2');\r\n        value = value.replace(/^(\\d{2})\\.(\\d{3})(\\d)/, '$1.$2.$3');\r\n        value = value.replace(/\\.(\\d{3})(\\d)/, '.$1/$2');\r\n        value = value.replace(/(\\d{4})(\\d)/, '$1-$2');\r\n      }\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpPhone = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 15;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{2})(\\d)/g, '($1) $2');\r\n      value = value.replace(/(\\d)(\\d{4})$/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCardNumber = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 19;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{4})(\\d)/g, '$1 $2');\r\n      value = value.replace(/^(\\d{4})\\s(\\d{4})(\\d)/g, '$1 $2 $3');\r\n      value = value.replace(/^(\\d{4})\\s(\\d{4})\\s(\\d{4})(\\d)/g, '$1 $2 $3 $4');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyInscricao = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 12;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      if (value.length === 12) {\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n        value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n      } else {\r\n        value = value.replace(/^(\\d{2})(\\d)/, '$1.$2');\r\n        value = value.replace(/^(\\d{2})\\.(\\d{3})(\\d)/, '$1.$2.$3');\r\n        value = value.replace(/\\.(\\d{3})(\\d)/, '.$1/$2');\r\n        value = value.replace(/(\\d{4})(\\d)/, '$1-$2');\r\n      }\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCardTransfacil = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 16;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{14})(\\d)/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCep = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 9;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{5})(\\d)/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const getHandleKeyUp = (\r\n    e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>,\r\n  ) => {\r\n    let handleFunction;\r\n    if (cpf) handleFunction = handleKeyUpCpf(e);\r\n    if (cnpj) handleFunction = handleKeyUpCnpj(e);\r\n    if (cpforcnpj) handleFunction = handleKeyUpCpfOrCnpj(e);\r\n    if (birth_date) handleFunction = handleKeyUpBirthDate(e);\r\n    if (phone) handleFunction = handleKeyUpPhone(e);\r\n    if (cardnumber) handleFunction = handleKeyUpCardNumber(e);\r\n    if (cardtransfacil) handleFunction = handleKeyUpCardTransfacil(e);\r\n    if (cep) handleFunction = handleKeyUpCep(e);\r\n    if (numberinsc) handleFunction = handleKeyInscricao(e);\r\n    return handleFunction;\r\n  };\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRef.current,\r\n      path: 'value',\r\n    });\r\n  }, [fieldName, registerField]);\r\n\r\n  return (\r\n    <>\r\n      <Label htmlFor={name}>{label}</Label>\r\n      <Container\r\n        isErrored={!!error}\r\n        isFilled={isFilled}\r\n        isFocused={isFocused}\r\n        isCorrect={isCorrect}\r\n        rounded={rounded}\r\n        multiline={multiline}\r\n        numberinsc={numberinsc}\r\n      >\r\n        {multiline && (\r\n          <textarea\r\n            onFocus={handleInputFocus}\r\n            onBlur={handleInputBlur}\r\n            onChange={handleChange}\r\n            onKeyUp={e => getHandleKeyUp(e)}\r\n            defaultValue={defaultValue}\r\n            ref={inputRef}\r\n            {...rest}\r\n          />\r\n        )}\r\n\r\n        {!multiline && (\r\n          <input\r\n            onFocus={handleInputFocus}\r\n            onBlur={handleInputBlur}\r\n            onChange={handleChange}\r\n            onKeyUp={e => getHandleKeyUp(e)}\r\n            defaultValue={defaultValue}\r\n            ref={inputRef}\r\n            {...rest}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n\r\n        {children}\r\n        {Icon && <Icon size={20} />}\r\n      </Container>\r\n      {!!error && <Error>{error}</Error>}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Input;\r\n","import styled from 'styled-components';\r\n\r\nexport const GridContainer = styled.div`\r\n  background: var(--white);\r\n  font-family: 'Source Sans Pro';\r\n\r\n  display: flex;\r\n\r\n  @media (max-width: 1100px) {\r\n    flex-wrap: wrap;\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  position: relative;\r\n\r\n  .locationContainer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--orange);\r\n    transition: color 0.3s ease;\r\n    margin-bottom: 20px;\r\n    background: transparent;\r\n    &:hover {\r\n      cursor: pointer;\r\n      color: black;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 900px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0px;\r\n  }\r\n\r\n  .button {\r\n    background-color: #dc582a;\r\n    border-radius: 35px;\r\n    color: white;\r\n    padding-left: 70px;\r\n    padding-right: 70px;\r\n    padding-top: 12px;\r\n    padding-bottom: 12px;\r\n\r\n    @media (max-width: 1100px) {\r\n      width: 90%;\r\n      margin-top: 5px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      padding-top: 12px;\r\n      padding-bottom: 12px;\r\n    }\r\n  }\r\n\r\n  @media only screen and (max-width: 1100px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  position: left;\r\n  img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0px;\r\n  }\r\n\r\n  h1 {\r\n    margin-top: 130px;\r\n    font-family: Roboto Slab;\r\n    font-style: normal;\r\n    font-weight: bold;\r\n    line-height: 55px;\r\n    color: var(--purple);\r\n    @media (max-width: 1100px) {\r\n      margin-top: 50px;\r\n    }\r\n  }\r\n\r\n  .lojas {\r\n    margin-top: 10px;\r\n    font-family: Roboto Slab;\r\n    font-style: normal;\r\n    font-weight: bold;\r\n    line-height: 40px;\r\n    margin-bottom: 13px;\r\n    text-align: center;\r\n\r\n    color: var(--purple);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  span {\r\n    margin-top: 7px;\r\n  }\r\n\r\n  p {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  margin-top: 20px;\r\n  display: flex;\r\n  align-items: left;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  .localizacao {\r\n    font-size: 0.9rem;\r\n    margin-top: 10px;\r\n    margin-left: 30px;\r\n    color: #7e8b92;\r\n  }\r\n`;\r\nexport const FirstContent = styled.div`\r\n  width: 600px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: left;\r\n\r\n  .googleSearchContainer {\r\n    margin-bottom: 15px;\r\n    div {\r\n      z-index: 1 !important;\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .searchp {\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .searchRouteContainer {\r\n    @media (max-width: 1024px) {\r\n      width: 100%;\r\n    }\r\n\r\n    button {\r\n      background: var(--orange);\r\n      color: white;\r\n      padding: 15px;\r\n      border-radius: 6px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    p {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  .text {\r\n    color: var(--purple);\r\n  }\r\n  .grey-text {\r\n    color: grey;\r\n    margin-top: 10px;\r\n  }\r\n  button {\r\n    margin-top: 10px;\r\n    width: 200px;\r\n    @media (max-width: 1100px) {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n  }\r\n  .btn-buscar {\r\n    color: white;\r\n    margin: 0;\r\n    @media (max-width: 450px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .btn-search {\r\n    height: 30px;\r\n    width: auto;\r\n    display: none;\r\n    @media (max-width: 450px) {\r\n      padding-bottom: 5px;\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SecondContent = styled.div`\r\n  margin-top: 80px;\r\n  width: 450px;\r\n  .rota {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n  @media (max-width: 1100px) {\r\n    flex-wrap: wrap;\r\n    width: 50%;\r\n    margin-top: 5px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const LastContent = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  background-color: #452359;\r\n  color: white;\r\n  position: relative;\r\n\r\n  button {\r\n    background-color: #dc582a;\r\n    border-radius: 35px;\r\n    color: white;\r\n    margin: 5px 0px 45px 0px;\r\n    padding-left: 70px;\r\n    padding-right: 70px;\r\n    padding-top: 12px;\r\n    padding-bottom: 12px;\r\n    margin-top: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const BusContent = styled.div`\r\n  display: flex;\r\n  align-items: flex-start;\r\n\r\n  .bus {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 35px;\r\n    margin-right: 20px;\r\n  }\r\n\r\n  h1 {\r\n    position: center;\r\n    margin-top: 40px;\r\n    color: white;\r\n    font-size: 1.8rem;\r\n\r\n    @media (max-width: 560px) {\r\n      flex-wrap: wrap;\r\n      margin-top: 25px;\r\n      margin-bottom: 30px;\r\n      width: 100%;\r\n      display: flex;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n    display: flex;\r\n    text-align: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  .maskorange {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 2679px;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1215px) {\r\n    .maskorange {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 379%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n`;\r\n\r\nexport const ContainerFaq = styled.div`\r\n  overflow: scroll;\r\n  border: 2px solid #c2d1d9;\r\n  height: 400px;\r\n  padding: 35px;\r\n  width: 100%;\r\n  border-radius: 10px;\r\n\r\n  ::-webkit-scrollbar {\r\n    background-color: transparent;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n\r\n  ::-webkit-scrollbar-thumb {\r\n    background-color: var(--purple);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .float-right {\r\n    float: right;\r\n    margin-top: -30px;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  margin: 0 0 0 20%;\r\n  position: relative;\r\n  width: 70%;\r\n  grid-area: main;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  padding: 3rem 0;\r\n\r\n  .h2 {\r\n    color: var(--purple3);\r\n    margin-bottom: 20px;\r\n  }\r\n  .h1 {\r\n    color: var(--purple);\r\n    margin-top: 60px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .accordion {\r\n    background-color: white;\r\n    cursor: pointer;\r\n    padding: 18px;\r\n    width: 100%;\r\n    text-align: left;\r\n    border: none;\r\n    outline: none;\r\n    transition: 0.4s;\r\n    border: 2px solid black;\r\n    border-radius: 10px;\r\n    border-color: #c2d1d9;\r\n    margin-bottom: 10px;\r\n  }\r\n  .active,\r\n  .accordion:hover {\r\n    background-color: #ccc;\r\n  }\r\n\r\n  .panel {\r\n    padding: 0 18px;\r\n    background-color: white;\r\n    display: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .titulo {\r\n    color: var(--purple);\r\n    font-size: 1.7rem;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .subtitulo {\r\n    color: #505d68;\r\n  }\r\n\r\n  .caret.caret-reversed {\r\n    border-bottom: 15px solid #dc582a;\r\n    border-left: 8px solid rgba(0, 0, 0, 0);\r\n    border-right: 8px solid rgba(0, 0, 0, 0);\r\n    content: '';\r\n    display: inline-block;\r\n    height: 0;\r\n    vertical-align: top;\r\n    width: 0;\r\n    transform: rotate(180deg);\r\n    float: right;\r\n    margin-top: -30px;\r\n  }\r\n`;\r\n","import React, { useCallback, useState } from 'react';\r\nimport { Form } from '@unform/web';\r\n\r\nimport { AiOutlineAim } from 'react-icons/ai';\r\nimport { getGeocode, getLatLng } from 'use-places-autocomplete';\r\nimport Rota from '../../../assets/Shared/rota.svg';\r\nimport Mask from '../../../assets/Home/mask2.svg';\r\n\r\nimport Input from '../../Input';\r\nimport Button from '../../Button';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { LatLng } from '../../../hooks/map';\r\nimport {\r\n  Container as GlobalContainer,\r\n  Content,\r\n} from '../../../styles/components';\r\n\r\nimport {\r\n  GridContainer,\r\n  Container,\r\n  FirstContent,\r\n  SecondContent,\r\n  LastContent,\r\n  Main,\r\n  BusContent,\r\n  Aside,\r\n} from './styles';\r\n\r\nconst LocationAndRouteSection: React.FC = () => {\r\n  const { addToast } = useToast();\r\n  const [origin, setOrigin] = React.useState<string>('');\r\n  const [destination, setDestination] = React.useState<string>('');\r\n  const [googleAddress, setGoogleAddress] = useState('');\r\n  const [latLng, setLatLng] = useState<LatLng>({} as LatLng);\r\n\r\n  const handleOrigin = useCallback(address => {\r\n    setOrigin(address);\r\n  }, []);\r\n\r\n  const handleDestination = useCallback(address => {\r\n    setDestination(address);\r\n  }, []);\r\n\r\n  const setMapCoordinates = useCallback(async address => {\r\n    const geoCode = await getGeocode({ address });\r\n    const { lat, lng } = await getLatLng(geoCode[0]);\r\n    setLatLng({ lat, lng });\r\n    setGoogleAddress(address);\r\n  }, []);\r\n\r\n  const handleSearchMap = useCallback(() => {\r\n    if (destination && origin) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?origin=${origin}&destination=${destination}`,\r\n      );\r\n      window.location.href = `/trajetos/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro a origem e destino',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [destination, origin, addToast]);\r\n\r\n  const handleRedirectMap = useCallback(() => {\r\n    if (googleAddress) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?lat=${latLng.lat}&lng=${latLng.lng}&address=${googleAddress}`,\r\n      );\r\n      window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro o Endereço',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [googleAddress, latLng, addToast]);\r\n\r\n  const handleMyLocation = useCallback(() => {\r\n    navigator.geolocation.getCurrentPosition(\r\n      position => {\r\n        const encodedQueryParams = encodeURI(\r\n          `?lat=${position.coords.latitude}&lng=${position.coords.longitude}`,\r\n        );\r\n        window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n      },\r\n      () => null,\r\n    );\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <GlobalContainer>\r\n        <Content>\r\n          <Container>\r\n            <h1 className=\"lojas\">\r\n              Confira as lojas ou os locais de recarga perto de você.\r\n            </h1>\r\n            <button\r\n              type=\"button\"\r\n              className=\"locationContainer\"\r\n              onClick={handleMyLocation}\r\n            >\r\n              <AiOutlineAim /> Usar minha localização\r\n            </button>\r\n            <Form className=\"ButtonSend\" onSubmit={handleRedirectMap}>\r\n              <Input\r\n                name=\"EndereçoInput\"\r\n                onChange={e => setMapCoordinates(e.target.value)}\r\n                placeholder=\"Endereço\"\r\n                type=\"recharge\"\r\n              >\r\n                <Button type=\"submit\" color=\"orange\" padding=\"3\">\r\n                  <span className=\"btn-buscar\">BUSCAR</span>\r\n                </Button>\r\n              </Input>\r\n            </Form>\r\n          </Container>\r\n          <GridContainer>\r\n            <FirstContent>\r\n              <Container>\r\n                <h1>Consulte sua rota:</h1>\r\n              </Container>\r\n              <Form onSubmit={handleSearchMap}>\r\n                <div className=\"searchRouteContainer\">\r\n                  <p className=\"searchp\">Digite seu lugar de origem</p>\r\n                  <div className=\"googleSearchContainer\">\r\n                    <Input\r\n                      name=\"OrigemInput\"\r\n                      onChange={e => handleOrigin(e.target.value)}\r\n                      placeholder=\"Origem\"\r\n                    />\r\n                  </div>\r\n\r\n                  <p className=\"searchp\">Digite para onde você vai</p>\r\n                  <div className=\"googleSearchContainer\">\r\n                    <Input\r\n                      name=\"DestinoInput\"\r\n                      onChange={e => handleDestination(e.target.value)}\r\n                      placeholder=\"Destino\"\r\n                    />\r\n                  </div>\r\n                  <Button type=\"submit\" className=\"button\" color=\"\" padding=\"\">\r\n                    BUSCAR\r\n                  </Button>\r\n                </div>\r\n              </Form>\r\n            </FirstContent>\r\n            <SecondContent>\r\n              <img src={Rota} alt=\"Imagem origem e destino\" className=\"rota\" />\r\n            </SecondContent>\r\n          </GridContainer>\r\n        </Content>\r\n      </GlobalContainer>\r\n      <Aside>\r\n        <img src={Mask} alt=\"\" className=\"maskorange\" />\r\n        <LastContent>\r\n          <BusContent>\r\n            <div>\r\n              <h1>Confira nossas linhas e itinerários</h1>\r\n            </div>\r\n          </BusContent>\r\n          <p>\r\n            <a href=\"/rotas-e-linhas\">\r\n              <button type=\"button\">VER LINHAS</button>\r\n            </a>\r\n          </p>\r\n        </LastContent>\r\n      </Aside>\r\n      <Main />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default LocationAndRouteSection;\r\n","import styled from 'styled-components';\r\n\r\ninterface containerProps {\r\n  backgroundImage?: boolean;\r\n}\r\n\r\nexport const LastContent = styled.div<containerProps>`\r\n  background: linear-gradient(267.38deg, #f79765 -0.96%, #dc582a 100%);\r\n\r\n  width: 100%;\r\n  height: 255px;\r\n  color: white;\r\n  margin-top: 50px;\r\n  margin-bottom: 180px;\r\n  @media only screen and (max-width: 1100px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n  position: relative;\r\n\r\n  @media only screen and (max-width: 1100px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n  p {\r\n    position: center;\r\n    font-family: 'Roboto Slab', serif;\r\n    margin-bottom: 120px;\r\n    color: white;\r\n    font-size: 35px;\r\n  }\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n\r\n  span {\r\n    color: #dc582a;\r\n    font-family: 'Roboto Slab', serif;\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    font-size: 12px;\r\n  }\r\n`;\r\n\r\nexport const GridContainer = styled.div`\r\n  font-family: 'Source Sans Pro';\r\n  color: #dc582a;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  h5 {\r\n    color: #dc582a;\r\n    font-family: 'Roboto Slab', serif;\r\n    margin-top: 0px;\r\n    margin-bottom: 20px;\r\n    font-size: 12px;\r\n    @media (max-width: 765px) {\r\n      margin-top: 260px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-left: 20px;\r\n  background: white;\r\n  p {\r\n    position: center;\r\n    font-family: 'Source Sans Pro', serif;\r\n    margin: 0 0 0 0;\r\n    color: #a1aeb7;\r\n    font-size: 14px;\r\n  }\r\n`;\r\nexport const FlexRowContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 35px;\r\n  img {\r\n    border-radius: 25px;\r\n  }\r\n\r\n  @media (max-width: 1190px) {\r\n    display: block;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  position: absolute;\r\n  top: 89px;\r\n  width: 93%;\r\n  grid-area: main;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: start;\r\n  padding: 1.5rem 0;\r\n\r\n  .h2 {\r\n    color: var(--purple3);\r\n    margin-bottom: 20px;\r\n  }\r\n  .h1 {\r\n    color: var(--purple);\r\n    margin-top: 100px;\r\n    margin-bottom: 20px;\r\n  }\r\n  h3 {\r\n    color: var(--purple);\r\n    font-family: 'Roboto Slab', serif;\r\n    margin-top: 3px;\r\n    margin-bottom: 8px;\r\n    font-size: 18px;\r\n  }\r\n  h4 {\r\n    margin-top: 30px;\r\n  }\r\n  h5 {\r\n    color: #dc582a;\r\n    font-family: 'Roboto Slab', serif;\r\n    margin-top: 35px;\r\n    margin-bottom: 20px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  img {\r\n    height: 250px;\r\n  }\r\n\r\n  .card-span {\r\n    background-color: #ffe5cb;\r\n    width: 50px;\r\n    color: #424b5a;\r\n    margin-top: 13px;\r\n    font-family: 'Source Sans Pro', serif;\r\n    padding: 1px 80px 1px 4px;\r\n  }\r\n  .card {\r\n    display: flex;\r\n    padding-right: 10px;\r\n    background: white;\r\n    border-radius: 35px 0px 0px 35px;\r\n    border: 0.2px solid #a1aeb7;\r\n\r\n    border-top-left-radius: 10px;\r\n    border-bottom-left-radius: 10px;\r\n\r\n    height: 250px;\r\n    overflow: hidden;\r\n\r\n    img {\r\n      border-radius: 10px;\r\n    }\r\n\r\n    p,\r\n    h3 {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .card + .card {\r\n    margin-left: 30px;\r\n  }\r\n  @media (max-width: 1190px) {\r\n    .card + .card {\r\n      margin-left: 0px;\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/lupasearch.7cd23725.svg\";","import styled, { css } from 'styled-components';\r\n\r\ninterface ActiveProps {\r\n  active: boolean;\r\n  titleColor?: string;\r\n}\r\n\r\ninterface ActivePropsFavorite {\r\n  activefav: boolean;\r\n  shadow?: boolean;\r\n  bloqued?: boolean;\r\n}\r\n\r\nexport const Container = styled.div<{\r\n  isFaq: boolean;\r\n  isRegion1: boolean;\r\n  isRegion2: boolean;\r\n  isRegion3: boolean;\r\n  isRegion4: boolean;\r\n}>`\r\n  width: 100%;\r\n  padding-bottom: 25px;\r\n  display: flex;\r\n\r\n  .topicContainer {\r\n    padding: 5px 13px;\r\n    background: var(--orange);\r\n    color: var(--white);\r\n    border-radius: 10px;\r\n    display: inline-flex !important;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .regions {\r\n    padding: 5px 13px;\r\n    background: var(--orange);\r\n    color: var(--white);\r\n    border-radius: 10px;\r\n    display: inline-flex !important;\r\n    margin-top: 5px;\r\n    margin-right: 5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  ${props =>\r\n    props.isFaq &&\r\n    css`\r\n      border: 1.5px solid #c2d1d9;\r\n      border-radius: 2px;\r\n      margin-bottom: 1em;\r\n      margin-top: 5px;\r\n    `}\r\n`;\r\n\r\nexport const AccordionItem = styled.div<ActivePropsFavorite>`\r\n  background: var(--white);\r\n  width: 100%;\r\n  padding: 1rem;\r\n  border-radius: 20.5px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  box-shadow: ${props => (props.shadow ? 'var(--box-shadow)' : 'inherit')};\r\n  .buttonfav {\r\n    text-align: right;\r\n    margin-right: 3px;\r\n\r\n    pointer-events: ${props => (props.bloqued ? 'none' : 'all')};\r\n\r\n    button {\r\n      width: 20px;\r\n      background: transparent;\r\n      font-size: 1.2rem;\r\n      color: ${props => (props.activefav ? `var(--orange)` : `black`)};\r\n    }\r\n  }\r\n\r\n  .icon-container {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    text-align: left;\r\n  }\r\n`;\r\n\r\nexport const InitialContainer = styled.div<ActiveProps>`\r\n  display: flex;\r\n\r\n  p {\r\n    color: red !important;\r\n  }\r\n\r\n  .ball-container {\r\n    margin-right: 15px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    height: 100%;\r\n\r\n    div {\r\n      width: 66px;\r\n      height: 66px;\r\n      border-radius: 50%;\r\n      background: var(--soft-orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .text-container {\r\n    width: 100%;\r\n    font-family: 'Source Sans Pro' !important;\r\n\r\n\r\n    > div {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    h1 {\r\n      color: ${props =>\r\n        props.titleColor ? `var(--${props.titleColor})` : 'var(--orange)'};\r\n\r\n      font-size: 1.75rem;\r\n      line-height: 1.7rem;\r\n      @media (max-width: 685px) {\r\n        font-size: 1.50rem;\r\n      }\r\n      @media (max-width: 578px) {\r\n        font-size: 1.25rem;\r\n      }\r\n    }\r\n    .subtitle-container {\r\n      \r\n  }\r\n\r\n  button {\r\n    color: var(--orange);\r\n    transition: all 0.5s ease;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    height: 0;\r\n\r\n    svg {\r\n\r\n      ${props =>\r\n        props.active &&\r\n        css`\r\n          transform: rotate(90deg);\r\n        `}\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CollapseContainer = styled.div<ActiveProps>`\r\n  transition: all 0.5s ease;\r\n  margin-top: 20px;\r\n  padding: 0 5px;\r\n  min-height: 0;\r\n  height: 0;\r\n  transition: all 0.2s ease-out;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  span {\r\n    color: var(--title-higlight);\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 1.1rem;\r\n    line-height: 1.1rem;\r\n  }\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      min-height: 30px;\r\n      height: auto;\r\n      transition: all 0.25s ease-in;\r\n    `}\r\n`;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable prettier/prettier */\r\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\r\nimport { IconBaseProps } from 'react-icons';\r\nimport { FavoritesProps } from '../../services/accounts';\r\n\r\nimport {\r\n  Container,\r\n  AccordionItem,\r\n  InitialContainer,\r\n  CollapseContainer,\r\n} from './styles';\r\n\r\nexport interface AccordionProps {\r\n  title: string;\r\n  cod?: string;\r\n  subTitle?: string;\r\n  titleColor?: string;\r\n  Icon?: React.ComponentType<IconBaseProps>;\r\n  CollapseIcon?: React.ComponentType<IconBaseProps>;\r\n  topic?: any;\r\n  name?: string;\r\n  faq?: boolean;\r\n  region1?: any;\r\n  region2?: any;\r\n  region3?: any;\r\n  region4?: any;\r\n  handleFavorite?: (data: FavoritesProps) => Promise<void>;\r\n  handleSublines?: (cod: any) => Promise<any>;\r\n  hasSublines?: boolean;\r\n  fav?: boolean;\r\n  shadow?: boolean;\r\n}\r\n\r\nconst Accordion: React.FC<AccordionProps> = ({\r\n  title,\r\n  cod,\r\n  subTitle,\r\n  titleColor,\r\n  Icon,\r\n  CollapseIcon,\r\n  faq,\r\n  fav,\r\n  handleFavorite,\r\n  handleSublines,\r\n  topic,\r\n  hasSublines,\r\n  region1,\r\n  region2,\r\n  region3,\r\n  region4,\r\n  name,\r\n  shadow,\r\n  children,\r\n}) => {\r\n  const ref = useRef<any>(null);\r\n  const [active, setActive] = useState(false);\r\n  const [favoriteActive, setFavoriteActive] = useState<boolean>(false);\r\n  const [region1Active, setRegion1Active] = useState<boolean>(false);\r\n  const [region2Active, setRegion2Active] = useState<boolean>(false);\r\n  const [region3Active, setRegion3Active] = useState<boolean>(false);\r\n  const [region4Active, setRegion4Active] = useState<boolean>(false);\r\n  const [favoriteBloqued, setFavoriteBloqued] = useState<boolean>(false);\r\n\r\n  console.log({\r\n    region1Active,\r\n    region2Active,\r\n    region3Active,\r\n    region4Active\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (faq) {\r\n      setActive(false);\r\n    }\r\n    if (region1) {\r\n      setRegion1Active(false);\r\n    }\r\n    if (region2) {\r\n      setRegion2Active(false);\r\n    }\r\n    if (region3) {\r\n      setRegion3Active(false);\r\n    }\r\n    if (region4) {\r\n      setRegion4Active(false);\r\n    }\r\n    if (fav) {\r\n      setFavoriteActive(true);\r\n    }\r\n  }, [faq, fav, region1, region2, region3, region4]);\r\n\r\n  const handleToggle = useCallback(() => {\r\n    setActive(!active);\r\n    if (hasSublines && !active) handleSublines(cod);\r\n  }, [active, handleSublines, hasSublines, cod]);\r\n\r\n  const handleToggleFavorite = useCallback(async () => {\r\n    setFavoriteActive(!fav);\r\n    setFavoriteBloqued(true);\r\n    await handleFavorite({\r\n      code_line: title,\r\n      name_line: subTitle,\r\n      sgl_line: title,\r\n      follow: fav,\r\n    });\r\n    setFavoriteBloqued(true);\r\n  }, [fav, subTitle, title, handleFavorite]);\r\n\r\n  useEffect(() => {\r\n    function handleClickOutside(event: any) {\r\n      if (ref.current && !ref.current.contains(event.target)) {\r\n        setActive(false);\r\n      }\r\n    }\r\n\r\n    document.body.addEventListener('click', handleClickOutside);\r\n    return () => {\r\n      window.removeEventListener('click', handleClickOutside);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <Container\r\n      isFaq={!!faq}\r\n      isRegion1={!!region1}\r\n      isRegion2={!!region2}\r\n      isRegion3={!!region3}\r\n      isRegion4={!!region4}\r\n      ref={ref}\r\n    >\r\n      <AccordionItem\r\n        activefav={!!favoriteActive}\r\n        shadow={shadow}\r\n        bloqued={favoriteBloqued}\r\n      >\r\n        {!!name && (\r\n          <>\r\n            <div className=\"buttonfav\">\r\n              <button type=\"button\" onClick={handleToggleFavorite}>\r\n                &#x2605;\r\n              </button>\r\n            </div>\r\n          </>\r\n        )}\r\n        <InitialContainer titleColor={titleColor} active={active}>\r\n          {Icon && (\r\n            <div className=\"ball-container\">\r\n              <div>\r\n                <Icon />\r\n              </div>\r\n            </div>\r\n          )}\r\n          <button\r\n            type=\"button\"\r\n            className=\"icon-container\"\r\n            onClick={handleToggle}\r\n          >\r\n            <div className=\"text-container\">\r\n              <div>\r\n                <h1>{title}</h1>\r\n                <button type=\"button\">\r\n                  <CollapseIcon size={25} />\r\n                </button>\r\n              </div>\r\n              {!!topic && <div className=\"topicContainer\">{topic}</div>}\r\n              {!!region1 && <div className=\"regions\">{region1}</div>}\r\n              {!!region2 && <div className=\"regions\">{region2}</div>}\r\n              {!!region3 && <div className=\"regions\">{region3}</div>}\r\n              {!!region4 && <div className=\"regions\">{region4}</div>}\r\n              <div className=\"subtitle-container\">\r\n                <span>{subTitle}</span>\r\n              </div>\r\n            </div>\r\n          </button>\r\n        </InitialContainer>\r\n        <CollapseContainer active={active}>{children}</CollapseContainer>\r\n      </AccordionItem>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n","import styled from 'styled-components';\r\nimport { Form } from '@unform/web';\r\n\r\nexport const ContainerFaq = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: center;\r\n  width: 100%;\r\n  margin-top: 0%;\r\n  max-width: 1140px;\r\n\r\n  .h1 {\r\n    color: #472b74;\r\n    justify-self: start;\r\n    align-self: start;\r\n    margin-left: 0;\r\n    margin-bottom: 20px;\r\n    @media (max-width: 560px) {\r\n      display: flex;\r\n      justify-self: center;\r\n      align-self: center;\r\n      text-align: center;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-left: 0;\r\n      margin-top: 2%;\r\n    }\r\n  }\r\n  @media (max-width: 1524px) {\r\n    flex-wrap: wrap;\r\n    display: flex;\r\n  }\r\n\r\n  .ver-mais {\r\n    display: none;\r\n    cursor: pointer;\r\n    @media (max-width: 731px) {\r\n      display: flex;\r\n      justify-content: center;\r\n      h2 {\r\n        color: var(--orange);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  margin-bottom: 100px;\r\n  overflow: scroll;\r\n  border: 2px solid #c2d1d9;\r\n  padding: 35px;\r\n  width: 1100px;\r\n  max-width: 1140px;\r\n  height: 35em;\r\n  border-radius: 10px;\r\n  @media (max-width: 1155px) {\r\n    width: 100%;\r\n  }\r\n\r\n  /* .h1 {\r\n    justify-self: start;\r\n    align-self: start;\r\n    margin-left: 10%;\r\n    margin-bottom: 20px;\r\n  } */\r\n\r\n  ::-webkit-scrollbar {\r\n    background-color: transparent;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n  ::-webkit-scrollbar-thumb {\r\n    background-color: var(--purple);\r\n    border-radius: 10px;\r\n  }\r\n  .float-right {\r\n    /* float: right; */\r\n    margin-top: -30px;\r\n  }\r\n  .faq {\r\n    margin-left: 78px;\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    border: 0;\r\n    padding: 0px;\r\n    width: 93%;\r\n    height: 50em;\r\n    margin-top: 50px;\r\n\r\n    /* .h1 {\r\n    justify-self: start;\r\n    align-self: start;\r\n    margin-left: 10%;\r\n    margin-bottom: 20px;\r\n  } */\r\n\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 0px;\r\n      height: 0px;\r\n    }\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n    .float-right {\r\n      /* float: right; */\r\n      margin-top: 0px;\r\n    }\r\n    .faq {\r\n      margin-left: 0px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FormSearchFaq = styled(Form)`\r\n  margin-bottom: 1em;\r\n  @media (max-width: 560px) {\r\n    position: absolute;\r\n    margin-top: -60px;\r\n    width: 87%;\r\n  }\r\n  @media (max-width: 430px) {\r\n    position: absolute;\r\n    margin-top: -60px;\r\n    width: 85%;\r\n  }\r\n  .btn-buscar {\r\n    color: white;\r\n    margin: 0;\r\n    @media (max-width: 450px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .btn-search {\r\n    padding-top: 3px;\r\n    height: 35px;\r\n    width: auto;\r\n    display: none;\r\n    @media (max-width: 450px) {\r\n      padding-bottom: 5px;\r\n      display: block;\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable react/no-danger */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport { FormHandles } from '@unform/core';\r\nimport { ReactComponent as QuestionIcon } from '../../assets/Faq/question-mark.svg';\r\nimport Lupasearch from '../../assets/Shared/lupasearch.svg';\r\n\r\nimport Accordion from '../Accordion';\r\nimport Input from '../Input';\r\nimport Button from '../Button';\r\n\r\nimport CoreService, { Faq } from '../../services/core';\r\n\r\nimport { Container, ContainerFaq, FormSearchFaq } from './styles';\r\n\r\nconst FaqSection: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [searchTerm, setSearchTerm] = useState('');\r\n  const [searchResults, setSearchResults] = useState([]);\r\n  const [mobile, setMobile] = useState<boolean>(false);\r\n\r\n  const [faqs, setFaqs] = React.useState<Faq[]>([]);\r\n\r\n  function createAnswer(answer: string) {\r\n    return { __html: answer };\r\n  }\r\n\r\n  useEffect(() => {\r\n    async function checkMobile() {\r\n      if (window.screen.width <= 540) {\r\n        await setMobile(true);\r\n      }\r\n    }\r\n    async function getFaqs() {\r\n      try {\r\n        const response = await services.coreService.getFaqs();\r\n        setFaqs(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getFaqs();\r\n    checkMobile();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const results = faqs.filter((faq: any) => {\r\n      return Object.keys(faq).some((key: string) =>\r\n        JSON.stringify(faq[key])\r\n          .normalize('NFD')\r\n          .replace(/[\\u0300-\\u036f]/g, '')\r\n          .replace(/-(?!>)/g, '')\r\n          .replace(/\\s/g, '')\r\n          .toLowerCase()\r\n          .toUpperCase()\r\n          .includes(\r\n            searchTerm\r\n              .normalize('NFD')\r\n              .replace(/[\\u0300-\\u036f]/g, '')\r\n              .replace(/-(?!>)/g, '')\r\n              .replace(/\\s/g, '')\r\n              .toLowerCase()\r\n              .toUpperCase(),\r\n          ),\r\n      );\r\n    });\r\n    setSearchResults(results);\r\n  }, [searchTerm, faqs]);\r\n\r\n  const handleChange = useCallback(e => {\r\n    setSearchTerm(e.target.value);\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    return {};\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <ContainerFaq>\r\n        <h1 className=\"h1\">Perguntas Frequentes</h1>\r\n        <Container>\r\n          <FormSearchFaq ref={formRef} onSubmit={handleSubmit}>\r\n            <Input\r\n              name=\"search\"\r\n              placeholder=\"Pesquise sua dúvida\"\r\n              onChange={e => handleChange(e)}\r\n            >\r\n              <Button type=\"submit\" color=\"orange\" padding=\"3\">\r\n                <span className=\"btn-buscar\">BUSCAR</span>\r\n                <img src={Lupasearch} alt=\"search\" className=\"btn-search\" />\r\n              </Button>\r\n            </Input>\r\n          </FormSearchFaq>\r\n          {!mobile &&\r\n            searchResults.map((faq: Faq) => (\r\n              <Accordion\r\n                key={faq.id}\r\n                Icon={QuestionIcon}\r\n                CollapseIcon={GoTriangleRight}\r\n                title={faq.question}\r\n                topic={faq?.topic}\r\n                titleColor=\"purple3\"\r\n                subTitle=\"\"\r\n                faq\r\n              >\r\n                {/* eslint-disable-next-line react/no-danger */}\r\n                <div\r\n                  dangerouslySetInnerHTML={createAnswer(faq.answer)}\r\n                  className=\"faq\"\r\n                />\r\n              </Accordion>\r\n            ))}\r\n\r\n          {mobile &&\r\n            searchResults\r\n              .map((faq: Faq) => (\r\n                <Accordion\r\n                  key={faq.id}\r\n                  Icon={QuestionIcon}\r\n                  CollapseIcon={GoTriangleRight}\r\n                  title={faq.question}\r\n                  topic={faq?.topic}\r\n                  titleColor=\"purple3\"\r\n                  subTitle=\"\"\r\n                  faq\r\n                >\r\n                  {/* eslint-disable-next-line react/no-danger */}\r\n                  <div\r\n                    dangerouslySetInnerHTML={createAnswer(faq.answer)}\r\n                    className=\"faq\"\r\n                  />\r\n                </Accordion>\r\n              ))\r\n              .slice(0, 3)}\r\n          {mobile && (\r\n            <div\r\n              className=\"ver-mais\"\r\n              role=\"button\"\r\n              onClick={() => setMobile(false)}\r\n              onKeyDown={() => setMobile(false)}\r\n              tabIndex={-1}\r\n            >\r\n              <h2>Ver mais</h2>\r\n            </div>\r\n          )}\r\n        </Container>\r\n      </ContainerFaq>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FaqSection;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useEffect } from 'react';\r\nimport { Column, Content, Row } from '../../../styles/components';\r\nimport { LastContent, GridContainer, FlexContainer, Main } from './styles';\r\n\r\nimport CoreService, { New } from '../../../services/core';\r\nimport FaqSection from '../../FaqSection';\r\n\r\nconst NewsSection: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n\r\n  const [news, setNews] = React.useState<New[]>([]);\r\n\r\n  useEffect(() => {\r\n    async function getNews() {\r\n      try {\r\n        const response = await services.coreService.getNews(2);\r\n        setNews(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getNews();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <GridContainer>\r\n        <Content>\r\n          <FaqSection />\r\n        </Content>\r\n\r\n        <LastContent backgroundImage>\r\n          <p>Últimas Notícias</p>\r\n          <Main>\r\n            {news.length > 0 && (\r\n              <Row>\r\n                {news.map((result: New) => (\r\n                  <Column\r\n                    small=\"6\"\r\n                    medium=\"6\"\r\n                    large=\"6\"\r\n                    key={result.id}\r\n                    role=\"button\"\r\n                  >\r\n                    <a href={`/noticia/${result.id}`}>\r\n                      <div className=\"card\">\r\n                        <img src={result.image} alt={result.title} />\r\n                        <FlexContainer>\r\n                          {result.categories &&\r\n                            result.categories.length > 0 && (\r\n                              <span className=\"card-span\">\r\n                                {result.categories[0].name}\r\n                              </span>\r\n                            )}\r\n                          <h3>{result.title}</h3>\r\n                          <p>{result.subtitle}</p>\r\n                          <h5>\r\n                            <a href={`/noticia/${result.id}`}>Leia mais</a>\r\n                          </h5>\r\n                        </FlexContainer>\r\n                      </div>\r\n                    </a>\r\n                  </Column>\r\n                ))}\r\n              </Row>\r\n            )}\r\n          </Main>\r\n        </LastContent>\r\n        <span>\r\n          <h5>\r\n            <a href=\"/noticias\">VER TODAS &gt;&gt;</a>\r\n          </h5>\r\n        </span>\r\n      </GridContainer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NewsSection;\r\n","import styled from 'styled-components';\r\n\r\nexport const Main = styled.main`\r\n  align-self: center;\r\n  width: 100%;\r\n  grid-area: main;\r\n  padding: 1.5rem 0;\r\n\r\n  h1 {\r\n    color: var(--purple);\r\n    margin-top: 40px;\r\n    @media (max-width: 768px) {\r\n      margin-top: 0px;\r\n    }\r\n  }\r\n\r\n  span {\r\n    display: inline-block;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    text-align: center;\r\n    padding: 0.5rem 0;\r\n  }\r\n`;\r\n\r\nexport const Sliders = styled.div`\r\n  width: 100%;\r\n  margin-top: 25px 0 20px 0;\r\n\r\n  .slick-list {\r\n    margin: 0;\r\n  }\r\n\r\n  .slick-dots {\r\n    li {\r\n      button {\r\n        &:before {\r\n          color: #dc582a;\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SliderItem = styled.div`\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .imgMobile {\r\n    cursor: pointer;\r\n    width: 100%;\r\n    margin: 0;\r\n  }\r\n`;\r\n\r\nexport const SliderDesktop = styled.div`\r\n  display: block;\r\n  @media (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const SliderMobile = styled.div`\r\n  display: none;\r\n  width: 100%;\r\n  @media (max-width: 768px) {\r\n    display: block;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: center;\r\n\r\n  width: 100%;\r\n`;\r\n\r\nexport const CarrouselContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: center;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n`;\r\n\r\nexport const ListItem = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n`;\r\n\r\nexport const Item = styled.img`\r\n  margin: 5px;\r\n  width: 46%;\r\n\r\n  cursor: pointer;\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    width: 0%;\r\n    margin: 0;\r\n  }\r\n`;\r\n\r\nexport const LeftColumn = styled(Item)`\r\n  width: 48%;\r\n  height: 100%;\r\n\r\n  cursor: pointer;\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    width: 100%;\r\n    padding-left: 0px;\r\n    padding-right: 0px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useMemo } from 'react';\r\nimport Carousel from 'react-material-ui-carousel';\r\n\r\nimport {\r\n  Container,\r\n  CarrouselContainer,\r\n  ListItem,\r\n  LeftColumn,\r\n  Item,\r\n} from './styles';\r\n\r\ninterface SlideStayInformedProps {\r\n  items: any[];\r\n  rowItems?: number;\r\n  columItems?: number;\r\n}\r\n\r\ninterface Item {\r\n  id: number;\r\n  // eslint-disable-next-line camelcase\r\n  media_url: string;\r\n}\r\n\r\nconst SlideStayInformed: React.FC<SlideStayInformedProps> = ({\r\n  items,\r\n  rowItems = 2,\r\n  columItems = 5,\r\n  ...rest\r\n}) => {\r\n  const handlePageMedia = (data: any) => {\r\n    window.open(data.permalink, '_blank');\r\n  };\r\n\r\n  const createRightList = (row: any, index: number) => {\r\n    return (\r\n      index !== 0 && (\r\n        <Item\r\n          key={row.id}\r\n          src={row.media_url}\r\n          alt=\"\"\r\n          onClick={() => handlePageMedia(row)}\r\n        />\r\n      )\r\n    );\r\n  };\r\n\r\n  const createCarrouselList = (rows: any[]) => {\r\n    return (\r\n      rows.length && (\r\n        <CarrouselContainer>\r\n          {rows.length === 1 && (\r\n            <Item\r\n              src={rows[0].media_url}\r\n              alt=\"\"\r\n              onClick={() => handlePageMedia(rows[0])}\r\n            />\r\n          )}\r\n          {rows.length === 2 && (\r\n            <div>\r\n              <Item\r\n                src={rows[0].media_url}\r\n                alt=\"\"\r\n                onClick={() => handlePageMedia(rows[0])}\r\n              />\r\n              <Item\r\n                src={rows[1].media_url}\r\n                alt=\"\"\r\n                onClick={() => handlePageMedia(rows[1])}\r\n              />\r\n            </div>\r\n          )}\r\n          {rows.length > 2 && (\r\n            <>\r\n              <LeftColumn\r\n                src={rows[0].media_url}\r\n                alt=\"\"\r\n                onClick={() => handlePageMedia(rows[0])}\r\n              />\r\n              <ListItem>\r\n                {rows.map((row: Item, index: number) =>\r\n                  createRightList(row, index),\r\n                )}\r\n              </ListItem>\r\n            </>\r\n          )}\r\n        </CarrouselContainer>\r\n      )\r\n    );\r\n  };\r\n\r\n  const memoItens = useMemo(() => {\r\n    const rows = [];\r\n    const itensLength = items.length;\r\n\r\n    let index = 0;\r\n    while (index <= itensLength) {\r\n      const slicedItems = items.slice(index, columItems + index);\r\n      rows.push(slicedItems);\r\n      index += columItems;\r\n    }\r\n\r\n    return rows;\r\n  }, [items, columItems]);\r\n\r\n  return (\r\n    <Container {...rest}>\r\n      <Carousel autoPlay={false} PrevIcon={false} NextIcon={false}>\r\n        {memoItens.length &&\r\n          memoItens.map((rows: any[]) => createCarrouselList(rows))}\r\n      </Carousel>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default SlideStayInformed;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useState, useEffect } from 'react';\r\nimport Slider from 'react-slick';\r\n\r\nimport {\r\n  Main,\r\n  Sliders,\r\n  SliderItem,\r\n  SliderDesktop,\r\n  SliderMobile,\r\n} from './styles';\r\nimport CoreService from '../../../services/core';\r\nimport { Container, Content } from '../../../styles/components';\r\nimport SlideStayInformed from '../SlideStayInformed';\r\n\r\ninterface Medias {\r\n  media_id: number;\r\n  media_url: string;\r\n  permalink: string;\r\n}\r\n\r\nconst StayInInformedSection: React.FC = () => {\r\n  const [medias, setMedias] = useState<Medias[]>([]);\r\n  const [mobileMedias, setMobileMedias] = useState<Medias[]>([]);\r\n  const services = { coreService: new CoreService() };\r\n\r\n  const settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    autoplay: false,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n    arrows: false,\r\n    fade: false,\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getMedias() {\r\n      try {\r\n        const response = await services.coreService.getMedias();\r\n        setMedias(response.data.results.slice(0, 24));\r\n        setMobileMedias(response.data.results.slice(0, 5));\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getMedias();\r\n  }, []);\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <Content>\r\n        <Main>\r\n          <h1>Fique por dentro!</h1>\r\n          <span>\r\n            Acompanhe nossas Redes Sociais e fique por dentro de todas as\r\n            novidades e informações do transporte coletivo de BH!\r\n          </span>\r\n        </Main>\r\n        <SliderDesktop>\r\n          <SlideStayInformed items={medias} />\r\n        </SliderDesktop>\r\n        <SliderMobile>\r\n          <Sliders>\r\n            <Slider {...settings}>\r\n              {mobileMedias.map(media => (\r\n                <>\r\n                  <div key={media.media_id}>\r\n                    <SliderItem onClick={() => handleLink(media.permalink)}>\r\n                      <div className=\"teste\">\r\n                        <img\r\n                          src={media.media_url}\r\n                          alt=\"instagram\"\r\n                          className=\"imgMobile\"\r\n                        />\r\n                      </div>\r\n                    </SliderItem>\r\n                  </div>\r\n                </>\r\n              ))}\r\n            </Slider>\r\n          </Sliders>\r\n        </SliderMobile>\r\n      </Content>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default StayInInformedSection;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  margin-top: 110px;\r\n  @media (max-width: 767px) {\r\n    margin-top: 100px;\r\n  }\r\n  .slick-list {\r\n    margin: 0 10%;\r\n  }\r\n\r\n  .slick-dots {\r\n    li {\r\n      button {\r\n        &:before {\r\n          color: #dc582a;\r\n          font-size: 13px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  h1 {\r\n    font-family: Roboto Slab;\r\n    font-style: normal;\r\n\r\n    /* identical to box height, or 142% */\r\n\r\n    text-align: center;\r\n\r\n    color: #482a73;\r\n  }\r\n`;\r\n\r\nexport const SliderContainer = styled.div`\r\n  margin: 50px 0;\r\n  @media only screen and (max-width: 768px) {\r\n    margin-bottom: 200px;\r\n  }\r\n`;\r\n\r\nexport const SliderItem = styled.div`\r\n  height: 262px;\r\n  border: 1px solid #c2d1d9;\r\n  display: flex !important;\r\n  margin-right: 35px;\r\n  margin-bottom: 10px;\r\n  @media (max-width: 550px) {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .imgContainer {\r\n    cursor: pointer;\r\n    width: 500px;\r\n    height: 258px;\r\n    border-right: 1px solid #c2d1d9;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    @media (max-width: 768px) {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n    }\r\n\r\n    img {\r\n      padding: 5px 5px 0 0px;\r\n      width: 180px;\r\n      height: auto;\r\n      @media (max-width: 840px) {\r\n        width: 80%;\r\n        height: auto;\r\n      }\r\n      @media (max-width: 768px) {\r\n        margin-top: 5px;\r\n        width: 80%;\r\n        height: auto;\r\n      }\r\n      @media (max-width: 550px) {\r\n        width: 40%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .textContainer {\r\n    padding: 30px 15px;\r\n    @media (max-width: 768px) {\r\n      padding: 30px 5px;\r\n      text-align: center;\r\n    }\r\n    @media (max-width: 330px) {\r\n      padding: 10px 5px;\r\n    }\r\n\r\n    h1 {\r\n      cursor: pointer;\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1rem;\r\n      text-align: left;\r\n      line-height: 2rem;\r\n      color: #482a73;\r\n      margin-bottom: 40px;\r\n      @media (max-width: 1195px) {\r\n        font-size: 1rem;\r\n        line-height: 1.3rem;\r\n        margin-bottom: 20px;\r\n      }\r\n      @media (max-width: 768px) {\r\n        text-align: center;\r\n        margin-top: 50px;\r\n      }\r\n      @media (max-width: 550px) {\r\n        margin-top: 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .button {\r\n    @media (max-width: 360px) {\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1000px) {\r\n    margin: 26px 5px;\r\n  }\r\n`;\r\n\r\nexport const Contact = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 9rem;\r\n  .contact-section {\r\n    @media only screen and (max-width: 768px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .fale-conosco {\r\n    display: none;\r\n    height: 85px;\r\n    background: var(--purple);\r\n    border-radius: 50%;\r\n    box-shadow: 0px 5px 8px 2px rgba(0, 0, 0, 0.6);\r\n    @media only screen and (max-width: 768px) {\r\n      display: block;\r\n      position: fixed;\r\n      z-index: 102;\r\n      bottom: 28px;\r\n      width: 75px;\r\n      height: 75px;\r\n      right: 20px;\r\n    }\r\n    .message {\r\n      position: absolute;\r\n      height: 40px;\r\n      right: 18px;\r\n      bottom: 18px;\r\n    }\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/framefacebook.a8aa5b60.svg\";","export default __webpack_public_path__ + \"static/media/frametelegram.042387ab.svg\";","/* eslint-disable prettier/prettier */\r\nimport styled, { css } from 'styled-components';\r\n\r\ninterface ContactProps {\r\n  isPage?: boolean;\r\n}\r\n\r\nexport const Main = styled.div<ContactProps>`\r\n  .title {\r\n    color: var(--purple-light);\r\n    align-items: center;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-top: 0em;\r\n    margin-bottom: 1rem;\r\n\r\n    ${props =>\r\n    // eslint-disable-next-line prettier/prettier\r\n    props.isPage &&\r\n    css`\r\n        margin-top: 3rem;\r\n        margin-bottom: 1.5rem;\r\n        align-items: flex-start;\r\n      `}\r\n\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      margin-bottom: 9rem;\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    color: #424b5a;\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  h1 {\r\n    color: var(--purple-light);\r\n    font-size: 2.5rem;\r\n\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      width: 90%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  margin-top: 1rem;\r\n\r\n  @media (max-width: 768px) {\r\n    flex-wrap: wrap;\r\n    margin-top: 1rem;\r\n    margin-bottom: 5rem;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const FlexContainer = styled.div<ContactProps>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  margin-right: 2rem;\r\n  margin-bottom: 8rem;\r\n  text-align: left;\r\n  align-self: flex-start;\r\n\r\n    @media (max-width: 768px) {\r\n        margin-right: 0rem;\r\n    }\r\n\r\n  .section-contact{\r\n    display: grid;\r\n      @media (max-width: 768px) {\r\n      position: absolute;\r\n      margin-top: 1270px;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  .select {\r\n    color: var(--text);\r\n    height: 20px;\r\n    .react-select__indicators {\r\n      margin-top: -6px;\r\n    }\r\n  }\r\n  \r\n  .text {\r\n    margin-left: 15px;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .privacidade {\r\n    margin-top: 30px;\r\n    max-width: 400px;\r\n    @media (max-width: 320px) {\r\n      margin-top: 0px;\r\n      max-width: 250px;\r\n    }\r\n  }\r\n  .privacidadedisabled {\r\n    margin-top: 5px;\r\n    max-width: 400px;\r\n    @media (max-width: 320px) {\r\n      margin-top: 0px;\r\n      max-width: 250px;\r\n    }\r\n    color: red;\r\n    .texto {\r\n      color: black;\r\n    }\r\n  }\r\n\r\n  .portalprivacidade {\r\n    @media (max-width: 720px) {\r\n      margin-bottom: 80px;\r\n      margin-top: 0px;\r\n    }\r\n  }\r\n\r\n  .lgpd {\r\n    margin-top: 0px;\r\n    @media (max-width: 768px) {\r\n      margin-bottom: 150px;\r\n    }\r\n  }\r\n\r\n  p {\r\n    margin-top: 10px;\r\n    margin-bottom: 1rem;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .bairro {\r\n    margin-left: 35px;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  h2 {\r\n    align-self: flex-start;\r\n    color: var(--purple-light);\r\n    font-size: 1.5rem;\r\n    margin-bottom: auto;\r\n\r\n    @media (max-width: 768px) {\r\n      width: 100%;\r\n      text-align: center;\r\n    }\r\n\r\n    ${props =>\r\n    // eslint-disable-next-line prettier/prettier\r\n    props.isPage &&\r\n    css`\r\n        color: var(--title-higlight);\r\n      `}\r\n  }\r\n\r\n  span {\r\n    margin-top: 1rem;\r\n    font-size: 1.1rem;\r\n  }\r\n\r\n  .button {\r\n    margin-top: 2rem;\r\n    font-size: 15px;\r\n    width: 190px;\r\n    border-radius: 18px;\r\n\r\n    @media (max-width: 480px) {\r\n      margin-top: 1rem;\r\n      width: 100%;\r\n    }\r\n\r\n    ${props =>\r\n    // eslint-disable-next-line prettier/prettier\r\n    props.isPage &&\r\n    css`\r\n        width: 100%;\r\n        border-radius: 6px;\r\n      `}\r\n  }\r\n\r\n  .buttonDisable {\r\n    margin-top: 0.5rem;\r\n    font-size: 15px;\r\n    width: 190px;\r\n    border-radius: 18px;\r\n\r\n    @media (max-width: 480px) {\r\n      margin-top: 1rem;\r\n      width: 100%;\r\n    }\r\n\r\n    ${props =>\r\n    // eslint-disable-next-line prettier/prettier\r\n    props.isPage &&\r\n    css`\r\n        width: 100%;\r\n        border-radius: 6px;\r\n      `}\r\n  }\r\n\r\n  .mensagem {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  textarea {\r\n    font: 400 1rem 'Source Sans Pro', sans-serif;\r\n    border: 1px solid #fafafa;\r\n    background: var(--white);\r\n    color: var(--text);\r\n    border: 1px solid var(--gray-line);\r\n    padding: 0 0 0 16px;\r\n    width: 100%;\r\n    height: 41px;\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 8px;\r\n    height: 129px;\r\n  }\r\n\r\n  textarea::placeholder {\r\n    color: var(--gray-line);\r\n  }\r\n\r\n  .medias {\r\n    margin-top: 1px;\r\n    width: 38%;\r\n    margin-left: 0px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    @media (max-width: 768px) {\r\n        width: 150px;\r\n        margin: 24px auto;\r\n        justify-content: center;\r\n        \r\n\r\n    }\r\n\r\n    img {\r\n      height: 21px;\r\n      padding-right: 3rem;\r\n    }\r\n    @media (max-width: 317px) {\r\n      margin-top: 1rem;\r\n      width: 80%;\r\n      justify-content: center;\r\n      margin-left: 2rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FormWrapper = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-right: 2rem;\r\n  text-align: left;\r\n  flex-direction: column;\r\n  width: 350px;\r\n  .input-container {\r\n   text-align: center;\r\n  }\r\n\r\n  .categoria {\r\n    padding: 1;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    margin-top: -120px;\r\n    margin-bottom: 320px;\r\n    margin-right: 0;  \r\n  }\r\n  \r\n  @media (max-width: 427px) {\r\n    margin-top: -120px;\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    width: 25rem;\r\n  }\r\n\r\n  @media (max-width: 437px) {\r\n    width: 22rem;\r\n  }\r\n\r\n  @media (max-width: 392px) {\r\n    width: 20rem;\r\n    margin-top: -120px;\r\n  }\r\n\r\n  @media (max-width: 364px) {\r\n    width: 18rem;\r\n    margin-top: -110px;\r\n  }\r\n\r\n  @media (max-width: 336px) {\r\n    width: 16rem;\r\n  }\r\n`;\r\n","import { ValidationError } from 'yup';\r\n\r\ninterface Errors {\r\n  [key: string]: string;\r\n}\r\n\r\nexport default function getValidationErrors(err: ValidationError): Errors {\r\n  const validationErrors: Errors = {};\r\n\r\n  err.inner.forEach(error => {\r\n    validationErrors[error.path] = error.message;\r\n  });\r\n\r\n  return validationErrors;\r\n}\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  isFocused: boolean;\r\n  isErrored: boolean;\r\n  isCorrect: boolean;\r\n}\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  .react-select__control {\r\n    background: var(--white);\r\n    color: var(--text);\r\n    border: 1px solid var(--gray-line);\r\n    padding: 0 0 0 5px;\r\n    width: 100%;\r\n    height: 41px;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .react-select__placeholder {\r\n    color: var(--gray-line);\r\n  }\r\n\r\n  .react-select__indicator-separator {\r\n    height: 25px;\r\n  }\r\n\r\n  ${props =>\r\n    props.isErrored &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: #c53030;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.isFocused &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: #d65b15 !important;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.isCorrect &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: green !important;\r\n        color: green;\r\n      }\r\n    `}\r\n`;\r\n\r\nexport const Error = styled.label`\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: #c53030;\r\n  display: flex;\r\n`;\r\n\r\nexport const Label = styled.label`\r\n  margin-left: 10px;\r\n  font-size: 18px;\r\n`;\r\n","import React, { useRef, useEffect, useCallback, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport ReactSelect, {\r\n  OptionTypeBase,\r\n  Props as SelectProps,\r\n} from 'react-select';\r\nimport { useField } from '@unform/core';\r\n\r\nimport { Container, Error, Label } from './styles';\r\n\r\ninterface Props extends SelectProps<OptionTypeBase> {\r\n  name: string;\r\n  label?: string;\r\n  schema?: Yup.ObjectSchema;\r\n}\r\nconst Select: React.FC<Props> = ({ name, label, schema, ...rest }) => {\r\n  const selectRef = useRef(null);\r\n\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [isCorrect, setIsCorrect] = useState(false);\r\n\r\n  const { fieldName, defaultValue, registerField, error } = useField(name);\r\n\r\n  const handleInputFocus = useCallback(() => {\r\n    setIsFocused(true);\r\n  }, []);\r\n\r\n  const handleInputBlur = useCallback(async () => {\r\n    setIsFocused(false);\r\n    try {\r\n      const isValid = await Yup.reach(schema, fieldName).validate(\r\n        selectRef.current.state.value?.value,\r\n        { abortEarly: true },\r\n      );\r\n      setIsCorrect(!!isValid);\r\n    } catch (err) {\r\n      setIsCorrect(false);\r\n    }\r\n  }, [schema, fieldName]);\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: selectRef.current,\r\n      getValue: ref => {\r\n        if (rest.isMulti) {\r\n          if (!ref.state.value) {\r\n            return [];\r\n          }\r\n          return ref.state.value.map((option: OptionTypeBase) => option.value);\r\n        }\r\n        if (!ref.state.value) {\r\n          return '';\r\n        }\r\n        return ref.state.value.value;\r\n      },\r\n    });\r\n  }, [fieldName, registerField, rest.isMulti]);\r\n\r\n  return (\r\n    <>\r\n      {label && <Label htmlFor={name}>{label}</Label>}\r\n      <Container\r\n        isErrored={!!error}\r\n        isFocused={isFocused}\r\n        isCorrect={isCorrect}\r\n      >\r\n        <ReactSelect\r\n          onFocus={handleInputFocus}\r\n          onBlur={handleInputBlur}\r\n          defaultValue={defaultValue}\r\n          ref={selectRef}\r\n          classNamePrefix=\"react-select\"\r\n          {...rest}\r\n        />\r\n      </Container>\r\n      {!isCorrect && <Error>{error}</Error>}\r\n    </>\r\n  );\r\n};\r\nexport default Select;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useRef, useCallback, useState } from 'react';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport * as Yup from 'yup';\r\n\r\nimport { ImLocation2 } from 'react-icons/im';\r\nimport { FaPhoneAlt } from 'react-icons/fa';\r\nimport { GrMail } from 'react-icons/gr';\r\nimport { useToast } from '../../hooks/toast';\r\nimport framefacebook from '../../assets/Home/framefacebook.svg';\r\nimport framewhatsapp from '../../assets/Shared/framewhatsapp.svg';\r\nimport frametelegram from '../../assets/Home/frametelegram.svg';\r\n\r\nimport Button from '../Button';\r\nimport Input from '../Input';\r\n\r\nimport {\r\n  Content,\r\n  Main,\r\n  FlexContainer,\r\n  FormWrapper,\r\n  GridContainer,\r\n} from './styles';\r\nimport getValidationErrors from '../../utils/getValidationErrors';\r\nimport CoreService from '../../services/core';\r\nimport Select from '../Select';\r\n\r\ninterface ContactSectionProps {\r\n  isPage?: boolean;\r\n  isButtonLarge?: boolean;\r\n}\r\n\r\nconst ContactSection: React.FC<ContactSectionProps> = ({\r\n  isPage = false,\r\n  isButtonLarge = false,\r\n  ...rest\r\n}) => {\r\n  const services = { coreService: new CoreService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { addToast } = useToast();\r\n\r\n  const categoriasOptions = [\r\n    { value: 'Carga não validada', label: 'Carga não validada' },\r\n    {\r\n      value: 'Dúvidas Gratuidades/Revalidação',\r\n      label: 'Dúvidas Gratuidades/Revalidação',\r\n    },\r\n    { value: 'Dúvidas app ou site', label: 'Dúvidas app ou site' },\r\n    {\r\n      value: 'Dúvidas Cadastro de cartão',\r\n      label: 'Dúvidas Cadastro de cartão',\r\n    },\r\n    { value: 'Dúvidas Recarga', label: 'Dúvidas Recarga' },\r\n    { value: 'Dúvidas Login', label: 'Dúvidas Login' },\r\n    { value: 'Pedido Negado/Recusado', label: 'Pedido Negado/Recusado' },\r\n    { value: 'Perda de cartão', label: 'Perda de cartão' },\r\n    { value: 'Reset de Senha', label: 'Reset de Senha' },\r\n    { value: 'Sugestões/Elogios', label: 'Sugestões/Elogios' },\r\n    { value: 'Exclusão de Conta', label: 'Exclusão de Conta' },\r\n    { value: 'Outros', label: 'Outros' },\r\n  ];\r\n\r\n  const [disable, setDisable] = useState(false);\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        formRef.current?.setErrors({});\r\n        setDisable(true);\r\n\r\n        const schema = Yup.object().shape({\r\n          categoria: Yup.string().required('Modalidade é obrigatória'),\r\n          name: Yup.string().required('Nome é obrigatório'),\r\n          email: Yup.string()\r\n            .required('E-mail é obrigatório')\r\n            .email('Digite um email válido'),\r\n          phone: Yup.string(),\r\n          comment: Yup.string().required('Mensagem é obrigatório'),\r\n          card_number: Yup.string(),\r\n        });\r\n        const comment = `[${data?.categoria}] \\n${data.comment}`;\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        await services.coreService.createContact(\r\n          data.name,\r\n          data.email,\r\n          comment,\r\n          data.categoria,\r\n          data.phone || '',\r\n          data.card_number,\r\n        );\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Agradecemos seu contato',\r\n          description: 'Sua mensagem é muito importante para nós!',\r\n        });\r\n\r\n        // formRef.current.reset();\r\n        setDisable(false);\r\n\r\n        setTimeout(function () {\r\n          window.location.reload();\r\n        }, 3000);\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        setDisable(false);\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: 'Erro no Registro',\r\n          description: `Ocorroeu um erro ao tentar registrar o Contato`,\r\n        });\r\n      }\r\n    },\r\n    [addToast, services],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Main isPage={isPage} {...rest}>\r\n        <h1 className=\"title\">Fale Conosco</h1>\r\n        <Content>\r\n          <GridContainer>\r\n            <FlexContainer isPage={isPage}>\r\n              <div className=\"section-contact\">\r\n                <h2>Queremos ouvir você!</h2>\r\n                <p>Entre em contato para dúvidas ou mais informações</p>\r\n                <span>\r\n                  <ImLocation2 />\r\n                  <span className=\"text\">Rua Aquiles Lobo 504 - </span>\r\n                  <br />\r\n                  <span className=\"bairro\">Floresta - BH</span>\r\n                </span>\r\n                <span>\r\n                  <FaPhoneAlt />\r\n                  <span className=\"text\">(31) 3248-7300</span>\r\n                </span>\r\n                <span>\r\n                  <GrMail />\r\n                  <span className=\"text\">sac@transfacil.com.br</span>\r\n                </span>\r\n                <span>\r\n                  <span className=\"medias\">\r\n                    <a\r\n                      href=\"https://www.facebook.com/oficialtransfacil\"\r\n                      target=\"blank\"\r\n                    >\r\n                      <img src={framefacebook} alt=\"facebook\" />\r\n                    </a>\r\n                    <a\r\n                      href=\"https://api.whatsapp.com/send?phone=553132487300&text=Olá%20Transfácil\"\r\n                      target=\"blank\"\r\n                    >\r\n                      <img src={framewhatsapp} alt=\"whatsapp\" />\r\n                    </a>\r\n                    <a href=\"https://t.me/transfaciloficial\" target=\"blank\">\r\n                      <img src={frametelegram} alt=\"telegram\" />\r\n                    </a>\r\n                  </span>\r\n                </span>\r\n                <span className=\"privacidade\">\r\n                  <p>\r\n                    Para questões de privacidade e transparência relacionadas à\r\n                    dados pessoais, acesse nosso Portal de Privacidade:\r\n                  </p>\r\n                </span>\r\n                <span className=\"portalprivacidade\">\r\n                  <a\r\n                    href=\"https://transfacil.md2qualitymanager.com/portal-titular-ws/#/home\"\r\n                    target=\"_blank\"\r\n                    rel=\"noreferrer\"\r\n                    style={{\r\n                      cursor: 'pointer',\r\n                      color: 'white',\r\n                      backgroundColor: 'var(--orange)',\r\n                      border: '8px solid var(--orange)',\r\n                      borderRadius: '18px',\r\n                    }}\r\n                  >\r\n                    Portal de Privacidade\r\n                  </a>\r\n                </span>\r\n              </div>\r\n            </FlexContainer>\r\n            <FlexContainer>\r\n              <Form ref={formRef} onSubmit={handleSubmit}>\r\n                <FormWrapper>\r\n                  <Input name=\"name\" placeholder=\"Digite o seu nome\" />\r\n                  <Input name=\"email\" placeholder=\"Digite o seu email\" />\r\n                  <Input\r\n                    phone\r\n                    name=\"phone\"\r\n                    placeholder=\"Digite o seu telefone\"\r\n                  />\r\n                  <Input\r\n                    cardtransfacil\r\n                    name=\"card_number\"\r\n                    placeholder=\"Digite o número do cartão BHBUS\"\r\n                  />\r\n                  <div className=\"input-container\">\r\n                    <Select\r\n                      name=\"categoria\"\r\n                      placeholder=\"Tipo de solicitação\"\r\n                      options={categoriasOptions}\r\n                      className=\"select\"\r\n                    />\r\n                  </div>\r\n                  <div className=\"mensagem\">\r\n                    <Input\r\n                      name=\"comment\"\r\n                      placeholder=\"Escreva a sua mensagem\"\r\n                      multiline\r\n                    />\r\n                  </div>\r\n                  <Button\r\n                    type=\"submit\"\r\n                    color=\"orange\"\r\n                    padding=\"2\"\r\n                    className=\"button\"\r\n                    disabled={disable}\r\n                  >\r\n                    ENVIAR\r\n                  </Button>\r\n                </FormWrapper>\r\n              </Form>\r\n            </FlexContainer>\r\n          </GridContainer>\r\n        </Content>\r\n      </Main>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ContactSection;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useState, useEffect } from 'react';\r\n\r\nimport Slider from 'react-slick';\r\nimport Button from '../../Button';\r\nimport Message from '../../../assets/Home/message.png';\r\n\r\nimport CoreService, { Partner } from '../../../services/core';\r\n\r\nimport { Container, SliderContainer, SliderItem, Contact } from './styles';\r\nimport ContactSection from '../../ContactSection';\r\n\r\nconst PartnerSection: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n\r\n  const [partners, setPartner] = useState<Partner[]>([]);\r\n\r\n  const settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    autoplay: false,\r\n    slidesToShow: 2,\r\n    slidesToScroll: 2,\r\n    arrows: false,\r\n    fade: false,\r\n    responsive: [\r\n      {\r\n        breakpoint: 768,\r\n        settings: {\r\n          fade: false,\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1,\r\n          infinite: true,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getNews() {\r\n      try {\r\n        const response = await services.coreService.getPartners();\r\n        setPartner(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getNews();\r\n  }, []);\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <h1 className=\"title\">Parceiros e vantagens para você!</h1>\r\n      <SliderContainer>\r\n        <Slider {...settings}>\r\n          {partners.map(partner => (\r\n            <div key={partner.name}>\r\n              <SliderItem onClick={() => handleLink(partner.link)}>\r\n                <div className=\"imgContainer\">\r\n                  <img src={partner.logo} alt=\"\" />\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <h1>{partner.slogan}</h1>\r\n                  <a href={partner.link} target=\"_blank\" rel=\"noreferrer\">\r\n                    <Button\r\n                      className=\"button\"\r\n                      color=\"orange\"\r\n                      padding=\"\"\r\n                      rounded\r\n                    >\r\n                      ACESSE\r\n                    </Button>\r\n                  </a>\r\n                </div>\r\n              </SliderItem>\r\n            </div>\r\n          ))}\r\n        </Slider>\r\n      </SliderContainer>\r\n      <Contact>\r\n        <div className=\"contact-section\">\r\n          <ContactSection />\r\n        </div>\r\n        <a href=\"/fale-conosco\">\r\n          <Button className=\"fale-conosco\" color=\"\" padding=\"2\" rounded>\r\n            <img src={Message} alt=\"\" className=\"message\" />\r\n          </Button>\r\n        </a>\r\n      </Contact>\r\n    </Container>\r\n  );\r\n};\r\nexport default PartnerSection;\r\n","export default \"data:image/png;base64,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\"","import styled, { css } from 'styled-components';\r\n\r\ninterface navItemProps {\r\n  active?: boolean;\r\n}\r\n\r\nexport const Container = styled.nav`\r\n  height: 61px;\r\n  background: var(--transparent);\r\n\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: space-between;\r\n\r\n  @media (max-width: 768px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const ItensContainer = styled.ul`\r\n  display: inline-flex;\r\n  list-style: none;\r\n  margin-top: 10px;\r\n`;\r\n\r\nexport const NavItem = styled.li<navItemProps>`\r\n  margin-right: 2.6rem;\r\n  font: 400 0.89rem 'Source Sans Pro', sans-serif;\r\n  line-height: 1rem;\r\n  cursor: pointer;\r\n  color: var(--white);\r\n  transition: color 0.3s ease;\r\n\r\n  &:hover {\r\n    color: var(--orange);\r\n  }\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      color: var(--orange);\r\n      font-weight: 700;\r\n      border-bottom: 2px solid var(--orange);\r\n    `}\r\n`;\r\n\r\nexport const ButtonsContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 10px;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n\r\n  a {\r\n    color: var(--white);\r\n    font-size: 0.99rem;\r\n    line-height: 1rem;\r\n    margin-right: 15px;\r\n    transition: color 0.3s ease;\r\n\r\n    &:hover {\r\n      color: var(--orange);\r\n    }\r\n  }\r\n\r\n  button {\r\n    height: 50px;\r\n    margin-top: 8px;\r\n    margin-bottom: 8px;\r\n    background: var(-orange);\r\n    border-radius: 10px;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n      background: #dc5129;\r\n    }\r\n  }\r\n\r\n  .cadastrar {\r\n    margin: 0px;\r\n\r\n    &:hover {\r\n      color: white;\r\n    }\r\n  }\r\n  .cadastrar-button {\r\n    @media only screen and (max-width: 807px) {\r\n      padding: 10px;\r\n    }\r\n  }\r\n`;\r\n","import React, { useCallback } from 'react';\r\nimport { useLocation, useHistory, Link } from 'react-router-dom';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\nimport Button from '../../Button';\r\nimport { Container, ItensContainer, NavItem, ButtonsContainer } from './styles';\r\n\r\nconst NavBar: React.FC = () => {\r\n  const { pathname } = useLocation();\r\n  const { push } = useHistory();\r\n  const { user, signOut } = useAuth();\r\n\r\n  const navItens = [\r\n    { name: 'INÍCIO', path: '/' },\r\n    { name: 'CARTÕES E RECARGA', path: '/cartoes-recarga' },\r\n    { name: 'PARA EMPRESAS', path: '/para-empresas' },\r\n    { name: 'LOJAS', path: '/lojas-locais-recarga' },\r\n    { name: 'ROTAS E LINHAS', path: '/rotas-e-linhas' },\r\n    { name: 'QUEM SOMOS', path: '/quem-somos' },\r\n    { name: 'FALE CONOSCO', path: '/fale-conosco' },\r\n  ];\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      <ItensContainer>\r\n        {navItens.map(item => (\r\n          <NavItem\r\n            onClick={() => handleRedirect(item.path)}\r\n            active={!!(pathname === item.path)}\r\n            key={item.name}\r\n          >\r\n            {item.name}\r\n          </NavItem>\r\n        ))}\r\n      </ItensContainer>\r\n      <ButtonsContainer>\r\n        <Link to={user ? '/meus-cartoes' : '/login'}>Entrar</Link>\r\n        {user ? (\r\n          <Button\r\n            color=\"orange\"\r\n            padding=\"2\"\r\n            className=\"cadastrar-button\"\r\n            onClick={signOut}\r\n          >\r\n            SAIR\r\n          </Button>\r\n        ) : (\r\n          <Button\r\n            color=\"orange\"\r\n            padding=\"2\"\r\n            className=\"cadastrar-button\"\r\n            onClick={() => handleRedirect('/cadastrar')}\r\n          >\r\n            CADASTRAR\r\n          </Button>\r\n        )}\r\n      </ButtonsContainer>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default NavBar;\r\n","import styled from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  accepted: boolean;\r\n}\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  z-index: 2147483647;\r\n  bottom: 16px;\r\n  left: 16px;\r\n  right: 16px;\r\n  margin: auto;\r\n  max-width: 1334px;\r\n  min-height: 70px;\r\n  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);\r\n  border: solid 1px var(--purple);\r\n  background-color: #fff;\r\n  border-radius: 10px;\r\n  display: ${props => (!props.accepted ? 'block' : 'none')};\r\n  background: var(--purple);\r\n\r\n  @media (max-width: 800px) {\r\n    display: block;\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  min-height: inherit;\r\n\r\n  @media (max-width: 800px) {\r\n    flex-direction: column;\r\n  }\r\n\r\n  p {\r\n    align-items: center;\r\n    padding: 20px;\r\n    color: var(--white);\r\n\r\n    a {\r\n      color: var(--orange);\r\n    }\r\n  }\r\n  .buttons {\r\n    display: flex;\r\n    margin-bottom: 10px;\r\n    @media (max-width: 800px) {\r\n      flex-direction: row;\r\n      margin-left: 10px;\r\n    }\r\n    button {\r\n      color: var(--white);\r\n      font-family: 'Source Sans Pro' sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      height: 40px;\r\n      padding: 0 3rem;\r\n      background: var(--orange);\r\n      border-radius: 6px;\r\n      border: 0;\r\n      transition: background 0.2s;\r\n      margin-right: 20px;\r\n      &:hover {\r\n        background: #e64f23;\r\n      }\r\n    }\r\n  }\r\n`;\r\n","import React, { useEffect, useCallback, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { Container, Content } from './styles';\r\n\r\nconst AcceptCookies: React.FC = () => {\r\n  const [accepted, setAccepted] = useState<boolean>(true);\r\n\r\n  const Accept = useCallback(() => {\r\n    localStorage.setItem('cookie-consent', 'true');\r\n    setAccepted(true);\r\n  }, []);\r\n\r\n  const NoAccept = useCallback(() => {\r\n    localStorage.removeItem('cookie-consent');\r\n    setAccepted(true);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const cookieConsent = localStorage.getItem('cookie-consent');\r\n    setAccepted(!!cookieConsent);\r\n  }, []);\r\n\r\n  if (accepted) return null;\r\n\r\n  return (\r\n    <Container accepted={accepted}>\r\n      <Content>\r\n        <p>\r\n          O site transfácil utiliza cookies e outras tecnologias semelhantes\r\n          para melhorar a sua experiência, de acordo com a nossa\r\n          <Link to=\"/politica-cookies\">{` Política de Cookies `}</Link>\r\n          e, ao continuar navegando, você concorda com estas condições.\r\n        </p>\r\n        <div className=\"buttons\">\r\n          <button onClick={() => NoAccept()} type=\"button\">\r\n            NÃO CONCORDO\r\n          </button>\r\n          <button onClick={() => Accept()} type=\"button\">\r\n            CONCORDO\r\n          </button>\r\n        </div>\r\n      </Content>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default AcceptCookies;\r\n","import React from 'react';\r\nimport { useLoadScript } from '@react-google-maps/api';\r\nimport Header from '../../components/Home/Header';\r\nimport { Container, Content } from '../../styles/components';\r\nimport CardSection from '../../components/Home/CardSection';\r\nimport BenefitsSection from '../../components/Home/BenefitsSection';\r\nimport Slide from '../../components/Slide/index';\r\nimport Footer from '../../components/Home/Footer';\r\nimport LocationAndRouteSection from '../../components/Home/LocationAndRouteSection';\r\n\r\nimport NewsSection from '../../components/Home/NewsSection';\r\nimport StayInInformedSection from '../../components/Home/StayInInformedSection';\r\nimport PartnerSection from '../../components/Home/PartnerSection';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport AcceptCookies from '../../components/AcceptCookies';\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst Home: React.FC = () => {\r\n  const { isLoaded } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundBanner className=\"banner-container\">\r\n        <Content className=\"content\">\r\n          <NavBar />\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Slide />\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <BenefitsSection />\r\n        </Content>\r\n      </Container>\r\n      <CardSection />\r\n      {isLoaded && <LocationAndRouteSection />}\r\n      <NewsSection />\r\n      <StayInInformedSection />\r\n      <PartnerSection />\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n      <AcceptCookies />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Home;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  width: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  height: 100vh;\r\n  position: fixed;\r\n  z-index: 100000;\r\n`;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\nimport LoaderAnimation from '../../assets/loader.json';\r\nimport { Container } from './styles';\r\n\r\nconst DashboardLoader: React.FC = () => {\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: LoaderAnimation,\r\n    rendererSettings: {\r\n      preserveAspectRatio: 'xMidYMid slice',\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <Lottie\r\n        height={150}\r\n        width={150}\r\n        style={{\r\n          zIndex: 10,\r\n          transform: 'translateY(200%)',\r\n        }}\r\n        options={defaultOptions}\r\n        isStopped={false}\r\n        isPaused={false}\r\n      />\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default DashboardLoader;\r\n","import styled from 'styled-components';\r\n\r\ninterface Checkboxdiv {\r\n  checked: boolean;\r\n}\r\n\r\nexport const CheckboxContainer = styled.span<Checkboxdiv>`\r\n  width: 100%;\r\n  height: 100px;\r\n  padding-left: 10px;\r\n  margin: 0px 4px;\r\n  border-radius: 20px;\r\n  padding-top: 8px;\r\n  padding-bottom: 8px;\r\n\r\n  border: 1px solid ${Props => (Props.checked ? '#dc582a' : 'var(--gray-line)')};\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n`;\r\n\r\nexport const Text = styled.label`\r\n  text-align: left;\r\n  font-weight: normal;\r\n  padding-top: 5px;\r\n  color: #4d4a48;\r\n  padding-left: 5px;\r\n`;\r\nexport const StyledCheckbox2 = styled.label<Checkboxdiv>`\r\n  width: 30px;\r\n  height: 30px;\r\n  margin-right: 6px;\r\n  border-radius: 50%;\r\n  background-color: white;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: 2px solid ${Props => (Props.checked ? '#dc582a' : 'var(--gray-line)')};\r\n  padding-lef: 10px;\r\n  position: relative;\r\n`;\r\n\r\nexport const StyledCheckbox = styled.label<Checkboxdiv>`\r\n  width: 18px;\r\n  height: 18px;\r\n  margin-right: 6px;\r\n  border-radius: 50%;\r\n  background-color: ${Props => (Props.checked ? '#dc582a' : 'white')};\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding-lef: 20px;\r\n  position: absolute;\r\n  left: 13.8%;\r\n`;\r\n\r\nexport const HiddenCheckbox = styled.input`\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  width: 30px;\r\n  height: 30px;\r\n  padding: 0;\r\n  opacity: 0%;\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-shadow */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\n/* eslint-disable react/require-default-props */\r\nimport {\r\n  useEffect,\r\n  useState,\r\n  useRef,\r\n  InputHTMLAttributes,\r\n  RefObject,\r\n} from 'react';\r\n\r\nimport { useField } from '@unform/core';\r\n\r\nimport {\r\n  CheckboxContainer,\r\n  HiddenCheckbox,\r\n  StyledCheckbox,\r\n  StyledCheckbox2,\r\n  Text,\r\n} from './styles';\r\n\r\n/**\r\n * This is a Radio component that supports rendering multiple options.\r\n *\r\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio\r\n */\r\ninterface Props {\r\n  name: string;\r\n  label?: string;\r\n  options: {\r\n    id: string;\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n}\r\n\r\ntype RefInputEl = RefObject<HTMLInputElement[]>;\r\n\r\ntype InputProps = InputHTMLAttributes<HTMLInputElement> & Props;\r\n\r\nexport function RadioButton({ name, options, ...rest }: InputProps) {\r\n  const inputRefs = useRef([]);\r\n  const { fieldName, registerField, defaultValue = '', error } = useField(name);\r\n  const [checked, setChecked] = useState(undefined);\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRefs,\r\n      getValue: (refs: RefInputEl) => {\r\n        return refs.current.find(input => input?.checked)?.value;\r\n      },\r\n      setValue: (refs: RefInputEl, id: string) => {\r\n        const inputRef = refs.current.find(ref => ref.id === id);\r\n        if (inputRef) inputRef.checked = true;\r\n        if (inputRef) setChecked(inputRef.value);\r\n      },\r\n      clearValue: (refs: RefInputEl) => {\r\n        const inputRef = refs.current.find(ref => ref.checked === true);\r\n        if (inputRef) inputRef.checked = false;\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n  function handleCheckboxChange(e: any) {\r\n    setChecked(e.target.value);\r\n  }\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        height: '70px',\r\n      }}\r\n    >\r\n      {options.map((option, index) => (\r\n        <CheckboxContainer key={option.id} checked={option.value === checked}>\r\n          <StyledCheckbox2 checked={option.value === checked}>\r\n            <StyledCheckbox checked={option.value === checked} />\r\n            <HiddenCheckbox\r\n              type=\"radio\"\r\n              ref={ref => {\r\n                inputRefs.current[index] = ref;\r\n              }}\r\n              id={option.id}\r\n              name={name}\r\n              defaultChecked={defaultValue.includes(option.id)}\r\n              value={option.value}\r\n              {...rest}\r\n              onChange={handleCheckboxChange}\r\n            />\r\n          </StyledCheckbox2>\r\n          <div\r\n            style={{\r\n              display: 'flex',\r\n              flexDirection: 'column',\r\n            }}\r\n          >\r\n            <Text style={{ fontWeight: 'bold' }}>{option.label} </Text>\r\n            <Text>{option.value}</Text>\r\n          </div>\r\n        </CheckboxContainer>\r\n      ))}\r\n\r\n      {error && <span>{error}</span>}\r\n    </div>\r\n  );\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\n/* eslint-disable camelcase */\r\nimport api from './api';\r\n\r\ninterface FavoritesProps {\r\n  code_line: string;\r\n  name_line: string;\r\n  sgl_line: string;\r\n  follow: boolean;\r\n}\r\n\r\nclass AccountsService {\r\n  getProfile = () => {\r\n    return api.get(`/accounts/profile/`);\r\n  };\r\n\r\n  patchProfile = (data: any) => {\r\n    return api.patch(`/accounts/profile/`, data);\r\n  };\r\n\r\n  changePassword = (\r\n    old_password: string,\r\n    new_password: string,\r\n    confirm_new_password: string,\r\n  ) => {\r\n    return api.post('/accounts/change-password/', {\r\n      old_password,\r\n      new_password,\r\n      confirm_new_password,\r\n    });\r\n  };\r\n\r\n  registerNewPassword = (\r\n    new_password: string,\r\n    confirm_new_password: string,\r\n  ) => {\r\n    return api.post('/accounts/register-new-password/', {\r\n      new_password,\r\n      confirm_new_password,\r\n    });\r\n  };\r\n\r\n  GetresetPassword = (email_or_cpf: string) => {\r\n    return api.get(\r\n      `/accounts/info-reset-password/?email_or_cpf=${email_or_cpf}`,\r\n    );\r\n  };\r\n\r\n  resetPassword = (id: string, reset_type: string) => {\r\n    return api.post('/v2/accounts/reset-password/', {\r\n      id,\r\n      reset_type,\r\n    });\r\n  };\r\n\r\n  changeProfile = (\r\n    full_name: string,\r\n    cpf: string,\r\n    email: string,\r\n    phone: string,\r\n    address: string,\r\n    birth_date: string,\r\n  ) => {\r\n    return api.put('/accounts/profile/', {\r\n      full_name,\r\n      cpf,\r\n      email,\r\n      phone,\r\n      address,\r\n      birth_date,\r\n    });\r\n  };\r\n\r\n  createLineFavorite = (data: FavoritesProps) => {\r\n    return api.post('/accounts/follow-lines/', data);\r\n  };\r\n\r\n  getLineFavorite = () => {\r\n    return api.get('/accounts/follow-lines/');\r\n  };\r\n\r\n  deleteLineFavorite = (id: number) => {\r\n    return api.delete(`/accounts/follow-lines/${id}/`);\r\n  };\r\n}\r\nexport type { FavoritesProps };\r\nexport default AccountsService;\r\n","export default __webpack_public_path__ + \"static/media/greencheck.1b92b259.svg\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Content = styled.div`\n  width: 100%;\n  max-width: 315px;\n  text-align: center;\n\n  img {\n    width: 252px;\n    height: 55px;\n  }\n  form {\n    display: flex;\n    flex-direction: column;\n    margin-top: 20px;\n\n    div {\n      height: 50px;\n      background: var(--white);\n      border-radius: 10px;\n      margin-bottom: 8px;\n\n      display: flex;\n      flex-direction: row-reverse;\n    }\n\n    .email > div {\n      margin-top: 26px;\n      margin-bottom: 6px;\n    }\n\n    h1 {\n      font-style: normal;\n      font-weight: 500;\n      font-size: 20px;\n      line-height: 24px;\n      text-align: center;\n      margin-bottom: 26px;\n\n      color: #4d4a48;\n    }\n    span {\n      color: #d54f5b;\n      align-self: flex-start;\n      margin: 0 0 10px;\n      font-weight: bold;\n    }\n    .entrar {\n      height: 50px;\n      margin-top: -30px;\n\n      background: var(--orange);\n      border-radius: 10px;\n      transition: all 0.2s;\n\n      &:hover {\n        background: #dc5129;\n      }\n    }\n    a {\n      color: #4d4a48;\n      margin-top: 15px;\n      font-size: 16px;\n      opacity: 0.8;\n      transition: all 0.2s;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n`;\n\nexport const Forgot = styled.div`\n  button {\n    height: 30px;\n    margin-top: -20px;\n    color: var(--title-higlight);\n    background: transparent;\n  }\n\n  .buttoncancelar {\n    background: white;\n    border: 1px solid var(--gray-line);\n  }\n`;\n\nexport const Register = styled.div`\n  p {\n    margin-top: 2rem;\n  }\n  strong {\n    color: #d54f5b;\n  }\n`;\n\nexport const Company = styled.div`\n  p {\n    margin-top: 2rem;\n  }\n  span {\n    color: #d54f5b;\n  }\n  button {\n    background: transparent;\n    color: #d54f5b;\n  }\n`;\n\nexport const DialogContent = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 650px;\n  padding: 0;\n\n  .container {\n    text-align: center;\n    width: 90%;\n    height: 470px;\n    margin-left: 25px;\n\n    h3 {\n      margin-bottom: 20px;\n    }\n\n    .information {\n      margin-bottom: 30px;\n      text-align: justify;\n      margin-left: 30px;\n      width: 90%;\n    }\n    .acessar {\n      width: 90%;\n      background-color: var(--orange);\n      margin-bottom: 30px;\n      @media (max-width: 420px) {\n        margin-left: 30px;\n        width: 90%;\n      }\n    }\n  }\n`;\n\nexport const Dialogo = styled.div`\n  position: relative;\n  left: 25%;\n  top: 20%;\n  display: flex;\n  background: white;\n  justify-content: center;\n  width: 50%;\n  border-radius: 25px;\n  @media (max-width: 900px) {\n    left: 10%;\n    width: 80%;\n  }\n  .container {\n    text-align: center;\n    width: 90%;\n    height: 550px;\n    @media (max-width: 420px) {\n      margin-left: 0px;\n      width: 100%;\n    }\n    h1 {\n      text-align: left;\n      font-size: 1.7rem;\n      color: var(--orange);\n      margin-top: 3rem;\n      margin-bottom: 3rem;\n    }\n    .password {\n      text-align: left;\n      margin-top: 4rem;\n    }\n    .text {\n      padding: 40px;\n      width: 100%;\n      @media (max-width: 350px) {\n        padding: 40px 10px 10px 10px;\n      }\n    }\n    p {\n      font-size: 1.2rem;\n      color: var(--title-higlight);\n      margin-bottom: 2.5rem;\n      text-align: left;\n    }\n    .email {\n      display: block;\n    }\n    .buttons {\n      display: flex;\n    }\n    .enviar {\n      width: 250px;\n      margin-top: 2rem;\n      margin-right: 3px;\n      float: right;\n      @media (max-width: 740px) {\n        width: 100%;\n        padding: 0px;\n      }\n    }\n  }\n  .containersent {\n    text-align: center;\n    width: 90%;\n    height: 400px;\n    @media (max-width: 420px) {\n      margin-left: 0px;\n      width: 100%;\n    }\n    h1 {\n      text-align: left;\n      font-size: 1.7rem;\n      color: var(--orange);\n      margin-top: 2rem;\n      margin-bottom: 2rem;\n    }\n    .password {\n      text-align: left;\n      margin-top: 2.5rem;\n    }\n    .text {\n      padding: 40px;\n      width: 100%;\n      @media (max-width: 350px) {\n        padding: 40px 10px 10px 10px;\n      }\n    }\n    p {\n      font-size: 1.2rem;\n      color: var(--title-higlight);\n      margin-bottom: 1.5rem;\n      text-align: left;\n    }\n    .email {\n      display: block;\n    }\n    .buttons {\n      display: flex;\n    }\n    .enviar {\n      width: 250px;\n      margin-top: 2rem;\n      margin-right: 3px;\n      float: right;\n      @media (max-width: 740px) {\n        width: 100%;\n        padding: 0px;\n      }\n    }\n\n    .checkboxspan {\n      height: 80px;\n    }\n  }\n  .radiobox {\n    height: 90px;\n    flex-direction: row;\n  }\n  .checkcontainer {\n    text-align: center;\n    width: 90%;\n    height: 550px;\n    flex-direction: row;\n    @media (max-width: 420px) {\n      margin-left: 0px;\n      width: 100%;\n    }\n    span {\n      margin-top: 10px;\n      margin-bottom: 10px;\n    }\n    h1 {\n      text-align: left;\n      font-size: 1.7rem;\n      color: var(--orange);\n      margin-top: 2.5rem;\n      margin-bottom: 2rem;\n    }\n    .password {\n      text-align: left;\n      margin-top: 2rem;\n      margin-bottom: 1.5rem;\n    }\n    .text {\n      padding: 40px;\n      width: 100%;\n      @media (max-width: 350px) {\n        padding: 40px 10px 10px 10px;\n      }\n    }\n    p {\n      font-size: 1rem;\n      color: var(--title-higlight);\n      margin-bottom: 1rem;\n      text-align: left;\n    }\n    .checkbox {\n      display: block;\n    }\n    .buttons {\n      display: flex;\n    }\n    .enviar {\n      margin-top: 0.5rem;\n      margin-right: 3px;\n      float: right;\n      @media (max-width: 740px) {\n        width: 100%;\n        padding: 0px;\n      }\n    }\n    .cancelar {\n      margin-top: 0.5rem;\n      margin-right: 3px;\n      float: right;\n      color: var(--title-higlight);\n      font-weight: bolder;\n      border: 1px solid var(--gray-line);\n      @media (max-width: 740px) {\n        width: 100%;\n        padding: 0px;\n      }\n    }\n    .sentfinal {\n      margin-top: 0.5rem;\n      flex-direction: row;\n      margin-right: 3px;\n      float: right;\n      @media (max-width: 740px) {\n        width: 100%;\n        padding: 0px;\n      }\n    }\n  }\n`;\n\nexport const Modal = styled.div`\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  top: 0%;\n  left: 0%;\n  display: none;\n`;\n\nexport const Close = styled.div`\n  color: var(--title-higlight);\n  font-size: 30px;\n  width: 30px;\n  height: 30px;\n  margin-right: 6px;\n  margin-top: 30px;\n  float: right;\n  cursor: pointer;\n`;\nexport const Checkimg = styled.label`\n  width: 80px;\n  height: 80px;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 50%;\n  background: #2bb673;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  img {\n    display: block;\n    filter: invert(75%) sepia(11%) saturate(6042%) hue- rotate(30deg)\n      brightness(105%) contrast(68%);\n  }\n`;\n","/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable no-console */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable camelcase */\n/* eslint-disable consistent-return */\n/* eslint-disable no-nested-ternary */\n/* eslint-disable no-multi-assign */\nimport React, { useState, useRef, useCallback, useEffect } from 'react';\nimport { Link } from 'react-router-dom';\nimport * as Yup from 'yup';\nimport { FormHandles } from '@unform/core';\nimport { Form } from '@unform/web';\nimport { FiLock, FiUser } from 'react-icons/fi';\nimport {\n  isValidEmail,\n  isValidCPF,\n  formatCPF,\n} from '@brazilian-utils/brazilian-utils';\n\nimport api from '../../services/api';\nimport { useToast } from '../../hooks/toast';\nimport { useAuth } from '../../hooks/auth';\nimport { useLoader } from '../../hooks/loader';\nimport DashBoardLoader from '../../components/DashBoardLoader';\nimport { RadioButton } from '../../components/RadioButton';\nimport AccountsService from '../../services/accounts';\nimport GreenCheck from '../../assets/Login/greencheck.svg';\n\nimport Input from '../../components/Input';\nimport Button from '../../components/Button';\nimport logo from '../../assets/Shared/logo-v2.png';\nimport getValidationErrors from '../../utils/getValidationErrors';\n\nimport {\n  Container,\n  Content,\n  Register,\n  Company,\n  Forgot,\n  Dialogo,\n  Modal,\n  Close,\n  Checkimg,\n} from './styles';\n\nconst Login: React.FC = () => {\n  const formRef = useRef<FormHandles>(null);\n  const formRefReset = useRef<FormHandles>(null);\n  const servicesProfile = { AccountsService: new AccountsService() };\n  const { signIn } = useAuth();\n  const { addToast } = useToast();\n  const { isActive, changeLoader } = useLoader();\n  const [isemail, setIsemail] = useState(null);\n  const [finish, setFinish] = useState(false);\n  const [checkfinish, setCheckfinish] = useState(false);\n  const [buttonchange, setButtonChange] = useState('#FFC4AE');\n\n  interface ProfileReset {\n    id: number;\n    email: string;\n    phone: string;\n  }\n  const [resetpassword, setResetPassword] = useState<ProfileReset>(\n    {} as ProfileReset,\n  );\n\n  const schema = Yup.object().shape({\n    user: Yup.string()\n      .test('login-validation', 'Email ou CPF inválido', value => {\n        const isCpf = isValidCPF(value);\n        if (!isCpf) {\n          const isEmail = isValidEmail(value);\n          if (!isEmail) {\n            return false;\n          }\n          if (isEmail) {\n            return true;\n          }\n        }\n        if (isCpf) {\n          const formatacpf = formatCPF(value, { pad: true });\n          const myInput = document.getElementById('login') as HTMLInputElement;\n          myInput.value = formatacpf;\n          return true;\n        }\n        return false;\n      })\n      .required('Email ou CPF é obrigatório'),\n    password: Yup.string().required('Senha é obrigatória'),\n  });\n\n  const schemaReset = Yup.object().shape({\n    // eslint-disable-next-line camelcase\n    email_or_cpf: Yup.string()\n      .test('login-validation', 'Email ou CPF inválido', value => {\n        const isCpf = isValidCPF(value);\n        if (!isCpf) {\n          const isEmail = isValidEmail(value);\n          setButtonChange('#FFC4AE');\n          if (!isEmail) {\n            setButtonChange('#FFC4AE');\n            return false;\n          }\n          if (isEmail) {\n            setButtonChange('#Eb5e2b');\n            return true;\n          }\n        }\n        if (isCpf) {\n          const formatacpf = formatCPF(value, { pad: true });\n          const myInput = document.getElementById(\n            'email_or_cpf',\n          ) as HTMLInputElement;\n          myInput.value = formatacpf;\n          setButtonChange('#Eb5e2b');\n          return true;\n        }\n        return false;\n      })\n      .required('Email ou CPF é obrigatório'),\n  });\n\n  const handleSubmit = useCallback(\n    async data => {\n      try {\n        formRef.current?.setErrors({});\n        changeLoader(true);\n\n        await schema.validate(data, {\n          abortEarly: false,\n        });\n\n        await signIn({\n          user: data.user,\n          password: data.password,\n        });\n        changeLoader(false);\n      } catch (err) {\n        const { ...error }: any = err;\n\n        console.log({ err });\n\n        changeLoader(false);\n\n        let migrated_user = false;\n\n        if (error.response) {\n          migrated_user = error.response.data.migrated_user;\n        }\n\n        if (migrated_user) {\n          const modal = document.getElementById('migrateduser');\n          modal.style.display = 'block';\n\n          await api.post('/accounts/reset-password/', {\n            user: data.user,\n          });\n\n          addToast({\n            type: 'success',\n            title: 'E-mail enviado',\n            description: 'E-mail enviado com sucesso!!',\n          });\n        } else {\n          if (err instanceof Yup.ValidationError) {\n            const errors = getValidationErrors(err);\n            formRef.current?.setErrors(errors);\n            return;\n          }\n          addToast({\n            type: 'error',\n            title: `${\n              error?.response?.data?.message\n                ? error?.response?.data?.message\n                : 'Ocorreu um erro ao realizar o Login'\n            }`,\n            description: `${\n              error?.response?.data?.sub_message\n                ? error?.response?.data?.sub_message\n                : 'Verifique login e senha ou entre em contato com o Administrador'\n            }`,\n          });\n        }\n      }\n    },\n    [schema, signIn, addToast, changeLoader],\n  );\n\n  const handleSubmitForgot = useCallback(\n    async data => {\n      try {\n        formRef.current?.setErrors({});\n        await schemaReset.validate(data, {\n          abortEarly: false,\n        });\n        const resetpass = await servicesProfile.AccountsService.GetresetPassword(\n          data.email_or_cpf,\n        );\n\n        setResetPassword(resetpass.data);\n        setIsemail(true);\n        setButtonChange('#FFC4AE');\n      } catch (err) {\n        const { ...error }: any = err;\n        if (err instanceof Yup.ValidationError) {\n          const errors = getValidationErrors(err);\n          formRef.current?.setErrors(errors);\n        }\n        addToast({\n          type: 'error',\n          title: `${\n            error?.response?.data?.message\n              ? error?.response?.data?.message\n              : 'Ocorreu um erro para recuperar a senha'\n          }`,\n          description: `${\n            error?.response?.data?.sub_message\n              ? error?.response?.data?.sub_message\n              : 'Verifique se o email ou cpf informados estão corretos ou entre em contato com o Administrador'\n          }`,\n        });\n      }\n    },\n    [schemaReset, servicesProfile],\n  );\n\n  const handleSubmitCheckbox = useCallback(\n    async data => {\n      try {\n        formRef.current?.setErrors({});\n\n        const mailorphone = data.RadioButton;\n\n        await api.post('/v2/accounts/reset-password/', {\n          id: resetpassword.id,\n          reset_type: mailorphone === resetpassword.phone ? 'sms' : 'email',\n        });\n\n        if (mailorphone === resetpassword?.phone) {\n          setFinish(true);\n          setCheckfinish(false);\n        } else {\n          setFinish(true);\n          setCheckfinish(true);\n        }\n      } catch (err) {\n        const { ...error }: any = err;\n\n        if (err instanceof Yup.ValidationError) {\n          const errors = getValidationErrors(err);\n          formRef.current?.setErrors(errors);\n          return;\n        }\n\n        addToast({\n          type: 'error',\n          title: `${\n            error.response.data.message\n              ? error.response.data.message\n              : error.response.data.detail\n          }`,\n          description: `${\n            error.response.data.message\n              ? error.response.data.message\n              : error.response.data.detail\n          }`,\n        });\n      }\n    },\n    [addToast, finish, checkfinish, resetpassword],\n  );\n\n  function openforgot() {\n    const modal = document.getElementById('forgot_password');\n    setIsemail(false);\n    modal.style.display = 'block';\n  }\n\n  function closeforgot() {\n    const modal = document.getElementById('forgot_password');\n    setFinish(false);\n    modal.style.display = 'none';\n  }\n\n  useEffect(() => {\n    const email = formRef.current.getFieldValue('email');\n    if (email) {\n      setIsemail(true);\n    } else {\n      setIsemail(false);\n    }\n  }, []);\n\n  useEffect(() => {\n    const checkboxmail = formRef.current.getFieldValue('');\n    if (checkboxmail) {\n      setCheckfinish(true);\n    }\n    if (!checkboxmail) {\n      const checkboxphone = formRef.current.getFieldValue('');\n      if (checkboxphone) {\n        setCheckfinish(false);\n      } else {\n        setCheckfinish(true);\n      }\n    }\n  }, []);\n\n  return (\n    <Container>\n      {isActive && <DashBoardLoader />}\n      <Content>\n        <a href=\"https://transfacil.com.br\">\n          <img src={logo} alt=\"Transfacil\" />\n        </a>\n        <Form ref={formRef} onSubmit={handleSubmit}>\n          <h1>Faça Login</h1>\n          <Input\n            id=\"login\"\n            name=\"user\"\n            icon={FiUser}\n            className=\"input\"\n            placeholder=\"E-mail ou CPF\"\n            schema={schema}\n          />\n          <Input\n            id=\"password\"\n            name=\"password\"\n            icon={FiLock}\n            className=\"password\"\n            type=\"password\"\n            placeholder=\"Senha\"\n            schema={schema}\n          />\n          <Forgot>\n            <button type=\"button\" onClick={openforgot}>\n              <strong> Esqueceu a senha?</strong>\n            </button>\n          </Forgot>\n\n          <Button color=\"orange\" padding=\"5\" type=\"submit\" className=\"entrar\">\n            Entrar\n          </Button>\n          <Link to=\"/\">Voltar</Link>\n        </Form>\n        <Modal id=\"forgot_password\">\n          <Dialogo>\n            {finish ? (\n              checkfinish ? (\n                <div className=\"containersent\">\n                  <Close onClick={closeforgot}>X</Close>\n                  <div className=\"text\">\n                    <Checkimg>\n                      <img\n                        src={GreenCheck}\n                        alt=\"CheckIMG\"\n                        className=\"greencheck\"\n                      />\n                    </Checkimg>\n                    <h1 className=\"password\">\n                      Enviaremos um link para o seu e-mail cadastrado\n                    </h1>\n                    <p\n                      style={{\n                        marginBottom: '10px',\n                        marginRight: '-30px',\n                      }}\n                    >\n                      Acesse seu e-mail {resetpassword?.email} para alterar a\n                      senha.\n                    </p>\n                    <div className=\"email\">\n                      <span className=\"button\">\n                        <Button\n                          color=\"orange\"\n                          padding=\"\"\n                          rounded\n                          onClick={closeforgot}\n                          className=\"enviar\"\n                        >\n                          Concluir\n                        </Button>\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              ) : (\n                <div className=\"containersent\">\n                  <Close onClick={closeforgot}>X</Close>\n                  <div className=\"text\">\n                    <Checkimg>\n                      <img\n                        src={GreenCheck}\n                        alt=\"CheckIMG\"\n                        className=\"greencheck\"\n                      />\n                    </Checkimg>\n                    <h1 className=\"password\">\n                      Enviaremos um link para o seu telefone cadastrado\n                    </h1>\n                    <p\n                      style={{\n                        marginBottom: '10px',\n                        marginRight: '-30px',\n                      }}\n                    >\n                      Verifique seu telefone {resetpassword?.phone} para alterar\n                      a senha.\n                    </p>\n                    <div className=\"email\">\n                      <span className=\"button\">\n                        <Button\n                          color=\"orange\"\n                          padding=\"\"\n                          rounded\n                          onClick={closeforgot}\n                          className=\"enviar\"\n                        >\n                          Concluir\n                        </Button>\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              )\n            ) : isemail ? (\n              resetpassword?.phone ? (\n                <div\n                  className=\"checkcontainer\"\n                  style={{\n                    marginBottom: '10px',\n                  }}\n                >\n                  <Close onClick={closeforgot}>X</Close>\n                  <div className=\"text\">\n                    <h1 className=\"password\">\n                      Por onde você prefere receber o link de alteração de\n                      senha?\n                    </h1>\n                    <Form\n                      ref={formRefReset}\n                      onSubmit={handleSubmitCheckbox}\n                      placeholder=\"E-mail\"\n                      method=\"post\"\n                      className=\"checkbox\"\n                    >\n                      <RadioButton\n                        name=\"RadioButton\"\n                        options={[\n                          {\n                            id: 'EmailChecked',\n                            value: resetpassword?.email,\n                            label: 'Email',\n                          },\n                          {\n                            id: 'PhoneChecked',\n                            value: resetpassword?.phone,\n                            label: 'Telefone',\n                          },\n                        ]}\n                      />\n                      <p\n                        style={{\n                          marginTop: '130px',\n                          marginBottom: '40px',\n                        }}\n                      >\n                        Caso não tenha acesso ao email ou telefone citados\n                        acima, favor entrar em contato com o nosso\n                        <strong> SAC (31) 3248-7300.</strong>\n                      </p>\n                      <span className=\"button\">\n                        <Button\n                          color=\"orange\"\n                          padding=\"\"\n                          rounded\n                          type=\"submit\"\n                          className=\"enviar\"\n                        >\n                          Concluir\n                        </Button>\n                        <Button\n                          color=\"white\"\n                          padding=\"\"\n                          rounded\n                          type=\"button\"\n                          className=\"cancelar\"\n                          onClick={closeforgot}\n                        >\n                          Cancelar\n                        </Button>\n                      </span>\n                    </Form>\n                  </div>\n                </div>\n              ) : (\n                <div\n                  className=\"checkcontainer\"\n                  style={{\n                    marginBottom: '10px',\n                    height: '450px',\n                  }}\n                >\n                  <Close onClick={closeforgot}>X</Close>\n                  <div className=\"text\">\n                    <h1 className=\"password\">\n                      Por onde você prefere receber o link de alteração de\n                      senha?\n                    </h1>\n                    <Form\n                      ref={formRefReset}\n                      onSubmit={handleSubmitCheckbox}\n                      placeholder=\"E-mail\"\n                      method=\"post\"\n                      className=\"checkbox\"\n                    >\n                      <RadioButton\n                        name=\"RadioButton\"\n                        options={[\n                          {\n                            id: 'EmailChecked',\n                            value: resetpassword?.email,\n                            label: 'Email',\n                          },\n                        ]}\n                      />\n                      <p\n                        style={{\n                          marginTop: '50px',\n                          marginBottom: '40px',\n                        }}\n                      >\n                        Caso não tenha acesso ao email ou telefone citados\n                        acima, favor entrar em contato com o nosso\n                        <strong> SAC (31) 3248-7300.</strong>\n                      </p>\n                      <span className=\"button\">\n                        <Button\n                          color=\"orange\"\n                          padding=\"\"\n                          rounded\n                          type=\"submit\"\n                          className=\"enviar\"\n                        >\n                          Concluir\n                        </Button>\n                        <Button\n                          color=\"white\"\n                          padding=\"\"\n                          rounded\n                          type=\"button\"\n                          className=\"cancelar\"\n                          onClick={closeforgot}\n                        >\n                          Cancelar\n                        </Button>\n                      </span>\n                    </Form>\n                  </div>\n                </div>\n              )\n            ) : (\n              <div className=\"containersent\">\n                <Close onClick={closeforgot}>X</Close>\n                <div className=\"text\">\n                  <h1 className=\"password\">Esqueceu a senha?</h1>\n                  <p>Insira o Email ou CPF associado à conta.</p>\n                  <Form\n                    ref={formRefReset}\n                    onSubmit={handleSubmitForgot}\n                    placeholder=\"E-mail\"\n                    method=\"post\"\n                    className=\"email\"\n                  >\n                    <span>\n                      <Input\n                        id=\"email_or_cpf\"\n                        name=\"email_or_cpf\"\n                        icon={FiUser}\n                        className=\"email\"\n                        placeholder=\"Email ou CPF\"\n                        schema={schemaReset}\n                      />\n                    </span>\n                    <span className=\"button\">\n                      <Button\n                        style={{\n                          backgroundColor: `${buttonchange}`,\n                        }}\n                        color=\"#FFC4AE\"\n                        padding=\"\"\n                        rounded\n                        type=\"submit\"\n                        className=\"enviar\"\n                      >\n                        Próximo Passo\n                      </Button>\n                    </span>\n                  </Form>\n                </div>\n              </div>\n            )}\n          </Dialogo>\n        </Modal>\n        <Register>\n          <p>\n            Não tem conta?\n            <strong>\n              <a href=\"/cadastrar\"> Cadastrar</a>\n            </strong>\n          </p>\n        </Register>\n        <Company>\n          <p>Pessoa Jurídica?</p>\n          <span>\n            <a href=\"https://empresa.transfacil.com.br\" target=\"blank\">\n              <button type=\"button\">\n                <strong>Acesse o Transfácil Empresas</strong>\n              </button>\n            </a>\n          </span>\n        </Company>\n      </Content>\n      {/* <AcceptCookies /> */}\n    </Container>\n  );\n};\n\nexport default Login;\n","export default __webpack_public_path__ + \"static/media/logo.24e44d29.svg\";","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  height: 100vh;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  width: 100%;\r\n  max-width: 315px;\r\n  text-align: center;\r\n\r\n  img {\r\n    width: 252px;\r\n    height: 55px;\r\n  }\r\n  form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-top: 30px;\r\n\r\n    div {\r\n      height: 50px;\r\n      background: var(--white);\r\n      border-radius: 10px;\r\n      margin-bottom: 8px;\r\n\r\n      display: flex;\r\n      flex-direction: row-reverse;\r\n    }\r\n\r\n    h1 {\r\n      font-style: normal;\r\n      font-weight: 500;\r\n      font-size: 20px;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      margin-bottom: 26px;\r\n\r\n      color: #4d4a48;\r\n    }\r\n\r\n    .enviar {\r\n      height: 50px;\r\n      margin-top: 10px;\r\n\r\n      background: var(--orange);\r\n      border-radius: 10px;\r\n      transition: all 0.2s;\r\n\r\n      &:hover {\r\n        background: #dc5129;\r\n      }\r\n    }\r\n    a {\r\n      color: #4d4a48;\r\n      margin-top: 15px;\r\n      font-size: 16px;\r\n      opacity: 0.8;\r\n      transition: all 0.2s;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    }\r\n    p {\r\n      text-align: left;\r\n      margin-left: 2px;\r\n      color: #4d4a48;\r\n      margin-top: 15px;\r\n    }\r\n`;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useRef, useCallback } from 'react';\r\nimport { useHistory, Link, useParams } from 'react-router-dom';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { FiLock } from 'react-icons/fi';\r\n\r\nimport { RxEyeClosed, RxEyeOpen } from 'react-icons/rx';\r\nimport { useToast } from '../../hooks/toast';\r\nimport api from '../../services/api';\r\n\r\nimport Input from '../../components/Input';\r\nimport Button from '../../components/Button';\r\nimport logo from '../../assets/Shared/logo.svg';\r\nimport getValidationErrors from '../../utils/getValidationErrors';\r\n\r\nimport { Container, Content } from './styles';\r\nimport { useAuth } from '../../hooks/auth';\r\n\r\nconst ResetPassword: React.FC = () => {\r\n  const { code } = useParams<{ code: string }>();\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { addToast } = useToast();\r\n  const { push } = useHistory();\r\n  const [eyechange, setEyechange] = React.useState<boolean>(false);\r\n  const [showPassword, setShowPassword] = React.useState(false);\r\n\r\n  const schema = Yup.object().shape({\r\n    new_password: Yup.string().required('Senha é obrigatória'),\r\n    confirm_password: Yup.string().required('Senha é obrigatória'),\r\n  });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        formRef.current?.setErrors({});\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        await api.post('/accounts/register-new-password/', {\r\n          ...data,\r\n          code,\r\n        });\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Senha registrada',\r\n          description: 'Nova senha cadastrada com sucesso!!',\r\n        });\r\n        push('/');\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n        console.error(error);\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error.response.data.message\r\n              ? error.response.data.message\r\n              : error.response.data.detail\r\n          }`,\r\n          description: `${\r\n            error.response.data.message\r\n              ? error.response.data.message\r\n              : error.response.data.detail\r\n          }`,\r\n        });\r\n      }\r\n    },\r\n    [schema, code, addToast, push],\r\n  );\r\n\r\n  const handleChange = React.useCallback(async () => {\r\n    try {\r\n      if (eyechange) {\r\n        setShowPassword(false);\r\n        setEyechange(false);\r\n      } else if (!eyechange) {\r\n        setShowPassword(true);\r\n        setEyechange(true);\r\n      }\r\n    } catch (err) {\r\n      console.log(err);\r\n    }\r\n  }, [eyechange]);\r\n\r\n  React.useEffect(() => {\r\n    localStorage.removeItem('@Transfacil:token');\r\n    localStorage.removeItem('@Transfacil:user');\r\n    delete api.defaults.headers.Authorization;\r\n  }, []);\r\n\r\n  return (\r\n    <Container>\r\n      <Content>\r\n        <a href=\"https://transfacil.com.br\">\r\n          <img src={logo} alt=\"Transfacil\" />\r\n        </a>\r\n        <Form ref={formRef} onSubmit={handleSubmit}>\r\n          <h1>Digite a nova senha</h1>\r\n          {eyechange ? (\r\n            <>\r\n              <p>\r\n                <strong>Senha</strong>\r\n              </p>\r\n              <div style={{ display: 'flex', justifyContent: 'space-between' }}>\r\n                <RxEyeOpen\r\n                  onClick={(e: any) => {\r\n                    e.stopPropagation();\r\n                    handleChange();\r\n                  }}\r\n                  style={{\r\n                    marginLeft: '5px',\r\n                    marginTop: '10px',\r\n                    width: '30px',\r\n                    height: '25px',\r\n                  }}\r\n                />\r\n                <Input\r\n                  name=\"new_password\"\r\n                  className=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  icon={FiLock}\r\n                  placeholder=\"Senha\"\r\n                  schema={schema}\r\n                />\r\n              </div>\r\n\r\n              <p>\r\n                <strong>Confirme sua senha</strong>\r\n              </p>\r\n              <div style={{ display: 'flex', justifyContent: 'space-between' }}>\r\n                <RxEyeOpen\r\n                  onClick={(e: any) => {\r\n                    e.stopPropagation();\r\n                    handleChange();\r\n                  }}\r\n                  style={{\r\n                    marginLeft: '5px',\r\n                    marginTop: '10px',\r\n                    width: '30px',\r\n                    height: '25px',\r\n                  }}\r\n                />\r\n                <Input\r\n                  name=\"confirm_password\"\r\n                  className=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  icon={FiLock}\r\n                  placeholder=\"Confirmar senha\"\r\n                  schema={schema}\r\n                />\r\n              </div>\r\n            </>\r\n          ) : (\r\n            <>\r\n              <p>\r\n                <strong>Senha</strong>\r\n              </p>\r\n              <div style={{ display: 'flex', justifyContent: 'space-between' }}>\r\n                <RxEyeClosed\r\n                  onClick={(e: any) => {\r\n                    e.stopPropagation();\r\n                    handleChange();\r\n                  }}\r\n                  style={{\r\n                    marginLeft: '5px',\r\n                    marginTop: '10px',\r\n                    width: '30px',\r\n                    height: '25px',\r\n                  }}\r\n                />\r\n                <Input\r\n                  name=\"new_password\"\r\n                  className=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  icon={FiLock}\r\n                  placeholder=\"Senha\"\r\n                  schema={schema}\r\n                />\r\n              </div>\r\n\r\n              <p>\r\n                <strong>Confirme sua senha</strong>\r\n              </p>\r\n              <div style={{ display: 'flex', justifyContent: 'space-between' }}>\r\n                <RxEyeClosed\r\n                  onClick={(e: any) => {\r\n                    e.stopPropagation();\r\n                    handleChange();\r\n                  }}\r\n                  style={{\r\n                    marginLeft: '5px',\r\n                    marginTop: '10px',\r\n                    width: '30px',\r\n                    height: '25px',\r\n                  }}\r\n                />\r\n                <Input\r\n                  name=\"confirm_password\"\r\n                  className=\"password\"\r\n                  type={showPassword ? 'text' : 'password'}\r\n                  icon={FiLock}\r\n                  placeholder=\"Confirmar senha\"\r\n                  schema={schema}\r\n                />\r\n              </div>\r\n            </>\r\n          )}\r\n\r\n          <Button color=\"orange\" padding=\"5\" type=\"submit\" className=\"enviar\">\r\n            Enviar\r\n          </Button>\r\n          <Link to=\"/login\">Voltar</Link>\r\n        </Form>\r\n      </Content>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default ResetPassword;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-plusplus */\r\nconst isValidCpf = (value: string): any => {\r\n  let cpf;\r\n\r\n  const reg = new RegExp(/^[A-Za-záàâãéèêíïóôõöúçñÁÀÂÃÉÈÍÏÓÔÕÖÚÇÑ]+$/);\r\n\r\n  if (value && reg.test(value)) {\r\n    return false;\r\n  }\r\n\r\n  if (value) {\r\n    cpf = value.replace(/[^\\d]+/g, '');\r\n  } else {\r\n    return false;\r\n  }\r\n\r\n  if (cpf) {\r\n    let numbers: any;\r\n    let digits: any;\r\n    let sum: any;\r\n    let i;\r\n    let result;\r\n    let equalDigits;\r\n    equalDigits = 1;\r\n    if (cpf.length < 11 || cpf.length > 11) {\r\n      return false;\r\n    }\r\n\r\n    for (i = 0; i < cpf.length - 1; i++) {\r\n      if (cpf.charAt(i) !== cpf.charAt(i + 1)) {\r\n        equalDigits = 0;\r\n        break;\r\n      }\r\n    }\r\n\r\n    if (!equalDigits) {\r\n      numbers = cpf.substring(0, 9);\r\n      digits = cpf.substring(9);\r\n      sum = 0;\r\n      for (i = 10; i > 1; i--) {\r\n        sum += numbers.charAt(10 - i) * i;\r\n      }\r\n\r\n      result = sum % 11 < 2 ? 0 : 11 - (sum % 11);\r\n\r\n      if (result !== Number(digits.charAt(0))) {\r\n        return false;\r\n      }\r\n      numbers = cpf.substring(0, 10);\r\n      sum = 0;\r\n\r\n      for (i = 11; i > 1; i--) {\r\n        sum += numbers.charAt(11 - i) * i;\r\n      }\r\n      result = sum % 11 < 2 ? 0 : 11 - (sum % 11);\r\n\r\n      if (result !== Number(digits.charAt(1))) {\r\n        return false;\r\n      }\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\nexport { isValidCpf };\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  height: 100%;\r\n  margin-top: 20px;\r\n  margin-bottom: 50px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  width: 100%;\r\n  max-width: 500px;\r\n  text-align: center;\r\n  @media only screen and (max-width: 610px) {\r\n    max-width: 400px;\r\n  }\r\n  @media only screen and (max-width: 475px) {\r\n    max-width: 330px;\r\n  }\r\n  @media only screen and (max-width: 400px) {\r\n    max-width: 270px;\r\n  }\r\n\r\n  .alert {\r\n    color: var(--red);\r\n  }\r\n\r\n  img {\r\n    width: 252px;\r\n    height: 55px;\r\n  }\r\n  form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-top: 30px;\r\n\r\n    .terms > div {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: row-reverse;\r\n      border: 0;\r\n      padding: 0 0 28px 0;\r\n      width: 50px;\r\n    }\r\n    span {\r\n      position: relative;\r\n      color: #4d4a48;\r\n      align-self: flex-start;\r\n      text-align: left;\r\n    }\r\n    div {\r\n      height: 50px;\r\n      background: var(--white);\r\n      border-radius: 10px;\r\n      margin-bottom: 8px;\r\n\r\n      display: flex;\r\n      flex-direction: row-reverse;\r\n    }\r\n\r\n    .email > div {\r\n      margin-top: 26px;\r\n      margin-bottom: 6px;\r\n    }\r\n    h1 {\r\n      font-style: normal;\r\n      font-weight: 500;\r\n      font-size: 20px;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      margin-bottom: 26px;\r\n\r\n      color: #4d4a48;\r\n    }\r\n    p {\r\n      text-align: left;\r\n      margin-left: 2px;\r\n      color: #4d4a48;\r\n      margin-top: 15px;\r\n    }\r\n\r\n    button {\r\n      height: 50px;\r\n      margin-top: 20px;\r\n\r\n      background: var(-orange);\r\n      border-radius: 10px;\r\n      transition: all 0.2s;\r\n\r\n      &:hover {\r\n        background: #dc5129;\r\n      }\r\n    }\r\n    a {\r\n      color: #4d4a48;\r\n      margin-top: 15px;\r\n      font-size: 16px;\r\n      opacity: 0.8;\r\n      transition: all 0.2s;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\nimport ReactTooltip from 'react-tooltip';\r\n\r\nexport const CheckboxContainer = styled.span`\r\n  width: auto;\r\n  height: 100px;\r\n  padding-left: 10px;\r\n  margin: 4px;\r\n  border-radius: 20px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  .data-tip {\r\n    color: var(--orange);\r\n  }\r\n  @media (max-width: 800px) {\r\n    padding-left: 5px;\r\n  }\r\n  .tooltip {\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n`;\r\n\r\nexport const Text = styled.label`\r\n  text-align: left;\r\n  padding-left: 10px;\r\n  font: 14px 'Source Sans Pro', sans-serif;\r\n  font-weight: normal;\r\n  @media (max-width: 800px) {\r\n    font-size: 10px;\r\n    padding: 3px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    font-size: 10px;\r\n    padding: 3px;\r\n    padding-left: 8px;\r\n  }\r\n  :hover {\r\n    color: var(--orange);\r\n  }\r\n  .tooltip:hover {\r\n    color: var(--purple);\r\n  }\r\n`;\r\n\r\nexport const HiddenCheckbox = styled.input`\r\n  position: relative;\r\n  cursor: pointer;\r\n  :before {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    width: 14px;\r\n    height: 14px;\r\n    top: 0;\r\n    left: 0;\r\n    border: 2px solid var(--orange);\r\n    border-radius: 3px;\r\n    background-color: white;\r\n  }\r\n  :checked:after {\r\n    content: '';\r\n    display: block;\r\n    width: 12px;\r\n    height: 12px;\r\n    background-color: var(--purple);\r\n    border-width: 0 2px 2px 0;\r\n    -webkit-transform: rotate(0deg);\r\n    -ms-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 3px;\r\n  }\r\n`;\r\nexport const Error = styled.label`\r\n  font-family: 'Inter', sans-serif;\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: var(--red);\r\n  display: flex;\r\n`;\r\nexport const ReactTooltipStyled = styled(ReactTooltip)`\r\n  &.type-dark.place-top {\r\n    background-color: white;\r\n    padding: 0.3rem 1rem;\r\n    width: 250px;\r\n    height: auto;\r\n    border: 3px solid var(--orange);\r\n    color: var(--grey);\r\n\r\n    &:after {\r\n      border-top-color: var(--purple);\r\n    }\r\n  }\r\n`;\r\n\r\nexport const DivGeral = styled.div`\r\n  display: inline-block;\r\n`;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-unused-expressions */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable no-param-reassign */\r\n/* eslint-disable no-shadow */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\n/* eslint-disable react/require-default-props */\r\nimport { useEffect, useState, useRef, InputHTMLAttributes } from 'react';\r\n\r\nimport { useField } from '@unform/core';\r\n\r\nimport {\r\n  CheckboxContainer,\r\n  HiddenCheckbox,\r\n  Text,\r\n  Error,\r\n  ReactTooltipStyled,\r\n} from './styles';\r\n\r\n/**\r\n * This is a Radio component that supports rendering multiple options.\r\n *\r\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio\r\n */\r\ninterface Props {\r\n  name: string;\r\n  label?: string;\r\n  onChange?: (e: any) => void;\r\n  limit?: number;\r\n  options: {\r\n    id: string;\r\n    value: string;\r\n    label: any;\r\n    tooltip?: string;\r\n    onmouseover?: void;\r\n    onmouseout?: void;\r\n  }[];\r\n}\r\n\r\ntype InputProps = InputHTMLAttributes<HTMLInputElement> & Props;\r\n\r\nexport function CheckBox({\r\n  name,\r\n  options,\r\n  onChange,\r\n  limit = 0,\r\n  ...rest\r\n}: InputProps) {\r\n  const inputRef = useRef([]);\r\n  const { fieldName, registerField, defaultValue = '', error } = useField(name);\r\n  const [values] = useState(new Map());\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      // path: \"value\",\r\n      ref: inputRef.current,\r\n      getValue: refs => {\r\n        const data = refs.filter((ref: any) => {\r\n          if (ref?.checked) {\r\n            return true;\r\n          }\r\n          return false;\r\n        });\r\n        return data.flatMap((ref: any) => ref?.value).toString();\r\n      },\r\n      setValue: (refs, value: any) => {\r\n        const data = value.toString().split(',') || [];\r\n        console.log(value);\r\n        data.flatMap((element: any) => {\r\n          const item = refs.find((ref: any) => ref?.value === element);\r\n          if (item) {\r\n            item.checked = true;\r\n          } else {\r\n            item.checked = false;\r\n          }\r\n        });\r\n      },\r\n      clearValue: refs => {\r\n        refs.flatMap((ref: any) => {\r\n          ref.checked = false;\r\n        });\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        height: '70px',\r\n      }}\r\n    >\r\n      {options.map((option, index) => (\r\n        <>\r\n          <CheckboxContainer key={option.id} data-tip={option.tooltip}>\r\n            <HiddenCheckbox\r\n              type=\"checkbox\"\r\n              ref={ref => {\r\n                inputRef.current[index] = ref;\r\n              }}\r\n              id={option.id}\r\n              name={name}\r\n              defaultChecked={defaultValue === option.value}\r\n              value={option.value}\r\n              {...rest}\r\n              onChange={e => {\r\n                console.log(e);\r\n                const item = values.get(option.label);\r\n                if (!item) {\r\n                  const isBlocked = limit >= 0 ? values.size > limit : false;\r\n                  console.log({ isBlocked });\r\n                  if (!isBlocked) {\r\n                    inputRef.current[index].checked = true;\r\n                    values.set(option.label, option.value);\r\n                  } else {\r\n                    inputRef.current[index].checked = false;\r\n                    values.delete(option.label);\r\n                  }\r\n                } else {\r\n                  inputRef.current[index].checked = false;\r\n                  values.delete(option.label);\r\n                }\r\n                onChange && onChange(option);\r\n              }}\r\n            />\r\n            <Text style={{ fontWeight: 'bold' }}>{option.label} </Text>\r\n          </CheckboxContainer>\r\n          <ReactTooltipStyled />\r\n        </>\r\n      ))}\r\n\r\n      {!!error && <Error>{error}</Error>}\r\n    </div>\r\n  );\r\n}\r\n","/* eslint-disable indent */\r\n/* eslint-disable implicit-arrow-linebreak */\r\n/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: none;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  .modal-main {\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    \r\n    border-radius: 10px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    display: flex;\r\n\r\n    width: 60%;\r\n    height: 100%;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    p {\r\n      a {\r\n        color: #2a41c1;\r\n      }\r\n    }\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #ffffff;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .close-container {\r\n      position: fixed;\r\n      top: -25px;\r\n      right: 0;\r\n      color: var(--title-higlight);\r\n      background: transparent;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      svg {\r\n        margin-top: 4px;\r\n        color: var(--white);\r\n\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .modal-header {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--purple);\r\n      height: 65px;\r\n      font: 400 1rem 'Source Sans Pro', sans-serif;\r\n      border-top-left-radius: 10px;\r\n      border-top-right-radius: 10px;\r\n\r\n      color: var(--white);\r\n\r\n      h1 {\r\n        color: var(--white);\r\n      }\r\n\r\n      span {\r\n        margin-right: 13px;\r\n      }\r\n\r\n      .close-container {\r\n        position: fixed;\r\n        top: -25px;\r\n        right: 0;\r\n\r\n        color: var(--white);\r\n        background: transparent;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 25px !important;\r\n\r\n        svg {\r\n          margin-top: 4px;\r\n          color: var(--white);\r\n\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-body {\r\n      overflow: auto;\r\n      padding: 15px;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n\r\n      font-size: 25px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .react-select__placeholder {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__menu {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__control {\r\n      height: 45px;\r\n    }\r\n  }\r\n\r\n  ${props =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n","var _rect, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgLogo(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 78,\n    height: 17,\n    viewBox: \"0 0 78 17\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement(\"rect\", {\n    x: 0.494873,\n    y: 0.9375,\n    width: 77.3557,\n    height: 20.6895,\n    fill: \"url(#pattern0)\"\n  })), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"pattern\", {\n    id: \"pattern0\",\n    patternContentUnits: \"objectBoundingBox\",\n    width: 1,\n    height: 1\n  }, /*#__PURE__*/React.createElement(\"use\", {\n    xlinkHref: \"#image0\",\n    transform: \"scale(0.00245098 0.00909091)\"\n  })), /*#__PURE__*/React.createElement(\"image\", {\n    id: \"image0\",\n    width: 408,\n    height: 110,\n    xlinkHref: \"data:image/png;base64,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\"\n  }))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogo);\nexport default __webpack_public_path__ + \"static/media/logo.24e44d29.svg\";\nexport { ForwardRef as ReactComponent };","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { Container } from './styles';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  title: string;\r\n  success?: boolean;\r\n  action?: any;\r\n  style?: any;\r\n}\r\n\r\nconst Modal: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n  title,\r\n  children,\r\n  action,\r\n  style,\r\n}) => (\r\n  <Container show={show}>\r\n    <section className=\"modal-main\" style={style}>\r\n      <>\r\n        <div className=\"modal-header\">\r\n          <h1>{title}</h1>\r\n          <button\r\n            type=\"button\"\r\n            className=\"close-container\"\r\n            onClick={handleClose}\r\n          >\r\n            Fechar\r\n            <FiX size={25} onClick={handleClose} />\r\n          </button>\r\n        </div>\r\n        <div className=\"modal-body\">\r\n          <div\r\n            style={{\r\n              display: 'flex',\r\n              flex: 1,\r\n              flexDirection: 'column',\r\n              width: '100%',\r\n            }}\r\n          >\r\n            {children}\r\n          </div>\r\n          {action}\r\n        </div>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default Modal;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\nimport api from '../../services/api';\r\nimport { CheckBox } from '../Checkbox';\r\nimport Modal from '../Modal';\r\n\r\nconst CheckBoxPrivacyPolicy: React.FC<any> = () => {\r\n  const [privacyPolicy, setPrivacyPolicy] = React.useState<any>(undefined);\r\n  const [show, setShow] = React.useState<boolean>(false);\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    const response = await api.get(`/accounts/privacy-policy/`);\r\n    setPrivacyPolicy(response?.data);\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getPrivacyPolicy();\r\n  }, []);\r\n  return (\r\n    <div style={{ height: '50px', display: 'flex', justifyContent: 'left' }}>\r\n      <CheckBox\r\n        name=\"privacy_policy\"\r\n        options={[\r\n          {\r\n            id: 'privacy_policy',\r\n            label: (\r\n              <div\r\n                style={{\r\n                  display: 'flex',\r\n                  flexDirection: 'row',\r\n                  alignItems: 'center',\r\n                  justifyContent: 'center',\r\n                  color: '#4d4a48',\r\n                  fontSize: '16px',\r\n                  opacity: '0.8',\r\n                }}\r\n                // onClick={() => setShow(true)}\r\n              >\r\n                <div\r\n                  style={{\r\n                    marginLeft: 5,\r\n                    marginBottom: 3,\r\n                    height: 0,\r\n                  }}\r\n                >\r\n                  Li e concordo com a\r\n                </div>\r\n                <a\r\n                  style={{ marginLeft: 5, color: '#472b74' }}\r\n                  href=\"/politica-privacidade\"\r\n                  target=\"_blank\"\r\n                >\r\n                  Política de Privacidade\r\n                </a>\r\n              </div>\r\n            ),\r\n            value: privacyPolicy?.id,\r\n          },\r\n        ]}\r\n      />\r\n      {show && (\r\n        <Modal\r\n          title=\"Política de Privacidade\"\r\n          handleClose={() => setShow(!show)}\r\n          show={show}\r\n        >\r\n          <div>\r\n            <p style={{ fontSize: 14, fontWeight: 'normal' }}>\r\n              {privacyPolicy?.text}\r\n            </p>\r\n          </div>\r\n        </Modal>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { CheckBoxPrivacyPolicy };\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\nimport api from '../../services/api';\r\nimport { CheckBox } from '../Checkbox';\r\nimport Modal from '../Modal';\r\n\r\nconst CheckBoxTermsUse: React.FC<any> = () => {\r\n  const [privacyPolicy, setPrivacyPolicy] = React.useState<any>(undefined);\r\n  const [show, setShow] = React.useState<boolean>(false);\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    const response = await api.get(`/accounts/terms-of-use/`);\r\n    setPrivacyPolicy(response?.data);\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getPrivacyPolicy();\r\n  }, []);\r\n  return (\r\n    <div style={{ height: '50px', display: 'flex', justifyContent: 'left' }}>\r\n      <CheckBox\r\n        name=\"terms_of_use\"\r\n        options={[\r\n          {\r\n            id: 'terms_of_use',\r\n            label: (\r\n              <div\r\n                style={{\r\n                  display: 'flex',\r\n                  flexDirection: 'row',\r\n                  alignItems: 'center',\r\n                  justifyContent: 'center',\r\n                  color: '#4d4a48',\r\n                  fontSize: '16px',\r\n                  opacity: '0.8',\r\n                }}\r\n                // onClick={() => setShow(true)}\r\n              >\r\n                <div\r\n                  style={{\r\n                    marginLeft: 5,\r\n                    marginBottom: 3,\r\n                    height: 0,\r\n                  }}\r\n                >\r\n                  Li e concordo com os\r\n                </div>\r\n                <a\r\n                  style={{ marginLeft: 5, color: '#472b74' }}\r\n                  href=\"/termos-de-uso\"\r\n                  target=\"_blank\"\r\n                >\r\n                  Termos de Uso.\r\n                </a>\r\n              </div>\r\n            ),\r\n            value: privacyPolicy?.id,\r\n          },\r\n        ]}\r\n      />\r\n      {show && (\r\n        <Modal\r\n          title=\"Termos de Uso\"\r\n          handleClose={() => setShow(!show)}\r\n          show={show}\r\n        >\r\n          <div>\r\n            <p style={{ fontSize: 14, fontWeight: 'normal' }}>\r\n              {privacyPolicy?.text}\r\n            </p>\r\n          </div>\r\n        </Modal>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { CheckBoxTermsUse };\r\n","/* eslint-disable no-unneeded-ternary */\r\n/* eslint-disable radix */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable no-console */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useEffect, useRef, useCallback } from 'react';\r\nimport { useHistory, Link } from 'react-router-dom';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { useAuth } from '../../hooks/auth';\r\n\r\nimport { useToast } from '../../hooks/toast';\r\nimport api from '../../services/api';\r\n\r\nimport Input from '../../components/Input';\r\nimport Button from '../../components/Button';\r\nimport logo from '../../assets/Shared/logo-v2.png';\r\nimport { isValidCpf } from '../../utils/isValidCpf';\r\nimport getValidationErrors from '../../utils/getValidationErrors';\r\n\r\nimport { Container, Content } from './styles';\r\nimport { CheckBoxPrivacyPolicy } from '../../components/CheckBoxPrivacyPolicy';\r\nimport { CheckBoxTermsUse } from '../../components/CheckBoxTermsUse';\r\n\r\nconst Cadastrar: React.FC = () => {\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { addToast } = useToast();\r\n  const { user } = useAuth();\r\n  const { push } = useHistory();\r\n\r\n  useEffect(() => {\r\n    if (user) {\r\n      push('/dashboard');\r\n    } else {\r\n      push('/cadastrar');\r\n    }\r\n  }, [push, user]);\r\n\r\n  const schema = Yup.object().shape({\r\n    full_name: Yup.string().required('Nome é obrigatório'),\r\n    phone: Yup.string()\r\n      .required('Por favor preencha o número de telefone')\r\n      .min(14, 'Por favor preencha o número de telefone'),\r\n    cpf: Yup.string()\r\n      .test('cpf-validation', 'CPF Inválido', value => {\r\n        const isValid = isValidCpf(value);\r\n        return isValid;\r\n      })\r\n      .required('Por favor preencha o cpf'),\r\n    // birth_date: Yup.string().matches(\r\n    //   /^\\d{2}\\/\\d{2}\\/\\d{4}$/,\r\n    //   'Por favor preencha a data de nascimento',\r\n    // ),\r\n    email: Yup.string()\r\n      .required('E-mail é obrigatório')\r\n      .email('Digite um email válido'),\r\n    password: Yup.string().required('Senha é obrigatória'),\r\n    confirm_password: Yup.string().required('Senha é obrigatória'),\r\n    privacy_policy: Yup.string().required(\r\n      'Política de Privacidade é obrigatória',\r\n    ),\r\n    terms_of_use: Yup.string().required(\r\n      'Termos de uso é obrigatório.',\r\n    ),\r\n  });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        formRef.current?.setErrors({});\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n        const terms = parseInt(data?.terms_of_use);\r\n        const policy = parseInt(data?.privacy_policy);\r\n        const FinalData = {\r\n          email: data?.email,\r\n          cpf: data?.cpf,\r\n          full_name: data?.full_name,\r\n          password: data?.password,\r\n          confirm_password: data?.confirm_password,\r\n          phone: data?.phone,\r\n          privacy_policy: policy ? policy : \"\" ,\r\n          terms_of_use: terms ? terms : \"\",\r\n\r\n        }\r\n        await api.post('/accounts/register/', FinalData);\r\n        // await api.post('/accounts/user-accepted-lgpd/', {\r\n        //   privacy_policy: data?.privacy_policy,\r\n        // });\r\n        // await api.post('/accounts/user-accepted-terms-of-use/', {\r\n        //   terms_of_use: data?.terms_of_use,\r\n        // });\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Cadastro Finalizado',\r\n          description: 'Usuário cadastrado com sucesso!!',\r\n        });\r\n\r\n        push('/');\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n\r\n        if (error.response.data.message) {\r\n          addToast({\r\n            type: 'error',\r\n            title: `${error.response.data.message}`,\r\n            description: `${error.response.data.sub_message}`,\r\n          });\r\n        }\r\n\r\n        // if (error.response.data.birth_date) {\r\n        //   addToast({\r\n        //     type: 'error',\r\n        //     title: `${error.response.data.birth_date}`,\r\n        //     description: 'Verifique as informações digitadas.',\r\n        //   });\r\n        // }\r\n\r\n        if (error.response.data.email) {\r\n          addToast({\r\n            type: 'error',\r\n            title: `${error.response.data.email}`,\r\n            description:\r\n              'Verifique as informações adicionadas ou entre em contato com o Administrador.',\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [schema, addToast, push],\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      <Content>\r\n        <a href=\"https://transfacil.com.br\">\r\n          <img src={logo} alt=\"Transfacil\" />\r\n        </a>\r\n        <Form ref={formRef} onSubmit={handleSubmit}>\r\n          <h1>Cadastrar</h1>\r\n          <p>\r\n            <strong>\r\n              Como você quer ser chamado(a)? <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            name=\"full_name\"\r\n            className=\"name\"\r\n            placeholder=\"Como você quer ser chamado(a)?\"\r\n            schema={schema}\r\n          />\r\n          <p>\r\n            <strong>\r\n              Telefone <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            phone\r\n            name=\"phone\"\r\n            className=\"phone\"\r\n            placeholder=\"(xx) xxxxx-xxxx\"\r\n            schema={schema}\r\n          />\r\n          <p>\r\n            <strong>\r\n              CPF <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            cpf\r\n            name=\"cpf\"\r\n            className=\"cpf\"\r\n            placeholder=\"xxx.xxx.xxx-xx\"\r\n            schema={schema}\r\n          />\r\n          {/* <p>\r\n            <strong>\r\n              Data de nascimento <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p> */}\r\n          {/* <Input\r\n            birth_date\r\n            name=\"birth_date\"\r\n            className=\"birth_date\"\r\n            placeholder=\"xx/xx/xxxx\"\r\n            schema={schema}\r\n          /> */}\r\n          <p>\r\n            <strong>\r\n              E-mail <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            name=\"email\"\r\n            className=\"email\"\r\n            placeholder=\"Digite seu e-mail\"\r\n            schema={schema}\r\n          />\r\n          <p>\r\n            <strong>\r\n              Senha <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            name=\"password\"\r\n            className=\"password\"\r\n            type=\"password\"\r\n            placeholder=\"Senha\"\r\n            schema={schema}\r\n          />\r\n          <p>\r\n            <strong>\r\n              Confirme sua senha <span className=\"alert\"> *</span>\r\n            </strong>\r\n          </p>\r\n          <Input\r\n            name=\"confirm_password\"\r\n            className=\"password\"\r\n            type=\"password\"\r\n            placeholder=\"Confirmar senha\"\r\n            schema={schema}\r\n          />\r\n          <CheckBoxPrivacyPolicy />\r\n          <CheckBoxTermsUse />\r\n          <Button color=\"orange\" padding=\"5\" type=\"submit\">\r\n            Cadastrar\r\n          </Button>\r\n          <Link to=\"/\">Voltar</Link>\r\n        </Form>\r\n      </Content>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Cadastrar;\r\n","export default __webpack_public_path__ + \"static/media/CartaoCliente.8848fe98.svg\";","var _path, _path2, _path3;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgBus(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 35,\n    height: 36,\n    viewBox: \"0 0 35 36\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M35 15.9013C34.5018 16.8642 34.1207 16.8605 32.6161 16.7644C32.6161 14.3979 32.6161 12.0313 32.6161 9.66221C33.7544 9.35315 34.5042 9.61665 35 10.5044C35 12.3034 35 14.1023 35 15.9013Z\",\n    fill: \"#ED6C05\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M29.5095 31.2102C29.5095 31.9564 29.512 32.6791 29.5095 33.4019C29.5034 34.9952 28.5044 35.9877 26.9 35.9914C26.2118 35.9938 25.5236 35.9963 24.8355 35.9902C23.3284 35.9791 22.3159 34.9731 22.3036 33.4746C22.2974 32.7284 22.3024 31.981 22.3024 31.2139C19.0971 31.2139 15.9239 31.2139 12.7137 31.2139C12.7063 31.3111 12.6928 31.417 12.6928 31.5242C12.6903 32.1989 12.7026 32.8737 12.6891 33.5484C12.6607 34.9645 11.6544 35.9655 10.2349 35.9889C9.47149 36.0012 8.7081 36.0012 7.94471 35.9889C6.50919 35.9655 5.50655 34.9546 5.48681 33.5127C5.47571 32.753 5.48435 31.9921 5.48435 31.3075C4.99104 31.108 4.50637 30.991 4.11173 30.7361C3.36067 30.251 3.07702 29.4925 3.07825 28.6109C3.08318 25.0634 3.08072 21.5148 3.08072 17.9674C3.08072 14.4199 3.07578 10.8713 3.08195 7.32387C3.08812 4.10767 4.93801 1.45418 7.97677 0.412488C8.7303 0.153912 9.56645 0.0307799 10.3656 0.0246233C15.1198 -0.00985359 19.8753 -0.00492832 24.6295 0.0110788C28.7412 0.0246233 31.9021 3.18049 31.9095 7.28816C31.923 14.3965 31.9058 21.5049 31.9193 28.6133C31.9206 29.8656 31.1584 31.0649 29.5095 31.2102ZM29.4923 7.23152C21.4761 7.23152 13.4895 7.23152 5.51148 7.23152C5.51148 12.0337 5.51148 16.8099 5.51148 21.58C13.5191 21.58 21.497 21.58 29.4923 21.58C29.4923 16.7927 29.4923 12.0263 29.4923 7.23152ZM22.3011 2.43431C19.0712 2.43431 15.8894 2.43431 12.7088 2.43431C12.7088 3.23097 12.7088 4.00054 12.7088 4.78612C15.9079 4.78612 19.0885 4.78612 22.2888 4.78612C22.2937 4.69501 22.2999 4.62236 22.2999 4.54971C22.3011 3.85279 22.3011 3.15463 22.3011 2.43431ZM10.2854 26.3859C10.278 25.0831 9.19894 24.0057 7.89414 24.0008C6.57825 23.9959 5.47941 25.0942 5.48681 26.408C5.49421 27.712 6.57209 28.7869 7.87811 28.7931C9.19277 28.7993 10.2916 27.6997 10.2854 26.3859ZM29.5071 26.392C29.5046 25.0893 28.428 24.0119 27.1207 24.0008C25.8073 23.9897 24.7035 25.0881 24.7072 26.4019C24.7109 27.7046 25.7863 28.782 27.0936 28.7931C28.4082 28.803 29.5095 27.7071 29.5071 26.392Z\",\n    fill: \"#ED6C05\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M2.38024 16.7964C1.95476 16.7964 1.55518 16.8124 1.15684 16.7927C0.510611 16.7607 0.0173055 16.2792 0.0111392 15.6353C-0.0048932 14.0124 -0.00365994 12.3895 0.0111392 10.7679C0.0173055 10.1387 0.500745 9.65107 1.12108 9.61413C1.53052 9.58951 1.94243 9.60921 2.38024 9.60921C2.38024 12.0004 2.38024 14.3769 2.38024 16.7964Z\",\n    fill: \"#ED6C05\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBus);\nexport default __webpack_public_path__ + \"static/media/Bus.8ae881b1.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\r\n\r\ninterface GridProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const GridContainer = styled.div<GridProps>`\r\n  display: grid;\r\n  grid-template-columns: 420px 1fr;\r\n  grid-template-rows: 50px 1fr 50px;\r\n  grid-template-areas:\r\n    'aside header'\r\n    'aside main'\r\n    'aside footer';\r\n  height: 100vh;\r\n\r\n  @media only screen and (max-width: 1200px) {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: 50px 1fr 50px;\r\n    grid-template-areas:\r\n      'header'\r\n      'main'\r\n      'footer';\r\n    height: 100vh;\r\n\r\n    aside {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n      width: 280px;\r\n      position: fixed;\r\n      overflow-y: auto;\r\n      z-index: 2;\r\n\r\n      transform: ${props =>\r\n        props.active ? `translateX(0)` : `translateX(-285px)`};\r\n\r\n      .aside_close-icon {\r\n        position: absolute;\r\n        display: flex;\r\n        right: 10px;\r\n        top: 5px;\r\n        color: var(--purple);\r\n        font-size: 28px;\r\n        background-color: var(--white);\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Header = styled.header`\r\n  grid-area: header;\r\n  background: var(--white);\r\n  padding: 0 40px;\r\n  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n\r\n  display: flex;\r\n\r\n  .menu-icon {\r\n    position: absolute;\r\n    display: flex;\r\n    top: 0;\r\n    left: 26px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n    cursor: pointer;\r\n    padding: 10px;\r\n    font-size: 23px;\r\n    color: var(--purple);\r\n    background: white;\r\n  }\r\n\r\n  .header-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    color: var(--purple);\r\n    font-size: 30px;\r\n    width: 100%;\r\n\r\n    h1 {\r\n      font-weight: normal;\r\n      font-size: 2rem;\r\n    }\r\n\r\n    .profile {\r\n      display: flex;\r\n\r\n      align-items: center;\r\n\r\n      .profile-data {\r\n        flex-direction: column;\r\n        padding: 16px;\r\n        height: 50px;\r\n        justify-content: center;\r\n        align-items: left;\r\n        display: flex;\r\n\r\n        h3 a {\r\n          display: flex;\r\n          flex-direction: column;\r\n          color: var(--purple);\r\n          font-family: Source Sans Pro;\r\n          font-style: normal;\r\n          font-weight: bold;\r\n          font-size: 16px;\r\n          line-height: 20px;\r\n          /* identical to box height, or 125% */\r\n\r\n          text-align: right;\r\n          letter-spacing: 0.212019px;\r\n        }\r\n\r\n        h3 a button {\r\n          display: flex;\r\n          justify-content: flex-end;\r\n          font-family: Source Sans Pro;\r\n          letter-spacing: 0px;\r\n          color: #6d6e71;\r\n          opacity: 1;\r\n          background: transparent;\r\n        }\r\n      }\r\n\r\n      .logout-form {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        button {\r\n          border: none;\r\n          background: none;\r\n          padding: 16px;\r\n          font-size: 15px;\r\n          color: #6d6e71;\r\n\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          svg {\r\n            margin-right: 5px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .aside_close-icon {\r\n    position: absolute;\r\n    visibility: visible;\r\n    top: 20px;\r\n    right: 20px;\r\n    font-size: 35px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @media only screen and (min-width: 1540px) {\r\n    padding: 0 10%;\r\n  }\r\n  @media only screen and (min-width: 1200px) {\r\n    .menu-icon {\r\n      display: none;\r\n    }\r\n    .aside_close-icon {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  grid-area: aside;\r\n  transition: all 0.3s;\r\n  overflow-y: auto;\r\n  background: var(--aside-background);\r\n\r\n  .topo {\r\n    display: flex;\r\n    flex-direction: row;\r\n    background-color: var(--white);\r\n    width: 100%;\r\n    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n  }\r\n\r\n  .logo-container {\r\n    display: flex;\r\n    height: 50px;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0 16px;\r\n    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));\r\n    cursor: pointer;\r\n  }\r\n\r\n  .menu-aside-links {\r\n    margin-top: 20px;\r\n    list-style: none;\r\n    padding: 0 16px;\r\n    /* border-bottom: 0.1px solid #227090; */\r\n  }\r\n\r\n  .icon-link {\r\n    display: flex;\r\n\r\n    svg {\r\n      margin-right: 14px;\r\n    }\r\n\r\n    a {\r\n      font-weight: 600;\r\n    }\r\n\r\n    &.last {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n\r\n  .menu-aside-links a {\r\n    color: var(--white);\r\n    text-decoration: underline !important;\r\n    text-decoration-color: transparent !important;\r\n  }\r\n  .menu-aside-links li a:hover {\r\n    text-decoration: underline;\r\n    text-decoration-color: white !important;\r\n  }\r\n\r\n  @media only screen and (min-width: 769px) {\r\n    .aside_close-icon {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AsideMenu = styled.ul`\r\n  margin-top: 20px;\r\n  list-style: none;\r\n  padding: 0 16px;\r\n\r\n  .username-wrapper {\r\n    display: flex;\r\n  }\r\n\r\n  .icon-link.home {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 77px;\r\n    background: white;\r\n    margin-bottom: 5px;\r\n    border: 1px solid #ebf1f4;\r\n    border-radius: 20px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .svg {\r\n      width: 38px;\r\n      path {\r\n        fill: var(--purple);\r\n      }\r\n    }\r\n\r\n    .link {\r\n      height: 28px;\r\n\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 22px;\r\n      line-height: 28px;\r\n\r\n      color: var(--purple);\r\n    }\r\n\r\n    &.last {\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    &:hover {\r\n      background: white;\r\n      border-radius: 20px;\r\n\r\n      .svg {\r\n        path {\r\n          fill: var(--orange);\r\n        }\r\n      }\r\n\r\n      .link {\r\n        color: var(--orange);\r\n      }\r\n    }\r\n  }\r\n\r\n  .icon-link.links {\r\n    display: flex;\r\n    margin-bottom: 15px;\r\n\r\n    .svg {\r\n      width: 38px;\r\n    }\r\n\r\n    .link {\r\n      width: 201px;\r\n      a {\r\n        font-weight: normal;\r\n        color: var(--white);\r\n        font-size: 1rem;\r\n      }\r\n    }\r\n\r\n    &.last {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  background: var(--white);\r\n`;\r\n\r\nexport const MainOverview = styled.div`\r\n  margin-top: 20px;\r\n\r\n  @media only screen and (min-width: 1540px) {\r\n    padding: 0 10%;\r\n  }\r\n\r\n  @media only screen and (max-width: 1540px) {\r\n    padding: 0 5%;\r\n  }\r\n  @media only screen and (max-width: 1400px) {\r\n    padding: 0 2%;\r\n  }\r\n  @media only screen and (max-width: 800px) {\r\n    padding: 0 8%;\r\n  }\r\n`;\r\n\r\nexport const Footer = styled.footer`\r\n  grid-area: footer;\r\n  background: var(--white);\r\n`;\r\n","import React, { useState, useCallback } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { VscAccount } from 'react-icons/vsc';\r\nimport { FiHeart } from 'react-icons/fi';\r\nimport { MdQrCode, MdCreditCard, MdHelpCenter } from 'react-icons/md';\r\nimport CartaoCliente from '../../assets/CartoesRecarga/CartaoCliente.svg';\r\nimport DashBoardLoader from '../DashBoardLoader';\r\nimport { ReactComponent as Logo } from '../../assets/Shared/logo.svg';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport { useLoader } from '../../hooks/loader';\r\n\r\nimport {\r\n  GridContainer,\r\n  Header,\r\n  Aside,\r\n  Main,\r\n  MainOverview,\r\n  Footer,\r\n  AsideMenu,\r\n} from './styles';\r\n\r\nconst DashboardLayout: React.FC = ({ children }) => {\r\n  const [menuActive, setMenuActive] = useState(false);\r\n  const { user, signOut } = useAuth();\r\n  const { push } = useHistory();\r\n  const { isActive } = useLoader();\r\n\r\n  const userName = () => {\r\n    return user.full_name ? user.full_name.split(' ')[0] : '';\r\n  };\r\n\r\n  const haldleSetMenu = useCallback(() => {\r\n    setMenuActive(!menuActive);\r\n  }, [menuActive]);\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  return (\r\n    <GridContainer active={menuActive}>\r\n      {isActive && <DashBoardLoader />}\r\n      <Header>\r\n        <button type=\"button\" className=\"menu-icon\" onClick={haldleSetMenu}>\r\n          <strong> &#9776;</strong>\r\n        </button>\r\n        <div className=\"header-wrap\">\r\n          <div className=\"profile\">\r\n            <div className=\"profile-data\">\r\n              <h3>\r\n                {user.full_name ? (\r\n                  <a href=\"/meu-perfil\">\r\n                    Olá, {userName()}\r\n                    {/* <button type=\"button\" onClick={signOut}>\r\n                      Sair\r\n                    </button> */}\r\n                  </a>\r\n                ) : (\r\n                  <a href=\"/\">\r\n                    Olá, Seja Bem-vindo\r\n                    {/* <button type=\"button\" onClick={signOut}>\r\n                      Sair\r\n                    </button> */}\r\n                  </a>\r\n                )}\r\n              </h3>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Header>\r\n      <Aside>\r\n        <div className=\"topo\">\r\n          <div className=\"logo-container\">\r\n            <Logo onClick={() => push('/')} />\r\n          </div>\r\n          {menuActive && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"aside_close-icon\"\r\n              onClick={haldleSetMenu}\r\n            >\r\n              <strong> &#9776;</strong>\r\n            </button>\r\n          )}\r\n        </div>\r\n\r\n        <AsideMenu>\r\n          <div\r\n            className=\"username-wrapper\"\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/meu-perfil');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/meu-perfil');\r\n            }}\r\n            tabIndex={-1}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              {user.full_name ? (\r\n                <>\r\n                  <div className=\"svg\">\r\n                    <VscAccount color=\"white\" size={22} />\r\n                  </div>\r\n                  <div className=\"link\">\r\n                    <a href=\"/meu-perfil\">{userName()}</a>\r\n                  </div>\r\n                </>\r\n              ) : (\r\n                <div className=\"link\">\r\n                  <a href=\"/dashboard\">Olá, Seja Bem-vindo</a>\r\n                </div>\r\n              )}\r\n            </li>\r\n          </div>\r\n          <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/meus-cartoes');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/meus-cartoes');\r\n            }}\r\n            tabIndex={-2}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <img\r\n                  src={CartaoCliente}\r\n                  alt=\"Cartão cliente BHBus\"\r\n                  className=\"img-cliente\"\r\n                  height={20}\r\n                  style={{\r\n                    marginRight: '10px',\r\n                  }}\r\n                />\r\n                <a href=\"/meus-cartoes\">Meus Cartões</a>\r\n              </div>\r\n            </li>\r\n          </div>\r\n          <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/qr-code');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/qr-code');\r\n            }}\r\n            tabIndex={-3}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <MdQrCode />\r\n                <a href=\"/qr-code\"> QR Code </a>\r\n              </div>\r\n            </li>\r\n          </div>\r\n\r\n          {/* <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/meu-perfil');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/meu-perfil');\r\n            }}\r\n            tabIndex={-4}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <a href=\"/meu-perfil\">Meu Perfil</a>\r\n              </div>\r\n            </li>\r\n          </div> */}\r\n\r\n          <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/cartoes-credito');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/cartoes-credito');\r\n            }}\r\n            tabIndex={-6}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <MdCreditCard />\r\n                <a href=\"/cartoes-credito\">Cartões de crédito</a>\r\n              </div>\r\n            </li>\r\n          </div>\r\n\r\n          <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/favoritos');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/favoritos');\r\n            }}\r\n            tabIndex={-7}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <FiHeart />\r\n                <a href=\"/favoritos\">Favoritos</a>\r\n              </div>\r\n            </li>\r\n          </div>\r\n\r\n          <div\r\n            role=\"button\"\r\n            onClick={() => {\r\n              handleRedirect('/faq');\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect('/faq');\r\n            }}\r\n            tabIndex={-8}\r\n          >\r\n            <li className=\"icon-link home\">\r\n              <div className=\"link\">\r\n                <MdHelpCenter />\r\n                <a href=\"/faq\">Perguntas Frequentes</a>\r\n              </div>\r\n            </li>\r\n          </div>\r\n        </AsideMenu>\r\n      </Aside>\r\n      <Main>\r\n        <MainOverview>{children}</MainOverview>\r\n      </Main>\r\n      <Footer />\r\n    </GridContainer>\r\n  );\r\n};\r\n\r\nexport default DashboardLayout;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\nimport LoaderAnimation from '../../assets/loader.json';\r\n\r\nconst Loader: React.FC = () => {\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: LoaderAnimation,\r\n    rendererSettings: {\r\n      preserveAspectRatio: 'xMidYMid slice',\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Lottie\r\n      height={150}\r\n      width={150}\r\n      style={{\r\n        zIndex: 10,\r\n        transform: 'translateY(160%)',\r\n      }}\r\n      options={defaultOptions}\r\n      isStopped={false}\r\n      isPaused={false}\r\n    />\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","export const { format: formatPrice } = new Intl.NumberFormat('pt-BR', {\r\n  style: 'currency',\r\n  currency: 'BRL',\r\n});\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 70px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  width: 100%;\r\n\r\n  .header {\r\n    background-color: var(--aside-background);\r\n    strong {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  .tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n  }\r\n\r\n  .verPix {\r\n    background: transparent;\r\n    color: rgb(9, 85, 165);\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-size: 0.875rem;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\nimport { AxiosPromise } from 'axios';\r\nimport api from './api';\r\n\r\ninterface Card {\r\n  id: number;\r\n  user: string;\r\n  nickname: string;\r\n  card_number: string;\r\n  createdAt: Date;\r\n  balance: number;\r\n}\r\n\r\ninterface Payment {\r\n  id: number;\r\n  user: number;\r\n  titular_name: number;\r\n  card_number_display: string;\r\n  due_date: string;\r\n  cvv: number;\r\n  verbose_name: string;\r\n  payment_type: string;\r\n  charge_address: string;\r\n  charge_address_complement: string;\r\n  charge_address_number: number;\r\n  charge_address_neighborhood: string;\r\n  charge_address_city: string;\r\n  charge_address_state: string;\r\n  charge_address_cep: string;\r\n  is_active: boolean;\r\n}\r\n\r\ninterface PayEnable {\r\n  id: number;\r\n  payment_type: string;\r\n  rate: string;\r\n  enable: boolean;\r\n  warning: string;\r\n}\r\n\r\ninterface Recarga {\r\n  id: number;\r\n  created_at: string;\r\n  amount: number;\r\n  status_display: string;\r\n  tacom_boleto: string;\r\n  pix_copy_paste: string;\r\n  pix_expiration: string;\r\n  pix_image_link: string;\r\n  card_data: { nickname: string; card_number: string };\r\n}\r\n\r\ninterface RecargaQrCode {\r\n  id: number;\r\n  created_at: string;\r\n  amount: number;\r\n  status_display: string;\r\n  tacom_boleto: string;\r\n  pix_copy_paste: string;\r\n  pix_expiration: string;\r\n  pix_image_link: string;\r\n  card_data: { nickname: string; card_number: string };\r\n}\r\n\r\nclass TicketingService {\r\n  createCard = (\r\n    user: number,\r\n    nickname: string,\r\n    card_number: string,\r\n  ): AxiosPromise => {\r\n    return api.post('/ticketing/v2/my-cards/', {\r\n      user,\r\n      nickname,\r\n      card_number,\r\n    });\r\n  };\r\n\r\n  rechargeCard = (\r\n    card: number,\r\n    form_of_payment: number,\r\n    amount: number,\r\n    cvv?: string,\r\n  ): AxiosPromise => {\r\n    return api.post('/ticketing/recharge-request/', {\r\n      card,\r\n      form_of_payment,\r\n      amount,\r\n      cvv,\r\n    });\r\n  };\r\n\r\n  getActiveCards = (): AxiosPromise => {\r\n    return api.get('/ticketing/my-cards/');\r\n  };\r\n\r\n  getCard = (id: string): AxiosPromise => {\r\n    return api.get(`/ticketing/my-cards/${id}/`);\r\n  };\r\n\r\n  getCardExtrato = (\r\n    idcard: string,\r\n    dateStart: any,\r\n    dateEnd: any,\r\n  ): AxiosPromise => {\r\n    return api.get(\r\n      `/ticketing/my-card/${idcard}/statement-usage?start_date=${dateStart}&end_date=${dateEnd}`,\r\n    );\r\n  };\r\n\r\n  blockCard = (id: number, data: any): AxiosPromise => {\r\n    const headers = {\r\n      headers: {\r\n        'content-type': 'multipart/form-data',\r\n      },\r\n    };\r\n    return api.post(`/ticketing/my-card/${id}/blocked`, data, headers);\r\n  };\r\n\r\n  updateCard = (\r\n    user: number,\r\n    id: string,\r\n    card_number?: string,\r\n    nickname?: string,\r\n  ): AxiosPromise => {\r\n    return api.put(`/ticketing/v2/my-cards/${id}/`, {\r\n      user,\r\n      nickname,\r\n      card_number,\r\n    });\r\n  };\r\n\r\n  patchUpdateCard = (\r\n    user: number,\r\n    id: string,\r\n    nickname?: string,\r\n  ): AxiosPromise => {\r\n    return api.patch(`/ticketing/v2/my-cards/${id}/`, {\r\n      user,\r\n      nickname,\r\n    });\r\n  };\r\n\r\n  createPaymentForm = (\r\n    user: number,\r\n    titular_name: number,\r\n    card_number: string,\r\n    due_date: string,\r\n    charge_address: string,\r\n    charge_address_complement: string,\r\n    charge_address_number: number,\r\n    charge_address_neighborhood: string,\r\n    charge_address_city: string,\r\n    charge_address_state: string,\r\n    charge_address_cep: string,\r\n  ): AxiosPromise => {\r\n    return api.post('/ticketing/forms-of-payment/', {\r\n      titular_name,\r\n      card_number,\r\n      due_date,\r\n      charge_address,\r\n      charge_address_complement,\r\n      charge_address_number,\r\n      charge_address_neighborhood,\r\n      charge_address_city,\r\n      charge_address_state,\r\n      charge_address_cep,\r\n    });\r\n  };\r\n\r\n  changeCardStatus = (paymentId: number, cardStatus: boolean): AxiosPromise => {\r\n    return api.patch(`/ticketing/forms-of-payment/${paymentId}/`, {\r\n      is_active: cardStatus,\r\n    });\r\n  };\r\n\r\n  getPaymentForm = (): AxiosPromise => {\r\n    return api.get('/ticketing/forms-of-payment/');\r\n  };\r\n\r\n  deletePaymentForm = (paymentId: number): AxiosPromise => {\r\n    return api.delete(`/ticketing/forms-of-payment/${paymentId}/`);\r\n  };\r\n\r\n  getRecarga = (): AxiosPromise => {\r\n    return api.get('/ticketing/recharge-request/');\r\n  };\r\n\r\n  getRecargaQrCode = (): AxiosPromise => {\r\n    return api.get('/ticketing/recharge-request/?card_type=qr_code');\r\n  };\r\n\r\n  deleteTransFacilCard = (id: string) => {\r\n    return api.delete(`/ticketing/v2/my-cards/${id}/`);\r\n  };\r\n\r\n  getBoletoLimit = () => {\r\n    return api.get('/ticketing/recharge-limits/');\r\n  };\r\n\r\n  getFormsPay = (): AxiosPromise => {\r\n    return api.get('/ticketing/forms-of-billing/');\r\n  };\r\n}\r\n\r\nexport type { Card, Payment, PayEnable, Recarga, RecargaQrCode };\r\n\r\nexport default TicketingService;\r\n","export default __webpack_public_path__ + \"static/media/iconCopy.9552b752.svg\";","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 850px) {\r\n    height: 170vh;\r\n  }\r\n  @media (max-width: 645px) {\r\n    width: 100vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    height: 95%;\r\n    padding: 5px 40px 10px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      @media (max-width: 850px) {\r\n        right: 0px;\r\n      }\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n    padding: 10px;\r\n    @media (max-width: 850px) {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useEffect } from 'react';\r\nimport IconCopy from '../../../assets/MyCards/iconCopy.svg';\r\nimport { ModalPixPagamento } from './styles';\r\n\r\ninterface ModalPixProps {\r\n  codeExpiration: any;\r\n  codePix: any;\r\n  codeImage: any;\r\n  closeModal(): void;\r\n}\r\n\r\nconst ModalPix: React.FC<ModalPixProps> = ({\r\n  codeExpiration,\r\n  codePix,\r\n  codeImage,\r\n  closeModal,\r\n}) => {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const dataExp = codeExpiration.split('T')[0];\r\n  const dataBra = dataExp.split('-').reverse().join('/');\r\n\r\n  function copiarTexto() {\r\n    navigator.clipboard.writeText(codePix);\r\n    const element: HTMLElement = document.getElementById('copy') as HTMLElement;\r\n    element.innerHTML = 'Copiado';\r\n    element.style.background = '#D3D3D3';\r\n    element.style.color = 'var(--purple)';\r\n    element.style.fontWeight = 'bold';\r\n  }\r\n\r\n  return (\r\n    <ModalPixPagamento>\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div className=\"row\">\r\n          <h2>Para finalizar sua compra é só realizar o pagamento com Pix!</h2>\r\n          <p>\r\n            O código é válido até&nbsp;\r\n            <strong>{dataBra}</strong>\r\n            &nbsp;às&nbsp;\r\n            <strong>\r\n              {codeExpiration.split('T')[1].split(':', 1)}:\r\n              {codeExpiration.split('T')[1].split(':')[1]}\r\n            </strong>\r\n          </p>\r\n          <img\r\n            src={codeImage}\r\n            alt=\"\"\r\n            style={{\r\n              width: '180px',\r\n              marginTop: '20px',\r\n            }}\r\n          />\r\n          <div className=\"code\">{codePix}</div>\r\n          <button\r\n            type=\"button\"\r\n            id=\"copy\"\r\n            onClick={copiarTexto}\r\n            className=\"buttonCopy\"\r\n          >\r\n            <img\r\n              src={IconCopy}\r\n              alt=\"\"\r\n              style={{\r\n                width: '28px',\r\n                marginRight: '10px',\r\n              }}\r\n            />\r\n            Copiar código\r\n          </button>\r\n          <p style={{ marginTop: '10px', width: '95%' }}>\r\n            <strong>\r\n              Se o pagamento não for confirmado, não se preocupe. O pedido será\r\n              cancelado automaticamente.\r\n            </strong>\r\n          </p>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '30px',\r\n          }}\r\n        >\r\n          <div className=\"number\">1</div>\r\n          <div>Copie o código de pagamento no botão acima</div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">2</div>\r\n          <div>\r\n            Abra o app ou banco de sua preferência e cole o código. Confira\r\n            todas as informações e autorize o pagamento.\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">3</div>\r\n          <div>\r\n            Pronto! Você vai receber a confirmação de pagamento por aqui\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalPix;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useState, useEffect } from 'react';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport Loader from '../../components/Loader';\r\nimport { formatPrice } from '../../services/currency';\r\n// import ModalUpdateInformations from '../../components/ModalUpdateInformations';\r\n\r\nimport { TitleSection, Main } from './styles';\r\n\r\nimport TicketingService, { Recarga } from '../../services/ticketing';\r\nimport AccountsService from '../../services/accounts';\r\nimport ModalPix from './ModalPix';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { useAuth } from '../../hooks/auth';\r\n\r\nconst MeusPedidos: React.FC = () => {\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [recargas, setRecargas] = React.useState<any>();\r\n  const [pixCode, setPixCode] = useState<any>();\r\n  const [pixImage, setPixImage] = useState<any>();\r\n  const [pixExpiration, setPixExpiration] = useState<any>();\r\n  const [profile, setProfile] = React.useState([]);\r\n  console.log({ profile });\r\n  const [modalPixOpen, setModalPixOpen] = React.useState<boolean>(false);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  // const [\r\n  //   modalUpdateInformationsIsOpen,\r\n  //   setModalUpdateInformationsIsOpen,\r\n  // ] = useState(false);\r\n\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n\r\n  useEffect(() => {\r\n    async function getRecargas() {\r\n      try {\r\n        const response = await services.ticketingService.getRecarga();\r\n        setRecargas(response.data.results);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getRecargas();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setProfile(response.data);\r\n        if (\r\n          response.data.address == null ||\r\n          response.data.birth_date == null ||\r\n          response.data.cpf == null ||\r\n          response.data.email == null ||\r\n          response.data.full_name == null\r\n        )\r\n          setLoading(false);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <TitleSection>\r\n            <h1>Meus Pedidos</h1>\r\n          </TitleSection>\r\n          <Main>\r\n            <Paper>\r\n              <Table>\r\n                <TableHead>\r\n                  <TableRow className=\"header\">\r\n                    <TableCell>\r\n                      <strong>Apelido do Cartão</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Número do Cartão</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Data do Pedido</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Valor</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Status</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Pagamento</strong>\r\n                    </TableCell>\r\n                  </TableRow>\r\n                </TableHead>\r\n                <TableBody>\r\n                  {recargas &&\r\n                    recargas.map((recarga: Recarga) => (\r\n                      <TableRow key={Math.random()}>\r\n                        <TableCell component=\"th\" scope=\"row\">\r\n                          {recarga.card_data.nickname}\r\n                        </TableCell>\r\n                        <TableCell>{recarga.card_data.card_number}</TableCell>\r\n                        <TableCell>{recarga.created_at}</TableCell>\r\n                        <TableCell>{formatPrice(recarga.amount)}</TableCell>\r\n                        <TableCell\r\n                          style={{\r\n                            cursor: 'default',\r\n                          }}\r\n                        >\r\n                          {recarga.status_display ===\r\n                          'Aguardando processamento' ? (\r\n                            <div title=\"Pedido aguardando sequência para a próxima etapa.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Pedido em análise' ? (\r\n                            <div title=\"Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando a confirmação do pagamento' ? (\r\n                            <div title=\"O método de pagamento escolhido depende de compensação de pagamento pelo banco, podendo esse procedimento levar até 72 horas.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pagamento confirmado. Pedido em processamento' ? (\r\n                            <div title=\"Seu pedido foi confirmado! Os créditos podem ser disponibilizados em até 3 dias em seu cartão. Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pedido processado com sucesso' ? (\r\n                            <div title=\"Sua carga já está disponível, para utilizá-la basta realizar a validação nos leitores dos ônibus.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando confirmação de pagamento' ? (\r\n                            <div title=\"Recebemos seu pedido. Estamos aguardando a confirmação do seu pagamento.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Erro no processamento' ? (\r\n                            <div title=\"Houve uma falha técnica no processamento de seu pedido, gentileza entrar em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Pedido negado' ? (\r\n                            <div title=\"Para mais informações, entrar em contato com nosso time de Sucesso do Cliente telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pagamento recusado' ? (\r\n                            <div title=\"A compra em seu cartão foi recusada; para obter mais informações entre contato com a central de atendimento da operadora do seu cartão de crédito.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Em processamento' ? (\r\n                            <div title=\"Pedido em processamento.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando pagamento de boleto' ? (\r\n                            <div title=\"Recebemos seu pedido. Estamos aguardando o pagamento do boleto.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : (\r\n                            <div title={recarga.status_display}>\r\n                              &#9432; {recarga.status_display}.\r\n                            </div>\r\n                          )}\r\n                        </TableCell>\r\n                        <TableCell>\r\n                          {recarga.tacom_boleto && (\r\n                            <a\r\n                              href={recarga.tacom_boleto}\r\n                              target=\"_blank\"\r\n                              rel=\"noreferrer\"\r\n                              style={{ color: '#0955a5' }}\r\n                            >\r\n                              Ver Boleto\r\n                            </a>\r\n                          )}\r\n                          {recarga.pix_image_link && (\r\n                            <>\r\n                              <button\r\n                                type=\"button\"\r\n                                className=\"verPix\"\r\n                                onClick={() => {\r\n                                  setModalPixOpen(true);\r\n                                  setPixCode(recarga.pix_copy_paste);\r\n                                  setPixImage(recarga.pix_image_link);\r\n                                  setPixExpiration(recarga.pix_expiration);\r\n                                }}\r\n                              >\r\n                                Ver PIX\r\n                              </button>\r\n                            </>\r\n                          )}\r\n                          {!recarga.tacom_boleto &&\r\n                            !recarga.pix_image_link &&\r\n                            '-'}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                </TableBody>\r\n              </Table>\r\n            </Paper>\r\n            {/* {modalUpdateInformationsIsOpen && <ModalUpdateInformations />} */}\r\n            {modalPixOpen && (\r\n              <>\r\n                <ModalPix\r\n                  closeModal={() => setModalPixOpen(false)}\r\n                  codeExpiration={pixExpiration}\r\n                  codePix={pixCode}\r\n                  codeImage={pixImage}\r\n                />\r\n              </>\r\n            )}\r\n          </Main>\r\n        </>\r\n      )}\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport default MeusPedidos;\r\n","import React from 'react';\r\nimport MeusPedidos from '../MeusPedidos';\r\n\r\nconst Dashboard: React.FC = () => {\r\n  return <MeusPedidos />;\r\n};\r\n\r\nexport default Dashboard;\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst EaseIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\ninterface CardProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 90px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 3rem;\r\n    @media (max-width: 355px) {\r\n      flex-wrap: wrap;\r\n      font-size: 2.7rem;\r\n    }\r\n    @media (max-width: 315px) {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 1.5rem 0;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  animation: ${EaseIn} 0.3s;\r\n\r\n  .informacoes {\r\n    color: var(--purple);\r\n    margin-left: 20px;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .text {\r\n    color: var(--purple);\r\n    margin: 20px 0 0 0;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .inputcash {\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 200px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n\r\n    @media (max-width: 425px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .recharge {\r\n    display: grid;\r\n  }\r\n\r\n  .payment {\r\n    display: flex;\r\n  }\r\n\r\n  .inputpayment {\r\n    margin-top: 60px;\r\n    margin-left: 15px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 350px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    ::-webkit-input-placeholder {\r\n      color: #424b5a;\r\n    }\r\n  }\r\n\r\n  .inputpayment1 {\r\n    margin-top: 22px;\r\n    margin-left: 113px;\r\n    margin-right: -84px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    height: 40px;\r\n    width: 160px;\r\n    border: 1px solid var(--purple);\r\n    ::-webkit-input-placeholder {\r\n      color: #424b5a;\r\n    }\r\n  }\r\n\r\n  .button {\r\n    margin-top: 25px;\r\n    margin-right: 20px;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  .button-grey {\r\n    margin-top: 60px;\r\n    width: 78px;\r\n    background-color: #d8d8d8;\r\n    margin-right: 20px;\r\n    border-radius: 7px;\r\n  }\r\n\r\n  .button-confirmar {\r\n    margin-top: 60px;\r\n    margin-right: 20px;\r\n    margin-bottom: 10px;\r\n    border-radius: 16px;\r\n    @media (max-width: 365px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .button-cancelar {\r\n    margin-top: 10px;\r\n    margin-bottom: 100px;\r\n    color: var(--orange);\r\n    border: 2px solid var(--orange);\r\n    border-radius: 16px;\r\n\r\n    @media (max-width: 365px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .inputcep {\r\n    margin-top: 60px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 300px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .cep {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .cep-remember {\r\n    position: absolute;\r\n    margin-left: 318px;\r\n    color: var(--orange);\r\n    margin-top: -17px;\r\n  }\r\n\r\n  .endereco {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputendereco {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 800px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n  .numero {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputnumero {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    height: 40px;\r\n    width: 110px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .complemento {\r\n    position: absolute;\r\n    margin-left: 140px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .inputcomplemento {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 239px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .bairro {\r\n    position: absolute;\r\n    margin-left: 400px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .inputbairro {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 410px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .orange-card {\r\n    margin-top: 1.2rem;\r\n    @media (max-width: 315px) {\r\n      margin-left: 0px;\r\n      width: 11.5rem;\r\n    }\r\n  }\r\n\r\n  .register-card {\r\n    margin-top: 4rem;\r\n    width: 2rem;\r\n    margin-left: 7.2rem;\r\n    position: absolute;\r\n    @media (max-width: 315px) {\r\n      width: 1.5rem;\r\n      margin-left: 5rem;\r\n      margin-top: 3.5rem;\r\n    }\r\n  }\r\n\r\n  .apelido {\r\n    position: absolute;\r\n    margin-left: 1rem;\r\n    background-color: var(--white);\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .inputapelido {\r\n    margin-top: 40px;\r\n    margin-bottom: 20px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 340px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .numcartao {\r\n    position: absolute;\r\n    margin-left: 1rem;\r\n    background-color: var(--white);\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .inputnumcartao {\r\n    margin-top: 25px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 340px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .button-cadastrar {\r\n    margin-left: 0px;\r\n    margin-right: 20px;\r\n    border-radius: 16px;\r\n    @media (max-width: 650px) {\r\n      width: 100%;\r\n    }\r\n    @media (max-width: 315px) {\r\n      width: 70%;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .button-generate-ticket-qrcode {\r\n    margin-left: 0px;\r\n    margin-right: 20px;\r\n    border-radius: 16px;\r\n    @media (max-width: 650px) {\r\n      margin-top: 1rem;\r\n      width: 100%;\r\n    }\r\n    @media (max-width: 315px) {\r\n      width: 70%;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .button-cancelar-cadastrar {\r\n    margin-bottom: 70px;\r\n    color: var(--orange);\r\n    border: 2px solid var(--orange);\r\n    border-radius: 16px;\r\n    @media (max-width: 650px) {\r\n      width: 100%;\r\n      margin-top: 1rem;\r\n    }\r\n    @media (max-width: 315px) {\r\n      width: 70%;\r\n      padding: 0;\r\n    }\r\n  }\r\n\r\n  .button-excluir {\r\n    background-color: var(--red);\r\n    margin-left: 20px;\r\n    @media (max-width: 650px) {\r\n      margin-top: -50px !important;\r\n      margin-bottom: 40px;\r\n      width: 100%;\r\n      margin-left: 0px;\r\n    }\r\n  }\r\n\r\n  .buttons {\r\n    display: flex;\r\n    margin-top: 60px;\r\n    @media (max-width: 650px) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  .text-cartao1 {\r\n    color: var(--purple);\r\n    font-size: 21px;\r\n    margin: 70px 0 0 0;\r\n  }\r\n\r\n  .text-cartao2 {\r\n    color: var(--purple);\r\n    font-size: 21px;\r\n    margin: 30px 0 0 0;\r\n  }\r\n\r\n  .inputroubo {\r\n    margin-top: 25px;\r\n    border-radius: 20px;\r\n    padding-left: 20px;\r\n    width: 800px;\r\n    height: 200px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .text-cartao3 {\r\n    color: var(--purple);\r\n    font-size: 21px;\r\n    margin: 75px 0 0 0;\r\n  }\r\n\r\n  .button-document {\r\n    margin-top: 30px;\r\n    width: 350px;\r\n    height: 60px;\r\n    color: var(--purple);\r\n    border: 1px solid var(--purple);\r\n    border-radius: 16px;\r\n    align-items: left;\r\n    text-align: left;\r\n  }\r\n\r\n  .ovalgrey {\r\n    padding-top: 3px;\r\n    height: 40px;\r\n  }\r\n\r\n  .text-nota {\r\n    color: var(--purple);\r\n    font-size: 21px;\r\n    margin: 15px 0 0 0;\r\n  }\r\n\r\n  @media (max-width: 1250px) {\r\n    .box-amarela-direita-2 {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1384px) {\r\n    .box-amarela-direita-3 {\r\n      display: none;\r\n    }\r\n    .box-amarela-direita {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 915px) {\r\n    .cartao-bhbus {\r\n      width: 400px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ModalContentBanner = styled.div`\r\n  height: 300px;\r\n  width: 500px;\r\n  padding: 0px 10px 20px 10px;\r\n  text-align: center;\r\n  display: contents;\r\n  h2 {\r\n    font-weight: 14px;\r\n  }\r\n  p {\r\n    font-weight: 12px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n\r\nexport const ContainerCartao = styled.div`\r\n  display: flex;\r\n  margin-top: -50px;\r\n  .cartaoBranco {\r\n    background: #f2f5f7;\r\n    border: 2px solid var(--purple);\r\n    box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n    border-radius: 22px;\r\n    width: 260px;\r\n    padding-top: 20px;\r\n    padding-bottom: 20px;\r\n    h3 {\r\n      margin-left: 45px;\r\n    }\r\n  }\r\n  .cartaoRoxo {\r\n    background: #452359;\r\n    border: 2px solid #4d1d6e;\r\n    box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n    border-radius: 22px;\r\n    width: 260px;\r\n    padding-top: 20px;\r\n    padding-bottom: 20px;\r\n    h3 {\r\n      margin-left: 45px;\r\n    }\r\n  }\r\n  .cardmenu {\r\n    color: var(--orange);\r\n    .destaque {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  .imagem-cartao {\r\n    margin-left: 45px;\r\n  }\r\n\r\n  div + div {\r\n    margin-left: 30px;\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const CardBox = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  width: 870px;\r\n  margin-top: 65px;\r\n  img {\r\n    width: 265px;\r\n  }\r\n  .mycards {\r\n    margin-top: -30px;\r\n  }\r\n\r\n  @media (max-width: 915px) {\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const CardRegister = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  width: 870px;\r\n  margin-top: 25px;\r\n  margin-bottom: 80px;\r\n  .img {\r\n    width: 265px;\r\n  }\r\n  .register {\r\n    margin-top: 40px;\r\n    margin-left: -152px;\r\n    position: absolute;\r\n  }\r\n  @media (max-width: 915px) {\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const TransfacilCard = styled.button<CardProps>`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  padding: 14px 23px 14px 23px;\r\n  margin-right: 25px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: ${props => (props.active ? `#F2F5F7` : `var(--purple)`)};\r\n  color: ${props => (props.active ? `var(--purple)` : `#F2F5F7`)};\r\n  font-weight: ${props => (props.active ? `bolder` : ``)};\r\n\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: ${props => (props.active ? `var(--purple)` : `var(--white)`)};\r\n    }\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\ninterface CardProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const Container = styled.div`\r\n  .cards-container {\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    box-sizing: border-box;\r\n    &:before,\r\n    &after {\r\n      content: '';\r\n      display: table;\r\n    }\r\n    &:after {\r\n      clear: both;\r\n    }\r\n    margin-top: 60px;\r\n    @media (max-width: 1024px) {\r\n      flex-wrap: wrap;\r\n      width: 50%;\r\n    }\r\n    @media (max-width: 650px) {\r\n      flex-wrap: wrap;\r\n      display: grid;\r\n      width: 100%;\r\n      max-width: 300px;\r\n      justify-content: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AddCard = styled.div`\r\n  background: #f2f5f7;\r\n  height: 11rem;\r\n  width: 100% !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 22px;\r\n  margin-right: 1em;\r\n  margin-bottom: 1em;\r\n  width: 29%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  max-width: 300px;\r\n\r\n  &:hover {\r\n    background: #e6e6e6;\r\n  }\r\n  @media (max-width: 650px) {\r\n    width: 250px;\r\n    max-width: 300px;\r\n  }\r\n\r\n  span {\r\n    font-family: Source Sans Pro;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    text-align: center;\r\n    letter-spacing: 0.18px;\r\n    text-transform: uppercase;\r\n\r\n    color: #a1aeb7;\r\n  }\r\n\r\n  img {\r\n    margin-bottom: 15px;\r\n  }\r\n`;\r\n\r\nexport const TransfacilCard = styled.button<CardProps>`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  padding: 5px 10px 5px 10px;\r\n  margin-right: 25px;\r\n  margin-top: -18px;\r\n  margin-left: 15px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: ${props => (props.active ? `#F2F5F7` : `var(--orange)`)};\r\n  color: ${props => (props.active ? `var(--purple)` : `#F2F5F7`)};\r\n  font-weight: ${props => (props.active ? `bolder` : ``)};\r\n\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: ${props => (props.active ? `var(--purple)` : `var(--white)`)};\r\n    }\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\ninterface CardProps {\r\n  selected?: boolean;\r\n  active?: boolean;\r\n  identficado?: boolean;\r\n  qrcode?: boolean;\r\n}\r\n\r\nexport const Container = styled.div<CardProps>`\r\n  width: 100% !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  max-width: 300px;\r\n  justify-content: center;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n  background: linear-gradient(180deg, #3d2463 0%, #3d2463 100%);\r\n  border-radius: 22px;\r\n  margin-right: 1em;\r\n  margin-bottom: 1em;\r\n  width: 29%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  transform: scale(1);\r\n\r\n  .mainmenuinfo {\r\n    display: flex;\r\n    background: ${props =>\r\n      props.identficado ? `var(--orange)` : `var(--purple-dark)`};\r\n    color: ${props => (props.identficado ? `#F2F5F7` : `#F2F5F7`)};\r\n    font-weight: ${props => (props.active ? `bolder` : `bolder`)};\r\n    border-radius: 20px;\r\n    min-width: 150px;\r\n    width: 100%;\r\n  }\r\n  .loading-icon {\r\n    display: inline-block;\r\n    animation: spin 1s infinite linear;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  @keyframes spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n  .PrincipalDiv {\r\n    width: 100%;\r\n    @media (max-width: 500px) {\r\n      display: contents;\r\n    }\r\n    .middlecardComplete {\r\n      justify-content: center;\r\n      @media (max-width: 500px) {\r\n        width: 250px;\r\n      }\r\n    }\r\n    .middlecard {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      @media (max-width: 650px) {\r\n        width: 250px;\r\n      }\r\n      .logocartao-container {\r\n        margin-left: 5%;\r\n        margin-right: 5%;\r\n        height: 70px;\r\n        margin-top: 2em;\r\n\r\n        .icon {\r\n          path {\r\n            background-color: black;\r\n            fill: revert-layer;\r\n          }\r\n          * {\r\n            color: red;\r\n          }\r\n        }\r\n      }\r\n      .areasaldo {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-right: 10px;\r\n\r\n        .icon {\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n      .middlecard2 {\r\n        margin-left: 5%;\r\n        margin-right: 10%;\r\n      }\r\n\r\n      .logocartao {\r\n        align-items: center;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    transform: scale(1.03);\r\n    box-shadow: 0px 10px 6px #00000029;\r\n  }\r\n\r\n  ${props =>\r\n    props.selected &&\r\n    `\r\n    transform: scale(1.03);\r\n    box-shadow: 0px 10px 6px #00000029;\r\n    background: var(--purple);\r\n  `};\r\n\r\n  svg {\r\n    font-size: 2.5em;\r\n\r\n    path {\r\n      opacity: 0.6;\r\n      fill: #ffffff;\r\n    }\r\n  }\r\n  .FormControl {\r\n    color: var(--white);\r\n  }\r\n  .saldo {\r\n    color: white;\r\n    text-align: center; /* Alinha os elementos à esquerda */\r\n    margin-bottom: 0.5em;\r\n    font-size: 16px;\r\n    margin-left: -15px;\r\n    @media (max-width: 700px) {\r\n      margin-left: 0px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      margin-left: -10px;\r\n    }\r\n  }\r\n  .saldotext {\r\n    color: white;\r\n    text-align: center; /* Alinha os elementos à esquerda */\r\n    font-size: 10px;\r\n    margin-top: 2em;\r\n    margin-left: -15px;\r\n    @media (max-width: 700px) {\r\n      margin-left: 0px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      margin-left: -10px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Nickname = styled.p`\r\n  font-family: 'Sallim Signature', sans-serif;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 30px;\r\n  max-width: 100%;\r\n  line-height: 1rem;\r\n  margin-bottom: 0.5em;\r\n  text-align: center;\r\n  letter-spacing: 0.18px;\r\n  color: #ffffff;\r\n  @media (max-width: 315px) {\r\n    line-height: 1.5rem;\r\n  }\r\n`;\r\n\r\nexport const CardNumber = styled.span`\r\n  font-family: Source Sans Pro;\r\n  font-style: normal;\r\n  font-weight: bold;\r\n  font-size: 1em;\r\n  margin-bottom: 0.5em;\r\n  margin-top: 0.5em;\r\n  line-height: 32px;\r\n  text-align: center;\r\n  letter-spacing: 0.18px;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n`;\r\n\r\nexport const TransfacilCard = styled.button<CardProps>`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  width: 100%;\r\n  padding: 5px 10px 5px 10px;\r\n  color: var(--text);\r\n  border-top-left-radius: 0;\r\n  border-top-right-radius: 0;\r\n  align-items: center;\r\n  margin-top: -5px;\r\n  @media (max-width: 700px) {\r\n    width: 100%;\r\n    min-width: 50px;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: ${props =>\r\n    props.identficado ? `var(--orange)` : `var(--purple-dark)`};\r\n  color: ${props => (props.identficado ? `#F2F5F7` : `#F2F5F7`)};\r\n  font-weight: ${props => (props.active ? `bolder` : `bolder`)};\r\n\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: ${props => (props.active ? `var(--purple)` : `var(--white)`)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const InfoDiv = styled.div<CardProps>`\r\n  background: var(--purple);\r\n  display: flex;\r\n  background: ${props =>\r\n    props.identficado ? `var(--orange)` : `var(--purple-dark)`};\r\n  color: ${props => (props.identficado ? `#F2F5F7` : `#F2F5F7`)};\r\n  font-weight: ${props => (props.active ? `bolder` : `bolder`)};\r\n  border-radius: 20px;\r\n  min-width: 150px;\r\n  width: 100%;\r\n`;\r\n","export default \"data:image/png;base64,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\"","/* eslint-disable no-restricted-globals */\r\n/* eslint-disable jsx-a11y/alt-text */\r\n/* eslint-disable jsx-a11y/control-has-associated-label */\r\nimport React, { HTMLAttributes, useCallback } from 'react';\r\nimport CreditCardIcon from '@material-ui/icons/CreditCard';\r\nimport { MdQrCode } from 'react-icons/md';\r\nimport { RxEyeClosed, RxEyeOpen, RxMinus, RxReload } from 'react-icons/rx';\r\nimport {\r\n  useHistory,\r\n  useRouteMatch,\r\n  matchPath,\r\n  useLocation,\r\n} from 'react-router-dom';\r\nimport api from '../../../services/api';\r\n\r\nimport {\r\n  Container,\r\n  Nickname,\r\n  CardNumber,\r\n  TransfacilCard,\r\n  InfoDiv,\r\n} from './styles';\r\n\r\nimport { formatPrice } from '../../../services/currency';\r\n\r\nimport LogoCartao from '../../../assets/MyCards/BHBUS.png';\r\nimport Loader from '../../Loader';\r\n\r\ninterface CardProps extends HTMLAttributes<HTMLElement> {\r\n  nickname?: string;\r\n  cardNumber?: string;\r\n  selected?: boolean;\r\n  saldo?: number;\r\n  id?: any;\r\n  active?: boolean;\r\n  qrcode?: boolean;\r\n  register?: boolean;\r\n  mainmenu?: boolean;\r\n  recharge?: boolean;\r\n  eye?: boolean;\r\n  info?: boolean;\r\n}\r\n\r\nconst Card: React.FC<CardProps> = ({\r\n  nickname,\r\n  cardNumber,\r\n  selected,\r\n  saldo,\r\n  id,\r\n  active,\r\n  qrcode,\r\n  register,\r\n  mainmenu,\r\n  recharge,\r\n  eye,\r\n  info,\r\n  ...rest\r\n}) => {\r\n  const { push } = useHistory();\r\n  const { path, url } = useRouteMatch();\r\n\r\n  const { pathname } = useLocation();\r\n  const [cartãoIdent, setCartãoIdent] = React.useState<boolean>();\r\n  const [eyechange, setEyechange] = React.useState<boolean>(false);\r\n  const [saldocartao, setSaldoCartao] = React.useState();\r\n  const [loading, setLoading] = React.useState<boolean>(false);\r\n  const [dadoscart, setDadoscart] = React.useState([]);\r\n  const [novosaldo, setNovoSaldo] = React.useState<any>();\r\n  // const [checked, setChecked] = useState<boolean>(true);\r\n  // const toggleChecked = () => {\r\n  //   if (checked) {\r\n  //     setChecked(false);\r\n  //   } else {\r\n  //     setChecked(true);\r\n  //   }\r\n  // };\r\n\r\n  // const theme = createMuiTheme({\r\n  //   palette: {\r\n  //     primary: orange,\r\n  //   },\r\n  // });\r\n\r\n  const handleRedirect = useCallback(\r\n    (pathLink: any, eyechangeValue, saldocartaovalue) => {\r\n      if (eyechangeValue) {\r\n        push(\r\n          `${pathLink}?eyechange=${eyechangeValue}&saldocarta=${saldocartaovalue}`,\r\n        );\r\n      } else {\r\n        push(`${pathLink}`);\r\n      }\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleUrlMatch = (activeUrl: string): boolean => {\r\n    const match = matchPath(pathname, {\r\n      path: activeUrl,\r\n      exact: true,\r\n    });\r\n\r\n    return match ? match.isExact : false;\r\n  };\r\n\r\n  const handleSaldo = React.useCallback(async () => {\r\n    try {\r\n      if (eyechange) {\r\n        setEyechange(false);\r\n      } else if (!eyechange) {\r\n        setLoading(true);\r\n        setEyechange(true);\r\n\r\n        const response = await api.get(`/ticketing/my-card/${id}/balance`);\r\n\r\n        setSaldoCartao(response?.data?.card?.Saldo);\r\n      }\r\n    } catch (err) {\r\n      console.log(err);\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [eyechange, dadoscart, id]);\r\n\r\n  function verificarNumeroIdentificado() {\r\n    // Convertendo o número para string para facilitar a verificação dos primeiros dígitos\r\n    const numeroString = cardNumber.toString();\r\n\r\n    // Verificando se os primeiros 4 dígitos correspondem a \"0362\"\r\n    const primeirosDigitos = numeroString.slice(0, 4);\r\n\r\n    const corresponde = primeirosDigitos === '0362';\r\n    setCartãoIdent(corresponde);\r\n  }\r\n  React.useEffect(() => {\r\n    verificarNumeroIdentificado();\r\n  }, []);\r\n\r\n  const handleRedirectRecarga = () => {\r\n    if (eyechange) {\r\n      window.location.href = `/meus-cartoes/recarregar/${id}?eyechange=${eyechange}&saldocarta=${\r\n        saldocartao || novosaldo\r\n      }`;\r\n    } else {\r\n      window.location.href = `/meus-cartoes/recarregar/${id}`;\r\n    }\r\n  };\r\n\r\n  const handleRedirectDetalhes = () => {\r\n    window.location.href = `/meus-cartoes/recarregar/${id}`; // Redireciona para a página do QR Code\r\n  };\r\n  const style = { color: 'white', fontSize: '1.5em' };\r\n\r\n  React.useEffect(() => {\r\n    if (eye) {\r\n      setEyechange(true);\r\n    }\r\n  }, [eye]);\r\n\r\n  React.useEffect(() => {\r\n    const params = new URLSearchParams(location.search);\r\n    const eyechangeParam = params.get('eyechange');\r\n    const saldoParam = params.get('saldocarta');\r\n\r\n    if (eyechangeParam === 'true') {\r\n      setEyechange(true);\r\n      const saldoP = JSON.parse(saldoParam);\r\n      setNovoSaldo(JSON.parse(saldoParam));\r\n    } else {\r\n      // Defina o estado de eyechange como falso\r\n      setEyechange(false);\r\n    }\r\n  }, [location.search]);\r\n\r\n  return (\r\n    <>\r\n      {qrcode && !register && !mainmenu && !recharge && !info && (\r\n        <Container\r\n          {...rest}\r\n          selected={selected}\r\n          active={active}\r\n          style={{\r\n            maxWidth: '250px',\r\n          }}\r\n        >\r\n          <div role=\"button\" className=\"PrincipalDiv\" key={id} tabIndex={-1}>\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div\r\n                  className=\"logocartao-container\"\r\n                  style={{\r\n                    marginLeft: '10%',\r\n                    marginTop: '15%',\r\n                  }}\r\n                >\r\n                  <div className=\"icon\">\r\n                    <MdQrCode color=\"white\" fill=\"white\" />\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  className=\"middlecard2\"\r\n                  style={{\r\n                    justifyContent: 'flex-end',\r\n                  }}\r\n                >\r\n                  <p className=\"saldotext\">SALDO QR CODE</p>\r\n                  <h3 className=\"saldo\">{formatPrice(saldo)}</h3>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n        </Container>\r\n      )}\r\n      {!qrcode && !register && mainmenu && !recharge && !info && (\r\n        <Container {...rest} selected={selected} active={active}>\r\n          <div\r\n            role=\"button\"\r\n            className=\"PrincipalDiv\"\r\n            onClick={() => {\r\n              handleRedirect(`${path}/cartao/${id}`, eyechange, saldocartao);\r\n            }}\r\n            onKeyDown={() => {\r\n              handleRedirect(`${path}/cartao/${id}`, eyechange, saldocartao);\r\n            }}\r\n            key={id}\r\n            tabIndex={-1}\r\n          >\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div className=\"logocartao-container\">\r\n                  <img src={LogoCartao} className=\"logocartao\" />\r\n                  <Nickname>{nickname}</Nickname>\r\n                </div>\r\n                {eyechange ? (\r\n                  <div className=\"areasaldo\">\r\n                    {loading ? (\r\n                      <div className=\"loading-icon\">\r\n                        <RxReload size={18} />\r\n                      </div>\r\n                    ) : (\r\n                      <div\r\n                        className=\"middlecard2\"\r\n                        style={{\r\n                          justifyContent: 'flex-end',\r\n                        }}\r\n                      >\r\n                        <p className=\"saldotext\">SALDO</p>\r\n                        <h3 className=\"saldo\">{formatPrice(saldocartao)}</h3>\r\n                      </div>\r\n                    )}\r\n                    <RxEyeOpen\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '12px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                ) : (\r\n                  <div className=\"areasaldo\">\r\n                    <div\r\n                      className=\"middlecard2\"\r\n                      style={{\r\n                        justifyContent: 'flex-end',\r\n                      }}\r\n                    >\r\n                      <RxMinus />\r\n                    </div>\r\n                    <RxEyeClosed\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '5px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n          {active && (\r\n            <TransfacilCard\r\n              identficado={cartãoIdent}\r\n              onClick={handleRedirectRecarga}\r\n            >\r\n              RECARREGAR\r\n            </TransfacilCard>\r\n          )}\r\n          {/* <ThemeProvider theme={theme}>\r\n            <FormGroup>\r\n              <FormControlLabel\r\n                control={\r\n                  <Switch\r\n                    checked={checked}\r\n                    onChange={toggleChecked}\r\n                    color=\"primary\"\r\n                  />\r\n                }\r\n                label=\"Cartão Ativo\"\r\n                color=\"secondary\"\r\n                className=\"FormControl\"\r\n              />\r\n            </FormGroup>\r\n          </ThemeProvider> */}\r\n        </Container>\r\n      )}\r\n\r\n      {!qrcode && !register && !mainmenu && !recharge && !info && (\r\n        <Container {...rest} selected={selected} active={active}>\r\n          <div role=\"button\" className=\"PrincipalDiv\" key={id} tabIndex={-1}>\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div className=\"logocartao-container\">\r\n                  <img src={LogoCartao} className=\"logocartao\" />\r\n                  <Nickname>{nickname}</Nickname>\r\n                </div>\r\n                {eyechange ? (\r\n                  <div className=\"areasaldo\">\r\n                    {loading ? (\r\n                      <div className=\"loading-icon\">\r\n                        <RxReload size={18} />\r\n                      </div>\r\n                    ) : (\r\n                      <div\r\n                        className=\"middlecard2\"\r\n                        style={{\r\n                          justifyContent: 'flex-end',\r\n                        }}\r\n                      >\r\n                        <p className=\"saldotext\">SALDO</p>\r\n                        <h3 className=\"saldo\">{formatPrice(saldocartao)}</h3>\r\n                      </div>\r\n                    )}\r\n                    <RxEyeOpen\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '12px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                ) : (\r\n                  <div className=\"areasaldo\">\r\n                    <div\r\n                      className=\"middlecard2\"\r\n                      style={{\r\n                        justifyContent: 'flex-end',\r\n                      }}\r\n                    >\r\n                      <RxMinus />\r\n                    </div>\r\n                    <RxEyeClosed\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '5px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n          {active && (\r\n            <InfoDiv identficado={cartãoIdent}>\r\n              {/* <TransfacilCard\r\n                identficado={cartãoIdent}\r\n                onClick={() => {\r\n                  handleRedirect(`${path}/cartao/${id}`);\r\n                }}\r\n              >\r\n                DETALHES\r\n              </TransfacilCard> */}\r\n              <TransfacilCard\r\n                identficado={cartãoIdent}\r\n                onClick={handleRedirectRecarga}\r\n              >\r\n                RECARREGAR\r\n              </TransfacilCard>\r\n            </InfoDiv>\r\n          )}\r\n          {/* <ThemeProvider theme={theme}>\r\n            <FormGroup>\r\n              <FormControlLabel\r\n                control={\r\n                  <Switch\r\n                    checked={checked}\r\n                    onChange={toggleChecked}\r\n                    color=\"primary\"\r\n                  />\r\n                }\r\n                label=\"Cartão Ativo\"\r\n                color=\"secondary\"\r\n                className=\"FormControl\"\r\n              />\r\n            </FormGroup>\r\n          </ThemeProvider> */}\r\n        </Container>\r\n      )}\r\n      {!qrcode && !register && !mainmenu && recharge && !info && (\r\n        <Container {...rest} selected={selected} active={active}>\r\n          <div role=\"button\" className=\"PrincipalDiv\" key={id} tabIndex={-1}>\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div className=\"logocartao-container\">\r\n                  <img src={LogoCartao} className=\"logocartao\" />\r\n                  <Nickname>{nickname}</Nickname>\r\n                </div>\r\n                {eyechange ? (\r\n                  <div className=\"areasaldo\">\r\n                    {loading ? (\r\n                      <div className=\"loading-icon\">\r\n                        <RxReload size={18} />\r\n                      </div>\r\n                    ) : (\r\n                      <div\r\n                        className=\"middlecard2\"\r\n                        style={{\r\n                          justifyContent: 'flex-end',\r\n                        }}\r\n                      >\r\n                        <p className=\"saldotext\">SALDO</p>\r\n                        <h3 className=\"saldo\">\r\n                          {eye\r\n                            ? formatPrice(novosaldo)\r\n                            : formatPrice(saldocartao)}\r\n                        </h3>\r\n                      </div>\r\n                    )}\r\n                    <RxEyeOpen\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '12px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                ) : (\r\n                  <div className=\"areasaldo\">\r\n                    <div\r\n                      className=\"middlecard2\"\r\n                      style={{\r\n                        justifyContent: 'flex-end',\r\n                      }}\r\n                    >\r\n                      <RxMinus />\r\n                    </div>\r\n                    <RxEyeClosed\r\n                      onClick={(e: any) => {\r\n                        e.stopPropagation();\r\n                        handleSaldo();\r\n                      }}\r\n                      style={{\r\n                        marginRight: '5px',\r\n                      }}\r\n                    />\r\n                  </div>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n          {/* <ThemeProvider theme={theme}>\r\n            <FormGroup>\r\n              <FormControlLabel\r\n                control={\r\n                  <Switch\r\n                    checked={checked}\r\n                    onChange={toggleChecked}\r\n                    color=\"primary\"\r\n                  />\r\n                }\r\n                label=\"Cartão Ativo\"\r\n                color=\"secondary\"\r\n                className=\"FormControl\"\r\n              />\r\n            </FormGroup>\r\n          </ThemeProvider> */}\r\n        </Container>\r\n      )}\r\n\r\n      {!qrcode && !register && !mainmenu && !recharge && info && (\r\n        <Container {...rest} selected={selected} active={active}>\r\n          <div role=\"button\" className=\"PrincipalDiv\" key={id} tabIndex={-1}>\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div className=\"logocartao-container\">\r\n                  <img src={LogoCartao} className=\"logocartao\" />\r\n                  <Nickname>{nickname}</Nickname>\r\n                </div>\r\n                <div>\r\n                  <div>\r\n                    {eyechange ? (\r\n                      <div className=\"areasaldo\">\r\n                        {loading ? (\r\n                          <div className=\"loading-icon\">\r\n                            <RxReload size={18} />\r\n                          </div>\r\n                        ) : (\r\n                          <div\r\n                            className=\"middlecard2\"\r\n                            style={{\r\n                              justifyContent: 'flex-end',\r\n                            }}\r\n                          >\r\n                            <p className=\"saldotext\">SALDO</p>\r\n                            <h3 className=\"saldo\">\r\n                              {eye\r\n                                ? formatPrice(novosaldo)\r\n                                : formatPrice(saldocartao)}\r\n                            </h3>\r\n                          </div>\r\n                        )}\r\n                        <RxEyeOpen\r\n                          onClick={(e: any) => {\r\n                            e.stopPropagation();\r\n                            handleSaldo();\r\n                          }}\r\n                          style={{\r\n                            marginRight: '12px',\r\n                          }}\r\n                        />\r\n                      </div>\r\n                    ) : (\r\n                      <div className=\"areasaldo\">\r\n                        <div\r\n                          className=\"middlecard2\"\r\n                          style={{\r\n                            justifyContent: 'flex-end',\r\n                          }}\r\n                        >\r\n                          <RxMinus />\r\n                        </div>\r\n                        <RxEyeClosed\r\n                          onClick={(e: any) => {\r\n                            e.stopPropagation();\r\n                            handleSaldo();\r\n                          }}\r\n                          style={{\r\n                            marginRight: '5px',\r\n                          }}\r\n                        />\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n          {active && (\r\n            <InfoDiv identficado={cartãoIdent}>\r\n              {/* <TransfacilCard\r\n                identficado={cartãoIdent}\r\n                onClick={() => {\r\n                  handleRedirect(`${path}/cartao/${id}`);\r\n                }}\r\n              >\r\n                DETALHES\r\n              </TransfacilCard> */}\r\n              <TransfacilCard\r\n                identficado={cartãoIdent}\r\n                onClick={handleRedirectRecarga}\r\n              >\r\n                RECARREGAR\r\n              </TransfacilCard>\r\n            </InfoDiv>\r\n          )}\r\n          {/* <ThemeProvider theme={theme}>\r\n            <FormGroup>\r\n              <FormControlLabel\r\n                control={\r\n                  <Switch\r\n                    checked={checked}\r\n                    onChange={toggleChecked}\r\n                    color=\"primary\"\r\n                  />\r\n                }\r\n                label=\"Cartão Ativo\"\r\n                color=\"secondary\"\r\n                className=\"FormControl\"\r\n              />\r\n            </FormGroup>\r\n          </ThemeProvider> */}\r\n        </Container>\r\n      )}\r\n\r\n      {register && !qrcode && !mainmenu && !recharge && !info && (\r\n        <Container\r\n          {...rest}\r\n          selected={selected}\r\n          active={active}\r\n          style={{\r\n            maxWidth: '250px',\r\n          }}\r\n        >\r\n          <div role=\"button\" className=\"PrincipalDiv\" key={id} tabIndex={-1}>\r\n            <div className=\"middlecardComplete\">\r\n              <div className=\"middlecard\">\r\n                <div className=\"logocartao-container\">\r\n                  <img src={LogoCartao} className=\"logocartao\" />\r\n                  <Nickname>{nickname}</Nickname>\r\n                </div>\r\n                <div\r\n                  className=\"middlecard2\"\r\n                  style={{\r\n                    justifyContent: 'flex-end',\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <CardNumber>{cardNumber}</CardNumber>\r\n        </Container>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Card;\r\n","export default __webpack_public_path__ + \"static/media/addcard.d299145e.svg\";","/* eslint-disable react/jsx-boolean-value */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useCallback, useState, useEffect } from 'react';\r\nimport {\r\n  useHistory,\r\n  useRouteMatch,\r\n  matchPath,\r\n  useLocation,\r\n} from 'react-router-dom';\r\n\r\nimport api from '../../../services/api';\r\n\r\nimport { Container, AddCard, TransfacilCard } from './styles';\r\nimport Card from '../Card';\r\n\r\nimport { Column } from '../../../styles/components';\r\nimport Add from '../../../assets/MyCards/addcard.svg';\r\n\r\nimport { Card as CardInterface } from '../../../services/ticketing';\r\n\r\ninterface CardListProps {\r\n  cards: CardInterface[];\r\n}\r\n\r\ninterface Cards {\r\n  id: number;\r\n  user: string;\r\n  nickname: string;\r\n  card_number: string;\r\n  createdAt: Date;\r\n}\r\n\r\nconst ListCard: React.FC<CardListProps> = ({ cards, ...rest }) => {\r\n  const { push } = useHistory();\r\n  const { path, url } = useRouteMatch();\r\n  const [cartoescard, setCartoescards] = React.useState<Cards[]>([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n\r\n  const { pathname } = useLocation();\r\n\r\n  const [cartoes, setCartoes] = useState<any>(null);\r\n\r\n  async function getCards() {\r\n    try {\r\n      const response = await api.get('/ticketing/my-cards/');\r\n      setCartoescards(response.data.results);\r\n      setLoading(false);\r\n    } catch (err) {\r\n      setLoading(false);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getCards();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    setCartoes(cards);\r\n  }, [cards]);\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleUrlMatch = (activeUrl: string): boolean => {\r\n    const match = matchPath(pathname, {\r\n      path: activeUrl,\r\n      exact: true,\r\n    });\r\n\r\n    return match ? match.isExact : false;\r\n  };\r\n\r\n  return (\r\n    <Container {...rest}>\r\n      {cartoes && (\r\n        <>\r\n          <div className=\"cards-container\">\r\n            <Column small=\"12\" medium=\"4\" large=\"3\">\r\n              <AddCard\r\n                onClick={() => handleRedirect('/meus-cartoes/registrar')}\r\n              >\r\n                <img src={Add} alt=\"cadastrar cartao\" />\r\n                <span>CADASTRAR NOVO CARTÃO</span>\r\n              </AddCard>\r\n            </Column>\r\n            {cartoes.map((card: CardInterface) => (\r\n              <Column key={card.id} small=\"12\" medium=\"4\" large=\"3\">\r\n                <Card\r\n                  nickname={card.nickname}\r\n                  cardNumber={card.card_number}\r\n                  saldo={card?.balance}\r\n                  id={card?.id}\r\n                  active={true}\r\n                  mainmenu={true}\r\n                />\r\n              </Column>\r\n            ))}\r\n          </div>\r\n        </>\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default ListCard;\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst EaseIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  color: red;\r\n`;\r\n\r\n// export const RegisterCardButton = styled(Button)`\r\n//   padding-top: 3.5rem;\r\n//   padding-right: 1rem;\r\n// `;\r\n\r\nexport const CardBox = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  width: 100%;\r\n  margin-top: 65px;\r\n  animation: ${EaseIn} 0.3s;\r\n\r\n  .card {\r\n    margin-right: 1rem;\r\n  }\r\n\r\n  .mycards {\r\n    margin-top: -30px;\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-direction: column;\r\n  }\r\n  .register-nickname {\r\n    margin-top: 1.5rem;\r\n    @media (max-width: 720px) {\r\n      width: 22rem;\r\n    }\r\n    @media (max-width: 615px) {\r\n      margin-left: 0px;\r\n      width: 21.8rem;\r\n    }\r\n    @media (max-width: 370px) {\r\n      margin-left: 0px;\r\n      width: 16.5rem;\r\n    }\r\n    @media (max-width: 315px) {\r\n      margin-left: 0px;\r\n      width: 11.5rem;\r\n    }\r\n  }\r\n  @media (max-width: 670px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 300px;\r\n  }\r\n  @media (max-width: 370px) {\r\n    width: 17.5rem;\r\n  }\r\n`;\r\n","/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nconst ContainerTypeVariations = {\r\n  success: css`\r\n    /* width: 100%; */\r\n  `,\r\n  error: css`\r\n    height: 7rem;\r\n  `,\r\n};\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: none;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  section {\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n\r\n    border-radius: 15px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: center;\r\n\r\n    width: 60%;\r\n    height: auto;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    p {\r\n      a {\r\n        color: #2a41c1;\r\n      }\r\n    }\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n    padding: 40px;\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .close-container {\r\n      position: fixed;\r\n      top: -40px;\r\n      right: 0;\r\n      color: var(--title-higlight);\r\n      background: transparent;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      svg {\r\n        margin-top: 4px;\r\n        color: var(--white);\r\n\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    ${props =>\r\n    props.success &&\r\n    css`\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #5eb245;\r\n        padding: 40px;\r\n        animation: ${EasyIn} 0.5s;\r\n        .close-container {\r\n          position: fixed;\r\n          top: -40px;\r\n          right: 0;\r\n          color: var(--white);\r\n          background: transparent;\r\n\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          svg {\r\n            margin-top: 4px;\r\n            color: var(--white);\r\n\r\n            cursor: pointer;\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 1.5rem;\r\n          color: var(--white);\r\n          margin-top: 17px;\r\n        }\r\n      `}\r\n\r\n    .modal-header {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--dark-blue);\r\n      height: 65px;\r\n      border-top-left-radius: 15px;\r\n      border-top-right-radius: 15px;\r\n      font: normal normal bold 26px/34px IBM Plex Sans;\r\n      color: var(--white);\r\n\r\n      span {\r\n        margin-right: 13px;\r\n      }\r\n\r\n      .close-container {\r\n        position: fixed;\r\n        top: -40px;\r\n        right: 0;\r\n        font: normal normal bold 26px/34px IBM Plex Sans;\r\n        color: var(--white);\r\n        background: transparent;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        svg {\r\n          margin-top: 4px;\r\n          color: var(--white);\r\n\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-body {\r\n      padding: 15px;\r\n      overflow: auto;\r\n      max-height: 80vh;\r\n      font: 400 1rem 'Source Sans Pro', sans-serif;\r\n\r\n      ${props => ContainerTypeVariations[props.typeModal]}\r\n\r\n      p {\r\n        a {\r\n          color: blue !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ${props =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n","import React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { FaCheckCircle } from 'react-icons/fa';\r\n\r\nimport { Container } from './styles';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  success?: boolean;\r\n  successText: string;\r\n}\r\n\r\nconst Modal: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n  success,\r\n  successText,\r\n  children,\r\n  typeModal,\r\n}) => (\r\n  <Container show={show} success={success} typeModal={typeModal}>\r\n    <section className=\"modal-main\">\r\n      <>\r\n        {typeModal === 'success' ? (\r\n          <FaCheckCircle color=\"#ffffff\" size={86} />\r\n        ) : (\r\n          <FiX color=\"red\" size={86} />\r\n        )}\r\n        <p>{successText}</p>\r\n        <p>{children}</p>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={25} onClick={handleClose} />\r\n        </button>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default Modal;\r\n","/* eslint-disable react/jsx-boolean-value */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport Cards from '../Card';\r\n\r\nimport { CardBox } from './styles';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { useLoader } from '../../../hooks/loader';\r\n\r\nimport Button from '../../Button';\r\nimport TicketingService, { Card } from '../../../services/ticketing';\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\n\r\nimport Input from '../../Input';\r\nimport Modal from '../Modal';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\ninterface RegisterCardProps {\r\n  cards: Card[];\r\n  callback: Function;\r\n}\r\n\r\nconst RegisterCard: React.FC<RegisterCardProps> = ({ cards, callback }) => {\r\n  const MAX_CARD_BY_USER = 5;\r\n\r\n  const { user } = useAuth();\r\n  const { push } = useHistory();\r\n  const { addToast } = useToast();\r\n  const { changeLoader } = useLoader();\r\n\r\n  const [showModalLimitCards, setshowModalLimitCards] = useState(false);\r\n  const [cardsQuantity, setcardsQuantity] = useState<number>(cards.length);\r\n  const [name, setName] = useState('');\r\n  const [number, setNumber] = useState('');\r\n  const services = { ticketingService: new TicketingService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  async function createCard(data: any) {\r\n    try {\r\n      formRef.current?.setErrors({});\r\n      changeLoader(true);\r\n\r\n      const schema = Yup.object().shape({\r\n        nickname: Yup.string().required('Nome é obrigatório'),\r\n        card_number: Yup.string().required('Número é obrigatório'),\r\n      });\r\n\r\n      await schema.validate(data, {\r\n        abortEarly: false,\r\n      });\r\n\r\n      await services.ticketingService.createCard(\r\n        user.id,\r\n        data.nickname,\r\n        data.card_number,\r\n      );\r\n\r\n      formRef.current.reset();\r\n\r\n      changeLoader(false);\r\n\r\n      addToast({\r\n        type: 'success',\r\n        title: 'Cadastro Finalizado',\r\n        description: 'Cartão cadastrado com sucesso!!',\r\n      });\r\n\r\n      callback();\r\n\r\n      setTimeout(() => {\r\n        handleRedirect('/meus-cartoes');\r\n      }, 600);\r\n    } catch (err: any) {\r\n      const { ...error } = err;\r\n      changeLoader(false);\r\n\r\n      if (err instanceof Yup.ValidationError) {\r\n        const errors = getValidationErrors(err);\r\n        formRef.current?.setErrors(errors);\r\n        return;\r\n      }\r\n\r\n      addToast({\r\n        type: 'error',\r\n        title: `${\r\n          error.response.data.message\r\n            ? error.response.data.message\r\n            : error.response.data.detail\r\n        }`,\r\n        description: `${\r\n          error.response.data.message\r\n            ? error.response.data.message\r\n            : error.response.data.detail\r\n        }`,\r\n      });\r\n    }\r\n  }\r\n\r\n  const handleClose = useCallback(() => {\r\n    setshowModalLimitCards(false);\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      if (cardsQuantity >= MAX_CARD_BY_USER) {\r\n        setshowModalLimitCards(true);\r\n      } else {\r\n        setcardsQuantity(cardsQuantity + 1);\r\n        await createCard(data);\r\n      }\r\n    },\r\n    [cardsQuantity, createCard],\r\n  );\r\n\r\n  useEffect(() => {\r\n    setName(name);\r\n  }, [name]);\r\n\r\n  useEffect(() => {\r\n    setNumber(number);\r\n  }, [number]);\r\n\r\n  return (\r\n    <>\r\n      {showModalLimitCards && (\r\n        <Modal\r\n          handleClose={() => handleClose()}\r\n          show={showModalLimitCards}\r\n          successText=\"\"\r\n          typeModal=\"error\"\r\n        >\r\n          <h1>Quantidade de cartões por usuário excedida.</h1>\r\n        </Modal>\r\n      )}\r\n      <CardBox>\r\n        {/* <img\r\n          src={OrangeCardRegister}\r\n          alt=\"Registrar cartao\"\r\n          className=\"orange-card\"\r\n        />\r\n        <img\r\n          src={AddCardRegister}\r\n          alt=\"registrar cartao\"\r\n          className=\"register-card\"\r\n        /> */}\r\n        <div className=\"card\">\r\n          <Cards\r\n            nickname={name}\r\n            cardNumber={number}\r\n            register={true}\r\n            qrcode={false}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"register-nickname\">\r\n          <Form ref={formRef} onSubmit={handleSubmit}>\r\n            <h4 className=\"apelido\">Apelido</h4>\r\n            <Input\r\n              name=\"nickname\"\r\n              value={name}\r\n              onChange={e => setName(e.target.value)}\r\n            />\r\n            <h4 className=\"numcartao\">Número do Cartão</h4>\r\n            <Input\r\n              cardtransfacil\r\n              name=\"card_number\"\r\n              className=\"input-nickname\"\r\n              onChange={e => setNumber(e.target.value)}\r\n            />\r\n          </Form>\r\n        </div>\r\n      </CardBox>\r\n\r\n      <div className=\"buttons\">\r\n        <Button\r\n          color=\"orange\"\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cadastrar\"\r\n          type=\"submit\"\r\n          onClick={() => handleSubmit(formRef.current.getData())}\r\n        >\r\n          CADASTRAR\r\n        </Button>\r\n        <Button\r\n          color=\"white\"\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cancelar-cadastrar\"\r\n          type=\"button\"\r\n          onClick={() => handleRedirect('/meus-cartoes')}\r\n        >\r\n          CANCELAR\r\n        </Button>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default RegisterCard;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div``;\r\n\r\nexport const Information = styled.div`\r\n  margin-top: 130px;\r\n  font-family: 'Source Sans Pro', sans-serif;\r\n  width: 640px;\r\n  color: var(--purple);\r\n  .information {\r\n    font-size: 33px;\r\n  }\r\n\r\n  h3 {\r\n    margin-top: 20px;\r\n    font-size: 21px;\r\n    margin-bottom: 40px;\r\n  }\r\n  .vale-transporte {\r\n    margin-top: 80px;\r\n  }\r\n  p {\r\n    margin-bottom: 40px;\r\n    color: var(--purple);\r\n    font-size: 21px;\r\n    line-height: 1.5;\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/ovalgrey.38c39ac9.svg\";","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  display: flex;\r\n  align-items: left;\r\n  justify-content: flex-start;\r\n  margin-top: 65px;\r\n\r\n  img {\r\n    width: 265px;\r\n  }\r\n\r\n  .mycards {\r\n    margin-top: -30px;\r\n  }\r\n\r\n  @media (max-width: 990px) {\r\n    flex-direction: column;\r\n  }\r\n  @media (max-width: 315px) {\r\n    width: 70%;\r\n  }\r\n`;\r\n","import React from 'react';\r\n\r\nimport { Container } from './styles';\r\n\r\nconst CardContainerList: React.FC = ({ children, ...rest }) => {\r\n  return <Container {...rest}>{children}</Container>;\r\n};\r\n\r\nexport default CardContainerList;\r\n","import React, { useCallback } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport { Container, Information } from './styles';\r\nimport Button from '../../Button';\r\nimport OvalGrey from '../../../assets/MyCards/ovalgrey.svg';\r\nimport Card from '../Card';\r\nimport CardContainerList from '../CardContainerList';\r\n\r\nimport { Card as CardInterface } from '../../../services/ticketing';\r\n\r\ninterface BlockCardProps {\r\n  cards: CardInterface[];\r\n}\r\n\r\nconst BlockCard: React.FC<BlockCardProps> = ({ cards }) => {\r\n  const { push } = useHistory();\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      <p className=\"text-cartao1\">1. Selecione o cartão que deseja bloquear:</p>\r\n      <CardContainerList>\r\n        {cards &&\r\n          cards.map((card: CardInterface) => (\r\n            <Card\r\n              key={card.id}\r\n              nickname={card.nickname}\r\n              cardNumber={card.card_number}\r\n            />\r\n          ))}\r\n      </CardContainerList>\r\n      <p className=\"text-cartao2\">2. Conte o que aconteceu:</p>\r\n      <input type=\"text\" className=\"inputroubo\" />\r\n      <p className=\"text-cartao3\">3. Anexar documento*</p>\r\n      <Button\r\n        color=\"white\"\r\n        padding=\"1\"\r\n        rounded\r\n        className=\"button-document\"\r\n        type=\"submit\"\r\n      >\r\n        <img src={OvalGrey} alt=\"anexar\" className=\"ovalgrey\" />\r\n      </Button>\r\n      <p className=\"text-nota\">\r\n        * opcional para quem possui Boletim de Ocorrência.\r\n      </p>\r\n      <Button\r\n        color=\"orange\"\r\n        padding=\"2\"\r\n        rounded\r\n        className=\"button-cadastrar\"\r\n        type=\"button\"\r\n      >\r\n        BLOQUEAR CARTÃO\r\n      </Button>\r\n      <Button\r\n        color=\"white\"\r\n        padding=\"3.5\"\r\n        rounded\r\n        className=\"button-cancelar\"\r\n        type=\"button\"\r\n        onClick={() => handleRedirect('/meus-cartoes')}\r\n      >\r\n        CANCELAR\r\n      </Button>\r\n      <Information>\r\n        <span className=\"information\">Informações:</span>\r\n        <h3>Bloqueio dos Cartões Identificados:</h3>\r\n        <p>\r\n          Para retirar a segunda via é necessário aguardar 3 dias úteis após o\r\n          bloqueio e comparecer no Posto Floresta (Rua Aquiles Lobo, 504 -\r\n          Floresta) apresentando documento original com foto e o valor de R$\r\n          15,00.\r\n        </p>\r\n        <p>\r\n          Caso seja necessário um terceiro retirar o cartão, será necessário\r\n          apresentar o documento original ou a versão digital com foto e uma\r\n          carta de autorização assinada pelo titular.\r\n        </p>\r\n        <h3>Cartão usuário ao Portador</h3>\r\n        <p>\r\n          No Cartão BHBUS Ao Portador não é possível realizar o bloqueio ou\r\n          ressarcimento dos créditos em caso de perda ou roubo.\r\n        </p>\r\n        <h3 className=\"vale-transporte\">Vale Transporte</h3>\r\n        <p>\r\n          Para retirar a segunda via é necessário aguardar 3 dias úteis após a\r\n          notificação de bloqueio e comparecer no Posto Floresta (Rua Aquiles\r\n          Lobo, 504.) com a carta de autorização da empresa e o valor de R$15,00\r\n          por cartão.\r\n        </p>\r\n        <h3>Cartão BHBUS MASTER:</h3>\r\n        <p>\r\n          Para retirar a segunda via é necessário comparecer no BH Resolve (Av.\r\n          Santos Dumont, 363 - Centro) apresentando documento original com foto\r\n          e boletim de ocorrência.\r\n        </p>\r\n        <p>\r\n          Os atendimentos acontecem de segunda à sexta-feira, de 8h às 12h e de\r\n          13h às 17h, por ordem de chegada, não sendo necessário agendamento\r\n          prévio. A partir da segunda via em diante será cobrado valor\r\n          correspondente a 7 tarifas predominantes, atualmente R$ 31,50.\r\n        </p>\r\n        <h3>Cartão BHBUS Benefício:</h3>\r\n        <p>\r\n          Para retirar a segunda via é necessário comparecer BH Resolve (Av.\r\n          Santos Dumont, 363 - Centro) apresentando documento original com foto.\r\n          Os atendimentos serão de segunda à sexta-feira, de 8h às 12h e de 13h\r\n          às 17h, por ordem de chegada, não sendo possível o agendamento prévio.\r\n          A partir da terceira via em diante será cobrado valor correspondente a\r\n          7 tarifas predominantes, atualmente R$ 31,50.\r\n        </p>\r\n      </Information>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default BlockCard;\r\n","/* eslint-disable indent */\r\n/* eslint-disable implicit-arrow-linebreak */\r\n/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: none;\r\n  z-index: 2;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  img {\r\n    margin-top: 30px;\r\n    height: 60px;\r\n  }\r\n\r\n  section {\r\n    display: flex;\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    border-radius: 10px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    width: 38vw;\r\n\r\n    @media screen and (max-width: 760px) {\r\n      width: 80%;\r\n    }\r\n    @media screen and (min-width: 761px) and (max-width: 1300px) {\r\n      width: 60%;\r\n    }\r\n    height: auto;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    p {\r\n      a {\r\n        color: #2a41c1;\r\n      }\r\n    }\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .title {\r\n      padding-top: 20px;\r\n      padding-bottom: 5px;\r\n      h1 {\r\n        color: var(--orange);\r\n      }\r\n    }\r\n\r\n    .close-container {\r\n      position: fixed;\r\n      top: 13px;\r\n      right: 24px;\r\n      color: var(--title-higlight);\r\n      background: transparent;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      svg {\r\n        margin-top: 4px;\r\n        color: var(--black);\r\n\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .modal-body {\r\n      padding: 20px;\r\n      padding-top: 30px;\r\n      width: 100%;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      p {\r\n        max-width: 900px;\r\n      }\r\n      Button {\r\n        border-radius: 20px !important;\r\n      }\r\n      .resetPassword {\r\n        border-radius: 10px !important;\r\n      }\r\n    }\r\n\r\n    .react-select__placeholder {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__menu {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__control {\r\n      height: 45px;\r\n    }\r\n  }\r\n\r\n  ${(props) =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n","/* eslint-disable react/no-unused-prop-types */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable react/require-default-props */\r\nimport React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { Container } from './styles';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  title?: string;\r\n  icon?: any;\r\n  success?: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst ModalText: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n  title,\r\n  icon,\r\n  children,\r\n}) => (\r\n  <Container show={show}>\r\n    <section className=\"modal-main\">\r\n      <>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={25} onClick={handleClose} />\r\n        </button>\r\n        {icon && <img src={icon} alt=\"icon\" />}\r\n\r\n        {title && (\r\n          <div className=\"title\">\r\n            <h1>{title}</h1>\r\n          </div>\r\n        )}\r\n        <div className=\"modal-body\">{children}</div>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default ModalText;\r\n","/* eslint-disable implicit-arrow-linebreak */\r\nimport styled, { css } from 'styled-components';\r\n\r\ninterface ContentProps {\r\n  isFocused: boolean;\r\n  isFilled: boolean;\r\n  isErrored: boolean;\r\n  isCorrect: boolean;\r\n  rounded: boolean;\r\n  multiline: boolean;\r\n}\r\n\r\ninterface ContainerProps {\r\n  isFocused: boolean;\r\n  isFilled: boolean;\r\n}\r\n\r\nconst inputRoundVariations = {\r\n  rounded: css`\r\n    border-radius: 18px;\r\n  `,\r\n  block: css`\r\n    border-radius: 8px;\r\n  `,\r\n};\r\n\r\nexport const Label = styled.label`\r\n  position: absolute;\r\n  margin-left: 1em;\r\n  background-color: var(--white);\r\n  margin-top: -0.5em;\r\n  padding: 0 12px;\r\n  color: var(--purple);\r\n  font-weight: bold;\r\n  font-size: 0.9em;\r\n  transition: all 0.3s ease;\r\n`;\r\n\r\nexport const Content = styled.div<ContentProps>`\r\n  background: var(--white);\r\n  color: var(--text);\r\n  border: 1px solid var(--purple);\r\n  padding: 0 0 0 16px;\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${props =>\r\n    props.rounded ? inputRoundVariations.rounded : inputRoundVariations.block}\r\n\r\n  & + div {\r\n    margin-top: 8px;\r\n  }\r\n\r\n  ${props =>\r\n    props.isFocused &&\r\n    css`\r\n      border-color: var(--orange);\r\n    `}\r\n\r\n  ${props =>\r\n    props.isFilled &&\r\n    css`\r\n      color: var(--orange);\r\n    `}\r\n\r\n    ${props =>\r\n    props.isErrored &&\r\n    css`\r\n      border-color: var(--red);\r\n    `}\r\n\r\n    ${props =>\r\n    props.isCorrect &&\r\n    css`\r\n      border-color: var(--green);\r\n      color: var(--green);\r\n    `}\r\n\r\n    ${props =>\r\n    !props.multiline &&\r\n    css`\r\n      height: 41px;\r\n\r\n      input {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n\r\n    ${props =>\r\n    !props.multiline &&\r\n    css`\r\n      input {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n\r\n    ${props =>\r\n    props.multiline &&\r\n    css`\r\n      padding: 0;\r\n\r\n      textarea {\r\n        color: var(--text);\r\n        flex: 1;\r\n        background: transparent;\r\n        border: 0;\r\n        width: 100%;\r\n\r\n        &::placeholder {\r\n          color: var(--gray-line);\r\n        }\r\n      }\r\n    `}\r\n\r\n  ::placeholder {\r\n    color: red;\r\n    opacity: 1;\r\n  }\r\n\r\n  label {\r\n    padding-bottom: 15px;\r\n    color: var(--title-higlight);\r\n  }\r\n\r\n  svg {\r\n    margin-right: 10px;\r\n  }\r\n`;\r\n\r\nexport const Error = styled.label`\r\n  font-family: 'Inter', sans-serif;\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: var(--red);\r\n  display: flex;\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: relative;\r\n\r\n  label {\r\n    opacity: 1;\r\n    top: 45%;\r\n    z-index: -1;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  ${props =>\r\n    props.isFocused &&\r\n    css`\r\n      label {\r\n        opacity: 1;\r\n        top: 0;\r\n        z-index: 0;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.isFilled &&\r\n    css`\r\n      label {\r\n        opacity: 1;\r\n        top: 0;\r\n        z-index: 0;\r\n      }\r\n    `}\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, {\r\n  InputHTMLAttributes,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n} from 'react';\r\nimport { IconBaseProps } from 'react-icons';\r\nimport { useField } from '@unform/core';\r\nimport * as Yup from 'yup';\r\nimport { Container, Content, Error, Label } from './styles';\r\n\r\ninterface InputOutlinedProps\r\n  extends InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {\r\n  label?: string;\r\n  name: string;\r\n  schema?: Yup.ObjectSchema;\r\n  rounded?: boolean;\r\n  cpf?: boolean;\r\n  phone?: boolean;\r\n  card_number?: boolean;\r\n  creditCardName?: boolean;\r\n  cvv?: boolean;\r\n  cep?: boolean;\r\n  dateMMYY?: boolean;\r\n  multiline?: boolean;\r\n  placeholder?: string;\r\n  icon?: React.ComponentType<IconBaseProps>;\r\n}\r\n\r\nconst InputOutlined: React.FC<InputOutlinedProps> = ({\r\n  name,\r\n  rounded,\r\n  schema,\r\n  cpf,\r\n  phone,\r\n  card_number,\r\n  creditCardName,\r\n  cvv,\r\n  cep,\r\n  dateMMYY,\r\n  icon: Icon,\r\n  children,\r\n  multiline,\r\n  placeholder,\r\n  ...rest\r\n}) => {\r\n  const inputRef = useRef<any>(null);\r\n\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [isFilled, setIsFilled] = useState(false);\r\n  const [isCorrect, setIsCorrect] = useState(false);\r\n  const [placeholderText, setPlaceholderText] = useState(placeholder);\r\n  const { fieldName, defaultValue, error, registerField } = useField(name);\r\n\r\n  const handleInputFocus = useCallback(() => {\r\n    setPlaceholderText('');\r\n    setIsFocused(true);\r\n  }, []);\r\n\r\n  const handleInputBlur = useCallback(() => {\r\n    setPlaceholderText(placeholder);\r\n    setIsFocused(false);\r\n    setIsFilled(!!inputRef.current?.value);\r\n  }, [placeholder]);\r\n\r\n  const handleChange = useCallback(async () => {\r\n    try {\r\n      const isValid = await Yup.reach(schema, fieldName).validate(\r\n        inputRef.current?.value,\r\n        { abortEarly: true },\r\n      );\r\n      setIsCorrect(!!isValid);\r\n    } catch (err) {\r\n      setIsCorrect(false);\r\n    }\r\n  }, [schema, fieldName]);\r\n\r\n  const handleKeyUpCpf = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 14;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n      value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\r\n      value = value.replace(/(\\d{3})(\\d{1,2})$/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpDate = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 5;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/(\\d{2})(\\d)/, '$1/$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpPhone = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 15;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{2})(\\d)/g, '($1) $2');\r\n      value = value.replace(/(\\d)(\\d{4})$/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCardNumber = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 19;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/(\\d{4})/g, '$1 ');\r\n      value = value.replace(/\\.$/, '');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCreditCardName = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 90;\r\n      let { value } = e.currentTarget;\r\n      value = value.toUpperCase();\r\n      value = value.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n      value = value.replace(\r\n        /[0-9-=_@#$%¨&*+()<>{}^[\\\\~´`'\"|./°ºª§;,:?!>]/g,\r\n        '',\r\n      );\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCVV = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 3;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const handleKeyUpCep = useCallback(\r\n    (e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n      e.currentTarget.maxLength = 9;\r\n      let { value } = e.currentTarget;\r\n      value = value.replace(/\\D/g, '');\r\n      value = value.replace(/^(\\d{5})(\\d)/, '$1-$2');\r\n      e.currentTarget.value = value;\r\n    },\r\n    [],\r\n  );\r\n\r\n  const getHandleKeyUp = (\r\n    e: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>,\r\n  ) => {\r\n    let handleFunction;\r\n    if (cpf) handleFunction = handleKeyUpCpf(e);\r\n    if (phone) handleFunction = handleKeyUpPhone(e);\r\n    if (card_number) handleFunction = handleKeyUpCardNumber(e);\r\n    if (creditCardName) handleFunction = handleKeyUpCreditCardName(e);\r\n    if (cvv) handleFunction = handleKeyUpCVV(e);\r\n    if (cep) handleFunction = handleKeyUpCep(e);\r\n    if (dateMMYY) handleFunction = handleKeyUpDate(e);\r\n    return handleFunction;\r\n  };\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRef.current,\r\n      path: 'value',\r\n    });\r\n  }, [fieldName, registerField]);\r\n\r\n  return (\r\n    <Container isFocused={isFocused} isFilled={isFilled}>\r\n      <Label htmlFor={name}>{placeholder}</Label>\r\n      <Content\r\n        isErrored={!!error}\r\n        isFilled={isFilled}\r\n        isFocused={isFocused}\r\n        isCorrect={isCorrect}\r\n        rounded={rounded}\r\n        multiline={multiline}\r\n      >\r\n        {multiline && (\r\n          <textarea\r\n            onFocus={handleInputFocus}\r\n            onBlur={handleInputBlur}\r\n            onChange={handleChange}\r\n            onKeyUp={e => getHandleKeyUp(e)}\r\n            defaultValue={defaultValue}\r\n            ref={inputRef}\r\n            {...rest}\r\n            placeholder={placeholderText}\r\n          />\r\n        )}\r\n\r\n        {!multiline && (\r\n          <input\r\n            onFocus={handleInputFocus}\r\n            onBlur={handleInputBlur}\r\n            onChange={handleChange}\r\n            onKeyUp={e => getHandleKeyUp(e)}\r\n            defaultValue={defaultValue}\r\n            ref={inputRef}\r\n            placeholder={placeholderText}\r\n            {...rest}\r\n          />\r\n        )}\r\n\r\n        {children}\r\n        {Icon && <Icon size={20} />}\r\n      </Content>\r\n      {!!error && <Error>{error}</Error>}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default InputOutlined;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\nimport LoaderAnimation from '../../../assets/loader.json';\r\n\r\nconst Loader: React.FC = () => {\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: LoaderAnimation,\r\n    rendererSettings: {\r\n      preserveAspectRatio: 'xMidYMid slice',\r\n    },\r\n  };\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: '93%',\r\n        background: 'white',\r\n        zIndex: 9999,\r\n        margin: '-14px',\r\n      }}\r\n    >\r\n      <Lottie\r\n        height={150}\r\n        width={150}\r\n        style={{\r\n          position: 'absolute',\r\n          zIndex: 9999,\r\n          top: '50%',\r\n          left: '50%',\r\n          transform: 'translate(-50%, -50%)',\r\n        }}\r\n        options={defaultOptions}\r\n        isStopped={false}\r\n        isPaused={false}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  form {\r\n    width: 100%;\r\n\r\n    label {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .formTitle {\r\n      font-size: 20px;\r\n      margin-left: 4px;\r\n      color: var(--purple);\r\n    }\r\n\r\n    .buttonsContainer {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n    }\r\n  }\r\n\r\n  .cep {\r\n    margin: 0;\r\n    font-size: 17px;\r\n    color: var(--purple);\r\n    padding: 3px;\r\n    position: inherit;\r\n}\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useRef, useCallback, useState } from 'react';\r\nimport * as Yup from 'yup';\r\nimport luhn from 'luhn';\r\nimport { Form } from '@unform/web';\r\nimport { FormHandles } from '@unform/core';\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\nimport Button from '../../Button';\r\nimport Modal from '../../Modal';\r\nimport { useAuth } from '../../../hooks/auth';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport InputOutlined from '../../InputOutlined';\r\nimport { Row, Column } from '../../../styles/components';\r\nimport Loader from '../Loader';\r\nimport TicketingService from '../../../services/ticketing';\r\nimport { Container } from './styles';\r\n\r\ninterface AddPaymentCardProps {\r\n  show: boolean;\r\n  title: string;\r\n  handleClose(): void;\r\n  handleAdd(): void;\r\n}\r\n\r\nconst AddPaymentCard: React.FC<AddPaymentCardProps> = ({\r\n  handleClose,\r\n  handleAdd,\r\n  show,\r\n  title,\r\n}) => {\r\n  const services = { ticketingService: new TicketingService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { user } = useAuth();\r\n  const { addToast } = useToast();\r\n  const [loading, setLoading] = useState<boolean>(false);\r\n\r\n  const schema = Yup.object().shape({\r\n    titular_name: Yup.string().required('Nome é obrigatório'),\r\n    card_number: Yup.string()\r\n      .test('credit-card-validation', 'Cartão de crédito invalido', value => {\r\n        const card = luhn.validate(value);\r\n        return card;\r\n      })\r\n      .required('Cartão de crédito é obrigatório'),\r\n    due_date: Yup.string().required('Data de validade é obrigatório'),\r\n    cvv: Yup.number(),\r\n    charge_address: Yup.string().required('Endereço é obrigatório'),\r\n    charge_address_complement: Yup.string(),\r\n    charge_address_number: Yup.string().required('Número é obrigatório'),\r\n    charge_address_neighborhood: Yup.string().required('Bairro é obrigatório'),\r\n    charge_address_city: Yup.string().required('Cidade é obrigatório'),\r\n    charge_address_state: Yup.string().required('Estado é obrigatório'),\r\n    charge_address_cep: Yup.string().required('CEP é obrigatório'),\r\n  });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        const response = await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n        setLoading(true);\r\n        await services.ticketingService.createPaymentForm(\r\n          user.id,\r\n          data.titular_name,\r\n          data.card_number,\r\n          data.due_date,\r\n          data.charge_address,\r\n          data.charge_address_complement,\r\n          data.charge_address_number,\r\n          data.charge_address_neighborhood,\r\n          data.charge_address_city,\r\n          data.charge_address_state,\r\n          data.charge_address_cep,\r\n        );\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Sucesso ao cadastrar',\r\n          description: 'Forma de pagamento cadastrada com sucesso!!',\r\n        });\r\n\r\n        handleAdd();\r\n        setLoading(false);\r\n        handleClose();\r\n      } catch (err: any) {\r\n        setLoading(false);\r\n        const { ...error } = err;\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n\r\n        if (error.response.data.due_date) {\r\n          addToast({\r\n            type: 'error',\r\n            title: 'Data inválida',\r\n            description: `${error.response.data.due_date.due_date}`,\r\n          });\r\n        } else {\r\n          addToast({\r\n            type: 'error',\r\n            title: 'Erro ao cadastrar',\r\n            description: `Por favor revise seus dados ou contate o administrador do site`,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [\r\n      addToast,\r\n      handleAdd,\r\n      handleClose,\r\n      schema,\r\n      services.ticketingService,\r\n      user.id,\r\n    ],\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      <Modal show={show} title={title} handleClose={handleClose}>\r\n        {loading && <Loader />}\r\n        <Form ref={formRef} onSubmit={handleSubmit}>\r\n          <span className=\"formTitle\">Cartão de Crédito</span>\r\n          <Row>\r\n            <Column small=\"12\" medium=\"7\" large=\"7\">\r\n              <InputOutlined\r\n                card_number\r\n                type=\"text\"\r\n                name=\"card_number\"\r\n                schema={schema}\r\n                placeholder=\"Nº do Cartão\"\r\n              />\r\n            </Column>\r\n            <Column small=\"12\" medium=\"5\" large=\"5\">\r\n              <InputOutlined\r\n                dateMMYY\r\n                name=\"due_date\"\r\n                placeholder=\"MM/YY\"\r\n                schema={schema}\r\n              />\r\n            </Column>\r\n          </Row>\r\n          <Row>\r\n            <Column small=\"12\" medium=\"12\" large=\"12\">\r\n              <InputOutlined\r\n                creditCardName\r\n                type=\"text\"\r\n                name=\"titular_name\"\r\n                placeholder=\"Nome do Titular\"\r\n                schema={schema}\r\n              />\r\n            </Column>\r\n          </Row>\r\n          <span className=\"formTitle\">Endereço de Cobrança</span>\r\n          <Row>\r\n            <Column small=\"12\" medium=\"4\" large=\"4\">\r\n              <div className=\"cepContainer\">\r\n                <InputOutlined\r\n                  cep\r\n                  type=\"text\"\r\n                  placeholder=\"CEP\"\r\n                  schema={schema}\r\n                  name=\"charge_address_cep\"\r\n                />\r\n                <a\r\n                  className=\"cep\"\r\n                  href=\"https://buscacepinter.correios.com.br/app/endereco/index.php?t\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  Não lembro meu CEP\r\n                </a>\r\n              </div>\r\n            </Column>\r\n          </Row>\r\n          <Row>\r\n            <Column small=\"12\" medium=\"12\" large=\"12\">\r\n              <InputOutlined\r\n                type=\"text\"\r\n                schema={schema}\r\n                name=\"charge_address\"\r\n                placeholder=\"Endereço\"\r\n              />\r\n            </Column>\r\n          </Row>\r\n          <Row>\r\n            <Column small=\"12\" medium=\"2\" large=\"2\">\r\n              <InputOutlined\r\n                type=\"text\"\r\n                schema={schema}\r\n                name=\"charge_address_number\"\r\n                placeholder=\"Nº\"\r\n              />\r\n            </Column>\r\n            <Column small=\"12\" medium=\"5\" large=\"5\">\r\n              <InputOutlined\r\n                type=\"text\"\r\n                schema={schema}\r\n                name=\"charge_address_complement\"\r\n                placeholder=\"Complemento\"\r\n              />\r\n            </Column>\r\n            <Column small=\"12\" medium=\"5\" large=\"5\">\r\n              <InputOutlined\r\n                type=\"text\"\r\n                schema={schema}\r\n                name=\"charge_address_neighborhood\"\r\n                placeholder=\"Bairro\"\r\n              />\r\n            </Column>\r\n            <Column small=\"12\" medium=\"7\" large=\"7\">\r\n              <InputOutlined\r\n                schema={schema}\r\n                type=\"text\"\r\n                name=\"charge_address_state\"\r\n                placeholder=\"Cidade\"\r\n              />\r\n            </Column>\r\n            <Column small=\"12\" medium=\"5\" large=\"5\">\r\n              <InputOutlined\r\n                schema={schema}\r\n                type=\"text\"\r\n                name=\"charge_address_city\"\r\n                placeholder=\"Estado\"\r\n              />\r\n            </Column>\r\n          </Row>\r\n\r\n          <div className=\"buttonsContainer\">\r\n            <Button color=\"green\" padding=\"1\" type=\"submit\">\r\n              Adicionar\r\n            </Button>\r\n          </div>\r\n        </Form>\r\n      </Modal>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default AddPaymentCard;\r\n","export const { format: formatPrice } = new Intl.NumberFormat('pt-BR', {\r\n  style: 'currency',\r\n  currency: 'BRL',\r\n});\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst EaseIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  .content-payment-form {\r\n    margin-top: 25px;\r\n  }\r\n  .limit-header {\r\n    margin-top: 5px;\r\n    color: var(--orange);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .cvv-wrapper {\r\n    margin-bottom: 30px;\r\n    width: 50%;\r\n    display: flex;\r\n\r\n    div {\r\n      margin-right: 15px;\r\n    }\r\n\r\n    input {\r\n      width: 100px;\r\n    }\r\n  }\r\n\r\n  .resume {\r\n    max-width: 50%;\r\n    min-width: 100px;\r\n    font-weight: bold;\r\n    border-bottom: 1px solid #5e5e5e;\r\n    .value,\r\n    .tax {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n    @media (max-width: 365px) {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n  animation: ${EaseIn} 0.3s;\r\n\r\n  .react-select__control {\r\n    border: 1px solid var(--purple);\r\n    border-radius: 10px;\r\n    height: 42px;\r\n    max-width: 429px;\r\n  }\r\n\r\n  .react-select__menu {\r\n    max-width: 429px;\r\n  }\r\n\r\n  .emptyCreditCard {\r\n    margin-bottom: 15px;\r\n    small {\r\n      color: var(--purple);\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  .buttonss {\r\n    @media (max-width: 365px) {\r\n      button {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const DivGeralCartao = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  @media (max-width: 500px) {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const CartaoDados = styled.div`\r\n  flex: 1;\r\n  width: 50%;\r\n  margin-right: 10px;\r\n  @media (max-width: 500px) {\r\n    flex: none;\r\n    width: 100%;\r\n  }\r\n  .textotcard {\r\n    color: var(--purple);\r\n  }\r\n  .textlink {\r\n    color: var(--orange);\r\n    font-weight: bold;\r\n  }\r\n`;\r\n\r\nexport const PagamentoDados = styled.div`\r\n  flex: 1;\r\n  width: 50%;\r\n  margin-left: 10px;\r\n  @media (max-width: 500px) {\r\n    flex: none;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const ModalContentBanner = styled.div`\r\n  height: 300px;\r\n  width: 500px;\r\n  padding: 0px 10px 20px 10px;\r\n  text-align: center;\r\n  display: contents;\r\n  h2 {\r\n    font-weight: 14px;\r\n  }\r\n  p {\r\n    font-weight: 12px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  margin-bottom: 30px;\r\n  color: var(--purple);\r\n\r\n  .button {\r\n    margin-top: 40px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .button-text {\r\n    display: grid;\r\n    align-items: left;\r\n    justify-content: left;\r\n    padding: 0;\r\n    width: 0px;\r\n    color: red;\r\n  }\r\n\r\n  .button-cancelar {\r\n    color: var(--orange);\r\n    border: 2px solid var(--orange);\r\n    margin-left: 1em;\r\n\r\n    h4 {\r\n      font-weight: normal;\r\n    }\r\n  }\r\n  @media (max-width: 365px) {\r\n    .button-cancelar {\r\n      width: 100% !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CardSection = styled.div`\r\n  display: grid;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n\r\n  .cartao {\r\n    margin-left: 20px;\r\n    font-size: 20px;\r\n    font-weight: bolder;\r\n  }\r\n\r\n  .dados {\r\n    margin-left: 20px;\r\n    margin-top: 5px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .button-confirmar {\r\n    align-items: left;\r\n    justify-content: left;\r\n    width: 180px;\r\n    margin-top: 10%;\r\n\r\n    @media (max-width: 365px) {\r\n      width: 100% !important;\r\n    }\r\n  }\r\n\r\n  .inputnome {\r\n    margin-top: 0px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 30px;\r\n    width: 480px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .nome {\r\n    position: absolute;\r\n    margin-left: 40px;\r\n    background-color: var(--white);\r\n    margin-top: -12px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .numero {\r\n    position: absolute;\r\n    margin-left: 40px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputnumero {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 30px;\r\n    height: 40px;\r\n    width: 260px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .data {\r\n    position: absolute;\r\n    margin-left: 347px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputdata {\r\n    margin-top: 25px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 75px;\r\n    width: 220px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .cvv {\r\n    position: absolute;\r\n    margin-left: 597px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputcvv {\r\n    margin-top: 25px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 28px;\r\n    width: 90px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .inputcep {\r\n    margin-top: 60px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 300px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n  .cep {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .cep-remember {\r\n    position: absolute;\r\n    margin-left: 318px;\r\n    color: var(--orange);\r\n    margin-top: -17px;\r\n  }\r\n\r\n  .endereco {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputendereco {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 800px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .numero {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputnumero {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    height: 40px;\r\n    width: 110px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .complemento {\r\n    position: absolute;\r\n    margin-left: 140px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputcomplemento {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 239px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .bairro {\r\n    position: absolute;\r\n    margin-left: 400px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputbairro {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 410px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Section = styled.section`\r\n  grid-area: main;\r\n  width: 124%;\r\n  height: 16px;\r\n  background-color: #ebf1f4;\r\n  margin-left: -110px;\r\n  margin-bottom: 30px;\r\n`;\r\n\r\ninterface CircleProps {\r\n  selected?: boolean;\r\n}\r\n\r\nexport const Circle = styled.div<CircleProps>`\r\n  display: flex;\r\n\r\n  .circle1 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 5px;\r\n    width: 21px;\r\n    height: 21px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--purple);\r\n  }\r\n\r\n  ${props =>\r\n    props.selected &&\r\n    `\r\n    .circle2 {\r\n      width: 15px;\r\n      height: 15px;\r\n      border-radius: 50%;\r\n      background-color: var(--purple);\r\n    }\r\n  `};\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  height: 125vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 1024px) {\r\n    height: 155vh;\r\n  }\r\n  @media (max-width: 677px) {\r\n    height: 150vh;\r\n  }\r\n  @media (max-width: 500px) {\r\n    height: 165vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    height: 95%;\r\n    padding: 5px 40px 10px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n    padding: 10px;\r\n    @media (max-width: 850px) {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useEffect } from 'react';\r\nimport IconCopy from '../../../../assets/MyCards/iconCopy.svg';\r\nimport { ModalPixPagamento } from './styles';\r\n\r\ninterface ModalPixProps {\r\n  codeExpiration: any;\r\n  codePix: any;\r\n  codeImage: any;\r\n  closeModal(): void;\r\n}\r\n\r\nconst ModalPix: React.FC<ModalPixProps> = ({\r\n  codeExpiration,\r\n  codePix,\r\n  codeImage,\r\n  closeModal,\r\n}) => {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const dataExp = codeExpiration?.split('T')[0];\r\n  const dataBra = dataExp?.split('-').reverse().join('/');\r\n\r\n  function copiarTexto() {\r\n    navigator.clipboard.writeText(codePix);\r\n    const element: HTMLElement = document.getElementById('copy') as HTMLElement;\r\n    element.innerHTML = 'Copiado';\r\n    element.style.background = '#D3D3D3';\r\n    element.style.color = 'var(--purple)';\r\n    element.style.fontWeight = 'bold';\r\n  }\r\n\r\n  return (\r\n    <ModalPixPagamento>\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div className=\"row\">\r\n          <h2>Para finalizar sua compra é só realizar o pagamento com Pix!</h2>\r\n          <p>\r\n            O código é válido até&nbsp;\r\n            <strong>{dataBra}</strong>\r\n            &nbsp;às&nbsp;\r\n            <strong>\r\n              {codeExpiration?.split('T')[1].split(':', 1)}:\r\n              {codeExpiration?.split('T')[1].split(':')[1]}\r\n            </strong>\r\n          </p>\r\n          <img\r\n            src={codeImage}\r\n            alt=\"\"\r\n            style={{\r\n              width: '180px',\r\n              marginTop: '20px',\r\n            }}\r\n          />\r\n          <div className=\"code\">{codePix}</div>\r\n          <button\r\n            type=\"button\"\r\n            id=\"copy\"\r\n            onClick={copiarTexto}\r\n            className=\"buttonCopy\"\r\n          >\r\n            <img\r\n              src={IconCopy}\r\n              alt=\"\"\r\n              style={{\r\n                width: '28px',\r\n                marginRight: '10px',\r\n              }}\r\n            />\r\n            Copiar código\r\n          </button>\r\n          <p style={{ marginTop: '10px', width: '95%' }}>\r\n            <strong>\r\n              Se o pagamento não for confirmado, não se preocupe. O pedido será\r\n              cancelado automaticamente.\r\n            </strong>\r\n          </p>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '30px',\r\n          }}\r\n        >\r\n          <div className=\"number\">1</div>\r\n          <div>Copie o código de pagamento no botão acima</div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">2</div>\r\n          <div>\r\n            Abra o app ou banco de sua preferência e cole o código. Confira\r\n            todas as informações e autorize o pagamento.\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">3</div>\r\n          <div>\r\n            Pronto! Você vai receber a confirmação de pagamento por aqui\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            backgroundColor: 'var(--orange)',\r\n            padding: '10px',\r\n            borderRadius: '10px',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <p style={{ color: 'white' }}>\r\n            Seus créditos estarão disponíveis para validação dentro dos ônibus\r\n            convencionais a partir de 2 horas após solicitação de recarga.{' '}\r\n            <br /> Para SUPLEMENTARES ou METRÔ, a validação será possível 72\r\n            horas úteis após a aprovação da compra.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalPix;\r\n","/* eslint-disable no-restricted-globals */\r\n/* eslint-disable react/jsx-boolean-value */\r\n/* eslint-disable react/jsx-curly-brace-presence */\r\n/* eslint-disable no-shadow */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable no-nested-ternary */\r\n/* eslint-disable react/no-unescaped-entities */\r\nimport React, { useCallback, useEffect, useState, useRef } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport NumberFormat from 'react-number-format';\r\nimport ReactSelect from 'react-select';\r\nimport { Form } from '@unform/web';\r\nimport { FormHandles } from '@unform/core';\r\nimport Modal from '../Modal';\r\nimport ModalText from './Modal';\r\nimport Loader from '../../Loader';\r\nimport Button from '../../Button';\r\nimport Card from '../Card';\r\nimport AddPaymentCard from '../AddPaymentCard';\r\nimport { formatPrice } from '../../../utils/currencyFormatter';\r\n\r\nimport {\r\n  Container,\r\n  Content,\r\n  CardSection,\r\n  Circle,\r\n  ModalContentBanner,\r\n  CartaoDados,\r\n  PagamentoDados,\r\n  DivGeralCartao,\r\n} from './styles';\r\nimport { Row, Column } from '../../../styles/components';\r\n\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { useLoader } from '../../../hooks/loader';\r\n\r\nimport TicketingService, {\r\n  Card as CardInterface,\r\n  Payment as Pay,\r\n} from '../../../services/ticketing';\r\nimport InputOutlined from '../../InputOutlined';\r\nimport ModalPix from './ModalPix';\r\nimport api from '../../../services/api';\r\nimport AccountsService from '../../../services/accounts';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\ninterface RechargerCard {\r\n  cards: CardInterface[];\r\n}\r\n\r\nconst RechargerCard: React.FC<RechargerCard> = ({ cards, ...rest }) => {\r\n  const { push } = useHistory();\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n  const { changeLoader } = useLoader();\r\n  const [loading, setLoading] = useState(true);\r\n  const services = { ticketingService: new TicketingService() };\r\n  const inputRef = useRef<any>(null);\r\n  const [showSuccess, setShowSuccess] = useState<boolean>(false);\r\n  const [hasCreditCard, setHasCreditCard] = useState<boolean>(false);\r\n  const [showAddPayment, setShowAddPayment] = useState<boolean>(false);\r\n  const [modalPhone, setModalPhone] = useState<boolean>(false);\r\n  const [modalCpf, setModalCpf] = useState<boolean>(false);\r\n  const [successType, setSuccessType] = useState<string>();\r\n  const [boletoLink, setBoletoLink] = useState<string>();\r\n  const [payments, setPayments] = useState<Pay[]>([]);\r\n  const [paymentSelected, setPaymentSelected] = useState<number>();\r\n  const [cardSelected, setCardSelected] = useState<number>();\r\n  const [cashSelected, setCashSelected] = useState<number>();\r\n  const [payType, setPayType] = useState<string>('');\r\n  const [payEnable, setPayEnable] = useState<any>([]);\r\n  const [payEnableBoleto, setPayEnableBoleto] = useState<any>([]);\r\n  const [payWarningBoleto, setPayWarningBoleto] = useState<any>();\r\n  const [payEnableCreditCard, setPayEnableCreditCard] = useState<any>([]);\r\n  const [payWarningCreditCard, setPayWarningCreditCard] = useState<any>();\r\n  const [payEnablePIX, setPayEnablePIX] = useState<any>([]);\r\n  const [payWarningPIX, setPayWarningPIX] = useState<any>();\r\n  const [pixCode, setPixCode] = useState<any>();\r\n  const [pixImage, setPixImage] = useState<any>();\r\n  const [pixExpiration, setPixExpiration] = useState<any>();\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [LIMIT_RECHARGE_CARD_MIN, setLimitRechargeCardMin] = useState<number>();\r\n  const [LIMIT_RECHARGE_CARD_VAL, setLimitRechargeCardVal] = useState<number>();\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const [informations, setInformations] = React.useState([]);\r\n  const [phones, setPhones] = React.useState([]);\r\n  const [cpfs, setCpfs] = React.useState([]);\r\n  const [\r\n    LIMIT_RECHARGE_BILLET_MIN,\r\n    setLimitRechargeBilletMin,\r\n  ] = useState<number>();\r\n  const [\r\n    LIMIT_RECHARGE_BILLET_VAL,\r\n    setLimitRechargeBilletVal,\r\n  ] = useState<number>();\r\n  const [LIMIT_RECHARGE_PIX_MIN, setLimitRechargePixMin] = useState<number>();\r\n  const [LIMIT_RECHARGE_PIX_VAL, setLimitRechargePixVal] = useState<number>();\r\n  const [disable, setDisable] = useState(false);\r\n  const [cardtax, setCardtax] = useState<number>();\r\n  const [boletotax, setBoletotax] = useState<number>();\r\n  const [pixtax, setPixtax] = useState<number>();\r\n  const [finaltax, setFinaltax] = useState<number>();\r\n  const [cardId, setCardId] = useState(null);\r\n  const [tamanhotela, setTamanhotela] = useState(window.innerWidth);\r\n  const [saldocartao, setSaldoCartao] = React.useState();\r\n  const [eyechange, setEyechange] = React.useState<boolean>(false);\r\n\r\n  const LimitValue = useCallback(\r\n    ({ floatValue }) => {\r\n      const result =\r\n        payType === 'credit_card'\r\n          ? LIMIT_RECHARGE_CARD_VAL\r\n          : payType !== 'credit_card'\r\n          ? LIMIT_RECHARGE_BILLET_VAL\r\n          : LIMIT_RECHARGE_PIX_VAL;\r\n      return floatValue <= result;\r\n    },\r\n\r\n    [\r\n      payType,\r\n      LIMIT_RECHARGE_BILLET_VAL,\r\n      LIMIT_RECHARGE_CARD_VAL,\r\n      LIMIT_RECHARGE_PIX_VAL,\r\n    ],\r\n  );\r\n\r\n  const getCardsAsync = async () => {\r\n    setLoading(true);\r\n    const idCard = window.location.pathname.split('/');\r\n    const response = await services.ticketingService.getCard(\r\n      idCard[idCard.length - 1],\r\n    );\r\n    setCardSelected(response?.data?.id);\r\n    setSaldoCartao(response.data?.balance);\r\n    // changeLoader(false);\r\n    setLoading(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    getCardsAsync();\r\n  }, [window.location.pathname]);\r\n\r\n  useEffect(() => {\r\n    function handleResize() {\r\n      setTamanhotela(window.innerWidth); // Atualiza a página quando o tamanho da tela muda\r\n    }\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getPay() {\r\n      try {\r\n        const response = await services.ticketingService.getFormsPay();\r\n        setPayEnable(response.data.results);\r\n        const boletoEnable = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'boleto')\r\n          .map((pay: any) => pay.enable);\r\n\r\n        const creditCardEnable = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'credit_card')\r\n          .map((pay: any) => pay.enable);\r\n\r\n        const pixEnable = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'pix')\r\n          .map((pay: any) => pay.enable);\r\n\r\n        const boletoWarning = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'boleto')\r\n          .map((pay: any) => pay.warning);\r\n\r\n        const creditCardWarning = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'credit_card')\r\n          .map((pay: any) => pay.warning);\r\n\r\n        const pixWarning = payEnable\r\n          .filter((pay: any) => pay.payment_type === 'pix')\r\n          .map((pay: any) => pay.warning);\r\n\r\n        setPayEnableBoleto(boletoEnable[0]);\r\n        setPayEnableCreditCard(creditCardEnable[0]);\r\n        setPayEnablePIX(pixEnable[0]);\r\n        setPayWarningBoleto(boletoWarning[0]);\r\n        setPayWarningCreditCard(creditCardWarning[0]);\r\n        setPayWarningPIX(pixWarning[0]);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getPay();\r\n  }, [\r\n    payEnableBoleto,\r\n    payEnableCreditCard,\r\n    payEnablePIX,\r\n    payWarningBoleto,\r\n    payWarningCreditCard,\r\n    payWarningPIX,\r\n  ]);\r\n\r\n  const typeOptions = [\r\n    {\r\n      name: 'pix',\r\n      label: 'PIX',\r\n      isdisabled: !payEnablePIX,\r\n    },\r\n    {\r\n      name: 'boleto',\r\n      label: 'Boleto',\r\n      isdisabled: !payEnableBoleto,\r\n    },\r\n    {\r\n      name: 'credit_card',\r\n      label: 'Cartão de Crédito',\r\n      isdisabled: !payEnableCreditCard,\r\n    },\r\n  ];\r\n\r\n  let titleWarning = '';\r\n  if (Boolean(payEnableBoleto) === false) {\r\n    titleWarning = payWarningBoleto;\r\n  }\r\n  if (Boolean(payEnableCreditCard) === false) {\r\n    titleWarning = payWarningCreditCard;\r\n  }\r\n  if (Boolean(payEnablePIX) === false) {\r\n    titleWarning = payWarningPIX;\r\n  }\r\n  if (\r\n    Boolean(payEnableBoleto) === false &&\r\n    Boolean(payEnableCreditCard) === false &&\r\n    Boolean(payEnablePIX) === false\r\n  ) {\r\n    titleWarning =\r\n      'As formas de pagamento Boleto, Cartão de Crédito e PIX para pessoa física, estão temporariamente desativadas. Estamos com uma instabilidade na plataforma.';\r\n  }\r\n\r\n  async function asyncGetBoletoLimit() {\r\n    try {\r\n      setLoading(true);\r\n      const response = await services.ticketingService.getBoletoLimit();\r\n      const boletoLimit = response.data.results.filter(\r\n        (billet: any) => billet.payment_type === 'boleto',\r\n      );\r\n\r\n      const cardLimit = response.data.results.filter(\r\n        (billet: any) => billet.payment_type === 'credit_card',\r\n      );\r\n\r\n      const pixLimit = response.data.results.filter(\r\n        (billet: any) => billet.payment_type === 'pix',\r\n      );\r\n\r\n      setCardtax(cardLimit[0]?.rate);\r\n      setBoletotax(boletoLimit[0]?.rate);\r\n      setPixtax(pixLimit[0]?.rate);\r\n      setLimitRechargeBilletVal(boletoLimit[0].maximum);\r\n      setLimitRechargeBilletMin(boletoLimit[0].minimum);\r\n      setLimitRechargeCardVal(cardLimit[0].maximum);\r\n      setLimitRechargeCardMin(cardLimit[0].minimum);\r\n      setLimitRechargePixVal(pixLimit[0].maximum);\r\n      setLimitRechargePixMin(pixLimit[0].minimum);\r\n\r\n      setLoading(false);\r\n    } catch (err) {\r\n      setLoading(false);\r\n      console.error(err);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setInformations(response.data);\r\n        setPhones(response?.data?.phone);\r\n        setCpfs(response?.data?.cpf);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n        console.error(err);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getFaqs() {\r\n      try {\r\n        const response = await services.ticketingService.getPaymentForm();\r\n        setPayments(response.data.results);\r\n        const filteredPayments = response.data.results.filter(\r\n          (type: any) => type.payment_type === 'credit_card',\r\n        );\r\n\r\n        setHasCreditCard(!!filteredPayments.length);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n\r\n    getFaqs();\r\n    asyncGetBoletoLimit();\r\n  }, []);\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleCard = useCallback(\r\n    idCard => {\r\n      setCardSelected(idCard);\r\n    },\r\n    [setCardSelected],\r\n  );\r\n\r\n  const handlePayment = useCallback(\r\n    paymentId => {\r\n      setPaymentSelected(paymentId);\r\n    },\r\n    [setPaymentSelected],\r\n  );\r\n\r\n  const success = useCallback((type, link, pixImg, pixCod, pixExp) => {\r\n    setSuccessType(type);\r\n    setBoletoLink(link);\r\n    setShowSuccess(true);\r\n    setPixImage(pixImg);\r\n    setPixCode(pixCod);\r\n    setPixExpiration(pixExp);\r\n  }, []);\r\n\r\n  const closeModal = useCallback(() => {\r\n    setShowSuccess(false);\r\n    push('/meus-cartoes');\r\n  }, [push]);\r\n\r\n  const handleAddCreditCard = useCallback(async () => {\r\n    try {\r\n      const response = await services.ticketingService.getPaymentForm();\r\n      setPayments(response.data.results);\r\n      const filteredPayments = response.data.results.filter(\r\n        (type: any) => type.payment_type === 'credit_card',\r\n      );\r\n      setHasCreditCard(!!setHasCreditCard.length);\r\n    } catch (err: any) {\r\n      const { ...error } = err;\r\n      console.error(error);\r\n    }\r\n  }, []);\r\n\r\n  const handleCash = useCallback(\r\n    async cashValue => {\r\n      const paymentType: Pay = payments.filter(\r\n        pay => pay.id === paymentSelected,\r\n      )[0];\r\n\r\n      if (\r\n        paymentType.payment_type === 'boleto' &&\r\n        Number(inputRef.current.state.numAsString) <\r\n          Number(LIMIT_RECHARGE_BILLET_VAL)\r\n      ) {\r\n        const addedValue =\r\n          Number(inputRef.current.state.numAsString) + cashValue;\r\n\r\n        const setValue =\r\n          addedValue > LIMIT_RECHARGE_BILLET_VAL\r\n            ? LIMIT_RECHARGE_BILLET_VAL\r\n            : addedValue;\r\n\r\n        setCashSelected(setValue);\r\n      }\r\n      if (\r\n        paymentType.payment_type === 'credit_card' &&\r\n        Number(inputRef.current.state.numAsString) <\r\n          Number(LIMIT_RECHARGE_CARD_VAL)\r\n      ) {\r\n        const addedValue =\r\n          Number(inputRef.current.state.numAsString) + cashValue;\r\n\r\n        const setValue =\r\n          addedValue > LIMIT_RECHARGE_CARD_VAL\r\n            ? LIMIT_RECHARGE_CARD_VAL\r\n            : addedValue;\r\n\r\n        setCashSelected(setValue);\r\n      }\r\n      if (\r\n        paymentType.payment_type === 'pix' &&\r\n        Number(inputRef.current.state.numAsString) <\r\n          Number(LIMIT_RECHARGE_PIX_VAL)\r\n      ) {\r\n        const addedValue =\r\n          Number(inputRef.current.state.numAsString) + cashValue;\r\n\r\n        const setValue =\r\n          addedValue > LIMIT_RECHARGE_PIX_VAL\r\n            ? LIMIT_RECHARGE_PIX_VAL\r\n            : addedValue;\r\n\r\n        setCashSelected(setValue);\r\n      }\r\n    },\r\n    [\r\n      LIMIT_RECHARGE_BILLET_VAL,\r\n      LIMIT_RECHARGE_CARD_VAL,\r\n      LIMIT_RECHARGE_PIX_VAL,\r\n      payments,\r\n      paymentSelected,\r\n      cashSelected,\r\n    ],\r\n  );\r\n\r\n  const handleSubmit = useCallback(async () => {\r\n    try {\r\n      const data = formRef.current?.getData();\r\n\r\n      const paymentType: Pay = payments.filter(\r\n        pay => pay.id === paymentSelected,\r\n      )[0];\r\n\r\n      const idCard = window.location.pathname.split('/');\r\n\r\n      if (!phones || !cpfs) {\r\n        if (!phones) {\r\n          setModalPhone(true);\r\n        } else {\r\n          setModalCpf(true);\r\n        }\r\n      } else {\r\n        if (\r\n          paymentType?.payment_type === 'credit_card' &&\r\n          Number(inputRef?.current?.state?.numAsString) >\r\n            Number(LIMIT_RECHARGE_CARD_VAL)\r\n        ) {\r\n          addToast({\r\n            type: 'info',\r\n            title: `Limite Máximo de Recarga Por Cartão de crédito é de ${LIMIT_RECHARGE_CARD_VAL}`,\r\n          });\r\n          return;\r\n        }\r\n        if (data) {\r\n          if (\r\n            Object.values(data.cvv).length < 3 &&\r\n            paymentType?.payment_type === 'credit_card'\r\n          ) {\r\n            addToast({\r\n              type: 'error',\r\n              title: 'CVV não informado',\r\n            });\r\n            return;\r\n          }\r\n        }\r\n\r\n        if (\r\n          paymentType?.payment_type === 'boleto' &&\r\n          Number(inputRef?.current?.state?.numAsString) >\r\n            Number(LIMIT_RECHARGE_BILLET_VAL)\r\n        ) {\r\n          addToast({\r\n            type: 'info',\r\n            title: `Limite Máximo de Recarga Pelo Meio de Pagamento Boleto é de R$${LIMIT_RECHARGE_BILLET_VAL}`,\r\n          });\r\n          return;\r\n        }\r\n\r\n        if (\r\n          paymentType?.payment_type === 'pix' &&\r\n          Number(inputRef?.current?.state?.numAsString) >\r\n            Number(LIMIT_RECHARGE_PIX_VAL)\r\n        ) {\r\n          addToast({\r\n            type: 'info',\r\n            title: `Limite Máximo de Recarga Pelo Meio de Pagamento PIX é de R$${LIMIT_RECHARGE_PIX_VAL}`,\r\n          });\r\n          return;\r\n        }\r\n        changeLoader(true);\r\n        const response = await services.ticketingService.rechargeCard(\r\n          cardSelected,\r\n          paymentSelected,\r\n          cashSelected,\r\n          data ? data.cvv : null,\r\n        );\r\n        setDisable(true);\r\n\r\n        setCardSelected(null);\r\n\r\n        setCashSelected(null);\r\n\r\n        setPaymentSelected(null);\r\n\r\n        changeLoader(false);\r\n\r\n        success(\r\n          paymentType.payment_type,\r\n          response.data.tacom_boleto,\r\n          response.data.pix_image_link,\r\n          response.data.pix_copy_paste,\r\n          response.data.pix_expiration,\r\n        );\r\n        setDisable(false);\r\n      }\r\n    } catch (err: any) {\r\n      console.log(err);\r\n      changeLoader(false);\r\n      const { ...error } = err;\r\n      if (error?.response?.data?.message) {\r\n        addToast({\r\n          type: 'error',\r\n          title: `${error?.response?.data?.message}`,\r\n          description:\r\n            error?.response?.data?.sub_message &&\r\n            `${error?.response?.data?.sub_message}`,\r\n        });\r\n      } else {\r\n        addToast({\r\n          type: 'error',\r\n          title: 'Error',\r\n          description:\r\n            'Estamos com instabilidades no sistema, por favor tente novamente mais tarde.',\r\n        });\r\n      }\r\n    }\r\n  }, [payments, paymentSelected, cardSelected, cashSelected, phones]);\r\n\r\n  const handleSubmitCVV = useCallback(() => {\r\n    console.log('submit');\r\n  }, []);\r\n\r\n  const handleSelectBlur = useCallback(\r\n    e => {\r\n      if (e.name === 'boleto') {\r\n        const paymentType: Pay = payments.filter(\r\n          pay => pay.payment_type === e.name,\r\n        )[0];\r\n        setPayType('boleto');\r\n        setPaymentSelected(paymentType.id);\r\n      }\r\n      if (e.name === 'credit_card') {\r\n        setPayType('credit_card');\r\n      }\r\n      if (e.name === 'pix') {\r\n        const paymentType: Pay = payments.filter(\r\n          pay => pay.payment_type === e.name,\r\n        )[0];\r\n        setPayType('pix');\r\n        setPaymentSelected(paymentType.id);\r\n      }\r\n    },\r\n    [payments],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const params = new URLSearchParams(location.search);\r\n    const eyechangeParam = params.get('eyechange');\r\n\r\n    if (eyechangeParam === 'true') {\r\n      // Defina o estado de eyechange como verdadeiro\r\n      setEyechange(true);\r\n    } else {\r\n      // Defina o estado de eyechange como falso\r\n      setEyechange(false);\r\n    }\r\n  }, [location.search]);\r\n\r\n  return (\r\n    <Container {...rest}>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <DivGeralCartao>\r\n            <CartaoDados>\r\n              <Row>\r\n                {cards &&\r\n                  cards\r\n                    .filter(card => card.id === cardSelected)\r\n\r\n                    .map((card: CardInterface) => (\r\n                      <Column key={card.id} small=\"12\" medium=\"8\" large=\"6\">\r\n                        <Card\r\n                          nickname={card.nickname}\r\n                          cardNumber={card.card_number}\r\n                          selected={cardSelected === card.id}\r\n                          saldo={saldocartao}\r\n                          recharge={true}\r\n                          id={card.id}\r\n                          eye={eyechange}\r\n                        />\r\n                      </Column>\r\n                    ))}\r\n              </Row>\r\n              <p className=\"textotcard\">\r\n                Deseja &nbsp;\r\n                <a className=\"textlink\" href=\"/meus-cartoes\">\r\n                  carregar outro Cartão?\r\n                </a>\r\n              </p>\r\n              {tamanhotela > 500 && (\r\n                <>\r\n                  <p className=\"text\">Resumo da compra</p>\r\n                  <div className=\"resume\">\r\n                    <div className=\"value\">\r\n                      <span>Recarga</span>\r\n                      {!!cashSelected && (\r\n                        <span>{formatPrice(cashSelected)}</span>\r\n                      )}\r\n                    </div>\r\n                    <div className=\"tax\">\r\n                      <span>Taxa de serviço</span>\r\n                      {!!cashSelected &&\r\n                        (payType === 'credit_card'\r\n                          ? `${formatPrice(cardtax * cashSelected)}`\r\n                          : payType === 'boleto'\r\n                          ? `${formatPrice(boletotax * cashSelected)}`\r\n                          : payType === 'pix'\r\n                          ? `${formatPrice(pixtax * cashSelected)}`\r\n                          : '')}\r\n                    </div>\r\n                    <div className=\"tax\">\r\n                      <span>Total</span>\r\n                      {!!cashSelected &&\r\n                        (payType === 'credit_card'\r\n                          ? `${formatPrice(\r\n                              cardtax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : payType === 'boleto'\r\n                          ? `${formatPrice(\r\n                              boletotax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : payType === 'pix'\r\n                          ? `${formatPrice(\r\n                              pixtax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : '')}\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </CartaoDados>\r\n            <PagamentoDados>\r\n              {cardSelected && (\r\n                <>\r\n                  <p className=\"text\" style={{ marginTop: '50px' }}>\r\n                    1. Selecione a forma de pagamento\r\n                  </p>\r\n\r\n                  <div title={titleWarning}>\r\n                    <ReactSelect\r\n                      classNamePrefix=\"react-select\"\r\n                      placeholder=\"Forma de Pagamento\"\r\n                      onChange={handleSelectBlur}\r\n                      options={typeOptions}\r\n                      isOptionDisabled={option => option.isdisabled}\r\n                    />\r\n                  </div>\r\n\r\n                  {payType === 'boleto' && (\r\n                    <small className=\"text\" style={{ marginBottom: '15px' }}>\r\n                      <div className=\"limit-header\">\r\n                        * Atenção! Pagamentos realizados via boleto podem ser\r\n                        compensados pelo banco em até 72 horas.\r\n                      </div>\r\n                    </small>\r\n                  )}\r\n\r\n                  {payType === 'credit_card' && (\r\n                    <small className=\"text\" style={{ marginBottom: '15px' }}>\r\n                      <div\r\n                        className=\"limit-header\"\r\n                        style={{ color: 'var(--orange)' }}\r\n                      >\r\n                        * Atenção! As compras na modalidade cartão de crédito\r\n                        estão limitados a 1 compra diária por usuário.\r\n                      </div>\r\n                    </small>\r\n                  )}\r\n\r\n                  {payType === 'credit_card' && (\r\n                    <div className=\"content-payment-form\">\r\n                      {payments.map(pay =>\r\n                        pay.is_active && pay.payment_type === 'credit_card' ? (\r\n                          <>\r\n                            <>\r\n                              <Content\r\n                                key={pay.id}\r\n                                onClick={() => handlePayment(pay.id)}\r\n                              >\r\n                                <Circle selected={paymentSelected === pay.id}>\r\n                                  <div className=\"circle1\">\r\n                                    <div className=\"circle2\" />\r\n                                  </div>\r\n                                </Circle>\r\n                                <CardSection>\r\n                                  <span className=\"cartao\">\r\n                                    {pay.verbose_name}\r\n                                  </span>\r\n                                </CardSection>\r\n                              </Content>\r\n                            </>\r\n                          </>\r\n                        ) : (\r\n                          <></>\r\n                        ),\r\n                      )}\r\n                      <div className=\"cvv-wrapper\">\r\n                        <Form ref={formRef} onSubmit={handleSubmitCVV}>\r\n                          <InputOutlined\r\n                            cvv\r\n                            name=\"cvv\"\r\n                            id=\"cvv\"\r\n                            placeholder=\"CVV\"\r\n                          />\r\n                        </Form>\r\n                        <Button\r\n                          color=\"orange\"\r\n                          padding=\"1.3\"\r\n                          type=\"button\"\r\n                          onClick={() => setShowAddPayment(true)}\r\n                        >\r\n                          + Adicionar Cartão de crédito\r\n                        </Button>\r\n                      </div>\r\n\r\n                      {!hasCreditCard && (\r\n                        <div className=\"emptyCreditCard\">\r\n                          <small>\r\n                            Você não tem Cartão de crédito cadastrado\r\n                          </small>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  )}\r\n                </>\r\n              )}\r\n\r\n              {payType.length > 0 && (\r\n                <>\r\n                  <p className=\"text\" style={{ marginTop: '50px' }}>\r\n                    2. Digite o valor da recarga\r\n                  </p>\r\n\r\n                  <div className=\"recharge\">\r\n                    <div>\r\n                      <NumberFormat\r\n                        getInputRef={inputRef}\r\n                        ref={inputRef}\r\n                        prefix=\"R$ \"\r\n                        className=\"inputcash\"\r\n                        value={cashSelected}\r\n                        isAllowed={LimitValue}\r\n                        onValueChange={values =>\r\n                          setCashSelected(values.floatValue)\r\n                        }\r\n                        thousandSeparator=\".\"\r\n                        decimalSeparator=\",\"\r\n                        fixedDecimalScale\r\n                        decimalScale={2}\r\n                        placeholder=\"R$ 0,00\"\r\n                        allowNegative={false}\r\n                      />\r\n                      <br />\r\n                      {payType === 'credit_card' && (\r\n                        <small\r\n                          className=\"text\"\r\n                          style={{ marginBottom: '15px' }}\r\n                        >\r\n                          <div className=\"limit-header\">\r\n                            * Restrições de Recarga:\r\n                          </div>\r\n                          <div>\r\n                            Valor Mínimo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_CARD_MIN)}\r\n                          </div>\r\n                          <div>\r\n                            Valor Máximo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_CARD_VAL)}\r\n                          </div>\r\n                        </small>\r\n                      )}\r\n\r\n                      {payType === 'boleto' && (\r\n                        <small\r\n                          className=\"text\"\r\n                          style={{ marginBottom: '15px' }}\r\n                        >\r\n                          <div className=\"limit-header\">\r\n                            * Restrições de Recarga:\r\n                          </div>\r\n                          <div>\r\n                            Valor Mínimo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_BILLET_MIN)}\r\n                          </div>\r\n                          <div>\r\n                            Valor Máximo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_BILLET_VAL)}\r\n                          </div>\r\n                        </small>\r\n                      )}\r\n\r\n                      {payType === 'pix' && (\r\n                        <small\r\n                          className=\"text\"\r\n                          style={{ marginBottom: '15px' }}\r\n                        >\r\n                          <div className=\"limit-header\">\r\n                            * Restrições de Recarga:\r\n                          </div>\r\n                          <div>\r\n                            Valor Mínimo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_PIX_MIN)}\r\n                          </div>\r\n                          <div>\r\n                            Valor Máximo:&nbsp;\r\n                            {formatPrice(LIMIT_RECHARGE_PIX_VAL)}\r\n                          </div>\r\n                        </small>\r\n                      )}\r\n                    </div>\r\n                    <div>\r\n                      <Button\r\n                        color=\"orange\"\r\n                        padding=\"1.3\"\r\n                        rounded\r\n                        className=\"button\"\r\n                        name=\"recarregar\"\r\n                        type=\"button\"\r\n                        onClick={() => handleCash(10)}\r\n                      >\r\n                        + R$ 10\r\n                      </Button>\r\n                      <Button\r\n                        color=\"orange\"\r\n                        padding=\"1.3\"\r\n                        rounded\r\n                        className=\"button\"\r\n                        name=\"recarregar\"\r\n                        type=\"button\"\r\n                        onClick={() => handleCash(20)}\r\n                      >\r\n                        + R$ 20\r\n                      </Button>\r\n                      <Button\r\n                        color=\"orange\"\r\n                        padding=\"1.3\"\r\n                        rounded\r\n                        className=\"button\"\r\n                        name=\"recarregar\"\r\n                        type=\"button\"\r\n                        onClick={() => handleCash(50)}\r\n                      >\r\n                        + R$ 50\r\n                      </Button>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n              {tamanhotela < 500 && (\r\n                <>\r\n                  <p className=\"text\">Resumo da compra</p>\r\n                  <div className=\"resume\">\r\n                    <div className=\"value\">\r\n                      <span>Recarga</span>\r\n                      {!!cashSelected && (\r\n                        <span>{formatPrice(cashSelected)}</span>\r\n                      )}\r\n                    </div>\r\n                    <div className=\"tax\">\r\n                      <span>Taxa de serviço</span>\r\n                      {!!cashSelected &&\r\n                        (payType === 'credit_card'\r\n                          ? `${formatPrice(cardtax * cashSelected)}`\r\n                          : payType === 'boleto'\r\n                          ? `${formatPrice(boletotax * cashSelected)}`\r\n                          : payType === 'pix'\r\n                          ? `${formatPrice(pixtax * cashSelected)}`\r\n                          : '')}\r\n                    </div>\r\n                    <div className=\"tax\">\r\n                      <span>Total</span>\r\n                      {!!cashSelected &&\r\n                        (payType === 'credit_card'\r\n                          ? `${formatPrice(\r\n                              cardtax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : payType === 'boleto'\r\n                          ? `${formatPrice(\r\n                              boletotax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : payType === 'pix'\r\n                          ? `${formatPrice(\r\n                              pixtax * cashSelected + cashSelected,\r\n                            )}`\r\n                          : '')}\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n              {!!cashSelected && (\r\n                <div className=\"buttonss\">\r\n                  <Button\r\n                    color=\"orange\"\r\n                    padding=\"3\"\r\n                    rounded\r\n                    className=\"button-confirmar\"\r\n                    type=\"button\"\r\n                    onClick={() => handleSubmit()}\r\n                    disabled={disable}\r\n                  >\r\n                    CONFIRMAR\r\n                  </Button>\r\n                  <Button\r\n                    color=\"white\"\r\n                    padding=\"3.1\"\r\n                    rounded\r\n                    className=\"button-cancelar\"\r\n                    type=\"button\"\r\n                    onClick={() => handleRedirect('/meus-cartoes')}\r\n                  >\r\n                    CANCELAR\r\n                  </Button>\r\n                </div>\r\n              )}\r\n            </PagamentoDados>\r\n          </DivGeralCartao>\r\n        </>\r\n      )}\r\n      {showSuccess && successType !== 'pix' && (\r\n        <Modal\r\n          handleClose={() => closeModal()}\r\n          success\r\n          show={showSuccess}\r\n          successText=\"\"\r\n          typeModal=\"success\"\r\n        >\r\n          {successType === 'credit_card' && (\r\n            <>\r\n              <h1>Pedido de recarga recebido com sucesso.</h1>\r\n              <br /> * Atenção! As compras na modalidade cartão de crédito estão\r\n              limitados a 1 compra diária por usuário.\r\n              <div\r\n                style={{\r\n                  backgroundColor: 'var(--orange)',\r\n                  padding: '10px',\r\n                  borderRadius: '11px',\r\n                }}\r\n              >\r\n                <p style={{ color: 'white' }}>\r\n                  Seus créditos estarão disponíveis para validação dentro dos\r\n                  ônibus convencionais a partir de 2 horas após solicitação de\r\n                  recarga. <br /> Para SUPLEMENTARES ou METRÔ, a validação será\r\n                  possível 72 horas úteis após a aprovação da compra.\r\n                </p>\r\n              </div>\r\n            </>\r\n          )}\r\n          {successType === 'boleto' && (\r\n            <>\r\n              <h1>Pedido de recarga recebido com sucesso.</h1>\r\n              <p>\r\n                <a href={boletoLink} target=\"_blank\" rel=\"noreferrer\">\r\n                  Clique aqui &nbsp;\r\n                </a>\r\n                e baixe o boleto. Em até 72 horas após o pagamento do boleto os\r\n                créditos estarão disponíveis.\r\n                <div\r\n                  style={{\r\n                    backgroundColor: 'var(--orange)',\r\n                    padding: '10px',\r\n                    borderRadius: '10px',\r\n                  }}\r\n                >\r\n                  <p style={{ color: 'white' }}>\r\n                    Seus créditos estarão disponíveis para validação dentro dos\r\n                    ônibus convencionais a partir de 2 horas após solicitação de\r\n                    recarga. <br /> Para SUPLEMENTARES ou METRÔ, a validação\r\n                    será possível 72 horas úteis após a aprovação da compra.\r\n                  </p>\r\n                </div>\r\n              </p>\r\n            </>\r\n          )}\r\n        </Modal>\r\n      )}\r\n      {modalPhone && (\r\n        <ModalText\r\n          handleClose={() => setModalPhone(false)}\r\n          show={modalPhone}\r\n          title=\"Dados Incompletos\"\r\n        >\r\n          <ModalContentBanner>\r\n            <div className=\"text\">\r\n              <p>\r\n                Verificamos que existem dados obrigatórios não preenchidos no\r\n                seu cadastro.\r\n              </p>\r\n              <p>Complete seu cadastro antes de prosseguir.</p>\r\n            </div>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )}\r\n      {modalCpf && (\r\n        <ModalText\r\n          handleClose={() => setModalCpf(false)}\r\n          show={modalCpf}\r\n          title=\"Dados Incompletos\"\r\n        >\r\n          <ModalContentBanner>\r\n            <div className=\"text\">\r\n              <p>\r\n                Verificamos que existem dados obrigatórios não preenchidos no\r\n                seu cadastro.\r\n              </p>\r\n              <p>Complete seu cadastro antes de prosseguir.</p>\r\n            </div>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n              style={{\r\n                marginTop: '50px',\r\n                minHeight: '20px',\r\n              }}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )}\r\n\r\n      {showSuccess && successType === 'pix' && (\r\n        <>\r\n          <ModalPix\r\n            closeModal={() => closeModal()}\r\n            codeExpiration={pixExpiration}\r\n            codePix={pixCode}\r\n            codeImage={pixImage}\r\n          />\r\n        </>\r\n      )}\r\n      {showAddPayment && (\r\n        <AddPaymentCard\r\n          show={showAddPayment}\r\n          title=\"Adicionar Cartão\"\r\n          handleClose={() => setShowAddPayment(false)}\r\n          handleAdd={handleAddCreditCard}\r\n        />\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default RechargerCard;\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst EaseIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const TransfacilCard = styled.button`\r\n  background: var(--purple);\r\n  color: var(--white);\r\n  border-radius: 20px;\r\n  width: 200px;\r\n  padding: 14px 23px 14px 23px;\r\n  margin-top: 1rem;\r\n  margin-right: 25px;\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 315px) {\r\n    width: 155px;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  max-width: 1140px;\r\n  .buttons {\r\n    margin-top: 30px;\r\n    padding: 0px;\r\n  }\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    margin-top: 15px;\r\n    margin-bottom: 10px;\r\n\r\n    .btn-cancelar {\r\n      color: var(--orange);\r\n      border: 2px solid var(--orange);\r\n      border-radius: 16px;\r\n      margin-right: 40px;\r\n    }\r\n  }\r\n  .div-saldo {\r\n    display: flex;\r\n    .info-saldo {\r\n      .text-saldo {\r\n        position: absolute;\r\n        margin-left: 1rem;\r\n        background-color: var(--white);\r\n        padding: 0 12px;\r\n        margin-top: -10px;\r\n        color: var(--purple);\r\n      }\r\n      .saldo {\r\n        background: var(--white);\r\n        color: var(--purple);\r\n        border: 2px solid var(--purple);\r\n        border-radius: 10px;\r\n        height: 80px;\r\n        padding: 0 0 0 16px;\r\n        width: 275px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        @media (max-width: 370px) {\r\n          width: 205px;\r\n        }\r\n      }\r\n      h5 {\r\n        color: var(--orange);\r\n        margin-top: 0.5rem;\r\n        margin-left: 1rem;\r\n      }\r\n    }\r\n    .button-recarregar {\r\n      margin-left: 50px;\r\n      @media (max-width: 670px) {\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n    @media (max-width: 670px) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 0px 0px 50px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    line-height: 3rem;\r\n    text-transform: uppercase;\r\n    @media (max-width: 355px) {\r\n      flex-wrap: wrap;\r\n      font-size: 2.7rem;\r\n    }\r\n    @media (max-width: 315px) {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n`;\r\n\r\n// export const RegisterCardButton = styled(Button)`\r\n//   padding-top: 3.5rem;\r\n//   padding-right: 1rem;\r\n// `;\r\n\r\nexport const CardBox = styled.div`\r\n  max-width: 1140px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  width: 600px;\r\n  margin-top: 0px;\r\n  animation: ${EaseIn} 0.3s;\r\n\r\n  .inforecarga {\r\n    color: var(--orange);\r\n    margin-left: 20px;\r\n  }\r\n\r\n  h2 {\r\n    margin-left: -230px;\r\n    margin-top: 50px;\r\n    color: var(--gray-line);\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-direction: column;\r\n  }\r\n  .register-nickname {\r\n    margin-top: 1.5rem;\r\n    margin-left: 20px;\r\n    width: 300px;\r\n    @media (max-width: 720px) {\r\n      width: 22rem;\r\n    }\r\n    @media (max-width: 670px) {\r\n      margin-left: 0px;\r\n    }\r\n    @media (max-width: 615px) {\r\n      width: 21.8rem;\r\n    }\r\n    @media (max-width: 370px) {\r\n      width: 16.5rem;\r\n    }\r\n    @media (max-width: 315px) {\r\n      width: 11.5rem;\r\n    }\r\n  }\r\n  @media (max-width: 670px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 281.5px;\r\n  }\r\n  @media (max-width: 370px) {\r\n    width: 16.5rem;\r\n  }\r\n`;\r\nexport const Historico = styled.div`\r\n  margin: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  .botaohistorico {\r\n    margin-top: 10px;\r\n    width: 500px;\r\n    height: 50px;\r\n    max-width: 100%;\r\n    background-color: var(--purple);\r\n    border: 1px solid var(--purple);\r\n    font-weight: bold;\r\n    color: white;\r\n    @media (max-width: 600px) {\r\n      width: 300px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      width: 100%;\r\n    }\r\n\r\n    .icon {\r\n      margin-right: 10px;\r\n      margin-top: 2px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ExtratodeUso = styled.button``;\r\n\r\nexport const Extratoderecarga = styled.div``;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 70px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  width: 100%;\r\n\r\n  .header {\r\n    background-color: var(--aside-background);\r\n    strong {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  .nodata {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    .icon {\r\n      color: var(--purple);\r\n      margin-bottom: 10px;\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .paper {\r\n    box-shadow: none;\r\n    @media only screen and (max-width: 800px) {\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n  }\r\n  .Tabela {\r\n    @media only screen and (max-width: 1200px) {\r\n      display: grid;\r\n      max-width: 100%;\r\n    }\r\n    @media only screen and (max-width: 395px) {\r\n      margin-left: -5%;\r\n    }\r\n    @media only screen and (max-width: 380px) {\r\n      margin-left: -10%;\r\n    }\r\n    .specifitcell {\r\n      width: 100%;\r\n    }\r\n    #cell-1-undefined {\r\n      padding: 0px 5px;\r\n      max-width: 200px;\r\n    }\r\n    #cell-2-undefined {\r\n      width: 100px;\r\n      padding: 0px 5px;\r\n      @media only screen and (max-width: 500px) {\r\n        width: 100px;\r\n      }\r\n    }\r\n    div[data-column-id='1'] {\r\n      max-width: 200px;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 100px;\r\n      }\r\n    }\r\n    div[data-column-id='2'] {\r\n      width: 120px;\r\n      @media only screen and (max-width: 500px) {\r\n        min-width: 150px;\r\n      }\r\n    }\r\n    div[data-column-id='3'] {\r\n      max-width: 1620px;\r\n      justify-content: center;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 100px;\r\n      }\r\n      @media only screen and (max-width: 400px) {\r\n        max-width: 90px;\r\n      }\r\n    }\r\n    /* #cell-3-undefined {\r\n      font-size: 14px;\r\n      padding: 0px 5px;\r\n      @media only screen and (max-width: 500px) {\r\n        font-size: 12px;\r\n      }\r\n    } */\r\n    #cell-3-undefined {\r\n      padding: 0px 5px;\r\n      max-width: 150px;\r\n      @media only screen and (max-width: 400px) {\r\n        max-width: 80px;\r\n      }\r\n    }\r\n    /* #cell-4-undefined {\r\n      padding: 0px 5px;\r\n    } */\r\n  }\r\n  .button-cadastrar {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .datadiv {\r\n    display: flex;\r\n    flex-direction: row;\r\n    padding: 10px;\r\n  }\r\n  .infonotdata {\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n    margin-left: 10px;\r\n  }\r\n  .data {\r\n    border-radius: 20px;\r\n    padding: 5px;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    font-weight: bold;\r\n    margin: 5px;\r\n  }\r\n  .datatext {\r\n    color: var(--orange);\r\n    margin-left: 5px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n  }\r\n\r\n  .verPix {\r\n    background: transparent;\r\n    color: rgb(9, 85, 165);\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-size: 0.875rem;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  margin-top: 15px;\r\n  border-radius: 20px 20px;\r\n  max-width: 100%;\r\n  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%),\r\n    0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);\r\n\r\n  & > div {\r\n    padding: 0;\r\n    margin: 0;\r\n    max-height: inherit !important;\r\n  }\r\n\r\n  .rdt_TableCol {\r\n    background-color: var(--aside-background);\r\n    display: flex;\r\n    max-width: 100%;\r\n    padding: 10px;\r\n    font-size: 0.875rem;\r\n    text-align: left;\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-weight: 400;\r\n    line-height: 1.43;\r\n    border-bottom: 1px solid rgba(224, 224, 224, 1);\r\n    letter-spacing: 0.01071em;\r\n    vertical-align: inherit;\r\n    @media (max-width: 1400px) {\r\n      max-width: 60%;\r\n    }\r\n    @media (max-width: 600px) {\r\n      display: flex;\r\n      font-size: 0.8rem;\r\n      padding: 5px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      min-width: 40px;\r\n    }\r\n\r\n    div {\r\n      color: var(--purple) !important;\r\n      font-weight: bold;\r\n    }\r\n  }\r\n\r\n  .hemgRv {\r\n    border-radius: 0 0 20px 20px;\r\n  }\r\n\r\n  .rdt_TableBody {\r\n  }\r\n\r\n  .rdt_TableRow {\r\n    @media (max-width: 600px) {\r\n      font-size: 10px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      font-size: 10px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      min-width: 40px;\r\n    }\r\n    font-size: 16px;\r\n    width: 100%;\r\n  }\r\n\r\n  .rdt_TableCell {\r\n    max-width: 100%;\r\n    & > div {\r\n      white-space: inherit;\r\n      @media (max-width: 600px) {\r\n        width: 50px;\r\n      }\r\n      @media (max-width: 500px) {\r\n        min-width: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .emptyText {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-empty-interface */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport DataTable from 'react-data-table-component';\r\nimport { Container } from './styles';\r\n\r\ninterface ITable {\r\n  columns: any[];\r\n  data: any[];\r\n  title?: any;\r\n}\r\n\r\nconst TableExtrato: React.FC<ITable> = ({ columns, data, title }) => {\r\n  const customColumns = columns.map((col: any) => {\r\n    if (col.name === 'Linha') {\r\n      return { ...col, width: '50px' }; // Ajuste a largura conforme necessário\r\n    }\r\n    return col;\r\n  });\r\n  return (\r\n    <Container>\r\n      <DataTable columns={customColumns} data={data} title={title} />\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport { TableExtrato };\r\n","/* eslint-disable import/order */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable no-unused-expressions */\r\n/* eslint-disable no-lonely-if */\r\n/* eslint-disable react/display-name */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useState, useEffect } from 'react';\r\nimport { formatCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Loader from '../../Loader';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\nimport { FiXCircle } from 'react-icons/fi';\r\n// import ModalUpdateInformations from '../../components/ModalUpdateInformations';\r\n\r\nimport { TitleSection, Main } from './styles';\r\n\r\nimport TicketingService, { Recarga } from '../../../services/ticketing';\r\nimport AccountsService from '../../../services/accounts';\r\nimport { TableExtrato } from './tableExtratouso';\r\nimport Button from '../../Button';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport api from '../../../services/api';\r\n\r\ninterface ExtratoUsoProps {\r\n  idcard?: any;\r\n}\r\n\r\nconst ExtratoUso: React.FC<ExtratoUsoProps> = ({ idcard }) => {\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [extrato, setExtrato] = React.useState<any>();\r\n  const [profile, setProfile] = React.useState([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n\r\n  const formatDate = (date: any) => {\r\n    const year = date.getFullYear();\r\n    const month = String(date.getMonth() + 1).padStart(2, '0');\r\n    const day = String(date.getDate()).padStart(2, '0');\r\n    return `${year}-${month}-${day}`;\r\n  };\r\n  const currentDate = new Date();\r\n  const initialDate = new Date(currentDate);\r\n  initialDate.setDate(currentDate.getDate() - 7);\r\n  const [dateStart, setDateStart] = useState(initialDate);\r\n  const [dateEnd, setDateEnd] = useState(currentDate);\r\n  const [hasData, setHasData] = useState<boolean>(true);\r\n  const { addToast } = useToast();\r\n\r\n  const linhasSindpautas = [\r\n    { linha: 'S10', nomelinha: 'BH SHOPPING/SÃO FRANCISCO' },\r\n    { linha: 'S11', nomelinha: 'CRUZEIRO/GUTIERREZ' },\r\n    { linha: 'S19', nomelinha: 'HOSPITAL EVANGELICO/SHOPPING BOULEVARD' },\r\n    { linha: 'S20', nomelinha: 'PALMEIRAS/SERRA' },\r\n    { linha: 'S21', nomelinha: 'DOM CABRAL/BH SHOPPING' },\r\n    { linha: 'S22', nomelinha: 'BURITIS/METRÔ CALAFATE' },\r\n    { linha: 'S31', nomelinha: 'PETRÓPOLIS / BARREIRO' },\r\n    { linha: 'S32', nomelinha: 'ITAIPÚ/CARDOSO' },\r\n    { linha: 'S33', nomelinha: 'LINDÉIA/MILIONÁRIOS' },\r\n    { linha: 'S41', nomelinha: 'CONJUNTO CALIFÓRNIA/PRADO' },\r\n    { linha: 'S50', nomelinha: 'CAIÇARA / NOVA VISTA - VIA UFMG' },\r\n    { linha: 'S53', nomelinha: 'CONFISCO/SÃO GABRIEL' },\r\n    { linha: 'S54', nomelinha: 'DOM BOSCO/SHOPPING DEL REY' },\r\n    { linha: 'S55', nomelinha: 'SANTA MÔNICA/MINAS SHOPPING' },\r\n    { linha: 'S56', nomelinha: 'SÃO JOSÉ/VILARINHO' },\r\n    {\r\n      linha: 'S60',\r\n      nomelinha: 'ETELVINA CARNEIRO/JARDIM LEBLON VIA VENDA NOVA',\r\n    },\r\n    { linha: 'S61', nomelinha: 'MANTIQUEIRA/ESTAÇÃO VILARINHO' },\r\n    { linha: 'S63', nomelinha: 'CAMPO ALEGRE/CEU AZUL VIA RIO BRANCO' },\r\n    { linha: 'S64', nomelinha: 'CAMPO ALEGRE/CEU AZUL VIA VENDA NOVA' },\r\n    { linha: 'S65', nomelinha: 'SÃO BERNARDO/MINASCAIXA' },\r\n    { linha: 'S66', nomelinha: 'TUPI/EUROPA' },\r\n    { linha: 'S70', nomelinha: 'CONJ. FELICIDADE/SHOPPING DEL REY' },\r\n    { linha: 'S80', nomelinha: 'JARDIM VITÓRIA/JARDINÓPOLIS' },\r\n    { linha: 'S81', nomelinha: 'CIRCULAR NORDESTE' },\r\n    { linha: 'S82', nomelinha: 'CIRCULAR NORDESTE' },\r\n    { linha: 'S85', nomelinha: 'MINAS SHOPPING/SANTA INÊS' },\r\n    { linha: 'S90', nomelinha: 'BALEIA/SAGRADA FAMILIA' },\r\n    { linha: 'S92', nomelinha: 'ESPLANADA/BURITIS' },\r\n  ];\r\n  const metro = [\r\n    { linha: '5001', nome: 'ESTAÇÃO ELDORADO' },\r\n    { linha: '5002', nome: 'ESTAÇÃO CIDADE INDUSTRIAL' },\r\n    { linha: '5003', nome: 'ESTAÇÃO VILA OESTE' },\r\n    { linha: '5004', nome: 'ESTAÇÃO GAMELEIRA' },\r\n    { linha: '5005', nome: 'ESTAÇÃO CALAFATE' },\r\n    { linha: '5006', nome: 'ESTAÇÃO CARLOS PRATES' },\r\n    { linha: '5007', nome: 'ESTAÇÃO LAGOINHA' },\r\n    { linha: '5008', nome: 'ESTAÇÃO CENTRAL' },\r\n    { linha: '5009', nome: 'ESTAÇÃO SANTA EFIGÊNIA' },\r\n    { linha: '5010', nome: 'ESTAÇÃO SANTA TERESA' },\r\n    { linha: '5011', nome: 'ESTAÇÃO HORTO FLORESTAL' },\r\n    { linha: '5012', nome: 'ESTAÇÃO SANTA INÊS' },\r\n    { linha: '5013', nome: 'ESTAÇÃO JOSÉ CÂNDIDO' },\r\n    { linha: '5014', nome: 'ESTAÇÃO MINAS SHOPPING' },\r\n    { linha: '5015', nome: 'ESTAÇÃO SÃO GABRIEL' },\r\n    { linha: '5016', nome: 'ESTAÇÃO PRIMEIRO DE MAIO' },\r\n    { linha: '5017', nome: 'ESTAÇÃO WALDOMIRO LOBO' },\r\n    { linha: '5018', nome: 'ESTAÇÃO FLORAMAR' },\r\n    { linha: '5019', nome: 'ESTAÇÃO VILARINHO' },\r\n  ];\r\n  const estacoes = [\r\n    {\r\n      linha: '1000',\r\n      nome: 'ESTAÇÃO DIAMANTE',\r\n    },\r\n    {\r\n      linha: '1001',\r\n      nome: 'ESTAÇÃO DIAMANTE',\r\n    },\r\n    {\r\n      linha: '1002',\r\n      nome: 'ESTAÇÃO DIAMANTE ACESSO LOJAS',\r\n    },\r\n    {\r\n      linha: '2000',\r\n      nome: 'ESTACAO VENDA NOVA',\r\n    },\r\n    {\r\n      linha: '2001',\r\n      nome: 'ESTAÇÃO VENDA NOVA',\r\n    },\r\n    {\r\n      linha: '3000',\r\n      nome: 'ACESSO ESTAÇÃO SAO GABRIEL',\r\n    },\r\n    {\r\n      linha: '3001',\r\n      nome: 'ESTAÇÃO SÃO GABRIEL',\r\n    },\r\n    {\r\n      linha: '3002',\r\n      nome: 'ESTAÇÃO MOVE SÃO GABRIEL (TARIFA A)',\r\n    },\r\n    {\r\n      linha: '4001',\r\n      nome: 'ESTAÇÃO BARREIRO',\r\n    },\r\n    {\r\n      linha: '4002',\r\n      nome: 'ESTAÇAO BARREIRO',\r\n    },\r\n    {\r\n      linha: '4003',\r\n      nome: 'ESTAÇÃO BARREIRO SAÍDA / ACESSO SHOPPING',\r\n    },\r\n    {\r\n      linha: '4004',\r\n      nome: 'ESTAÇÃO BARREIRO ACESSO LOJAS',\r\n    },\r\n    {\r\n      linha: '6000',\r\n      nome: 'ACESSO ESTAÇÃO PAMPULHA',\r\n    },\r\n    {\r\n      linha: '6001',\r\n      nome: 'ESTAÇÃO PAMPULHA',\r\n    },\r\n    {\r\n      linha: '7000',\r\n      nome: 'LINHAS ACESSO ESTAÇÃO VILARINHO',\r\n    },\r\n    {\r\n      linha: '7001',\r\n      nome: 'ESTAÇÃO VILARINHO',\r\n    },\r\n    {\r\n      linha: 'AC01',\r\n      nome: 'ESTAÇÃO TRANSF. CANDELÁRIA',\r\n    },\r\n    {\r\n      linha: 'AC02',\r\n      nome: 'ESTAÇÃO TRANSF. MINAS CAIXA',\r\n    },\r\n    {\r\n      linha: 'AC03',\r\n      nome: 'ESTAÇÃO TRANSF. QUADRAS DO VILARINHO',\r\n    },\r\n    {\r\n      linha: 'AC04',\r\n      nome: 'ESTAÇÃO TRANSF. UPA VENDA NOVA',\r\n    },\r\n    {\r\n      linha: 'AC05',\r\n      nome: 'ESTAÇÃO TRANSF. CRISTIANO GUIMARÃES',\r\n    },\r\n    {\r\n      linha: 'AC06',\r\n      nome: 'ESTAÇÃO TRANSF. PLANALTO',\r\n    },\r\n    {\r\n      linha: 'AC07',\r\n      nome: 'ESTAÇÃO TRANSF. SÃO JOÃO BATISTA',\r\n    },\r\n    {\r\n      linha: 'AC08',\r\n      nome: 'ESTAÇÃO TRANSF. LAGOA DO NADO',\r\n    },\r\n    {\r\n      linha: 'AC09',\r\n      nome: 'ESTAÇÃO TRANSF. MONTESE',\r\n    },\r\n    {\r\n      linha: 'AC10',\r\n      nome: 'ESTAÇÃO TRANSF. MONTE CASTELO',\r\n    },\r\n    {\r\n      linha: 'AC12',\r\n      nome: 'ESTAÇÃO TRANSF. SANTA ROSA',\r\n    },\r\n    {\r\n      linha: 'AC13',\r\n      nome: 'ESTAÇÃO TRANSF. MINEIRÃO',\r\n    },\r\n    {\r\n      linha: 'AC14',\r\n      nome: 'ESTAÇÃO TRANSF. UFMG',\r\n    },\r\n    {\r\n      linha: 'AC15',\r\n      nome: 'ESTAÇÃO TRANSF. LIBERDADE',\r\n    },\r\n    {\r\n      linha: 'AC16',\r\n      nome: 'ESTAÇÃO TRANSF. COLÉGIO MILITAR',\r\n    },\r\n    {\r\n      linha: 'AC17',\r\n      nome: 'ESTAÇÃO TRANSF. SÃO FRANCISCO',\r\n    },\r\n    {\r\n      linha: 'AC18',\r\n      nome: 'ESTAÇÃO TRANSF. CACHOEIRINHA',\r\n    },\r\n    {\r\n      linha: 'AC19',\r\n      nome: 'ESTAÇÃO TRANSF. AMÉRICO VESPÚCIO',\r\n    },\r\n    {\r\n      linha: 'AC20',\r\n      nome: 'ESTAÇÃO TRANSF. APARECIDA',\r\n    },\r\n    {\r\n      linha: 'AC21',\r\n      nome: 'ESTAÇÃO TRANSF. OPERÁRIOS',\r\n    },\r\n    {\r\n      linha: 'AC22',\r\n      nome: 'ESTAÇÃO TRANSF. HOSPITAL BELO HORIZONTE',\r\n    },\r\n    {\r\n      linha: 'AC23',\r\n      nome: 'ESTAÇÃO TRANSF. IAPI',\r\n    },\r\n    {\r\n      linha: 'AC24',\r\n      nome: 'ESTAÇÃO TRANSF. HOSPITAL ODILON BEHRENS',\r\n    },\r\n    {\r\n      linha: 'AC25',\r\n      nome: 'ESTAÇÃO TRANSF. SENAI',\r\n    },\r\n    {\r\n      linha: 'AC26',\r\n      nome: 'ESTAÇÃO TRANSF. LAGOINHA',\r\n    },\r\n    {\r\n      linha: 'CM02',\r\n      nome: 'ESTAÇÃO DE TRANSF. MINAS SHOPPING',\r\n    },\r\n    {\r\n      linha: 'CM03',\r\n      nome: 'ESTAÇÃO DE TRANSF. OURO MINAS',\r\n    },\r\n    {\r\n      linha: 'CM04',\r\n      nome: 'ESTAÇÃO DE TRANSF. UNIÃO',\r\n    },\r\n    {\r\n      linha: 'CM05',\r\n      nome: 'ESTAÇÃO DE TRANSF. IPIRANGA',\r\n    },\r\n    {\r\n      linha: 'CM06',\r\n      nome: 'ESTAÇÃO DE TRANSF. CIDADE NOVA',\r\n    },\r\n    {\r\n      linha: 'CM07',\r\n      nome: 'ESTAÇÃO DE TRANSF. FEIRA DOS PRODUTORES',\r\n    },\r\n    {\r\n      linha: 'CM08',\r\n      nome: 'ESTAÇÃO DE TRANSF. SÃO JUDAS TADEU',\r\n    },\r\n    {\r\n      linha: 'CM09',\r\n      nome: 'ESTAÇÃO DE TRANSF. SAGRADA FAMÍLIA',\r\n    },\r\n    {\r\n      linha: 'CM10',\r\n      nome: 'ESTAÇÃO DE TRANSF. SILVIANO BRANDÃO',\r\n    },\r\n    {\r\n      linha: 'PR01',\r\n      nome: 'ESTAÇÃO DE TRANSF. TAMOIOS',\r\n    },\r\n    {\r\n      linha: 'PR02',\r\n      nome: 'ESTAÇÃO DE TRANSF. CARIJÓS',\r\n    },\r\n    {\r\n      linha: 'SD01',\r\n      nome: 'ESTAÇÃO DE TRANSF. SÃO PAULO',\r\n    },\r\n    {\r\n      linha: 'SD02',\r\n      nome: 'ESTAÇÃO DE TRANSF. RIO DE JANEIRO',\r\n    },\r\n  ];\r\n  // const estacoes = [\r\n  //   { linha: '1000', nome: 'ESTAÇÃO DIAMANTE' },\r\n  //   { linha: '1001', nome: 'LINHA DE BLOQUEIO ESTAÇÃO DIAMANTE' },\r\n  //   { linha: '1002', nome: 'LINHA BLOQUEIO ESTAÇÃO DIAMANTE ACESSO LOJAS' },\r\n  //   { linha: '2000', nome: 'ESTACAO VENDA NOVA' },\r\n  //   { linha: '2001', nome: 'LINHA DE BLOQUEIO ESTAÇÃO VENDA NOVA' },\r\n  //   { linha: '3000', nome: 'ACESSO ESTAÇÃO SAO GABRIEL' },\r\n  //   { linha: '3001', nome: 'LINHAS BLOQUEIO SÃO GABRIEL' },\r\n  //   { linha: '3002', nome: 'LINHA BLOQUEIO MOVE SÃO GABRIEL (TARIFA A)' },\r\n  //   { linha: '4001', nome: 'LINHA DE BLOQUEIO ESTAÇÃO BARREIRO' },\r\n  //   { linha: '4002', nome: 'ESTAÇAO BARREIRO' },\r\n  //   { linha: '4003', nome: 'ESTAÇÃO BARREIRO SAÍDA / ACESSO SHOPPING' },\r\n  //   { linha: '4004', nome: 'LINHA DE BLOQUEIO ESTAÇÃO BARREIRO ACESSO LOJAS' },\r\n  //   { linha: '6000', nome: 'ACESSO ESTAÇÃO PAMPULHA' },\r\n  //   { linha: '6001', nome: 'LINHAS BLOQUEIO ESTAÇÃO PAMPULHA' },\r\n  //   { linha: '7000', nome: 'LINHAS ACESSO ESTAÇÃO VILARINHO' },\r\n  //   { linha: '7001', nome: 'LINHAS BLOQUEIO ESTAÇÃO VILARINHO' },\r\n  //   { linha: 'AC01', nome: 'ESTAÇÃO TRANSF. CANDELÁRIA' },\r\n  //   { linha: 'AC02', nome: 'ESTAÇÃO TRANSF. MINAS CAIXA' },\r\n  //   { linha: 'AC03', nome: 'ESTAÇÃO TRANSF. QUADRAS DO VILARINHO' },\r\n  //   { linha: 'AC04', nome: 'ESTAÇÃO TRANSF. UPA VENDA NOVA' },\r\n  //   { linha: 'AC05', nome: 'ESTAÇÃO TRANSF. CRISTIANO GUIMARÃES' },\r\n  //   { linha: 'AC06', nome: 'ESTAÇÃO TRANSF. PLANALTO' },\r\n  //   { linha: 'AC07', nome: 'ESTAÇÃO TRANSF. SÃO JOÃO BATISTA' },\r\n  //   { linha: 'AC08', nome: 'ESTAÇÃO TRANSF. LAGOA DO NADO' },\r\n  //   { linha: 'AC09', nome: 'ESTAÇÃO TRANSF. MONTESE' },\r\n  //   { linha: 'AC10', nome: 'ESTAÇÃO TRANSF. MONTE CASTELO' },\r\n  //   { linha: 'AC12', nome: 'ESTAÇÃO TRANSF. SANTA ROSA' },\r\n  //   { linha: 'AC13', nome: 'ESTAÇÃO TRANSF. MINEIRÃO' },\r\n  //   { linha: 'AC14', nome: 'ESTAÇÃO TRANSF. UFMG' },\r\n  //   { linha: 'AC15', nome: 'ESTAÇÃO TRANSF. LIBERDADE' },\r\n  //   { linha: 'AC16', nome: 'ESTAÇÃO TRANSF. COLÉGIO MILITAR' },\r\n  //   { linha: 'AC17', nome: 'ESTAÇÃO TRANSF. SÃO FRANCISCO' },\r\n  //   { linha: 'AC18', nome: 'ESTAÇÃO TRANSF. CACHOEIRINHA' },\r\n  //   { linha: 'AC19', nome: 'ESTAÇÃO TRANSF. AMÉRICO VESPÚCIO' },\r\n  //   { linha: 'AC20', nome: 'ESTAÇÃO TRANSF. APARECIDA' },\r\n  //   { linha: 'AC21', nome: 'ESTAÇÃO TRANSF. OPERÁRIOS' },\r\n  //   { linha: 'AC22', nome: 'ESTAÇÃO TRANSF. HOSPITAL BELO HORIZONTE' },\r\n  //   { linha: 'AC23', nome: 'ESTAÇÃO TRANSF. IAPI' },\r\n  //   { linha: 'AC24', nome: 'ESTAÇÃO TRANSF. HOSPITAL ODILON BEHRENS' },\r\n  //   { linha: 'CM02', nome: 'ESTAÇÃO DE TRANSF. MINAS SHOPPING' },\r\n  //   { linha: 'CM03', nome: 'ESTAÇÃO DE TRANSF. OURO MINAS' },\r\n  //   { linha: 'CM04', nome: 'ESTAÇÃO DE TRANSF. UNIÃO' },\r\n  //   { linha: 'CM05', nome: 'ESTAÇÃO DE TRANSF. IPIRANGA' },\r\n  //   { linha: 'CM06', nome: 'ESTAÇÃO DE TRANSF. CIDADE NOVA' },\r\n  //   { linha: 'CM07', nome: 'ESTAÇÃO DE TRANSF. FEIRA DOS PRODUTORES' },\r\n  //   { linha: 'CM08', nome: 'ESTAÇÃO DE TRANSF. SÃO JUDAS TADEU' },\r\n  //   { linha: 'CM09', nome: 'ESTAÇÃO DE TRANSF. SAGRADA FAMÍLIA' },\r\n  //   { linha: 'PR01', nome: 'ESTAÇÃO DE TRANSF. TAMOIOS' },\r\n  //   { linha: 'PR02', nome: 'ESTAÇÃO DE TRANSF. CARIJÓS' },\r\n  //   { linha: 'SD01', nome: 'ESTAÇÃO DE TRANSF. SÃO PAULO' },\r\n  //   { linha: 'SD02', nome: 'ESTAÇÃO DE TRANSF. RIO DE JANEIRO' },\r\n  // ];\r\n\r\n  // const [\r\n  //   modalUpdateInformationsIsOpen,\r\n  //   setModalUpdateInformationsIsOpen,\r\n  // ] = useState(false);\r\n\r\n  //   const convertStringToDate = (dateTimeString: any) => {\r\n  //     if (!dateTimeString) {\r\n  //       return '2'; // Ou defina um valor padrão, se necessário\r\n  //     }\r\n\r\n  //     const [date, time] = dateTimeString.split(' ');\r\n  //     const [day, month, year] = date.split('/').map(Number);\r\n  //     const [hours, minutes, seconds] = time.split(':').map(Number);\r\n  //     // Mês no JavaScript começa do zero, então subtraia 1 do mês\r\n  //     return new Date(year, month - 1, day, hours, minutes, seconds);\r\n  //   };\r\n\r\n  const HandleDate7 = () => {\r\n    const Date7 = new Date(currentDate);\r\n    Date7.setDate(currentDate.getDate() - 7);\r\n    setDateStart(Date7);\r\n  };\r\n\r\n  const HandleDate15 = () => {\r\n    const Date15 = new Date(currentDate);\r\n    Date15.setDate(currentDate.getDate() - 15);\r\n    setDateStart(Date15);\r\n  };\r\n\r\n  const HandleDate30 = () => {\r\n    const Date30 = new Date(currentDate);\r\n    Date30.setDate(currentDate.getDate() - 30);\r\n    setDateStart(Date30);\r\n  };\r\n\r\n  const HandleDate60 = () => {\r\n    const Date60 = new Date(currentDate);\r\n    Date60.setDate(currentDate.getDate() - 60);\r\n    setDateStart(Date60);\r\n  };\r\n\r\n  const HandleDate90 = () => {\r\n    const Date90 = new Date(currentDate);\r\n    Date90.setDate(currentDate.getDate() - 90);\r\n    setDateStart(Date90);\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getRecargas() {\r\n      try {\r\n        const datainicio = formatDate(dateStart);\r\n        const datafim = formatDate(dateEnd);\r\n        const response = await services.ticketingService.getCardExtrato(\r\n          idcard,\r\n          datainicio,\r\n          datafim,\r\n        );\r\n        if (response.data?.detail) {\r\n          setExtrato([]);\r\n          setLoading(false);\r\n          setHasData(false);\r\n        }\r\n        const dataLinhas = await api.get(`/core/qr-code/lines/`);\r\n        const novaInfo = response.data.map((dadosResponse: any) => {\r\n          const novaInfoNome = dataLinhas?.data.find((dados: any) => {\r\n            return (\r\n              dadosResponse?.codLinha === dados?.id?.linha?.linCodLinhaExterno\r\n            );\r\n          });\r\n          const dadosSuplementar = linhasSindpautas?.find((dadosSup: any) => {\r\n            return dadosResponse?.codLinha === dadosSup?.linha;\r\n          });\r\n          const dadosMetro = metro?.find((dadosMetros: any) => {\r\n            return dadosResponse?.codLinha === dadosMetros?.linha;\r\n          });\r\n          const dadosestacao = estacoes?.find((dadosestacoes: any) => {\r\n            return dadosResponse?.codLinha === dadosestacoes?.linha;\r\n          });\r\n          const dadosIntermediarios = novaInfoNome\r\n            ? dadosMetro || dadosestacao\r\n              ? dadosMetro\r\n                ? dadosMetro?.nome\r\n                : dadosestacao?.nome\r\n              : novaInfoNome?.id?.linha?.linNomeLinha\r\n            : dadosSuplementar\r\n            ? dadosSuplementar?.nomelinha\r\n            : '';\r\n          const codLinhaVazia =\r\n            dadosMetro || dadosestacao ? ' ' : dadosResponse?.codLinha;\r\n          return {\r\n            ...dadosResponse,\r\n            nomelinha: dadosIntermediarios,\r\n            codLinha: codLinhaVazia,\r\n          };\r\n          // const linhaNome = dataLinhas?.data.map((dados: any) => {\r\n          //   const cartaoEncontrado = response.data.find((dadoscard: any) => {\r\n          //     return dados?.id?.linha?.linCodLinhaExterno === dadoscard?.codLinha;\r\n          //   });\r\n\r\n          //   return {\r\n          //     ...dados,\r\n\r\n          //   };\r\n        });\r\n\r\n        if (response.data.length > 0) {\r\n          setExtrato(novaInfo);\r\n          setLoading(false);\r\n          setHasData(true);\r\n        } else {\r\n          setExtrato([]);\r\n          setLoading(false);\r\n          setHasData(false);\r\n          // if (response.data.detail) {\r\n          //   addToast({\r\n          //     type: 'error',\r\n          //     title: `Erro para gerar os dados`,\r\n          //     description: response.data.detail,\r\n          //   });\r\n          //   setHasData(false);\r\n          // } else {\r\n\r\n          // }\r\n        }\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        console.log(error);\r\n        addToast({\r\n          type: 'error',\r\n          title: `Erro ao carregar o histórico`,\r\n          description: `Ocorreu um erro de servidor`,\r\n        });\r\n\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getRecargas();\r\n  }, [dateStart, dateEnd]);\r\n\r\n  return (\r\n    <>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <TitleSection>\r\n            <h1>Histórico de Uso</h1>\r\n          </TitleSection>\r\n          <Main>\r\n            <div className=\"datadiv\">\r\n              <div className=\"datadivindividual\">\r\n                <h4 className=\"datatext\">\r\n                  Selecione quantos dias de Histórico você quer buscar.\r\n                </h4>\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"3.5\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={HandleDate7}\r\n                >\r\n                  7 dias\r\n                </Button>\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"3.5\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={HandleDate15}\r\n                >\r\n                  15 dias\r\n                </Button>\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"3.5\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={HandleDate30}\r\n                >\r\n                  30 dias\r\n                </Button>\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"3.5\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={HandleDate60}\r\n                >\r\n                  60 dias\r\n                </Button>\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"3.5\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={HandleDate90}\r\n                >\r\n                  90 dias\r\n                </Button>\r\n              </div>\r\n            </div>\r\n            {hasData ? (\r\n              <Paper className=\"paper\">\r\n                {/* <Table>\r\n                <TableHead>\r\n                  <TableRow className=\"header\">\r\n                    <TableCell>\r\n                      <strong onClick={handleSort}>Data da Utilização</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Linha</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Valor Utilizado</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Saldo após a Utilização</strong>\r\n                    </TableCell>\r\n                  </TableRow>\r\n                </TableHead>\r\n                <TableBody>\r\n                  {extrato &&\r\n                    extrato.map((extratos: any) => (\r\n                      <TableRow key={Math.random()}>\r\n                        <TableCell>{extratos.dataUso}</TableCell>\r\n                        <TableCell>{extratos.codLinha}</TableCell>\r\n                        <TableCell>\r\n                          {formatPrice(extratos.valorUtilizado)}\r\n                        </TableCell>\r\n                        <TableCell>\r\n                          {formatPrice(extratos.saldoCartao)}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                </TableBody>\r\n              </Table> */}\r\n                <div className=\"Tabela\">\r\n                  <TableExtrato\r\n                    data={extrato}\r\n                    columns={[\r\n                      {\r\n                        name: <div>Data da Utilização</div>,\r\n                        selector: 'datautilizacao',\r\n                        cell: ({ dataUso }: any) => (\r\n                          <div className=\"specifitcell\">{dataUso}</div>\r\n                        ),\r\n                      },\r\n                      {\r\n                        name: <div>Linha</div>,\r\n                        selector: 'codlinha',\r\n                        cell: ({ codLinha, nomelinha }: any) => (\r\n                          <div className=\"specifitcell\">\r\n                            {codLinha === ' '\r\n                              ? `${nomelinha}`\r\n                              : `${codLinha} - ${nomelinha}`}\r\n                          </div>\r\n                        ),\r\n                      },\r\n                      {\r\n                        name: <div>Valor Utilizado</div>,\r\n                        selector: 'valorutilizado',\r\n                        cell: ({ valorUtilizado }: any) => (\r\n                          <div className=\"specifitcell\">{`R$ ${formatCurrency(\r\n                            Number(valorUtilizado),\r\n                          )}`}</div>\r\n                        ),\r\n                      },\r\n                      // {\r\n                      //   name: <div>Saldo após a Utilização</div>,\r\n                      //   selector: 'saldocartao',\r\n                      //   cell: ({ saldoCartao }: any) => (\r\n                      //     <div className=\"specifitcell\">{`R$ ${formatCurrency(\r\n                      //       Number(saldoCartao),\r\n                      //     )}`}</div>\r\n                      //   ),\r\n                      // },\r\n                    ]}\r\n                  />\r\n                </div>\r\n              </Paper>\r\n            ) : (\r\n              <div className=\"nodata\">\r\n                <FiXCircle size={80} className=\"icon\" />\r\n                <h3 className=\"infonotdata\">\r\n                  Nenhuma utilização neste período.\r\n                </h3>\r\n              </div>\r\n            )}\r\n\r\n            {/* {modalUpdateInformationsIsOpen && <ModalUpdateInformations />} */}\r\n          </Main>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ExtratoUso;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 70px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  width: 100%;\r\n\r\n  .nodata {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    .icon {\r\n      color: var(--purple);\r\n      margin-bottom: 10px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .button {\r\n      margin-left: 10px;\r\n    }\r\n  }\r\n\r\n  .header {\r\n    background-color: var(--aside-background);\r\n    strong {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n  .paper {\r\n    box-shadow: none;\r\n    @media only screen and (max-width: 800px) {\r\n      box-shadow: none;\r\n      max-width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n  .infonotdata {\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n    margin-left: 10px;\r\n  }\r\n  .infonotdatasub {\r\n    color: var(--purple);\r\n    margin-left: 10px;\r\n    font-weight: 100;\r\n  }\r\n\r\n  .rdt_TableCol {\r\n    padding: 5px;\r\n  }\r\n  .pedido {\r\n    max-width: 5px;\r\n  }\r\n  .MuiTableCell-root {\r\n    @media (max-width: 600px) {\r\n      padding: 10px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      padding: 4px;\r\n    }\r\n    @media (max-width: 450px) {\r\n      padding: 2px;\r\n    }\r\n  }\r\n\r\n  .rdt_TableCell {\r\n    padding: 5px;\r\n  }\r\n  .tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n  }\r\n\r\n  .verPix {\r\n    background: transparent;\r\n    color: rgb(9, 85, 165);\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-size: 0.875rem;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 850px) {\r\n    height: 170vh;\r\n  }\r\n  @media (max-width: 645px) {\r\n    width: 100vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    height: 95%;\r\n    padding: 5px 40px 10px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      @media (max-width: 850px) {\r\n        right: 0px;\r\n      }\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n    padding: 10px;\r\n    @media (max-width: 850px) {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useEffect } from 'react';\r\nimport IconCopy from '../../../assets/MyCards/iconCopy.svg';\r\nimport { ModalPixPagamento } from './styles';\r\n\r\ninterface ModalPixProps {\r\n  codeExpiration: any;\r\n  codePix: any;\r\n  codeImage: any;\r\n  closeModal(): void;\r\n}\r\n\r\nconst ModalPix: React.FC<ModalPixProps> = ({\r\n  codeExpiration,\r\n  codePix,\r\n  codeImage,\r\n  closeModal,\r\n}) => {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const dataExp = codeExpiration.split('T')[0];\r\n  const dataBra = dataExp.split('-').reverse().join('/');\r\n\r\n  function copiarTexto() {\r\n    navigator.clipboard.writeText(codePix);\r\n    const element: HTMLElement = document.getElementById('copy') as HTMLElement;\r\n    element.innerHTML = 'Copiado';\r\n    element.style.background = '#D3D3D3';\r\n    element.style.color = 'var(--purple)';\r\n    element.style.fontWeight = 'bold';\r\n  }\r\n\r\n  return (\r\n    <ModalPixPagamento>\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div className=\"row\">\r\n          <h2>Para finalizar sua compra é só realizar o pagamento com Pix!</h2>\r\n          <p>\r\n            O código é válido até&nbsp;\r\n            <strong>{dataBra}</strong>\r\n            &nbsp;às&nbsp;\r\n            <strong>\r\n              {codeExpiration.split('T')[1].split(':', 1)}:\r\n              {codeExpiration.split('T')[1].split(':')[1]}\r\n            </strong>\r\n          </p>\r\n          <img\r\n            src={codeImage}\r\n            alt=\"\"\r\n            style={{\r\n              width: '180px',\r\n              marginTop: '20px',\r\n            }}\r\n          />\r\n          <div className=\"code\">{codePix}</div>\r\n          <button\r\n            type=\"button\"\r\n            id=\"copy\"\r\n            onClick={copiarTexto}\r\n            className=\"buttonCopy\"\r\n          >\r\n            <img\r\n              src={IconCopy}\r\n              alt=\"\"\r\n              style={{\r\n                width: '28px',\r\n                marginRight: '10px',\r\n              }}\r\n            />\r\n            Copiar código\r\n          </button>\r\n          <p style={{ marginTop: '10px', width: '95%' }}>\r\n            <strong>\r\n              Se o pagamento não for confirmado, não se preocupe. O pedido será\r\n              cancelado automaticamente.\r\n            </strong>\r\n          </p>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '30px',\r\n          }}\r\n        >\r\n          <div className=\"number\">1</div>\r\n          <div>Copie o código de pagamento no botão acima</div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">2</div>\r\n          <div>\r\n            Abra o app ou banco de sua preferência e cole o código. Confira\r\n            todas as informações e autorize o pagamento.\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">3</div>\r\n          <div>\r\n            Pronto! Você vai receber a confirmação de pagamento por aqui\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalPix;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useState, useEffect } from 'react';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport { FiCalendar, FiXCircle } from 'react-icons/fi';\r\nimport DashboardLayout from '../DashboardLayout';\r\nimport Loader from '../Loader';\r\nimport { formatPrice } from '../../services/currency';\r\n\r\n// import ModalUpdateInformations from '../../components/ModalUpdateInformations';\r\n\r\nimport { TitleSection, Main } from './styles';\r\n\r\nimport TicketingService, { Recarga } from '../../services/ticketing';\r\nimport AccountsService from '../../services/accounts';\r\nimport ModalPix from './ModalPix';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport Button from '../Button';\r\n\r\ninterface ExtratoUsoProps {\r\n  idcard?: any;\r\n}\r\n\r\nconst MeusPedidosCartao: React.FC<ExtratoUsoProps> = ({ idcard }) => {\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [recargas, setRecargas] = React.useState<any>();\r\n  const [pixCode, setPixCode] = useState<any>();\r\n  const [pixImage, setPixImage] = useState<any>();\r\n  const [pixExpiration, setPixExpiration] = useState<any>();\r\n  const [profile, setProfile] = React.useState([]);\r\n  const [modalPixOpen, setModalPixOpen] = React.useState<boolean>(false);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [hasData, setHasData] = useState<boolean>(true);\r\n  // const [\r\n  //   modalUpdateInformationsIsOpen,\r\n  //   setModalUpdateInformationsIsOpen,\r\n  // ] = useState(false);\r\n\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n\r\n  const handleRedirectRecarga = () => {\r\n    window.location.href = `/meus-cartoes/recarregar/${idcard}`; // Redireciona para a página do QR Code\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getRecargas() {\r\n      try {\r\n        const response = await services.ticketingService.getRecarga();\r\n        const cartaorecarga = response.data.results.filter(\r\n          (cartao: any) => cartao.card_data?.id === idcard,\r\n        );\r\n        setRecargas(cartaorecarga);\r\n        setLoading(false);\r\n        if (cartaorecarga.length > 0) {\r\n          setHasData(true);\r\n        } else {\r\n          setHasData(false);\r\n        }\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getRecargas();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setProfile(response.data);\r\n        if (\r\n          response.data.address == null ||\r\n          response.data.birth_date == null ||\r\n          response.data.cpf == null ||\r\n          response.data.email == null ||\r\n          response.data.full_name == null\r\n        )\r\n          setLoading(false);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <TitleSection>\r\n            <h1>Histórico de Recargas</h1>\r\n          </TitleSection>\r\n          <Main>\r\n            <Paper className=\"paper\">\r\n              {hasData ? (\r\n                <Table>\r\n                  <TableHead>\r\n                    <TableRow className=\"header\">\r\n                      <TableCell>\r\n                        <strong>Número do Cartão</strong>\r\n                      </TableCell>\r\n                      <TableCell className=\"pedido\">\r\n                        <strong>Data do Pedido</strong>\r\n                      </TableCell>\r\n                      <TableCell>\r\n                        <strong>Valor</strong>\r\n                      </TableCell>\r\n                      <TableCell>\r\n                        <strong>Status</strong>\r\n                      </TableCell>\r\n                      <TableCell>\r\n                        <strong>Pagamento</strong>\r\n                      </TableCell>\r\n                    </TableRow>\r\n                  </TableHead>\r\n                  <TableBody>\r\n                    {recargas &&\r\n                      recargas.map((recarga: Recarga) => (\r\n                        <TableRow key={Math.random()}>\r\n                          <TableCell>{recarga.card_data.card_number}</TableCell>\r\n                          <TableCell>{recarga.created_at}</TableCell>\r\n                          <TableCell>{formatPrice(recarga.amount)}</TableCell>\r\n                          <TableCell\r\n                            style={{\r\n                              cursor: 'default',\r\n                            }}\r\n                          >\r\n                            {recarga.status_display ===\r\n                            'Aguardando processamento' ? (\r\n                              <div title=\"Pedido aguardando sequência para a próxima etapa.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Pedido em análise' ? (\r\n                              <div title=\"Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Aguardando a confirmação do pagamento' ? (\r\n                              <div title=\"O método de pagamento escolhido depende de compensação de pagamento pelo banco, podendo esse procedimento levar até 72 horas.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Pagamento confirmado. Pedido em processamento' ? (\r\n                              <div title=\"Seu pedido foi confirmado! Os créditos podem ser disponibilizados em até 3 dias em seu cartão. Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Pedido processado com sucesso' ? (\r\n                              <div title=\"Sua carga já está disponível, para utilizá-la basta realizar a validação nos leitores dos ônibus.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Aguardando confirmação de pagamento' ? (\r\n                              <div title=\"Recebemos seu pedido. Estamos aguardando a confirmação do seu pagamento.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Erro no processamento' ? (\r\n                              <div title=\"Houve uma falha técnica no processamento de seu pedido, gentileza entrar em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display === 'Pedido negado' ? (\r\n                              <div title=\"Para mais informações, entrar em contato com nosso time de Sucesso do Cliente telefone ou WhatsApp: 3248-7300.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Pagamento recusado' ? (\r\n                              <div title=\"A compra em seu cartão foi recusada; para obter mais informações entre contato com a central de atendimento da operadora do seu cartão de crédito.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Em processamento' ? (\r\n                              <div title=\"Pedido em processamento.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : recarga.status_display ===\r\n                              'Aguardando pagamento de boleto' ? (\r\n                              <div title=\"Recebemos seu pedido. Estamos aguardando o pagamento do boleto.\">\r\n                                &#9432; {recarga.status_display}\r\n                              </div>\r\n                            ) : (\r\n                              <div title={recarga.status_display}>\r\n                                &#9432; {recarga.status_display}.\r\n                              </div>\r\n                            )}\r\n                          </TableCell>\r\n                          <TableCell>\r\n                            {recarga.tacom_boleto && (\r\n                              <a\r\n                                href={recarga.tacom_boleto}\r\n                                target=\"_blank\"\r\n                                rel=\"noreferrer\"\r\n                                style={{ color: '#0955a5' }}\r\n                              >\r\n                                Ver Boleto\r\n                              </a>\r\n                            )}\r\n                            {recarga.pix_image_link && (\r\n                              <>\r\n                                <button\r\n                                  type=\"button\"\r\n                                  className=\"verPix\"\r\n                                  onClick={() => {\r\n                                    setModalPixOpen(true);\r\n                                    setPixCode(recarga.pix_copy_paste);\r\n                                    setPixImage(recarga.pix_image_link);\r\n                                    setPixExpiration(recarga.pix_expiration);\r\n                                  }}\r\n                                >\r\n                                  Ver PIX\r\n                                </button>\r\n                              </>\r\n                            )}\r\n                            {!recarga.tacom_boleto &&\r\n                              !recarga.pix_image_link &&\r\n                              '-'}\r\n                          </TableCell>\r\n                        </TableRow>\r\n                      ))}\r\n                  </TableBody>\r\n                </Table>\r\n              ) : (\r\n                <div className=\"nodata\">\r\n                  <FiXCircle size={80} className=\"icon\" />\r\n                  <h3 className=\"infonotdata\">\r\n                    Sem Histórico de recarga disponíveis.\r\n                  </h3>\r\n                  <h4 className=\"infonotdatasub\">\r\n                    Faça recargas para elas aparecerem aqui\r\n                  </h4>\r\n                  <Button\r\n                    onClick={handleRedirectRecarga}\r\n                    color=\"orange\"\r\n                    padding=\"6\"\r\n                    className=\"button\"\r\n                    rounded\r\n                  >\r\n                    FAZER UMA RECARREGA AGORA\r\n                  </Button>\r\n                </div>\r\n              )}\r\n            </Paper>\r\n            {/* {modalUpdateInformationsIsOpen && <ModalUpdateInformations />} */}\r\n            {modalPixOpen && (\r\n              <>\r\n                <ModalPix\r\n                  closeModal={() => setModalPixOpen(false)}\r\n                  codeExpiration={pixExpiration}\r\n                  codePix={pixCode}\r\n                  codeImage={pixImage}\r\n                />\r\n              </>\r\n            )}\r\n          </Main>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MeusPedidosCartao;\r\n","/* eslint-disable no-restricted-globals */\r\n/* eslint-disable react/jsx-boolean-value */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useCallback, useRef, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { FiCalendar } from 'react-icons/fi';\r\nimport api from '../../../services/api';\r\nimport Loader from '../../Loader';\r\n\r\nimport { Container, TitleSection, CardBox, Historico, ExtratodeUso } from './styles';\r\nimport Card from '../Card';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { useLoader } from '../../../hooks/loader';\r\nimport { formatPrice } from '../../../services/currency';\r\n\r\nimport Button from '../../Button';\r\nimport Modal from '../../Modal';\r\nimport TicketingService, {\r\n  Card as TransFacilCard,\r\n} from '../../../services/ticketing';\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\n\r\nimport Input from '../../Input';\r\nimport { useAuth } from '../../../hooks/auth';\r\nimport ExtratoUso from '../Extratouso';\r\nimport MeusPedidosCartao from '../../MeusPedidos';\r\n\r\ninterface EditCardProps {\r\n  cards: TransFacilCard[];\r\n  callback: Function;\r\n}\r\n\r\nconst InformationsCard: React.FC<EditCardProps> = ({ callback }) => {\r\n  const { user } = useAuth();\r\n  const { push } = useHistory();\r\n  const { addToast } = useToast();\r\n  const { changeLoader } = useLoader();\r\n  const id = window.location.pathname.split('/');\r\n\r\n  const [nickname, setNickname] = useState<any>();\r\n  const [nome, setNome] = useState<any>();\r\n  const [numero, setNumero] = useState<any>();\r\n  const [cardnumber, setCardNumber] = useState<any>();\r\n  const [saldo, setSaldo] = useState<any>();\r\n  const [card, setCard] = useState<TransFacilCard>(null);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [modalExcluir, setModalExcluir] = useState<boolean>(false);\r\n  const [cardId, setCardId] = useState<any>();\r\n  const [usoState, setUsoState] = useState<boolean>(false);\r\n  const [recargaState, setRecargaState] = useState<boolean>(false);\r\n  const [eyechange, setEyechange] = React.useState<boolean>(false);\r\n\r\n\r\n  const services = { ticketingService: new TicketingService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      callback();\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleUso = () => {\r\n    if (usoState) {\r\n      setUsoState(false);\r\n    } else if (!usoState){\r\n      setRecargaState(false);\r\n      setUsoState(true);\r\n    }\r\n  };\r\n\r\n  const handleRecarga = () => {\r\n    if (recargaState) {\r\n      setRecargaState(false);\r\n    } else if (!recargaState){\r\n      setUsoState(false);\r\n      setRecargaState(true);\r\n    }\r\n  };\r\n\r\n  async function updateCard(data: any) {\r\n    try {\r\n      formRef.current?.setErrors({});\r\n      // changeLoader(true);\r\n\r\n      const schema = Yup.object().shape({\r\n        nickname: Yup.string(),\r\n      });\r\n\r\n      await schema.validate(data, {\r\n        abortEarly: false,\r\n      });\r\n\r\n      await services.ticketingService.patchUpdateCard(\r\n        user.id,\r\n        id[id.length - 1],\r\n        data.nickname,\r\n      );\r\n\r\n      formRef.current.reset();\r\n\r\n      // changeLoader(true);\r\n\r\n      addToast({\r\n        type: 'success',\r\n        title: 'Edição Finalizada',\r\n        description: 'Cartão editado com sucesso!!',\r\n      });\r\n      changeLoader(false);\r\n      setTimeout(() => {\r\n        handleRedirect('/meus-cartoes');\r\n      }, 600);\r\n    } catch (err: any) {\r\n      const { ...error } = err;\r\n      // changeLoader(false);\r\n\r\n      if (err instanceof Yup.ValidationError) {\r\n        const errors = getValidationErrors(err);\r\n        formRef.current?.setErrors(errors);\r\n        return;\r\n      }\r\n\r\n      addToast({\r\n        type: 'error',\r\n        title: `${\r\n          error.response.data.message\r\n            ? error.response.data.message\r\n            : error.response.data.detail\r\n        }`,\r\n        description: `${\r\n          error.response.data.message\r\n            ? error.response.data.message\r\n            : error.response.data.detail\r\n        }`,\r\n      });\r\n    }\r\n  }\r\n\r\n  const asyncDeleteCard = useCallback(async () => {\r\n    try {\r\n      setLoading(true);\r\n      const response = await services.ticketingService.deleteTransFacilCard(\r\n        card.id.toString(),\r\n      );\r\n      handleRedirect('/meus-cartoes');\r\n      addToast({\r\n        type: 'success',\r\n        title: 'Exclusão',\r\n        description: 'Cartão excluído com sucesso!!',\r\n      });\r\n      setLoading(false);\r\n    } catch (err) {\r\n      addToast({\r\n        type: 'error',\r\n        title: 'Exclusão',\r\n        description:\r\n          'Erro ao excluir o cartão, por favor tente novamente mais tarde.',\r\n      });\r\n      setLoading(false);\r\n      console.error(err);\r\n    }\r\n  }, [card]);\r\n\r\n  const getCardsAsync = async () => {\r\n    setLoading(true);\r\n    const response = await services.ticketingService.getCard(id[id.length - 1]);\r\n    setCard(response.data);\r\n    setCardNumber(response.data.card_number);\r\n    setNickname(response.data.nickname);\r\n    setCardId(response?.data?.id)\r\n    setNome(response.data.nickname);\r\n    setNumero(response.data.card_number);\r\n    setSaldo(response.data?.balance);\r\n    // changeLoader(false);\r\n    setLoading(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    // changeLoader(true);\r\n    getCardsAsync();\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      await updateCard(data);\r\n    },\r\n    [updateCard],\r\n  );\r\n\r\n  useEffect(() => {\r\n    setNickname(nickname);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    setCardNumber(cardnumber);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const params = new URLSearchParams(location.search);\r\n    const eyechangeParam = params.get('eyechange');\r\n  \r\n    if (eyechangeParam === 'true') {\r\n      // Defina o estado de eyechange como verdadeiro\r\n      setEyechange(true);\r\n    } else {\r\n      // Defina o estado de eyechange como falso\r\n      setEyechange(false);\r\n    }\r\n  }, [location.search]);\r\n\r\n  return (\r\n    <>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Container>\r\n            <Container>\r\n              <CardBox>\r\n                <div>\r\n                  <Card\r\n                    nickname={nickname}\r\n                    cardNumber={cardnumber}\r\n                    style={{\r\n                      cursor: 'default',\r\n                    }}\r\n                    saldo={saldo}\r\n                    id={cardId}\r\n                    active={true}\r\n                    info={true}\r\n                    eye={eyechange}\r\n                  />\r\n                  <h5 className='inforecarga'>\r\n                    Seu saldo pode ser atualizado em até 72 horas, podendo exceder esse prazo em caso de problemas técnicos.\r\n                  </h5>\r\n                </div>\r\n\r\n                <div className=\"register-nickname\">\r\n                  <Form ref={formRef} onSubmit={handleSubmit}>\r\n                    <h4 className=\"apelido\">Apelido</h4>\r\n                    <Input\r\n                      name=\"nickname\"\r\n                      placeholder={nickname}\r\n                      value={nickname}\r\n                      onChange={e => setNickname(e.target.value)}\r\n                    />\r\n\r\n                    {/* \r\n                    <h4 className=\"numcartao\">Número do Cartão</h4>\r\n                    <Input\r\n                      cardtransfacil\r\n                      name=\"card_number\"\r\n                      type=\"text\"\r\n                      placeholder={cardnumber}\r\n                      defaultValue={cardnumber}\r\n                      onChange={e => setCardNumber(e.target.value)}\r\n                    />\r\n                    */}\r\n                  </Form>\r\n                </div>\r\n              </CardBox>\r\n              <div className=\"buttons\">\r\n                <Button\r\n                  color=\"orange\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  className=\"button-cadastrar\"\r\n                  type=\"submit\"\r\n                  onClick={() => handleSubmit(formRef.current.getData())}\r\n                >\r\n                  ATUALIZAR\r\n                </Button>\r\n                <Button\r\n                  color=\"white\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  className=\"button-cancelar-cadastrar\"\r\n                  type=\"button\"\r\n                  onClick={() => handleRedirect('/meus-cartoes')}\r\n                >\r\n                  CANCELAR\r\n                </Button>\r\n                <Button\r\n                  color=\"white\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  className=\"button-excluir\"\r\n                  type=\"button\"\r\n                  onClick={() => setModalExcluir(true)}\r\n                >\r\n                  EXCLUIR\r\n                </Button>\r\n              </div>\r\n              <Historico>\r\n                <Button\r\n                  color=\"white\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  className=\"botaohistorico\"\r\n                  type=\"button\"\r\n                  onClick={handleUso}\r\n                >\r\n                  <FiCalendar size={15} className='icon'/>\r\n                  HISTÓRICO DE USO\r\n                </Button>\r\n                <Button\r\n                  color=\"white\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  className=\"botaohistorico\"\r\n                  type=\"button\"\r\n                  onClick={handleRecarga}\r\n                >\r\n                  <FiCalendar size={15} className='icon'/>\r\n                  HISTÓRICO DE RECARGAS\r\n                </Button>\r\n              </Historico>\r\n              {usoState  &&\r\n                <ExtratoUso idcard={cardId}/>\r\n              }\r\n               {recargaState  &&\r\n                <MeusPedidosCartao idcard={cardId}/>\r\n              }\r\n              \r\n            </Container>\r\n            <div className=\"div-saldo\">\r\n              {/* <div className=\"button-recarregar\">\r\n            <a href=\"https://transfacil.com.br/meus-cartoes/recarregar\">\r\n              <TransfacilCard>RECARREGAR</TransfacilCard>\r\n            </a>\r\n          </div> */}\r\n            </div>\r\n            <Modal\r\n              show={modalExcluir}\r\n              handleClose={() => {\r\n                setModalExcluir(false);\r\n              }}\r\n              title=\"Tem certeza que deseja excluir?\"\r\n            >\r\n              <div className=\"button-wrapper\">\r\n                <Button\r\n                  color=\"white\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  type=\"button\"\r\n                  className=\"btn-cancelar\"\r\n                  onClick={() => setModalExcluir(false)}\r\n                >\r\n                  CANCELAR\r\n                </Button>\r\n                <Button\r\n                  color=\"red\"\r\n                  padding=\"\"\r\n                  rounded\r\n                  type=\"button\"\r\n                  onClick={() => {\r\n                    setModalExcluir(true);\r\n                    asyncDeleteCard();\r\n                  }}\r\n                >\r\n                  EXCLUIR\r\n                </Button>\r\n              </div>\r\n            </Modal>\r\n          </Container>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default InformationsCard;\r\n","/* eslint-disable prefer-const */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-alert */\r\nimport React, { useCallback, useEffect } from 'react';\r\n\r\nimport {\r\n  useLocation,\r\n  useHistory,\r\n  useRouteMatch,\r\n  Switch,\r\n  Route,\r\n  matchPath,\r\n} from 'react-router-dom';\r\nimport Loader from '../../components/Loader';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport {\r\n  TitleSection,\r\n  Main,\r\n  ContainerCartao,\r\n  TransfacilCard,\r\n  ModalContentBanner,\r\n} from './styles';\r\n\r\nimport TicketingService, { Card } from '../../services/ticketing';\r\n\r\nimport ListCard from '../../components/MyCards/ListCard';\r\nimport RegisterCard from '../../components/MyCards/RegisterCard';\r\nimport BlockCard from '../../components/MyCards/BlockCard';\r\nimport RechargerCard from '../../components/MyCards/RechargerCard';\r\nimport InformationsCard from '../../components/MyCards/InformationsCard';\r\nimport LossOrTheft from '../../components/MyCards/LossOrTheft';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport AccountsService from '../../services/accounts';\r\nimport ModalText from './Modal';\r\nimport Button from '../../components/Button';\r\n\r\nconst MyCards: React.FC = () => {\r\n  const { path, url } = useRouteMatch();\r\n\r\n  const { pathname } = useLocation();\r\n  const { push } = useHistory();\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n  const services = { ticketingService: new TicketingService() };\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n\r\n  const [cards, setCards] = React.useState<Card[]>([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [modalPhone, setModalPhone] = React.useState<boolean>(false);\r\n  const [modalCpf, setModalCpf] = React.useState<boolean>(false);\r\n  const [phones, setPhones] = React.useState([]);\r\n  const [cpfs, setCpfs] = React.useState([]);\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const getCards = React.useCallback(async () => {\r\n    try {\r\n      const response = await services.ticketingService.getActiveCards();\r\n\r\n      const nonBloquedCards = response.data.results.filter(\r\n        (card: any) => !card.is_blocked,\r\n      );\r\n      setCards(nonBloquedCards);\r\n    } catch (err) {\r\n      console.log({ err });\r\n      const { ...error }: any = err;\r\n      addToast({\r\n        type: 'error',\r\n        title: `${\r\n          error?.response?.data?.message\r\n            ? error?.response?.data?.message\r\n            : 'Erro no Servidor'\r\n        }`,\r\n        description: `${\r\n          error?.response?.data?.sub_message\r\n            ? error?.response?.data?.sub_message\r\n            : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n        }`,\r\n      });\r\n      if (err) {\r\n        signOut();\r\n      }\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [phones, cpfs, modalCpf, modalPhone]);\r\n\r\n  useEffect(() => {\r\n    getCards();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        if (\r\n          response.data.address == null ||\r\n          response.data.birth_date == null ||\r\n          response.data.cpf == null ||\r\n          response.data.email == null ||\r\n          response.data.full_name == null\r\n        )\r\n          setLoading(false);\r\n        localStorage.setItem('@Transfacil:user', JSON.stringify(response.data));\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  const handleUrlMatch = (activeUrl: string): boolean => {\r\n    const match = matchPath(pathname, {\r\n      path: activeUrl,\r\n      exact: true,\r\n    });\r\n\r\n    return match ? match.isExact : false;\r\n  };\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Switch>\r\n            <Route exact path={path}>\r\n              <TitleSection>\r\n                <h1>Meus Cartões</h1>\r\n              </TitleSection>\r\n              <Main>\r\n                <ContainerCartao>\r\n                  {/* <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/recarregar`)}\r\n                    onClick={() => handleRedirect(`${url}/recarregar`)}\r\n                  >\r\n                    RECARREGAR\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/registrar`)}\r\n                    onClick={() => handleRedirect(`${url}/registrar`)}\r\n                  >\r\n                    CADASTRAR CARTÃO\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/perda-ou-roubo`)}\r\n                    onClick={() => handleRedirect(`${url}/perda-ou-roubo`)}\r\n                  >\r\n                    PERDA OU ROUBO\r\n                  </TransfacilCard> */}\r\n                  <h3 className=\"cardmenu\">\r\n                    * Clique no CARTÃO para alterar o{' '}\r\n                    <strong className=\"destaque\">\r\n                      apelido, ver o histórico de recargas e histórico de uso{' '}\r\n                    </strong>\r\n                    ou clique em RECARREGAR para fazer uma recarga.\r\n                  </h3>\r\n                </ContainerCartao>\r\n                <ListCard cards={cards} />\r\n                <h4 className=\"informacoes\">\r\n                  * Seu saldo pode ser atualizado em até 72 horas, podendo\r\n                  exceder esse prazo em caso de problemas técnicos.\r\n                </h4>\r\n                <h4 className=\"informacoes\">\r\n                  * O numero do cartão poderá ser encontrado no verso no cartão\r\n                  físico.\r\n                </h4>\r\n                <h4 className=\"informacoes\">\r\n                  * Informações como histórico de recargas e histórico de uso\r\n                  podem ser vistas clicando no cartão.\r\n                </h4>\r\n                <h4 className=\"informacoes\">\r\n                  * Não é possível recuperar os créditos do Cartão BHBUS ao\r\n                  Portador. Função disponível apenas no cartão BHBUS\r\n                  IDENTIFICADO.\r\n                </h4>\r\n              </Main>\r\n            </Route>\r\n          </Switch>\r\n          <Switch>\r\n            <Route path={`${path}/recarregar`}>\r\n              <TitleSection>\r\n                <h1>Meus Cartões</h1>\r\n              </TitleSection>\r\n              <Main>\r\n                <ContainerCartao>\r\n                  {/* <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/recarregar`)}\r\n                    onClick={() => handleRedirect(`${url}/recarregar`)}\r\n                  >\r\n                    RECARREGAR\r\n                  </TransfacilCard> \r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/registrar`)}\r\n                    onClick={() => handleRedirect(`${url}/registrar`)}\r\n                  >\r\n                    CADASTRAR CARTÃO\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/perda-ou-roubo`)}\r\n                    onClick={() => handleRedirect(`${url}/perda-ou-roubo`)}\r\n                  >\r\n                    PERDA OU ROUBO\r\n                  </TransfacilCard> */}\r\n                </ContainerCartao>\r\n                <RechargerCard cards={cards} />\r\n              </Main>\r\n            </Route>\r\n            <Route path={`${path}/registrar`}>\r\n              <TitleSection>\r\n                <h1>Meus Cartões</h1>\r\n              </TitleSection>\r\n              <Main>\r\n                <ContainerCartao>\r\n                  {/* <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/recarregar`)}\r\n                    onClick={() => handleRedirect(`${url}/recarregar`)}\r\n                  >\r\n                    RECARREGAR\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/registrar`)}\r\n                    onClick={() => handleRedirect(`${url}/registrar`)}\r\n                  >\r\n                    CADASTRAR CARTÃO\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/perda-ou-roubo`)}\r\n                    onClick={() => handleRedirect(`${url}/perda-ou-roubo`)}\r\n                  >\r\n                    PERDA OU ROUBO\r\n                 </TransfacilCard> */}\r\n                </ContainerCartao>\r\n                <RegisterCard cards={cards} callback={getCards} />\r\n              </Main>\r\n            </Route>\r\n            <Route path={`${path}/bloqueio`}>\r\n              <TitleSection>\r\n                <h1>Meus Cartões</h1>\r\n              </TitleSection>\r\n              <Main>\r\n                <ContainerCartao>\r\n                  {/* <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/recarregar`)}\r\n                    onClick={() => handleRedirect(`${url}/recarregar`)}\r\n                  >\r\n                    RECARREGAR\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/registrar`)}\r\n                    onClick={() => handleRedirect(`${url}/registrar`)}\r\n                  >\r\n                    CADASTRAR CARTÃO\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/perda-ou-roubo`)}\r\n                    onClick={() => handleRedirect(`${url}/perda-ou-roubo`)}\r\n                  >\r\n                    PERDA OU ROUBO\r\n                  </TransfacilCard> */}\r\n                </ContainerCartao>\r\n                <BlockCard cards={cards} />\r\n              </Main>\r\n            </Route>\r\n          </Switch>\r\n          <Switch>\r\n            <Route path={`${path}/cartao`}>\r\n              <Main>\r\n                <InformationsCard cards={cards} callback={getCards} />\r\n              </Main>\r\n            </Route>\r\n          </Switch>\r\n          {/* <Switch>\r\n            <Route path={`${path}/perda-ou-roubo`}>\r\n              <TitleSection>\r\n                <h1>Meus Cartões</h1>\r\n              </TitleSection>\r\n              <Main>\r\n                <ContainerCartao>\r\n                  {/* <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/recarregar`)}\r\n                    onClick={() => handleRedirect(`${url}/recarregar`)}\r\n                  >\r\n                    RECARREGAR\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/registrar`)}\r\n                    onClick={() => handleRedirect(`${url}/registrar`)}\r\n                  >\r\n                    CADASTRAR CARTÃO\r\n                  </TransfacilCard>\r\n                  <TransfacilCard\r\n                    active={handleUrlMatch(`${url}/perda-ou-roubo`)}\r\n                    onClick={() => handleRedirect(`${url}/perda-ou-roubo`)}\r\n                  >\r\n                    PERDA OU ROUBO\r\n                  </TransfacilCard>\r\n                </ContainerCartao>\r\n\r\n                <LossOrTheft cards={cards} />\r\n              </Main>\r\n            </Route>\r\n          </Switch> */}\r\n        </>\r\n      )}\r\n      {/* {modalPhone && (\r\n        <ModalText\r\n          handleClose={() => setModalPhone(false)}\r\n          show={modalPhone}\r\n          title=\"Dados Incompletos\"\r\n        >\r\n          <ModalContentBanner>\r\n            <div className=\"text\">\r\n              <p>\r\n                Verificamos que existem dados obrigatórios não preenchidos no\r\n                seu cadastro.\r\n              </p>\r\n              <p>Complete seu cadastro antes de prosseguir.</p>\r\n            </div>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )}\r\n      {modalCpf && (\r\n        <ModalText\r\n          handleClose={() => setModalCpf(false)}\r\n          show={modalCpf}\r\n          title=\"Dados Incompletos\"\r\n        >\r\n          <ModalContentBanner>\r\n            <div className=\"text\">\r\n              <p>\r\n                Verificamos que existem dados obrigatórios não preenchidos no\r\n                seu cadastro.\r\n              </p>\r\n              <p>Complete seu cadastro antes de prosseguir.</p>\r\n            </div>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n              style={{\r\n                marginTop: '50px',\r\n                minHeight: '20px',\r\n              }}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )} */}\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport default MyCards;\r\n","import styled from 'styled-components';\r\n\r\ninterface CardProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0 60px 0;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 492px) {\r\n      line-height: 3.5rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Section = styled.section`\r\n  grid-area: main;\r\n  width: 124%;\r\n  height: 16px;\r\n  background-color: #ebf1f4;\r\n  margin-left: -110px;\r\n  margin-bottom: 30px;\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  width: 100%;\r\n  margin-bottom: 220px;\r\n  margin-right: -100px;\r\n`;\r\n\r\nexport const Circle = styled.div`\r\n  display: flex;\r\n\r\n  .circle1 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 5px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--purple);\r\n  }\r\n\r\n  .circle2 {\r\n    width: 15px;\r\n    height: 15px;\r\n    border-radius: 50%;\r\n    background-color: var(--purple);\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  margin-bottom: 30px;\r\n  color: var(--purple);\r\n\r\n  .button {\r\n    margin-top: 40px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .button-text {\r\n    display: grid;\r\n    align-items: left;\r\n    justify-content: left;\r\n    padding: 0;\r\n    width: 0px;\r\n    color: red;\r\n  }\r\n\r\n  .button-cancelar {\r\n    color: var(--orange);\r\n    border: 2px solid var(--orange);\r\n    margin-left: 1em;\r\n\r\n    h4 {\r\n      font-weight: normal;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CardSection = styled.div`\r\n  display: grid;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n\r\n  .cartao {\r\n    margin-left: 20px;\r\n    font-size: 20px;\r\n    font-weight: bolder;\r\n  }\r\n\r\n  .dados {\r\n    margin-left: 20px;\r\n    margin-top: 5px;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .button-confirmar {\r\n    align-items: left;\r\n    justify-content: left;\r\n    width: 180px;\r\n    margin-top: 60px;\r\n    margin-left: 20px;\r\n  }\r\n\r\n  .inputnome {\r\n    margin-top: 0px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 30px;\r\n    width: 480px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .nome {\r\n    position: absolute;\r\n    margin-left: 40px;\r\n    background-color: var(--white);\r\n    margin-top: -12px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .numero {\r\n    position: absolute;\r\n    margin-left: 40px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputnumero {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 30px;\r\n    height: 40px;\r\n    width: 260px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .data {\r\n    position: absolute;\r\n    margin-left: 347px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputdata {\r\n    margin-top: 25px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 75px;\r\n    width: 220px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .cvv {\r\n    position: absolute;\r\n    margin-left: 597px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputcvv {\r\n    margin-top: 25px;\r\n    margin-left: 40px;\r\n    border-radius: 10px;\r\n    padding-left: 28px;\r\n    width: 90px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 18px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .inputcep {\r\n    margin-top: 60px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 300px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n  .cep {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n\r\n  .cep-remember {\r\n    position: absolute;\r\n    margin-left: 318px;\r\n    color: var(--orange);\r\n    margin-top: -17px;\r\n  }\r\n\r\n  .endereco {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputendereco {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 800px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .numero {\r\n    position: absolute;\r\n    margin-left: 10px;\r\n    background-color: var(--white);\r\n    margin-top: 14px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputnumero {\r\n    margin-top: 25px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    height: 40px;\r\n    width: 110px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .complemento {\r\n    position: absolute;\r\n    margin-left: 140px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputcomplemento {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 239px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n\r\n  .bairro {\r\n    position: absolute;\r\n    margin-left: 400px;\r\n    background-color: var(--white);\r\n    margin-top: -50px;\r\n    padding: 0 12px;\r\n    color: var(--purple);\r\n  }\r\n  .inputbairro {\r\n    margin-top: 25px;\r\n    margin-left: 20px;\r\n    border-radius: 10px;\r\n    padding-left: 20px;\r\n    width: 410px;\r\n    height: 40px;\r\n    border: 1px solid var(--purple);\r\n    font-size: 22px;\r\n\r\n    ::-webkit-input-placeholder {\r\n      color: #979797;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CardButton = styled.button<CardProps>`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n  width: 180px;\r\n  margin-left: 40px;\r\n  margin-right: 25px;\r\n  padding: 12px 8px 12px 8px;\r\n  background: var(--orange);\r\n  border-radius: 20px;\r\n  color: var(--text);\r\n\r\n  background: ${props => (props.active ? `var(--orange)` : `var(--orange)`)};\r\n  color: ${props => (props.active ? `white` : `white`)};\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 0;\r\n  width: 100%;\r\n  margin-left: 0px;\r\n  margin-right: -100px;\r\n\r\n  .button-cadastrar {\r\n    margin-top: 60px;\r\n    margin-left: 6px;\r\n    margin-right: 20px;\r\n    border-radius: 16px;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Circle = styled.div`\r\n  display: flex;\r\n\r\n  .circle1 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 5px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--purple);\r\n  }\r\n\r\n  .circle2 {\r\n    width: 15px;\r\n    height: 15px;\r\n    border-radius: 50%;\r\n    background-color: var(--purple);\r\n  }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  margin-top: 30px;\r\n  margin-bottom: 30px;\r\n  color: var(--purple);\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  border-radius: 10px;\r\n  border: 1px solid var(--purple);\r\n  display: flex;\r\n  padding: 1.1em;\r\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n\r\n  .Infocard {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .titular-name {\r\n    margin-left: 20px;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  .card-number {\r\n    margin-left: 25px;\r\n    margin-top: 0.5em;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .icon {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .edit-button {\r\n    margin-top: 8px;\r\n    margin-left: 20px;\r\n    size: 50px;\r\n    justify-self: left;\r\n    color: var(--purple);\r\n    background: transparent;\r\n  }\r\n`;\r\n","import React, { useCallback } from 'react';\r\nimport { useHistory, useParams, useRouteMatch } from 'react-router-dom';\r\n\r\nimport { FiTrash2, FiCreditCard } from 'react-icons/fi';\r\n\r\nimport Button from '../../Button';\r\nimport TicketingService, { Payment } from '../../../services/ticketing';\r\n\r\nimport { Circle, Container, Content } from './styles';\r\nimport { useToast } from '../../../hooks/toast';\r\n\r\ninterface ItemFormOfPaymentProps {\r\n  circleSelect: boolean;\r\n  editOption: boolean;\r\n  payment: Payment;\r\n}\r\n\r\nconst ItemFormOfPayment: React.FC<ItemFormOfPaymentProps> = ({\r\n  circleSelect,\r\n  editOption,\r\n  payment,\r\n\r\n  ...rest\r\n}) => {\r\n  const { push } = useHistory();\r\n  const { path } = useRouteMatch();\r\n  const history = useHistory();\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const { addToast } = useToast();\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const removePayment = React.useCallback(async (paymentId: any) => {\r\n    try {\r\n      setLoading(true);\r\n      const response = await services.ticketingService.deletePaymentForm(\r\n        paymentId,\r\n      );\r\n\r\n      addToast({\r\n        type: 'success',\r\n        title: 'Sucesso',\r\n        description: `Forma de pagamento removida com sucesso!!`,\r\n      });\r\n\r\n      window.location.reload();\r\n\r\n      setLoading(false);\r\n    } catch (err) {\r\n      setLoading(false);\r\n      addToast({\r\n        type: 'error',\r\n        title: 'Erro interno do servidor',\r\n        description: `Tente novamente mais tarde`,\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <Container {...rest}>\r\n      {circleSelect && (\r\n        <Circle>\r\n          <div className=\"circle1\">\r\n            <div className=\"circle2\" />\r\n          </div>\r\n        </Circle>\r\n      )}\r\n\r\n      <Content>\r\n        <FiCreditCard className=\"icon\" size={30} />\r\n        <div className=\"Infocard\">\r\n          <span className=\"titular-name\">{payment.titular_name}</span>\r\n          <span className=\"card-number\">{payment.card_number_display}</span>\r\n        </div>\r\n        {editOption && (\r\n          <Button\r\n            color=\"\"\r\n            padding=\"0\"\r\n            rounded\r\n            className=\"edit-button\"\r\n            type=\"button\"\r\n            onClick={() => removePayment(payment.id)}\r\n          >\r\n            <FiTrash2 size={30} />\r\n          </Button>\r\n        )}\r\n      </Content>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default ItemFormOfPayment;\r\n","import styled from 'styled-components';\r\n\r\nexport const Section = styled.section`\r\n  grid-area: main;\r\n  width: 124%;\r\n  height: 16px;\r\n  background-color: #ebf1f4;\r\n  margin-left: -110px;\r\n  margin-bottom: 30px;\r\n  @media (max-width: 700px) {\r\n    width: 130%;\r\n  }\r\n  @media (max-width: 565px) {\r\n    width: 140%;\r\n  }\r\n  @media (max-width: 440px) {\r\n    width: 160%;\r\n  }\r\n  @media (max-width: 325px) {\r\n    width: 180%;\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  display: grd;\r\n  width: 100%;\r\n  margin-right: -100px;\r\n  margin-bottom: 30px;\r\n  color: var(--purple);\r\n`;\r\n\r\nexport const CardButton = styled.button`\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  width: 250px;\r\n  padding: 12px 8px 12px 8px;\r\n  margin-right: 25px;\r\n  border-radius: 20px;\r\n  background: var(--purple);\r\n  color: var(--white);\r\n  font-size: 16px;\r\n  .icon {\r\n    margin-right: 20px;\r\n    margin-left: 10px;\r\n  }\r\n`;\r\n","import React, { useCallback } from 'react';\r\nimport { useHistory, useParams, useRouteMatch } from 'react-router-dom';\r\n\r\nimport { FiPlusCircle } from 'react-icons/fi';\r\n\r\nimport TicketingService, { Payment } from '../../../services/ticketing';\r\n\r\nimport ItemFormOfPayment from '../itemFormOfPayment';\r\n\r\nimport { CardButton, Content, Section } from './styles';\r\nimport { useToast } from '../../../hooks/toast';\r\n\r\ninterface ListPaymentProps {\r\n  payments: Payment[];\r\n}\r\n\r\nconst ListPayment: React.FC<ListPaymentProps> = ({ payments }) => {\r\n  const { path } = useRouteMatch();\r\n  const { push } = useHistory();\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {payments &&\r\n        payments.map((payment: Payment) => (\r\n          <ItemFormOfPayment\r\n            key={payment.id}\r\n            payment={payment}\r\n            circleSelect={false}\r\n            editOption={payment.card_number_display !== null}\r\n          />\r\n        ))}\r\n      <Section />\r\n      <Content>\r\n        <CardButton onClick={() => handleRedirect(`${path}/adicionar`)}>\r\n          <FiPlusCircle className=\"icon\" size={30} />\r\n          Adicionar novo Cartão\r\n        </CardButton>\r\n      </Content>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ListPayment;\r\n","import styled from 'styled-components';\r\n\r\nexport const Content = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: left;\r\n  justify-content: left;\r\n  width: 100%;\r\n  margin-left: 0px;\r\n  margin-right: -100px;\r\n  margin-bottom: 30px;\r\n  color: var(--purple);\r\n\r\n  span {\r\n    margin-bottom: 1em;\r\n    margin-left: 2em;\r\n    font-size: 20px;\r\n    font-weight: bolder;\r\n  }\r\n\r\n  .button-confirmar {\r\n    margin-top: 60px;\r\n    margin-right: 1em;\r\n  }\r\n\r\n  .button-cancelar {\r\n    color: var(--orange);\r\n    border: 2px solid var(--orange);\r\n    @media (max-width: 422px) {\r\n      margin-top: 1em;\r\n    }\r\n  }\r\n\r\n  .status-cartao {\r\n    display: inline-block;\r\n    color: black;\r\n    margin-left: 5px;\r\n  }\r\n\r\n  .statusCard {\r\n    display: flex;\r\n  }\r\n\r\n  .removeButton {\r\n    transform: translateY(-95px);\r\n    background: #c53030;\r\n    transition: background 0.3s ease;\r\n    &:hover {\r\n      background: #af1b1b;\r\n    }\r\n  }\r\n\r\n  .add {\r\n    grid-template-columns: 2fr 2fr;\r\n  }\r\n`;\r\n\r\nexport const CardContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr 0.5fr;\r\n  grid-gap: 10px;\r\n  margin-top: 1em;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n  @media (max-width: 570px) {\r\n    grid-template-columns: 2.3fr 0.8fr 0.9fr;\r\n  }\r\n  @media (max-width: 450px) {\r\n    grid-template-columns: 2.9fr 0.8fr 1.5fr;\r\n  }\r\n`;\r\n\r\nexport const CEPContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 0.3fr 0.9fr;\r\n  grid-gap: 10px;\r\n  margin-top: 1em;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n  @media (max-width: 810px) {\r\n    grid-template-columns: 0.5fr 0.9fr;\r\n  }\r\n  @media (max-width: 483px) {\r\n    grid-template-columns: 0.9fr 0.9fr;\r\n  }\r\n`;\r\n\r\nexport const SearchCEPLink = styled.a`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-self: center;\r\n  height: 100%;\r\n  color: var(--purple);\r\n  .cep-remember {\r\n    @media (max-width: 704px) {\r\n      width: 150px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AddressContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 0.5fr 1fr 1fr;\r\n  grid-gap: 10px;\r\n  margin-top: 1em;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n`;\r\n\r\nexport const LocationContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 0.8fr 0.5fr;\r\n  grid-gap: 10px;\r\n  margin-top: 1em;\r\n  margin-bottom: 1em;\r\n  color: var(--purple);\r\n`;\r\n\r\nexport const Row = styled.div`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n\r\n  .start {\r\n    margin-right: auto;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\n/* eslint-disable no-shadow */\r\nimport React, { useCallback, useRef, useState, useEffect } from 'react';\r\nimport Switch from 'react-switch';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\n\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport luhn from 'luhn';\r\nimport TicketingService, { Payment as Pay } from '../../../services/ticketing';\r\nimport Loader from '../../Loader';\r\n\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\n\r\nimport { useAuth } from '../../../hooks/auth';\r\nimport { useToast } from '../../../hooks/toast';\r\n\r\nimport Button from '../../Button';\r\nimport InputOutlined from '../../InputOutlined';\r\n\r\nimport {\r\n  CardContainer,\r\n  Content,\r\n  CEPContainer,\r\n  AddressContainer,\r\n  LocationContainer,\r\n  SearchCEPLink,\r\n  Row,\r\n} from './styles';\r\n\r\ninterface FormPaymentProps {\r\n  refreshList?: any;\r\n}\r\n\r\nconst schema = Yup.object().shape({\r\n  titular_name: Yup.string().required('Nome é obrigatório'),\r\n  card_number: Yup.string()\r\n    .test('credit-card-validation', 'Cartão de crédito invalido', value => {\r\n      const card = luhn.validate(value);\r\n      return card;\r\n    })\r\n    .required('Cartão de crédito é obrigatório'),\r\n  due_date: Yup.string().required('Data de validade é obrigatório'),\r\n  charge_address: Yup.string().required('Endereço é obrigatório'),\r\n  charge_address_complement: Yup.string(),\r\n  charge_address_number: Yup.string().required('Número é obrigatório'),\r\n  charge_address_neighborhood: Yup.string().required('Bairro é obrigatório'),\r\n  charge_address_city: Yup.string().required('Cidade é obrigatório'),\r\n  charge_address_state: Yup.string().required('Estado é obrigatório'),\r\n  charge_address_cep: Yup.string().required('CEP é obrigatório'),\r\n});\r\n\r\nconst FormPayment: React.FC<FormPaymentProps> = ({ refreshList }) => {\r\n  const { user } = useAuth();\r\n  const { addToast } = useToast();\r\n  const { push } = useHistory();\r\n  const history = useHistory();\r\n  const { paymentId } = useParams<any>();\r\n  const [payments, setPayments] = useState<Pay[]>([]);\r\n  const services = { ticketingService: new TicketingService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [checked, setChecked] = useState<boolean>();\r\n  const [FormaPagamento] = useState<any>([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [disableButton, setDisableButton] = useState<boolean>(false);\r\n\r\n  async function removePayment() {\r\n    try {\r\n      setLoading(true);\r\n      const response = await services.ticketingService.deletePaymentForm(\r\n        paymentId,\r\n      );\r\n      await refreshList();\r\n\r\n      addToast({\r\n        type: 'success',\r\n        title: 'Sucesso',\r\n        description: `Forma de pagamento removida com sucesso!!`,\r\n      });\r\n\r\n      history.goBack();\r\n\r\n      setLoading(false);\r\n    } catch (err) {\r\n      setLoading(false);\r\n      addToast({\r\n        type: 'error',\r\n        title: 'Erro interno do servidor',\r\n        description: `Tente novamente mais tarde`,\r\n      });\r\n    }\r\n  }\r\n  async function getCards() {\r\n    try {\r\n      const response = await services.ticketingService.getPaymentForm();\r\n      setPayments(response.data.results);\r\n      setLoading(false);\r\n    } catch (err) {\r\n      console.error(err);\r\n    }\r\n  }\r\n  useEffect(() => {\r\n    getCards();\r\n  }, []);\r\n\r\n  const handleChange = (isChecked: any) => {\r\n    setChecked(isChecked);\r\n  };\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        setDisableButton(true);\r\n        formRef.current?.setErrors({});\r\n        if (paymentId) {\r\n          try {\r\n            setLoading(true);\r\n            const response = await services.ticketingService.changeCardStatus(\r\n              paymentId,\r\n              checked,\r\n            );\r\n            addToast({\r\n              type: 'success',\r\n              title: 'Sucesso ao editar',\r\n              description: 'Forma de pagamento editada com sucesso!!',\r\n            });\r\n            history.goBack();\r\n            setLoading(false);\r\n          } catch (err: any) {\r\n            addToast({\r\n              type: 'error',\r\n              title: `Ocorreu um erro na Recarga`,\r\n              description: `${err.message}`,\r\n            });\r\n            setLoading(false);\r\n          }\r\n        } else {\r\n          await schema.validate(data, {\r\n            abortEarly: false,\r\n          });\r\n          // const splitedDeadLine = data.due_date.split('-');\r\n          await services.ticketingService.createPaymentForm(\r\n            user.id,\r\n            data.titular_name,\r\n            data.card_number,\r\n            data.due_date,\r\n            data.charge_address,\r\n            data.charge_address_complement,\r\n            data.charge_address_number,\r\n            data.charge_address_neighborhood,\r\n            data.charge_address_city,\r\n            data.charge_address_state,\r\n            data.charge_address_cep,\r\n          );\r\n          await refreshList();\r\n          history.goBack();\r\n\r\n          addToast({\r\n            type: 'success',\r\n            title: 'Sucesso ao cadastrar',\r\n            description: 'Forma de pagamento cadastrada com sucesso!!',\r\n          });\r\n          formRef.current.reset();\r\n\r\n          setTimeout(() => {\r\n            return handleRedirect('/cartoes-credito/');\r\n          }, 600);\r\n        }\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        setDisableButton(false);\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          addToast({\r\n            type: 'error',\r\n            title: 'Erro ao cadastrar',\r\n            description: `Por favor revise seus dados ou contate o administrador do site`,\r\n          });\r\n          return;\r\n        }\r\n\r\n        if (error.response.data.due_date) {\r\n          addToast({\r\n            type: 'error',\r\n            title: 'Data inválida',\r\n            description: `${error.response.data.due_date.due_date}`,\r\n          });\r\n        }\r\n      } finally {\r\n        setDisableButton(false);\r\n      }\r\n    },\r\n    [addToast, checked],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {loading ? (\r\n        <>\r\n          <Loader />\r\n        </>\r\n      ) : (\r\n        <>\r\n          <Content>\r\n            <Row>\r\n              <div className=\"start\">\r\n                <span>Cartão de Crédito</span>\r\n              </div>\r\n              <div>\r\n                {paymentId && (\r\n                  <Button\r\n                    color=\"red\"\r\n                    padding=\"2\"\r\n                    type=\"button\"\r\n                    rounded\r\n                    className=\"removeButton\"\r\n                    onClick={removePayment}\r\n                  >\r\n                    Remover\r\n                  </Button>\r\n                )}\r\n              </div>\r\n            </Row>\r\n            <Form ref={formRef} onSubmit={handleSubmit}>\r\n              {paymentId ? (\r\n                <>\r\n                  <CardContainer>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"card_number\"\r\n                      placeholder=\"Nº do Cartão\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0] ? FormaPagamento[0].verbose_name : ''\r\n                      }\r\n                    />\r\n                    <InputOutlined\r\n                      dateMMYY\r\n                      placeholder=\"MM/YY\"\r\n                      name=\"due_date\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0] ? FormaPagamento[0].due_date : ''\r\n                      }\r\n                    />\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"cvv\"\r\n                      placeholder=\"CVV\"\r\n                      readOnly\r\n                      value=\"...\"\r\n                    />\r\n                  </CardContainer>\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <CardContainer className=\"add\">\r\n                    <InputOutlined\r\n                      card_number\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"card_number\"\r\n                      placeholder=\"Nº do Cartão\"\r\n                    />\r\n                    <InputOutlined\r\n                      dateMMYY\r\n                      schema={schema}\r\n                      name=\"due_date\"\r\n                      placeholder=\"MM/YY\"\r\n                    />\r\n                  </CardContainer>\r\n                </>\r\n              )}\r\n\r\n              {paymentId ? (\r\n                <>\r\n                  <InputOutlined\r\n                    creditCardName\r\n                    type=\"text\"\r\n                    name=\"titular_name\"\r\n                    placeholder=\"Nome do Titular\"\r\n                    readOnly\r\n                    value={\r\n                      FormaPagamento[0] ? FormaPagamento[0].titular_name : ''\r\n                    }\r\n                  />\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <InputOutlined\r\n                    creditCardName\r\n                    schema={schema}\r\n                    type=\"text\"\r\n                    name=\"titular_name\"\r\n                    placeholder=\"Nome do Titular\"\r\n                  />\r\n                </>\r\n              )}\r\n              <br />\r\n              <span>Endereço de Cobrança</span>\r\n              <CEPContainer>\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      placeholder=\"CEP\"\r\n                      name=\"charge_address_cep\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_cep\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      cep\r\n                      type=\"text\"\r\n                      placeholder=\"CEP\"\r\n                      name=\"charge_address_cep\"\r\n                    />\r\n                  </>\r\n                )}\r\n\r\n                <SearchCEPLink\r\n                  href=\"https://buscacepinter.correios.com.br/app/endereco/index.php?t\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                >\r\n                  <h4 className=\"cep-remember\">Não lembro meu CEP</h4>\r\n                </SearchCEPLink>\r\n              </CEPContainer>\r\n              {paymentId ? (\r\n                <>\r\n                  <InputOutlined\r\n                    type=\"text\"\r\n                    name=\"charge_address\"\r\n                    placeholder=\"Endereço\"\r\n                    readOnly\r\n                    value={\r\n                      FormaPagamento[0] ? FormaPagamento[0].charge_address : ''\r\n                    }\r\n                  />\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <InputOutlined\r\n                    schema={schema}\r\n                    type=\"text\"\r\n                    name=\"charge_address\"\r\n                    placeholder=\"Endereço\"\r\n                  />\r\n                </>\r\n              )}\r\n\r\n              <AddressContainer>\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"charge_address_number\"\r\n                      placeholder=\"Nº\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_number\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"charge_address_number\"\r\n                      placeholder=\"Nº\"\r\n                    />\r\n                  </>\r\n                )}\r\n\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"charge_address_complement\"\r\n                      placeholder=\"Complemento\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_complement\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"charge_address_complement\"\r\n                      placeholder=\"Complemento\"\r\n                    />\r\n                  </>\r\n                )}\r\n\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"charge_address_neighborhood\"\r\n                      placeholder=\"Bairro\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_neighborhood\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"charge_address_neighborhood\"\r\n                      placeholder=\"Bairro\"\r\n                    />\r\n                  </>\r\n                )}\r\n              </AddressContainer>\r\n              <LocationContainer>\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"charge_address_state\"\r\n                      placeholder=\"Estado\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_state\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"charge_address_state\"\r\n                      placeholder=\"Estado\"\r\n                    />\r\n                  </>\r\n                )}\r\n\r\n                {paymentId ? (\r\n                  <>\r\n                    <InputOutlined\r\n                      type=\"text\"\r\n                      name=\"charge_address_city\"\r\n                      placeholder=\"Cidade\"\r\n                      readOnly\r\n                      value={\r\n                        FormaPagamento[0]\r\n                          ? FormaPagamento[0].charge_address_city\r\n                          : ''\r\n                      }\r\n                    />\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    <InputOutlined\r\n                      schema={schema}\r\n                      type=\"text\"\r\n                      name=\"charge_address_city\"\r\n                      placeholder=\"Cidade\"\r\n                    />\r\n                  </>\r\n                )}\r\n              </LocationContainer>\r\n\r\n              <div className=\"statusCard\">\r\n                <Switch onChange={handleChange} checked={checked} />\r\n                <span className=\"status-cartao\">Cartão ativo</span>\r\n              </div>\r\n\r\n              <Button\r\n                color=\"orange\"\r\n                padding=\"3.5\"\r\n                rounded\r\n                className=\"button-confirmar\"\r\n                type=\"submit\"\r\n                disabled={disableButton}\r\n              >\r\n                CONFIRMAR\r\n              </Button>\r\n              <Button\r\n                onClick={() => handleRedirect('/cartoes-credito')}\r\n                type=\"button\"\r\n                color=\"\"\r\n                padding=\"3.6\"\r\n                rounded\r\n                className=\"button-cancelar\"\r\n              >\r\n                CANCELAR\r\n              </Button>\r\n            </Form>\r\n          </Content>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FormPayment;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useState, useEffect } from 'react';\r\nimport { useRouteMatch, Switch, Route } from 'react-router-dom';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport { TitleSection, Container } from './styles';\r\n\r\nimport ListPayment from '../../components/FormOfPayment/ListPayment';\r\nimport FormPayment from '../../components/FormOfPayment/FormPayment';\r\nimport Loader from '../../components/Loader';\r\n\r\nimport TicketingService, { Payment as Pay } from '../../services/ticketing';\r\n\r\nconst FormOfPayment: React.FC = () => {\r\n  const services = { ticketingService: new TicketingService() };\r\n  const { path } = useRouteMatch();\r\n  const [payments, setPayments] = useState<Pay[]>([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n\r\n  async function getFaqs() {\r\n    try {\r\n      const response = await services.ticketingService.getPaymentForm();\r\n      const creditcard = response.data.results.filter(\r\n        (data: any) => data?.payment_type === 'credit_card',\r\n      );\r\n      setPayments(creditcard);\r\n      setLoading(false);\r\n      console.log(response?.data?.results);\r\n    } catch (err) {\r\n      console.error(err);\r\n    }\r\n  }\r\n  useEffect(() => {\r\n    getFaqs();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <DashboardLayout>\r\n        {loading ? (\r\n          <>\r\n            <Loader />\r\n          </>\r\n        ) : (\r\n          <>\r\n            <Container>\r\n              <TitleSection>\r\n                <h1>Cartões de crédito</h1>\r\n              </TitleSection>\r\n              <Switch>\r\n                <Route path={`${path}/editar/:paymentId`}>\r\n                  <FormPayment refreshList={getFaqs} />\r\n                </Route>\r\n                <Route path={`${path}/adicionar`}>\r\n                  <FormPayment refreshList={getFaqs} />\r\n                </Route>\r\n                <Route exact path={path}>\r\n                  <ListPayment payments={payments} />\r\n                </Route>\r\n              </Switch>\r\n            </Container>\r\n          </>\r\n        )}\r\n      </DashboardLayout>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FormOfPayment;\r\n","import styled from 'styled-components';\r\nimport { Form } from '@unform/web';\r\n\r\nexport const ContainerFaq = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: center;\r\n  width: 100%;\r\n\r\n  .h1 {\r\n    color: #472b74;\r\n    justify-self: start;\r\n    align-self: start;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  @media (max-width: 1524px) {\r\n    flex-wrap: wrap;\r\n    display: flex;\r\n  }\r\n`;\r\n\r\nexport const Container = styled.div`\r\n  padding-top: 35px;\r\n  width: 100%;\r\n\r\n  /* .h1 {\r\n    justify-self: start;\r\n    align-self: start;\r\n    margin-left: 10%;\r\n    margin-bottom: 20px;\r\n  } */\r\n\r\n  ::-webkit-scrollbar {\r\n    background-color: transparent;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n  ::-webkit-scrollbar-thumb {\r\n    background-color: var(--purple);\r\n    border-radius: 10px;\r\n  }\r\n  .float-right {\r\n    /* float: right; */\r\n    margin-top: -30px;\r\n  }\r\n  .faq {\r\n    margin-left: 78px;\r\n  }\r\n`;\r\n\r\nexport const FormSearchFaq = styled(Form)`\r\n  margin-bottom: 1em;\r\n`;\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 0px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable react/no-danger */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport { FormHandles } from '@unform/core';\r\nimport { ReactComponent as QuestionIcon } from '../../assets/Faq/question-mark.svg';\r\n\r\nimport Accordion from '../../components/Accordion';\r\nimport Input from '../../components/Input';\r\nimport Button from '../../components/Button';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\n\r\nimport CoreService, { Faq } from '../../services/core';\r\n\r\nimport { Container, ContainerFaq, FormSearchFaq, TitleSection } from './styles';\r\n\r\nconst FaqSectionPF: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [searchTerm, setSearchTerm] = useState('');\r\n  const [searchResults, setSearchResults] = useState([]);\r\n\r\n  const [faqs, setFaqs] = React.useState<Faq[]>([]);\r\n\r\n  function createAnswer(answer: string) {\r\n    return { __html: answer };\r\n  }\r\n\r\n  useEffect(() => {\r\n    async function getFaqs() {\r\n      try {\r\n        const response = await services.coreService.getFaqs();\r\n        setFaqs(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getFaqs();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const results = faqs.filter((faq: any) => {\r\n      return Object.keys(faq).some((key: string) =>\r\n        JSON.stringify(faq[key])\r\n          .normalize('NFD')\r\n          .replace(/[\\u0300-\\u036f]/g, '')\r\n          .replace(/-(?!>)/g, '')\r\n          .replace(/\\s/g, '')\r\n          .toLowerCase()\r\n          .toUpperCase()\r\n          .includes(\r\n            searchTerm\r\n              .normalize('NFD')\r\n              .replace(/[\\u0300-\\u036f]/g, '')\r\n              .replace(/-(?!>)/g, '')\r\n              .replace(/\\s/g, '')\r\n              .toLowerCase()\r\n              .toUpperCase(),\r\n          ),\r\n      );\r\n    });\r\n    setSearchResults(results);\r\n  }, [searchTerm, faqs]);\r\n\r\n  const handleChange = useCallback(e => {\r\n    setSearchTerm(e.target.value);\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    return {};\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <DashboardLayout>\r\n        <TitleSection>\r\n          <h1>Perguntas Frequentes</h1>\r\n        </TitleSection>\r\n        <ContainerFaq>\r\n          <Container>\r\n            <FormSearchFaq ref={formRef} onSubmit={handleSubmit}>\r\n              <Input\r\n                name=\"search\"\r\n                placeholder=\"Pesquise sua dúvida\"\r\n                onChange={e => handleChange(e)}\r\n              >\r\n                <Button type=\"submit\" color=\"orange\" padding=\"3\">\r\n                  BUSCAR\r\n                </Button>\r\n              </Input>\r\n            </FormSearchFaq>\r\n            {searchResults.map((faq: Faq) => (\r\n              <Accordion\r\n                key={faq.id}\r\n                Icon={QuestionIcon}\r\n                CollapseIcon={GoTriangleRight}\r\n                title={faq.question}\r\n                topic={faq?.topic}\r\n                titleColor=\"purple3\"\r\n                subTitle=\"\"\r\n                faq\r\n              >\r\n                {/* eslint-disable-next-line react/no-danger */}\r\n                <div\r\n                  dangerouslySetInnerHTML={createAnswer(faq.answer)}\r\n                  className=\"faq\"\r\n                />\r\n              </Accordion>\r\n            ))}\r\n          </Container>\r\n        </ContainerFaq>\r\n      </DashboardLayout>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FaqSectionPF;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\nimport LoaderAnimation from '../../../assets/loader.json';\r\n\r\nconst LoaderSubLine: React.FC = () => {\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: LoaderAnimation,\r\n    rendererSettings: {\r\n      preserveAspectRatio: 'xMidYMid slice',\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Lottie\r\n      height={50}\r\n      width={50}\r\n      style={{\r\n        margin: '-90px auto',\r\n        zIndex: 10,\r\n        transform: 'translateY(160%)',\r\n      }}\r\n      options={defaultOptions}\r\n      isStopped={false}\r\n      isPaused={false}\r\n    />\r\n  );\r\n};\r\n\r\nexport default LoaderSubLine;\r\n","var _g, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgClock(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 38,\n    height: 38,\n    viewBox: \"0 0 38 38\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#clip0)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M19.0017 0C8.50397 0 0 8.50397 0 19.0017C0 29.496 8.50397 38.0034 19.0017 38.0034C29.4994 38.0034 38.0034 29.496 38.0034 19.0017C38 8.50397 29.496 0 19.0017 0ZM20.4326 35.067V33.7887C20.4326 32.9953 19.7917 32.3544 18.9983 32.3544C18.2049 32.3544 17.564 32.9953 17.564 33.7887V35.067C9.79923 34.3787 3.59757 28.1635 2.93299 20.3885H4.16722C4.96065 20.3885 5.6015 19.7477 5.6015 18.9542C5.6015 18.1608 4.96065 17.5199 4.16722 17.5199H2.93977C3.64504 9.78906 9.82975 3.61792 17.5674 2.93299V4.11975C17.5674 4.91318 18.2083 5.55403 19.0017 5.55403C19.7951 5.55403 20.436 4.91318 20.436 4.11975V2.93299C28.1736 3.61792 34.3583 9.78906 35.0636 17.5199H33.8362C33.0427 17.5199 32.4019 18.1608 32.4019 18.9542C32.4019 19.7477 33.0427 20.3885 33.8362 20.3885H35.0704C34.4024 28.1635 28.2008 34.3787 20.4326 35.067Z\",\n    fill: \"#501E72\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M27.543 9.74494L19.0492 18.6456C19.0322 18.6456 19.0186 18.6422 19.0017 18.6422C18.8966 18.6422 18.7915 18.6524 18.6897 18.6728L11.5794 13.3018C11.108 12.9492 10.4333 13.0373 10.0739 13.5154C9.71445 13.9868 9.80939 14.6649 10.2841 15.0209L17.3945 20.3885C17.4623 21.2158 18.1574 21.8668 19.0017 21.8668C19.8934 21.8668 20.6157 21.1446 20.6157 20.2528C20.6157 20.2088 20.6123 20.1681 20.6089 20.1274L29.1027 11.2267C29.513 10.7961 29.4994 10.1179 29.0654 9.70425C28.6348 9.29736 27.9532 9.31432 27.543 9.74494Z\",\n    fill: \"#501E72\"\n  }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"clip0\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 38,\n    height: 38,\n    fill: \"white\"\n  })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgClock);\nexport default __webpack_public_path__ + \"static/media/clock.5d78ce0a.svg\";\nexport { ForwardRef as ReactComponent };","var _g, _defs;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgPin(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 29,\n    height: 41,\n    viewBox: \"0 0 29 41\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#clip0)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M28.9623 13.266C28.7484 10.73 27.9557 8.40522 26.4963 6.30425C24.5336 3.4698 21.879 1.55531 18.5575 0.585632C16.167 -0.110547 13.7388 -0.172706 11.3106 0.36186C8.84469 0.908858 6.66811 2.02772 4.80607 3.69358C2.50369 5.75725 1.01909 8.2809 0.339696 11.277C-0.037744 12.9677 -0.100651 14.6833 0.150976 16.3989C0.46551 18.5123 1.15748 20.5262 2.00043 22.478C3.42213 25.7475 5.24642 28.7809 7.24685 31.7272C8.93276 34.2136 10.757 36.6005 12.682 38.9004C13.2607 39.5965 13.8646 40.2927 14.4685 41.0138C14.5818 40.8895 14.6573 40.8149 14.7202 40.7278C16.5696 38.6144 18.331 36.4389 19.9792 34.1763C22.0928 31.2797 24.0681 28.2961 25.7163 25.1011C26.7354 23.1244 27.6286 21.0981 28.2451 18.9598C28.8113 17.095 29.1258 15.2054 28.9623 13.266ZM14.4685 19.4695C11.751 19.4819 9.29761 17.2939 9.32278 14.3103C9.34794 11.3391 11.839 9.13869 14.6698 9.23815C17.3874 9.32517 19.7024 11.5132 19.6646 14.4346C19.6521 17.2442 17.2742 19.5192 14.4685 19.4695Z\",\n    fill: \"#EB5E35\"\n  }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"clip0\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 29,\n    height: 41,\n    fill: \"white\"\n  })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPin);\nexport default __webpack_public_path__ + \"static/media/pin.b3974df9.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/map.001a2c03.png\";","import styled from 'styled-components';\r\nimport MapImage from '../../assets/Shared/map.png';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    height: 260px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n    @media (max-width: 308px) {\r\n      line-height: 3.5rem;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 3.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n    @media (max-width: 339px) {\r\n      line-height: 2rem;\r\n      margin-top: 1rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 2fr 286px;\r\n  grid-template-rows: 1fr 50px;\r\n  grid-template-areas: 'main aside';\r\n  grid-gap: 3rem;\r\n  min-height: 100vh;\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: '400px';\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  padding: 1.5rem 0;\r\n\r\n  h2 {\r\n    color: var(--purple);\r\n    margin: 10px 0 30px 0;\r\n    font-size: 1.5rem;\r\n  }\r\n\r\n  form {\r\n    > div {\r\n      margin-bottom: 40px;\r\n    }\r\n  }\r\n\r\n  .inputcontainer {\r\n    display: flex;\r\n    width: 100%;\r\n    margin-top: 8px;\r\n    margin-bottom: 0px;\r\n\r\n    .MuiAutocomplete-root {\r\n      width: 100%;\r\n    }\r\n\r\n    .inputwrapper {\r\n      width: 100% !important;\r\n    }\r\n\r\n    .buscalinha {\r\n      display: none;\r\n    }\r\n    .input {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      height: 40px;\r\n      border: 1px solid var(--gray-line);\r\n      color: var(--text);\r\n      flex: 1;\r\n      background: white;\r\n      border-radius: 8px;\r\n      padding-left: 1rem;\r\n      padding-right: 1rem;\r\n\r\n      &::placeholder {\r\n        color: var(--gray-line);\r\n      }\r\n\r\n      @media (max-width: 450px) {\r\n        width: 81%;\r\n      }\r\n    }\r\n  }\r\n  .input:focus {\r\n    outline: none !important;\r\n    border: 1px solid var(--orange);\r\n  }\r\n  .button {\r\n    margin-left: -25px;\r\n    @media (max-width: 450px) {\r\n        position: absolute;\r\n        margin-left: -100px;\r\n      }\r\n\r\n    \r\n    .btn-buscar {\r\n      color: white;\r\n        @media (max-width: 450px) {\r\n        display: none;\r\n      }\r\n    }\r\n    .btn-search {\r\n      height: 30px;\r\n      width: auto;\r\n      display: none;\r\n        @media (max-width: 450px) {\r\n          margin-top: 0px;\r\n          display: block;\r\n        }\r\n        @media (max-width: 317px) {\r\n          position: relative;\r\n          width: 100%;\r\n        }\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  grid-area: aside;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n`;\r\nexport const ModalWrapper = styled.div`\r\n  width: 100%;\r\n  text-align: center;\r\n\r\n  .button-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-top: 50px;\r\n  }\r\n\r\n  p {\r\n    justify-content: center;\r\n    text-align: left;\r\n    margin-top: 20px;\r\n    margin-bottom: 50px;\r\n  }\r\n`;\r\n\r\nexport const AsideCard = styled.div`\r\n  background: var(--white);\r\n  width: 286px;\r\n  position: sticky;\r\n  top: 20px;\r\n  margin: 1.5rem 0;\r\n  height: 472px;\r\n  border-radius: 10px 10px 0px 0px;\r\n  box-shadow: var(--box-shadow);\r\n  /* transform: translateY(-150px); */\r\n\r\n  .header {\r\n    background: var(--purple2);\r\n    color: var(--orange);\r\n    height: 73px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    border-bottom: 3px solid var(--orange);\r\n    font: 600 1.3rem 'Roboto Slab', sans-serif;\r\n  }\r\n\r\n  .main {\r\n    margin-top: 14px;\r\n    padding: 0 25px;\r\n\r\n    form {\r\n      .highlight-label {\r\n        margin-bottom: 10px;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        line-height: 1.1rem;\r\n        color: var(--purple);\r\n      }\r\n\r\n      div {\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto;\r\n        margin-top: 10px;\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    height: 110px;\r\n    background: url(${MapImage}) no-repeat;\r\n    background-size: cover;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    button {\r\n      color: var(--orange) !important;\r\n      border: 2px solid var(--orange);\r\n    }\r\n    @media (max-width: 1081px) {\r\n      height: 115px;\r\n    }\r\n    @media (max-width: 720px) {\r\n      height: 120px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 335px) {\r\n    flex-wrap: wrap;\r\n    width: 99%;\r\n  }\r\n`;\r\n\r\nexport const CollapseContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* max-width: 85%; */\r\n  .flex {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .localizacao-pontos {\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .horario {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .sub-ball-container {\r\n    margin: 0 15px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    height: 100%;\r\n    div {\r\n      width: 42px;\r\n      height: 42px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--soft-orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .text-container {\r\n    width: 100%;\r\n    h1 {\r\n      font-style: normal;\r\n\r\n      font-size: 18px;\r\n      line-height: 24px;\r\n      text-transform: uppercase;\r\n      color: var(--title-higlight);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    span,\r\n    small {\r\n      font-style: normal;\r\n\r\n      font-size: 18px;\r\n      line-height: 32px;\r\n      text-transform: uppercase;\r\n      color: var(--title-higlight);\r\n    }\r\n\r\n    small {\r\n      font-weight: 500;\r\n      text-transform: inherit;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TimeContainer = styled.div`\r\n  display: flex;\r\n  margin-bottom: 25px;\r\n  margin-top: 25px;\r\n`;\r\n\r\nexport const Modal = styled.div`\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  margin-top: -20px;\r\n  display: none;\r\n`;\r\n\r\nexport const Dialogo = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 25px;\r\n\r\n  .container {\r\n    text-align: center;\r\n    width: 90%;\r\n    height: 260px;\r\n    @media (max-width: 420px) {\r\n      margin-left: 0px;\r\n      width: 100%;\r\n    }\r\n    img {\r\n      width: 60px;\r\n    }\r\n    h1 {\r\n      text-align: center;\r\n      font-size: 1.7rem;\r\n      color: var(--orange);\r\n      margin-top: 1rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n    .text {\r\n      padding: 40px;\r\n      width: 100%;\r\n      @media (max-width: 350px) {\r\n        padding: 40px 0 0 0;\r\n      }\r\n    }\r\n    p {\r\n      font-size: 1.2rem;\r\n      color: var(--title-higlight);\r\n      margin-bottom: 2.5rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Modalline = styled.div`\r\n  position: relative;\r\n  margin-bottom: 10px;\r\n  display: block;\r\n`;\r\n\r\nexport const Dialogoline = styled.div`\r\n  position: relative;\r\n  justify-content: center;\r\n  width: 100%;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useRef, useCallback, useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport { useLoadScript } from '@react-google-maps/api';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport Input from '../../components/Input';\r\nimport AccountsService from '../../services/accounts';\r\nimport Loader from '../../components/Loader';\r\nimport LoaderSubLine from './LoaderSubLine';\r\nimport api from '../../services/api';\r\nimport { ReactComponent as Bus } from '../../assets/Shared/Bus.svg';\r\nimport { ReactComponent as ClockIcon } from '../../assets/RoutesAndLines/clock.svg';\r\nimport Accordion from '../../components/Accordion';\r\nimport Button from '../../components/Button';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Lupasearch from '../../assets/Shared/lupasearch.svg';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport Lupaorange from '../../assets/RoutesAndLines/Lupaorange.png';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport {\r\n  TitleSection,\r\n  GridSection,\r\n  Main,\r\n  Aside,\r\n  AsideCard,\r\n  CollapseContainer,\r\n  TimeContainer,\r\n  Dialogo,\r\n  Modal,\r\n  Dialogoline,\r\n  Modalline,\r\n} from './styles';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\ninterface Favoritas {\r\n  id: number;\r\n  user: number;\r\n  code_line: string;\r\n  name_line: string;\r\n  sgl_line: string;\r\n  follow: boolean;\r\n}\r\n\r\ninterface LineItem {\r\n  code: string;\r\n  sgl: string;\r\n  itinerario: any;\r\n  name: string;\r\n  tabelahorario: any;\r\n  follow: boolean;\r\n}\r\n\r\ninterface Line {\r\n  cod: string;\r\n  sgl: string;\r\n  nom: string;\r\n  display: string;\r\n}\r\n\r\ninterface Itineraries {\r\n  code: string;\r\n  sgl: string;\r\n  name: string;\r\n  itinerario: any;\r\n  tabelahorario: any;\r\n}\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst RoutesAndLines: React.FC = () => {\r\n  const { isLoaded } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n  const { user } = useAuth();\r\n  const servicesAccounts = { AccountsService: new AccountsService() };\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { push } = useHistory();\r\n  const [buscaLinha, setBuscaLinha] = useState<any>();\r\n  console.log({ buscaLinha });\r\n  const { addToast } = useToast();\r\n  const [linhas, setLinhas] = useState<Itineraries[]>([]);\r\n  const [rotas, setRotas] = useState<Line[]>([]);\r\n  const [favoritas, setFavoritas] = useState<Favoritas[]>([]);\r\n  const [line, setLine] = useState<LineItem | null>();\r\n  const [value, setValue] = React.useState(null);\r\n  const [inputValue, setInputValue] = useState<any>();\r\n  const [origin, setOrigin] = React.useState<string>('');\r\n  const [destination, setDestination] = React.useState<string>('');\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [loadingSubLine, setLoadingSubLine] = React.useState<boolean>(false);\r\n  const [subLinhas, setSubLinhas] = React.useState<any>([]);\r\n  const [subLines, setSubLines] = React.useState<any>([]);\r\n\r\n  useEffect(() => {\r\n    async function getLinhas() {\r\n      try {\r\n        setLoading(true);\r\n        const response = await api.get('/core/lines-itineraries/');\r\n        setLinhas(response.data.lines_with_itinerary);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getLinhas();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getRotas() {\r\n      try {\r\n        setLoading(true);\r\n        const response = await api.get('/core/lines/');\r\n        setRotas(response.data.lines);\r\n        // setLoading(false);\r\n      } catch (err) {\r\n        const modallines = document.getElementById('lines');\r\n        modallines.style.display = 'none';\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getRotas();\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    const getLines = async () => {\r\n      setLine(null);\r\n      try {\r\n        setLoading(true);\r\n        /* const response = await api.get(`/core/line-info/${value.cod}/`);\r\n        setLine(response.data); */\r\n        if (value.sgl) {\r\n          const response = await api.get(`/core/v2/line-info/${value.cod}/`);\r\n          setLine(response.data);\r\n        } else {\r\n          const responses = await api.get(`/core/v2/line-info/${value}/`);\r\n          setLine(responses.data);\r\n        }\r\n        setLoading(false);\r\n        const modallines = document.getElementById('lines');\r\n        modallines.style.display = 'none';\r\n      } catch (err) {\r\n        setLoading(false);\r\n        const modal = document.getElementById('errorline');\r\n        modal.style.display = 'block';\r\n        const modallines = document.getElementById('lines');\r\n        modallines.style.display = 'none';\r\n      }\r\n    };\r\n    getLines();\r\n  }, [value]);\r\n\r\n  const onChangeAutocomplete = useCallback(\r\n    (event: any, newValue: Line) => {\r\n      console.log(newValue);\r\n      setValue(newValue);\r\n    },\r\n    [setValue],\r\n  );\r\n\r\n  const handleSubmitLinhas = useCallback(data => {\r\n    const getLines = async () => {\r\n      setLine(null);\r\n      try {\r\n        setLoading(true);\r\n        const response = await api.get('/core/lines/');\r\n        const filteredLines = response.data.lines.filter(\r\n          (f: any) => f.sgl === data.search,\r\n        );\r\n        const responseLinha = await api.get(\r\n          `/core/line-info/${filteredLines[0].sgl}/`,\r\n        );\r\n        setRotas(responseLinha.data.lines);\r\n        setLine(responseLinha.data);\r\n        setLoading(false);\r\n        const modallines = document.getElementById('lines');\r\n        modallines.style.display = 'none';\r\n        const modal = document.getElementById('errorline');\r\n        modal.style.display = 'none';\r\n      } catch (err) {\r\n        setLoading(false);\r\n        const modal = document.getElementById('errorline');\r\n        modal.style.display = 'block';\r\n        const modallines = document.getElementById('lines');\r\n        modallines.style.display = 'none';\r\n      }\r\n    };\r\n    getLines();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    setInputValue(inputValue);\r\n  }, [inputValue]);\r\n\r\n  const handleOrigin = useCallback(address => {\r\n    setOrigin(address);\r\n  }, []);\r\n\r\n  const handleDestination = useCallback(address => {\r\n    setDestination(address);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getFavoritas() {\r\n      try {\r\n        if (user) {\r\n          setLoading(true);\r\n          const response = await servicesAccounts.AccountsService.getLineFavorite();\r\n          setFavoritas(response.data.results);\r\n          // setLoading(false);\r\n        }\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getFavoritas();\r\n  }, [user]);\r\n\r\n  const handleCreateFavorite = useCallback(\r\n    async data => {\r\n      try {\r\n        await servicesAccounts.AccountsService.createLineFavorite({\r\n          ...data,\r\n        });\r\n        const response = await api.get('/core/lines/');\r\n        const filteredLines = response.data.lines.filter(\r\n          (f: any) => f.sgl === data.search,\r\n        );\r\n        const responseLinha = await api.get(\r\n          `/core/line-info/${filteredLines[0].cod}/`,\r\n        );\r\n        console.log({ responseLinha });\r\n        const responsefavorites = await servicesAccounts.AccountsService.getLineFavorite();\r\n        setFavoritas(responsefavorites.data.results);\r\n        setLine(null);\r\n        setLine(response.data);\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        console.error(error);\r\n      }\r\n    },\r\n    [servicesAccounts.AccountsService],\r\n  );\r\n\r\n  const handleRemoveFavorite = useCallback(\r\n    async data => {\r\n      try {\r\n        await servicesAccounts.AccountsService.deleteLineFavorite(\r\n          data.favorite,\r\n        );\r\n        const response = await api.get('/core/lines/');\r\n        const filteredLines = response.data.lines.filter(\r\n          (f: any) => f.sgl === data.search,\r\n        );\r\n        const responseLinha = await api.get(\r\n          `/core/line-info/${filteredLines[0].cod}/`,\r\n        );\r\n        console.log({ responseLinha });\r\n        const responsefavorites = await servicesAccounts.AccountsService.getLineFavorite();\r\n        const responselinhas = await api.get('/core/lines-itineraries/');\r\n        setFavoritas(responsefavorites.data.results);\r\n        setLinhas([]);\r\n        setLinhas(responselinhas.data.lines_with_itinerary);\r\n        setLine(null);\r\n        setLine(response.data);\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        console.error(error);\r\n      }\r\n    },\r\n    [servicesAccounts.AccountsService],\r\n  );\r\n\r\n  const handleFavorite = useCallback(\r\n    async data => {\r\n      const filteredFavorite = favoritas.filter((favorita: any) => {\r\n        return favorita.sgl_line === data.sgl_line;\r\n      });\r\n      try {\r\n        if (data.follow) {\r\n          handleRemoveFavorite({\r\n            favorite: filteredFavorite[0].id,\r\n            slg: data.sgl_line,\r\n          });\r\n        } else {\r\n          handleCreateFavorite(data);\r\n        }\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        console.error(error);\r\n      }\r\n    },\r\n    [favoritas, handleCreateFavorite, handleRemoveFavorite],\r\n  );\r\n\r\n  const handleSearchMap = useCallback(() => {\r\n    if (destination && origin) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?origin=${origin}&destination=${destination}`,\r\n      );\r\n      window.location.href = `/trajetos/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro a origem e destino',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [destination, origin, addToast]);\r\n\r\n  const handleSublines = useCallback(async (cod: any) => {\r\n    setLoadingSubLine(true);\r\n    const response = await api.get(`/core/sub-lines/${cod}/`);\r\n    const responseSubLinhas = response.data.sub_lines.map(async (sub: any) => {\r\n      const responsibles = await api.get(`/core/v2/line-info/${sub.cod}/`);\r\n      return responsibles.data;\r\n    });\r\n    const promisesResponse = await Promise.all(responseSubLinhas);\r\n\r\n    const responseSubLines = await api.get(`/core/sub-lines/${cod}/`);\r\n    const sublinhas = responseSubLines.data.sub_lines.map((sub: any) => sub);\r\n    const changedResponse = promisesResponse.map((item: any) => {\r\n      const filteredSubline = response.data.sub_lines.filter(\r\n        (subline: any) => subline.cod === Number(item.code),\r\n      )[0];\r\n      return { ...item, sublineName: filteredSubline.nom };\r\n    });\r\n    setSubLinhas(sublinhas);\r\n    setSubLines(changedResponse);\r\n    setLoadingSubLine(false);\r\n    return {};\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    console.log(inputValue);\r\n    console.log(value);\r\n  }, [inputValue]);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1>Rotas e Linhas</h1>\r\n              <span>Confira o itinerário e rotas</span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Container backgroundColor=\"background-gray\">\r\n            <Content>\r\n              <GridSection>\r\n                <Main>\r\n                  <h2>Digite o número ou nome da linha desejada</h2>\r\n\r\n                  <div className=\"inputcontainer\">\r\n                    <Autocomplete\r\n                      freeSolo\r\n                      id=\"free-solo-2-demo\"\r\n                      options={rotas}\r\n                      getOptionLabel={rota => rota.display}\r\n                      value={value}\r\n                      autoHighlight\r\n                      onChange={onChangeAutocomplete}\r\n                      inputValue={inputValue}\r\n                      onInputChange={(event, newInputValue) => {\r\n                        setInputValue(newInputValue);\r\n                      }}\r\n                      onFocus={() => setValue(null)}\r\n                      onSelect={value && handleSubmit}\r\n                      renderInput={params => (\r\n                        <div\r\n                          className=\"inputWrapper\"\r\n                          ref={params.InputProps.ref}\r\n                        >\r\n                          <input\r\n                            type=\"text\"\r\n                            placeholder=\"Pesquise linhas\"\r\n                            {...params.inputProps}\r\n                            className=\"input\"\r\n                            onKeyPress={event =>\r\n                              event.key === 'Enter' && handleSubmit()\r\n                            }\r\n                          />\r\n\r\n                          {/* <Button\r\n                            type=\"submit\"\r\n                            color=\"orange\"\r\n                            padding=\"3\"\r\n                            className=\"button\"\r\n                          >\r\n                            <span className=\"btn-buscar\">BUSCAR</span>\r\n                            <img\r\n                              src={Lupasearch}\r\n                              alt=\"search\"\r\n                              className=\"btn-search\"\r\n                            />\r\n                          </Button> */}\r\n                        </div>\r\n                      )}\r\n                    />\r\n                    <Form ref={formRef} onSubmit={handleSubmit}>\r\n                      <Input\r\n                        name=\"search\"\r\n                        className=\"buscalinha\"\r\n                        placeholder=\"Pesquise Linhas ou paradas\"\r\n                        defaultValue={inputValue}\r\n                        onChange={e => setBuscaLinha(e.target.value)}\r\n                      >\r\n                        {value !== null ? (\r\n                          <Button\r\n                            type=\"submit\"\r\n                            color=\"orange\"\r\n                            padding=\"3\"\r\n                            className=\"button\"\r\n                          >\r\n                            <span className=\"btn-buscar\">BUSCAR</span>\r\n                            <img\r\n                              src={Lupasearch}\r\n                              alt=\"search\"\r\n                              className=\"btn-search\"\r\n                            />\r\n                          </Button>\r\n                        ) : (\r\n                          <Button\r\n                            type=\"submit\"\r\n                            color=\"gray-line\"\r\n                            padding=\"3\"\r\n                            className=\"button\"\r\n                            disabled\r\n                          >\r\n                            <span className=\"btn-buscar\">BUSCAR</span>\r\n                            <img\r\n                              src={Lupasearch}\r\n                              alt=\"search\"\r\n                              className=\"btn-search\"\r\n                            />\r\n                          </Button>\r\n                        )}\r\n                      </Input>\r\n                    </Form>\r\n                  </div>\r\n\r\n                  {line && (\r\n                    <Accordion\r\n                      key={line.code}\r\n                      cod={line.code}\r\n                      CollapseIcon={GoTriangleRight}\r\n                      title={line.sgl}\r\n                      subTitle={line.name}\r\n                      fav={line.follow}\r\n                      handleFavorite={handleFavorite}\r\n                      name={user && line.name}\r\n                      Icon={Bus}\r\n                      handleSublines={handleSublines}\r\n                      hasSublines\r\n                    >\r\n                      {loadingSubLine ? (\r\n                        <LoaderSubLine />\r\n                      ) : (\r\n                        <>\r\n                          {subLinhas[1] &&\r\n                            subLines.map((sub: any) => (\r\n                              <>\r\n                                {Object.keys(sub.tabelahorario).length > 0 && (\r\n                                  <Accordion\r\n                                    key={sub.code}\r\n                                    CollapseIcon={GoTriangleRight}\r\n                                    title={line.sgl}\r\n                                    subTitle={sub.sublineName}\r\n                                  >\r\n                                    <CollapseContainer>\r\n                                      {Object.keys(sub.tabelahorario).map(\r\n                                        (rota: any) => {\r\n                                          return (\r\n                                            <>\r\n                                              <h3>{rota}</h3>\r\n                                              {Object.keys(\r\n                                                sub.tabelahorario[rota],\r\n                                              ).map((dia: any) => {\r\n                                                return (\r\n                                                  <>\r\n                                                    {!dia.includes('Covid') && (\r\n                                                      <>\r\n                                                        <TimeContainer\r\n                                                          key={rota}\r\n                                                        >\r\n                                                          <div className=\"sub-ball-container\">\r\n                                                            <div>\r\n                                                              <ClockIcon />\r\n                                                            </div>\r\n                                                          </div>\r\n                                                          <div className=\"text-container\">\r\n                                                            <h1>{dia}</h1>\r\n                                                            <div className=\"flex\">\r\n                                                              {sub.tabelahorario[\r\n                                                                rota\r\n                                                              ][dia].map(\r\n                                                                (item: any) => {\r\n                                                                  return (\r\n                                                                    <div\r\n                                                                      className=\"horario\"\r\n                                                                      key={item}\r\n                                                                    >\r\n                                                                      {item}\r\n                                                                    </div>\r\n                                                                  );\r\n                                                                },\r\n                                                              )}\r\n                                                            </div>\r\n                                                          </div>\r\n                                                        </TimeContainer>\r\n                                                      </>\r\n                                                    )}\r\n                                                  </>\r\n                                                );\r\n                                              })}\r\n                                            </>\r\n                                          );\r\n                                        },\r\n                                      )}\r\n                                      <h1>Itinerário</h1>\r\n                                      {Object.keys(sub.itinerario).map(\r\n                                        (ponto: any) => {\r\n                                          return (\r\n                                            <>\r\n                                              <div className=\"text-container\">\r\n                                                <h3\r\n                                                  className=\"localizacao-pontos\"\r\n                                                  key={ponto}\r\n                                                >\r\n                                                  {ponto}\r\n                                                </h3>\r\n                                              </div>\r\n                                              {Object.keys(\r\n                                                sub.itinerario[ponto],\r\n                                              ).map((localizacao: any) => {\r\n                                                return (\r\n                                                  <div key={localizacao}>\r\n                                                    {\r\n                                                      sub.itinerario[ponto][\r\n                                                        localizacao\r\n                                                      ]\r\n                                                    }\r\n                                                  </div>\r\n                                                );\r\n                                              })}\r\n                                            </>\r\n                                          );\r\n                                        },\r\n                                      )}\r\n                                    </CollapseContainer>\r\n                                  </Accordion>\r\n                                )}\r\n                              </>\r\n                            ))}\r\n                          {!subLinhas[1] && (\r\n                            <CollapseContainer>\r\n                              {Object.keys(line.tabelahorario).map(\r\n                                (rota: any) => {\r\n                                  return (\r\n                                    <>\r\n                                      <h3>{rota}</h3>\r\n                                      {Object.keys(\r\n                                        line.tabelahorario[rota],\r\n                                      ).map((dia: any) => {\r\n                                        return (\r\n                                          <>\r\n                                            {!dia.includes('Covid') && (\r\n                                              <>\r\n                                                <TimeContainer key={rota}>\r\n                                                  <div className=\"sub-ball-container\">\r\n                                                    <div>\r\n                                                      <ClockIcon />\r\n                                                    </div>\r\n                                                  </div>\r\n                                                  <div className=\"text-container\">\r\n                                                    <h1>{dia}</h1>\r\n                                                    <div className=\"flex\">\r\n                                                      {line.tabelahorario[rota][\r\n                                                        dia\r\n                                                      ].map((item: any) => {\r\n                                                        return (\r\n                                                          <div\r\n                                                            className=\"horario\"\r\n                                                            key={item}\r\n                                                          >\r\n                                                            {item}\r\n                                                          </div>\r\n                                                        );\r\n                                                      })}\r\n                                                    </div>\r\n                                                  </div>\r\n                                                </TimeContainer>\r\n                                              </>\r\n                                            )}\r\n                                          </>\r\n                                        );\r\n                                      })}\r\n                                    </>\r\n                                  );\r\n                                },\r\n                              )}\r\n                              <h1>Itinerário</h1>\r\n                              {Object.keys(line.itinerario).map(\r\n                                (ponto: any) => {\r\n                                  return (\r\n                                    <>\r\n                                      <div className=\"text-container\">\r\n                                        <h3\r\n                                          className=\"localizacao-pontos\"\r\n                                          key={ponto}\r\n                                        >\r\n                                          {ponto}\r\n                                        </h3>\r\n                                      </div>\r\n                                      {Object.keys(line.itinerario[ponto]).map(\r\n                                        (localizacao: any) => {\r\n                                          return (\r\n                                            <div key={localizacao}>\r\n                                              {\r\n                                                line.itinerario[ponto][\r\n                                                  localizacao\r\n                                                ]\r\n                                              }\r\n                                            </div>\r\n                                          );\r\n                                        },\r\n                                      )}\r\n                                    </>\r\n                                  );\r\n                                },\r\n                              )}\r\n                            </CollapseContainer>\r\n                          )}\r\n                        </>\r\n                      )}\r\n                    </Accordion>\r\n                  )}\r\n                  <Modalline id=\"lines\">\r\n                    <Dialogoline>\r\n                      {linhas &&\r\n                        linhas.map((linha: any) => (\r\n                          <Accordion\r\n                            key={linha.code}\r\n                            cod={linha.code}\r\n                            CollapseIcon={GoTriangleRight}\r\n                            title={linha.sgl}\r\n                            handleFavorite={handleFavorite}\r\n                            name={user && linha.name}\r\n                            fav={linha.follow}\r\n                            subTitle={linha.name}\r\n                            Icon={Bus}\r\n                            handleSublines={handleSublines}\r\n                            hasSublines\r\n                          >\r\n                            {loadingSubLine ? (\r\n                              <LoaderSubLine />\r\n                            ) : (\r\n                              <>\r\n                                {subLinhas[1] &&\r\n                                  subLines.map((sub: any) => (\r\n                                    <>\r\n                                      {Object.keys(sub.tabelahorario).length >\r\n                                        0 && (\r\n                                        <Accordion\r\n                                          key={sub.code}\r\n                                          CollapseIcon={GoTriangleRight}\r\n                                          title={linha.sgl}\r\n                                          subTitle={sub.sublineName}\r\n                                        >\r\n                                          <CollapseContainer>\r\n                                            {Object.keys(sub.tabelahorario).map(\r\n                                              (rota: any) => {\r\n                                                return (\r\n                                                  <>\r\n                                                    <h3>{rota}</h3>\r\n                                                    {Object.keys(\r\n                                                      sub.tabelahorario[rota],\r\n                                                    ).map((dia: any) => {\r\n                                                      return (\r\n                                                        <>\r\n                                                          {!dia.includes(\r\n                                                            'Covid',\r\n                                                          ) && (\r\n                                                            <>\r\n                                                              <TimeContainer\r\n                                                                key={rota}\r\n                                                              >\r\n                                                                <div className=\"sub-ball-container\">\r\n                                                                  <div>\r\n                                                                    <ClockIcon />\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                                <div className=\"text-container\">\r\n                                                                  <h1>{dia}</h1>\r\n                                                                  <div className=\"flex\">\r\n                                                                    {sub.tabelahorario[\r\n                                                                      rota\r\n                                                                    ][dia].map(\r\n                                                                      (\r\n                                                                        item: any,\r\n                                                                      ) => {\r\n                                                                        return (\r\n                                                                          <div\r\n                                                                            className=\"horario\"\r\n                                                                            key={\r\n                                                                              item\r\n                                                                            }\r\n                                                                          >\r\n                                                                            {\r\n                                                                              item\r\n                                                                            }\r\n                                                                          </div>\r\n                                                                        );\r\n                                                                      },\r\n                                                                    )}\r\n                                                                  </div>\r\n                                                                </div>\r\n                                                              </TimeContainer>\r\n                                                            </>\r\n                                                          )}\r\n                                                        </>\r\n                                                      );\r\n                                                    })}\r\n                                                  </>\r\n                                                );\r\n                                              },\r\n                                            )}\r\n                                            <h1>Itinerário</h1>\r\n                                            {Object.keys(sub.itinerario).map(\r\n                                              (ponto: any) => {\r\n                                                return (\r\n                                                  <>\r\n                                                    <div className=\"text-container\">\r\n                                                      <h3\r\n                                                        className=\"localizacao-pontos\"\r\n                                                        key={ponto}\r\n                                                      >\r\n                                                        {ponto}\r\n                                                      </h3>\r\n                                                    </div>\r\n                                                    {Object.keys(\r\n                                                      sub.itinerario[ponto],\r\n                                                    ).map(\r\n                                                      (localizacao: any) => {\r\n                                                        return (\r\n                                                          <div\r\n                                                            key={localizacao}\r\n                                                          >\r\n                                                            {\r\n                                                              sub.itinerario[\r\n                                                                ponto\r\n                                                              ][localizacao]\r\n                                                            }\r\n                                                          </div>\r\n                                                        );\r\n                                                      },\r\n                                                    )}\r\n                                                  </>\r\n                                                );\r\n                                              },\r\n                                            )}\r\n                                          </CollapseContainer>\r\n                                        </Accordion>\r\n                                      )}\r\n                                    </>\r\n                                  ))}\r\n                                {!subLinhas[1] && (\r\n                                  <CollapseContainer>\r\n                                    {Object.keys(linha.tabelahorario).map(\r\n                                      (rota: any) => {\r\n                                        return (\r\n                                          <>\r\n                                            <h3>{rota}</h3>\r\n                                            {Object.keys(\r\n                                              linha.tabelahorario[rota],\r\n                                            ).map((dia: any) => {\r\n                                              return (\r\n                                                <>\r\n                                                  {!dia.includes('Covid') && (\r\n                                                    <>\r\n                                                      <TimeContainer key={rota}>\r\n                                                        <div className=\"sub-ball-container\">\r\n                                                          <div>\r\n                                                            <ClockIcon />\r\n                                                          </div>\r\n                                                        </div>\r\n                                                        <div className=\"text-container\">\r\n                                                          <h1>{dia}</h1>\r\n                                                          <div className=\"flex\">\r\n                                                            {linha.tabelahorario[\r\n                                                              rota\r\n                                                            ][dia].map(\r\n                                                              (item: any) => {\r\n                                                                return (\r\n                                                                  <div\r\n                                                                    className=\"horario\"\r\n                                                                    key={item}\r\n                                                                  >\r\n                                                                    {item}\r\n                                                                  </div>\r\n                                                                );\r\n                                                              },\r\n                                                            )}\r\n                                                          </div>\r\n                                                        </div>\r\n                                                      </TimeContainer>\r\n                                                    </>\r\n                                                  )}\r\n                                                </>\r\n                                              );\r\n                                            })}\r\n                                          </>\r\n                                        );\r\n                                      },\r\n                                    )}\r\n                                    <h1>Itinerário</h1>\r\n                                    {Object.keys(linha.itinerario).map(\r\n                                      (ponto: any) => {\r\n                                        return (\r\n                                          <>\r\n                                            <div className=\"text-container\">\r\n                                              <h3\r\n                                                className=\"localizacao-pontos\"\r\n                                                key={ponto}\r\n                                              >\r\n                                                {ponto}\r\n                                              </h3>\r\n                                            </div>\r\n                                            {Object.keys(\r\n                                              linha.itinerario[ponto],\r\n                                            ).map((localizacao: any) => {\r\n                                              return (\r\n                                                <div key={localizacao}>\r\n                                                  {\r\n                                                    linha.itinerario[ponto][\r\n                                                      localizacao\r\n                                                    ]\r\n                                                  }\r\n                                                </div>\r\n                                              );\r\n                                            })}\r\n                                          </>\r\n                                        );\r\n                                      },\r\n                                    )}\r\n                                  </CollapseContainer>\r\n                                )}\r\n                              </>\r\n                            )}\r\n                          </Accordion>\r\n                        ))}\r\n                    </Dialogoline>\r\n                  </Modalline>\r\n                  <Modal id=\"errorline\">\r\n                    <Dialogo>\r\n                      <div className=\"container\">\r\n                        <div className=\"text\" id=\"text\">\r\n                          <img src={Lupaorange} alt=\"lupa\" />\r\n                          <h1>Nenhuma linha encontrada!</h1>\r\n                          <p>Revise os dados digitados e pesquise novamente.</p>\r\n                        </div>\r\n                      </div>\r\n                    </Dialogo>\r\n                  </Modal>\r\n                </Main>\r\n\r\n                <Aside>\r\n                  {isLoaded && (\r\n                    <AsideCard>\r\n                      <div className=\"header\">Faça sua Rota</div>\r\n                      <div className=\"main\">\r\n                        <Form ref={formRef} onSubmit={handleSubmit}>\r\n                          <p className=\"highlight-label\">\r\n                            Seu Local de partida\r\n                          </p>\r\n                          <p>Digite seu lugar de origem</p>\r\n\r\n                          <Input\r\n                            onChange={e => handleOrigin(e.target.value)}\r\n                            name=\"OrigemInput\"\r\n                            placeholder=\"Origem\"\r\n                          />\r\n\r\n                          <p>Digite para onde você vai</p>\r\n                          <Input\r\n                            onChange={e => handleDestination(e.target.value)}\r\n                            name=\"DestinoInput\"\r\n                            placeholder=\"Destino\"\r\n                          />\r\n\r\n                          <Button\r\n                            style={{ marginBottom: '12px' }}\r\n                            type=\"button\"\r\n                            color=\"orange\"\r\n                            padding=\"5\"\r\n                            onClick={() => handleSearchMap()}\r\n                            rounded\r\n                          >\r\n                            Buscar\r\n                          </Button>\r\n                        </Form>\r\n                      </div>\r\n                      <div className=\"footer\">\r\n                        <Button\r\n                          onClick={() => push('trajetos/')}\r\n                          type=\"submit\"\r\n                          color=\"white\"\r\n                          padding=\"4\"\r\n                          rounded\r\n                        >\r\n                          Ver Mapa\r\n                        </Button>\r\n                      </div>\r\n                    </AsideCard>\r\n                  )}\r\n                </Aside>\r\n              </GridSection>\r\n            </Content>\r\n          </Container>\r\n          <Container>\r\n            <Footer />\r\n          </Container>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default RoutesAndLines;\r\n","export default \"data:image/png;base64,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\"","/* eslint-disable indent */\r\n/* eslint-disable implicit-arrow-linebreak */\r\n/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.78);\r\n  display: none;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  section {\r\n    display: flex;\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .close-container {\r\n      position: absolute;\r\n      top: 0px;\r\n      right: 40px;\r\n      background: var(--white);\r\n      border-radius: 50px;\r\n      display: flex;\r\n      align-items: right;\r\n\r\n      svg {\r\n        margin-top: 0px;\r\n        color: var(--black);\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  ${(props) =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  width: 50vw;\r\n  margin-top: 70px;\r\n  text-align: center;\r\n  @media screen and (max-width: 1000px) {\r\n    width: 80vw;\r\n  }\r\n\r\n  img {\r\n    height: auto;\r\n    width: 100%;\r\n  }\r\n\r\n  h2 {\r\n    margin-top: 10px;\r\n    color: var(--white);\r\n    font-weight: bold;\r\n    font-size: 2.1rem;\r\n    /* @media screen and (max-width: 424px) {\r\n      word-break: break-all;\r\n    } */\r\n  }\r\n\r\n  p {\r\n    margin-top: 10px;\r\n    color: var(--white);\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .clique {\r\n    margin-top: 25px;\r\n    width: auto;\r\n    color: black;\r\n    font-weight: 600;\r\n    height: 40px;\r\n    background: #8cf288;\r\n    border-radius: 30px;\r\n    transition: all 0.2s;\r\n    &:hover {\r\n      background: #5aab5f;\r\n    }\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/BannerMotiva3.4adeabe2.png\";","import React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { Container, Content } from './styles';\r\nimport Button from '../../../../components/Button';\r\nimport BannerMotiva from '../../../../assets/Banner/BannerMotiva3.png';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  text?: string;\r\n  success?: boolean;\r\n}\r\n\r\nconst ModalMotiva: React.FC<ModalInterface> = ({ handleClose, show }) => (\r\n  <Container show={show}>\r\n    <section>\r\n      <>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={25} onClick={handleClose} />\r\n        </button>\r\n        <div className=\"modal-body\">\r\n          <Content>\r\n            <a\r\n              href=\"http://motivabeneficios.com.br/transfacil-diferenciais/?utm_source=site-transfacil&utm_medium=popup-pagempesas&utm_id=lead-transfacil-difer\"\r\n              target=\"_blank\"\r\n              rel=\"noopener noreferrer\"\r\n            >\r\n              <img src={BannerMotiva} alt=\"Banner Motiva\" />\r\n            </a>\r\n          </Content>\r\n        </div>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default ModalMotiva;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 230px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n  @media only screen and (max-width: 768px) {\r\n    height: 190px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 4rem;\r\n      text-align: center;\r\n      line-height: 3rem;\r\n    }\r\n    @media (max-width: 620px) {\r\n      margin-top: 3rem;\r\n    }\r\n    @media (max-width: 493px) {\r\n      font-size: 2.4rem;\r\n      line-height: 3rem;\r\n      margin-top: 4rem;\r\n    }\r\n    @media (max-width: 450px) {\r\n      font-size: 2rem;\r\n      line-height: 2.5rem;\r\n      margin-top: 3rem;\r\n    }\r\n    @media (max-width: 350px) {\r\n      font-size: 1.8rem;\r\n      line-height: 2.3rem;\r\n      margin-top: 3rem;\r\n    }\r\n    @media (max-width: 291px) {\r\n      font-size: 1.8rem;\r\n      line-height: 2.5rem;\r\n      margin-top: 3rem;\r\n    }\r\n    @media (max-width: 236px) {\r\n      font-size: 1.5rem;\r\n      line-height: 2rem;\r\n      margin-top: 5rem;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 3.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n    @media (max-width: 346px) {\r\n      line-height: 1.5rem;\r\n      margin-top: 1.5rem;\r\n    }\r\n  }\r\n`;\r\nexport const FileDiv = styled.div`\r\n  flex-direction: column;\r\n  padding: 5px;\r\n  max-width: 100%;\r\n  p {\r\n    margin-bottom: 10px;\r\n    font-weight: normal;\r\n    font: 'Source Sans Pro', sans-serif;\r\n    @media (max-width: 800px) {\r\n      font-size: 10px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 2fr 380px;\r\n  grid-template-rows: 1fr 50px;\r\n  grid-template-areas: 'main aside';\r\n  grid-gap: 3rem;\r\n  min-height: 100vh;\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: start;\r\n  padding: 1.5rem 0;\r\n  width: 90%;\r\n\r\n  .h2 {\r\n    color: var(--purple3);\r\n    margin-bottom: 20px;\r\n  }\r\n  .h1 {\r\n    color: var(--purple);\r\n    margin-top: 100px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .accordion {\r\n    background: white;\r\n    padding: 3px;\r\n    width: 100%;\r\n    border: 2px solid #c2d1d9;\r\n    border-radius: 30px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  p {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .destaque {\r\n    color: var(--purple);\r\n    margin-top: 2.5rem;\r\n    font-weight: 600;\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  grid-area: aside;\r\n  margin-bottom: 50px;\r\n  display: flex;\r\n  margin-right: 5%;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n  img {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 1000px;\r\n  }\r\n  @media only screen and (max-width: 1108px) {\r\n    img {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AsideCard = styled.div`\r\n  background: var(--white);\r\n  margin: 1.5rem 0;\r\n  z-index: 1;\r\n  border-radius: 10px;\r\n  box-shadow: var(--box-shadow);\r\n  position: sticky;\r\n  top: 0px;\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .header {\r\n    background: var(--purple2);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 20px 35px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    border-bottom: 3px solid var(--orange);\r\n    @media only screen and (max-width: 768px) {\r\n      border-top-left-radius: 8px;\r\n      border-top-right-radius: 8px;\r\n      border-bottom-left-radius: 8px;\r\n      border-bottom-right-radius: 8px;\r\n      border-bottom: 3px solid var(--orange);\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    h2 {\r\n      font: 600 1.3rem 'Roboto Slab', sans-serif;\r\n      text-align: center;\r\n      color: var(--orange);\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    span {\r\n      font: 400 1rem 'Source Sans Pro', sans-serif;\r\n      text-align: center;\r\n      color: var(--white);\r\n    }\r\n  }\r\n\r\n  .main {\r\n    margin-top: 14px;\r\n\r\n    form {\r\n      .highlight-label {\r\n        margin-bottom: 10px;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        line-height: 1.1rem;\r\n        color: var(--purple);\r\n      }\r\n\r\n      .select {\r\n        height: 20px;\r\n      }\r\n\r\n      .input-container {\r\n        padding: 0 25px;\r\n        margin-bottom: 25px;\r\n        @media (max-width: 768px) {\r\n          padding: 0 5px;\r\n        }\r\n      }\r\n\r\n      button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto;\r\n        margin-top: 10px;\r\n        margin-bottom: 30px;\r\n        @media (max-width: 768px) {\r\n          margin-top: -20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .footer {\r\n      background: #dfe5e8;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 10px 0 0 0;\r\n      width: 100%;\r\n      height: 7em;\r\n      border-bottom-right-radius: 10px;\r\n      border-bottom-left-radius: 10px;\r\n      @media only screen and (max-width: 768px) {\r\n        background: transparent;\r\n        padding: 0px 0 0 0;\r\n      }\r\n\r\n      button {\r\n        width: 206px;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .orange-button {\r\n        padding-top: 1rem;\r\n        padding-bottom: 1rem;\r\n        width: 14rem;\r\n      }\r\n\r\n      .transparent-button {\r\n        color: #474747;\r\n      }\r\n\r\n      .white-button {\r\n        color: var(--orange) !important;\r\n        padding: 0.4rem;\r\n        border: 3px solid var(--orange) !important;\r\n      }\r\n\r\n      span {\r\n        color: var(--orange);\r\n        .cards {\r\n          position: absolute;\r\n          margin-left: 80px;\r\n          margin-top: -20px;\r\n          color: var(--purple);\r\n          width: 100px;\r\n          height: 20px;\r\n          @media (max-width: 720px) {\r\n            margin-left: 55px;\r\n            margin-top: -18px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AsideGreyBox = styled.div`\r\n  padding: 40px;\r\n  background-color: rgb(97, 97, 97, 0.3);\r\n  align-items: center;\r\n  justify-content: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  p {\r\n    margin-top: 20px;\r\n  }\r\n  .btn-contrato {\r\n    padding: 10px;\r\n    margin-top: 20px;\r\n    border-radius: 20px;\r\n    border: 2px solid black;\r\n    background-color: white;\r\n    border-color: #dc582a;\r\n    color: #dc582a;\r\n  }\r\n`;\r\n\r\nexport const BodyForm = styled.div`\r\n  overflow-y: scroll;\r\n  ::-webkit-scrollbar {\r\n    width: 8px;\r\n  }\r\n  ::-webkit-scrollbar-thumb {\r\n    background-color: #c4c4c4;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .numeros {\r\n    @media (max-width: 768px) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .asterisk {\r\n    color: var(--red);\r\n  }\r\n`;\r\n\r\nexport const CircleContainer = styled.div`\r\n  display: flex;\r\n  transform: translateY(-68px);\r\n  text-align: center;\r\n\r\n  @media (max-width: 1295px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 1048px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 920px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 768px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 488px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 472px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  @media (max-width: 331px) {\r\n    margin-bottom: 50px;\r\n  }\r\n`;\r\nexport const CircleWraper = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 220px;\r\n  padding: 0 25px;\r\n  span {\r\n    height: 60px;\r\n    margin-top: 1rem;\r\n    margin-bottom: 2rem;\r\n    color: var(--title-higlight);\r\n    @media (max-width: 435px) {\r\n      margin-bottom: 4rem;\r\n    }\r\n  }\r\n  @media (max-width: 815px) {\r\n    width: 200px;\r\n  }\r\n\r\n  @media (max-width: 772px) {\r\n    width: 170px;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    width: 270px;\r\n  }\r\n\r\n  @media (max-width: 632px) {\r\n    width: 200px;\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    width: 200px;\r\n  }\r\n  @media (max-width: 435px) {\r\n    width: 150px;\r\n  }\r\n  @media (max-width: 332px) {\r\n    width: 120px;\r\n  }\r\n`;\r\nexport const Circle = styled.div`\r\n  width: 75px;\r\n  height: 75px;\r\n  border-radius: 50%;\r\n  border: 1px solid var(--purple);\r\n  background-color: #f0f4f7;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  .envelope {\r\n    margin-left: -10px;\r\n    margin-top: -14px;\r\n  }\r\n  .balao {\r\n    margin-top: 11px;\r\n    z-index: 9999;\r\n  }\r\n`;\r\n\r\nexport const DialogContent = styled.div`\r\n  position: relative;\r\n  left: 2.8%;\r\n  top: 30%;\r\n  display: flex;\r\n  background: white;\r\n  justify-content: space-between;\r\n  width: 95%;\r\n  border-radius: 25px;\r\n\r\n  .container {\r\n    text-align: center;\r\n    width: 100%;\r\n    height: 45%;\r\n    @media (max-width: 420px) {\r\n      margin-left: 0px;\r\n      width: 100%;\r\n    }\r\n    .img {\r\n      position: relative;\r\n      top: 0;\r\n      @media (max-width: 1195px) {\r\n        display: inline-block;\r\n      }\r\n    }\r\n    h1 {\r\n      color: var(--orange);\r\n      margin-top: 1rem;\r\n      margin-bottom: 2rem;\r\n    }\r\n    .text {\r\n      padding: 40px;\r\n      @media (max-width: 350px) {\r\n        padding: 40px 0 0 0;\r\n      }\r\n    }\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-bottom: 2rem;\r\n    }\r\n    .view {\r\n      margin-top: 50px;\r\n    }\r\n    .contrato {\r\n      margin-top: 3rem;\r\n      height: 45px;\r\n      width: 100%;\r\n    }\r\n    .baixar-contrato {\r\n      margin-bottom: 1rem;\r\n      line-height: 1rem;\r\n      height: 50px;\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Modal = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  display: none;\r\n`;\r\n\r\nexport const Contracts = styled.div`\r\n  h2 {\r\n    color: var(--purple3);\r\n    font-size: 1.5rem;\r\n    line-height: 1.7rem;\r\n    margin: 10px 0 25px 0;\r\n  }\r\n\r\n  .pessoaFisica {\r\n    margin-top: 50px;\r\n  }\r\n`;\r\n\r\nexport const ContractSession = styled.div`\r\n  width: 65%;\r\n  min-height: 20px;\r\n  border-radius: 30px;\r\n\r\n  box-shadow: 3px 3px #c5c5c5;\r\n  background-color: #ebf1f4;\r\n  color: #61377f;\r\n\r\n  padding: 15px 15px 10px 15px;\r\n  .buttons {\r\n    text-align: center;\r\n    .button {\r\n      height: 45px;\r\n      border-radius: 20px 20px;\r\n      margin: 0px 10px 10px 0px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1295px) {\r\n    width: 70%;\r\n  }\r\n  @media (max-width: 1135px) {\r\n    width: 80%;\r\n  }\r\n  @media (max-width: 1000px) {\r\n    width: 98%;\r\n  }\r\n  @media (max-width: 813px) {\r\n    padding: 10px;\r\n  }\r\n  @media only screen and (max-width: 768px) {\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const ContractSessionContainer = styled.div`\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  p {\r\n    margin: 1em;\r\n    margin-bottom: 1.5em;\r\n\r\n    font-size: 1em;\r\n    font-style: normal;\r\n    font-weight: 600;\r\n  }\r\n\r\n  button {\r\n    font-size: 1em;\r\n    margin: 4px;\r\n    color: var(--orange);\r\n    border: 3px solid var(--orange);\r\n    border-radius: 2em;\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/check.8ab282fe.svg\";","export default __webpack_public_path__ + \"static/media/paraEmpresas_01.000d7ff3.svg\";","export default __webpack_public_path__ + \"static/media/paraEmpresas_02.4bd1a928.svg\";","export default __webpack_public_path__ + \"static/media/paraEmpresas_04.d3f2509a.svg\";","export default __webpack_public_path__ + \"static/media/balao.92a78828.svg\";","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  position: relative;\r\n  button {\r\n    width: 250px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    border: 2px dashed var(--orange);\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    color: var(--gray);\r\n    background-color: white;\r\n    @media (max-width: 1100px) {\r\n      max-width: 100%;\r\n      width: 150px;\r\n      height: 60px;\r\n    }\r\n    @media (max-width: 950px) {\r\n      max-width: 100%;\r\n      width: 300px;\r\n      height: 80px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      max-width: 100%;\r\n      width: auto;\r\n      height: 70px;\r\n    }\r\n  }\r\n\r\n  .input {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  input {\r\n    opacity: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    display: flex;\r\n    top: 0;\r\n    width: 700px;\r\n    max-width: 100%;\r\n    height: 100px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  span {\r\n    color: #e83f5b;\r\n  }\r\n`;\r\n","/* eslint-disable no-param-reassign */\r\nimport React, {\r\n  ChangeEvent,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n} from 'react';\r\nimport { useField } from '@unform/core';\r\nimport Button from '../../../../components/Button';\r\nimport { Container } from './styles';\r\n\r\ninterface Props {\r\n  name: string;\r\n  title: string;\r\n}\r\n\r\ntype InputProps = JSX.IntrinsicElements['input'] & Props;\r\n\r\nconst FileInputSpecial: React.FC<InputProps> = ({ name, title, ...rest }) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const { fieldName, registerField, defaultValue, error } = useField(name);\r\n  const [preview, setPreview] = useState(defaultValue);\r\n  const handlePreview = useCallback((e: ChangeEvent<HTMLInputElement>) => {\r\n    const file = e.target.files?.[0];\r\n    if (!file) {\r\n      setPreview(null);\r\n    }\r\n    setPreview(file.name);\r\n  }, []);\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRef.current,\r\n      path: 'files[0]',\r\n      clearValue(ref: HTMLInputElement) {\r\n        ref.value = '';\r\n        setPreview(null);\r\n      },\r\n      setValue(_: HTMLInputElement, value: string) {\r\n        setPreview(value);\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n  return (\r\n    <Container>\r\n      <Button\r\n        type=\"button\"\r\n        color=\"orange\"\r\n        padding=\"1\"\r\n        rounded\r\n        style={{\r\n          marginBottom: '2px',\r\n          marginTop: '2px',\r\n        }}\r\n      >\r\n        {title ? `${title}` : 'Anexar Arquivo'}\r\n      </Button>\r\n      {!!preview && preview}\r\n      <input type=\"file\" ref={inputRef} onChange={handlePreview} {...rest} />\r\n      {!!error && <span>{error}</span>}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default FileInputSpecial;\r\n","/* eslint-disable no-nested-ternary */\r\n/* eslint-disable no-alert */\r\n/* eslint-disable react/button-has-type */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useRef, useCallback, useState } from 'react';\r\nimport { FormHandles } from '@unform/core';\r\nimport * as Yup from 'yup';\r\nimport { Form } from '@unform/web';\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport { Mail } from '@material-ui/icons';\r\n\r\nimport Button from '../../components/Button';\r\nimport Select from '../../components/Select';\r\nimport Input from '../../components/Input';\r\nimport ModalMotiva from './Components/ModalMotiva';\r\n\r\nimport Accordion from '../../components/Accordion';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport { isValidCpf } from '../../utils/isValidCpf';\r\nimport { isValidCnpj } from '../../utils/isValidCnpj';\r\nimport {\r\n  TitleSection,\r\n  GridSection,\r\n  Main,\r\n  Aside,\r\n  AsideCard,\r\n  Circle,\r\n  CircleWraper,\r\n  CircleContainer,\r\n  BodyForm,\r\n  DialogContent,\r\n  Contracts,\r\n  ContractSession,\r\n  ContractSessionContainer,\r\n  Modal,\r\n  FileDiv,\r\n} from './styles';\r\n\r\nimport check from '../../assets/ParaEmpresas/check.svg';\r\nimport circle01 from '../../assets/ParaEmpresas/paraEmpresas_01.svg';\r\nimport circle02 from '../../assets/ParaEmpresas/paraEmpresas_02.svg';\r\nimport circle04 from '../../assets/ParaEmpresas/paraEmpresas_04.svg';\r\nimport Balao from '../../assets/ParaEmpresas/balao.svg';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nimport FaqSection from '../../components/FaqSection';\r\nimport CoreService from '../../services/core';\r\nimport { useToast } from '../../hooks/toast';\r\n\r\nimport getValidationErrors from '../../utils/getValidationErrors';\r\nimport FileInputSpecial from './Components/FileInputSpecial';\r\nimport api from '../../services/api';\r\n// import LinkedInTracking from '../../components/LinkedInTracking';\r\n\r\ndeclare global {\r\n  interface Window {\r\n    lintrk: (action: string, options: Record<string, any>) => void;\r\n  }\r\n}\r\n\r\nconst ParaEmpresas: React.FC = () => {\r\n  const formRef = useRef<FormHandles>(null);\r\n  const services = { coreService: new CoreService() };\r\n  const { addToast } = useToast();\r\n  const [modalMotiva, setModalMotiva] = useState(true);\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n  const [categoriaSet, setCategoriaSet] = useState('');\r\n  const [colaboradorSet, setColaboradorSet] = useState(0);\r\n  const [iscnpj, setIscnpj] = useState<boolean>(true);\r\n\r\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    const file = event.target.files?.[0];\r\n    if (file && file.type === 'application/pdf') {\r\n      setSelectedFile(file);\r\n    } else {\r\n      alert('Por favor, selecione um arquivo pdf!');\r\n    }\r\n  };\r\n\r\n  // const [contract, setContract] = React.useState<string>('');\r\n\r\n  const modalidadeOptions = [\r\n    { value: 'carga_a_bordo', label: 'Carga a bordo' },\r\n    // { value: 'carga_nos_postos', label: 'Carga nos postos' },\r\n  ];\r\n\r\n  const categoriaOptions = [\r\n    { value: 'cpf', label: 'CPF' },\r\n    { value: 'cnpj', label: 'CNPJ' },\r\n    // { value: 'carga_nos_postos', label: 'Carga nos postos' },\r\n  ];\r\n\r\n  function showContactModal() {\r\n    const opencontact = document.getElementById('contact');\r\n    opencontact.style.display = 'block';\r\n\r\n    setTimeout(() => {\r\n      opencontact.style.display = 'none';\r\n    }, 5000);\r\n  }\r\n\r\n  const schema = Yup.object().shape({\r\n    modality: Yup.string().required('Modalidade é obrigatória'),\r\n    company_name: Yup.string().required('Empresa é obrigatório'),\r\n    aplicant_name: Yup.string().required('Nome é obrigatório'),\r\n    email: Yup.string()\r\n      .required('E-mail é obrigatório')\r\n      .email('Digite um email válido'),\r\n    phone: Yup.string()\r\n      .required('Telefone é obrigatório')\r\n      .min(14, 'Telefone é obrigatório'),\r\n    employee_number: Yup.string().required(\r\n      'Número de Colaboradores é obrigatório',\r\n    ),\r\n    company_document: Yup.string()\r\n      .test(\r\n        'cpf-cnpj-validation',\r\n        value => (value.value.length <= 14 ? 'CPF Inválido' : 'CNPJ Inválido'),\r\n        value => {\r\n          if (value) {\r\n            const isCpf = value.length <= 14;\r\n            return isCpf ? isValidCpf(value) : isValidCnpj(value);\r\n          }\r\n          return true;\r\n        },\r\n      )\r\n      .required('CPF ou CNPJ é obrigatório'),\r\n    inscricaofile: Yup.string(),\r\n    contratofile: Yup.string(),\r\n    esocialfile: Yup.string(),\r\n    cpffile: Yup.string(),\r\n    categoria: Yup.string(),\r\n    address_proof: Yup.string(),\r\n  });\r\n\r\n  const handleChangeColaborador = (event: any) => {\r\n    const newValue = parseInt(event?.target?.value || '', 10);\r\n    console.log(newValue);\r\n    setColaboradorSet(newValue);\r\n  };\r\n\r\n  const handleChange = (event: any) => {\r\n    const newValue = event?.value;\r\n    console.log(newValue);\r\n    setCategoriaSet(newValue);\r\n  };\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      const formData = new FormData();\r\n\r\n      formData.append('aplicant_name', data?.aplicant_name);\r\n      formData.append('company_name', data?.company_name);\r\n      formData.append('company_document', data?.company_document);\r\n      formData.append('email', data?.email);\r\n      formData.append('modality', data?.modality);\r\n      formData.append('phone', data?.phone);\r\n      formData.append('employee_number', data?.employee_number);\r\n      if (data?.cpffile) {\r\n        formData.append('document_file', data?.cpffile);\r\n      }\r\n      if (data?.inscricaofile) {\r\n        formData.append('municipal_registration_file', data?.inscricaofile);\r\n      }\r\n      if (data?.inscricao) {\r\n        formData.append('municipal_registration', data?.inscricao);\r\n      }\r\n      if (data?.contratofile) {\r\n        formData.append('social_contract_file', data?.contratofile);\r\n      }\r\n      if (data?.esocialfile) {\r\n        formData.append('cards_file', data?.esocialfile);\r\n      }\r\n\r\n      if (data?.categoria === 'cnpj') {\r\n        formData.append('is_cnpj', 'true');\r\n      } else {\r\n        formData.append('is_cnpj', 'false');\r\n      }\r\n      if (data?.address_proof) {\r\n        formData.append('address_proof', data?.address_proof);\r\n      }\r\n      try {\r\n        console.log(data);\r\n        formRef.current?.setErrors({});\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        await api.post('/companies/empresas/contrate-aqui/', formData);\r\n\r\n        // await services.coreService.createLead(\r\n        //   data.modality,\r\n        //   data.company_name,\r\n        //   data.company_document,\r\n        //   data.aplicant_name,\r\n        //   data.email,\r\n        //   telefones,\r\n        //   data.employee_number,\r\n        //   data?.cpffile,\r\n        //   data?.inscricaofile,\r\n        //   data?.inscricao,\r\n        // );\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: `Informações Recebidas`,\r\n          description: `Aguarde o contato dos nossos consultores.`,\r\n        });\r\n\r\n        // window.lintrk('track', { conversion_id: 16079305 });\r\n\r\n        showContactModal();\r\n\r\n        formRef.current.reset();\r\n      } catch (err: any) {\r\n        const { ...error } = err;\r\n        console.log(error);\r\n        console.log(error?.response);\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n        if (error?.response) {\r\n          if (!error?.response?.data?.message) {\r\n            if (error?.response?.data?.document_file) {\r\n              addToast({\r\n                type: 'error',\r\n                title: `Erro no Documento`,\r\n                description: `Verifique o documento de CNPJ/CPF`,\r\n              });\r\n            } else if (error?.response?.data?.cards_file) {\r\n              addToast({\r\n                type: 'error',\r\n                title: `Erro no Documento`,\r\n                description: `Verifique o documento ESOCIAL`,\r\n              });\r\n            } else if (error?.response?.data?.municipal_registration) {\r\n              addToast({\r\n                type: 'error',\r\n                title: `Erro no Documento`,\r\n                description: `Verifique o documento de Inscrição municipal`,\r\n              });\r\n            } else if (error?.response?.data?.social_contract_file) {\r\n              addToast({\r\n                type: 'error',\r\n                title: `Erro no Documento`,\r\n                description: `Verifique o documento de Contrato Social`,\r\n              });\r\n            } else if (error?.response.data?.message) {\r\n              addToast({\r\n                type: 'error',\r\n                title: `${\r\n                  error?.response?.data?.message\r\n                    ? error?.response?.data?.message\r\n                    : error?.response?.data?.detail\r\n                }`,\r\n                description: `${\r\n                  error?.response?.data?.message\r\n                    ? error?.response?.data?.message\r\n                    : error?.response?.data?.detail\r\n                }`,\r\n              });\r\n            } else {\r\n              addToast({\r\n                type: 'error',\r\n                title: `Erro no Documento`,\r\n                description: `Verifique se todos os dados estão preenchidos e anexados.`,\r\n              });\r\n            }\r\n          }\r\n        } else {\r\n          addToast({\r\n            type: 'error',\r\n            title: `Erro no Documento`,\r\n            description: `Verifique se todos os dados estão preenchidos e anexados.`,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [schema, services.coreService, addToast],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">\r\n                Vale Transporte: Facilidade para sua empresa e praticidade para\r\n                seus colaboradores\r\n              </h1>\r\n              <span>\r\n                Confira o passo a passo para a contratação do serviço:\r\n              </span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content\r\n          style={{\r\n            maxWidth: '100%',\r\n          }}\r\n        >\r\n          <GridSection>\r\n            <Main>\r\n              <CircleContainer>\r\n                <CircleWraper>\r\n                  <Circle>\r\n                    <img src={circle01} alt=\"Cursor clicando em um quadrado\" />\r\n                  </Circle>\r\n                  <span>\r\n                    Conheça a modalidade que mais combina com o seu negócio\r\n                  </span>\r\n                </CircleWraper>\r\n\r\n                <CircleWraper>\r\n                  <Circle>\r\n                    <img src={circle02} alt=\"Formulario sendo preenchido\" />\r\n                  </Circle>\r\n                  <span>\r\n                    Preencha o formulário com os dados básicos da empresa\r\n                  </span>\r\n                </CircleWraper>\r\n\r\n                <CircleWraper>\r\n                  <Circle>\r\n                    <img\r\n                      src={Balao}\r\n                      alt=\"Um balão de fala com reticências dentro\"\r\n                      className=\"balao\"\r\n                    />\r\n\r\n                    <Mail\r\n                      style={{ fill: 'var(--purple)', fontSize: 35 }}\r\n                      className=\"envelope\"\r\n                    />\r\n                  </Circle>\r\n                  <span>\r\n                    Você vai receber o contato de um consultor para dar início\r\n                    ao processo de contratação digital\r\n                  </span>\r\n                </CircleWraper>\r\n\r\n                <CircleWraper>\r\n                  <Circle>\r\n                    <img src={circle04} alt=\"Quadrado com um sinal de check\" />\r\n                  </Circle>\r\n                  <span>\r\n                    Tudo pronto! Agora você já pode utilizar de todas as\r\n                    ferramentas do vale transporte.\r\n                  </span>\r\n                </CircleWraper>\r\n              </CircleContainer>\r\n\r\n              <h2 className=\"h2\">Conheça as modalidades disponíveis</h2>\r\n              <div className=\"accordion\">\r\n                <Accordion\r\n                  CollapseIcon={GoTriangleRight}\r\n                  title=\"Carga a bordo\"\r\n                  titleColor=\"purple3\"\r\n                >\r\n                  Modalidade que permite a compra por meio eletrônico de\r\n                  créditos de vale-transporte de acordo com a necessidade de\r\n                  utilização de cada colaborador.\r\n                  <p>\r\n                    A recarga dos cartões acontece dentro de qualquer ônibus do\r\n                    sistema municipal, através do validador.\r\n                  </p>\r\n                  <span className=\"destaque\">PONTOS IMPORTANTES</span>\r\n                  <p>\r\n                    O Transfácil empresta os cartões sem custo. Basta\r\n                    devolvê-los em bom estado. Nesta modalidade a sua empresa\r\n                    tem como benefício a total gestão via web: funcionalidades\r\n                    como emissão de relatórios, compra de créditos on line,\r\n                    saldo, bloqueio de cartões e muito mais. Por isso é cobrado\r\n                    o valor de 1% sobre o total de cada pedido de créditos de\r\n                    Vales-transporte.\r\n                  </p>\r\n                  <p>\r\n                    O contrato é por prazo indeterminado. Você poderá encerrá-lo\r\n                    quando quiser. A validade dos créditos é de 180 dias podendo\r\n                    ser revalidados uma única vez.\r\n                  </p>\r\n                </Accordion>\r\n              </div>\r\n              <div className=\"accordion\">\r\n                <Accordion\r\n                  CollapseIcon={GoTriangleRight}\r\n                  title=\"Carga nos postos\"\r\n                  titleColor=\"purple3\"\r\n                >\r\n                  Modalidade que permite às empresas adquirirem para seus\r\n                  colaboradores créditos eletrônicos de vale-transporte, com\r\n                  recargas dos cartões diretamente no posto de venda do\r\n                  TRANSFÁCIL.\r\n                </Accordion>\r\n              </div>\r\n              <Contracts>\r\n                <h2>Contratação de Vale Transporte para Pessoa Jurídica:</h2>\r\n                <ContractSession>\r\n                  <ContractSessionContainer>\r\n                    <p>\r\n                      Caso opte por assinar o contrato fisicamente, ele deve ser\r\n                      entregue juntamente com toda a documentaçao necessária no\r\n                      posto de atendimento Floresta - Rua Aquiles Lobo, 504, de\r\n                      08:00 as 17:00 horas.\r\n                    </p>\r\n                    <p>\r\n                      <strong>\r\n                        Atenção: Para contratação presencial é necessario trazer{' '}\r\n                        <strong style={{ color: 'var(--orange)' }}>\r\n                          duas vias\r\n                        </strong>{' '}\r\n                        do contrato preenchidas e assinadas.\r\n                      </strong>\r\n                    </p>\r\n                    <p className=\"buttons\">\r\n                      <a\r\n                        href=\"/files/contrato_carga-a-bordo_pj.pdf\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        <Button color=\"\" padding=\"2\" className=\"button\">\r\n                          Contrato Carga a Bordo\r\n                        </Button>\r\n                      </a>\r\n                      <a\r\n                        href=\"/files/contrato_carga-nos-postos_pj.pdf\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        <Button color=\"\" padding=\"1.4\" className=\"button\">\r\n                          Contrato Carga nos Postos\r\n                        </Button>\r\n                      </a>\r\n                    </p>\r\n                  </ContractSessionContainer>\r\n                </ContractSession>\r\n                <h2 className=\"pessoaFisica\">\r\n                  Contratação de Vale Transporte para Pessoa Física:\r\n                </h2>\r\n                <ContractSession>\r\n                  <ContractSessionContainer>\r\n                    <p>\r\n                      Caso opte por assinar o contrato fisicamente, ele deve ser\r\n                      entregue juntamente com toda a documentaçao necessária no\r\n                      posto de atendimento Floresta - Rua Aquiles Lobo, 504, de\r\n                      08:00 as 17:00 horas.\r\n                    </p>\r\n                    <p>\r\n                      <strong>\r\n                        Atenção: Para contratação presencial é necessario trazer{' '}\r\n                        <strong style={{ color: 'var(--orange)' }}>\r\n                          duas vias\r\n                        </strong>{' '}\r\n                        do contrato preenchidas e assinadas.\r\n                      </strong>\r\n                    </p>\r\n                    <p className=\"buttons\">\r\n                      <a\r\n                        href=\"/files/contrato_carga-a-bordo_pf.pdf\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        <Button color=\"\" padding=\"2\" className=\"button\">\r\n                          Contrato Carga a Bordo\r\n                        </Button>\r\n                      </a>\r\n                      <a\r\n                        href=\"/files/contrato_carga-nos-postos_pf.pdf\"\r\n                        target=\"_blank\"\r\n                      >\r\n                        <Button color=\"\" padding=\"1.4\" className=\"button\">\r\n                          Contrato Carga nos Postos\r\n                        </Button>\r\n                      </a>\r\n                    </p>\r\n                  </ContractSessionContainer>\r\n                </ContractSession>\r\n              </Contracts>\r\n            </Main>\r\n            <Aside>\r\n              <AsideCard>\r\n                <div className=\"header\">\r\n                  <h2>Contrate aqui</h2>\r\n                  <span>\r\n                    Envie os dados da empresa para que nossos consultores entrem\r\n                    em contato com você.\r\n                  </span>\r\n                </div>\r\n                <div className=\"main\">\r\n                  <Form ref={formRef} onSubmit={handleSubmit}>\r\n                    <BodyForm>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">\r\n                            Qual a sua categoria? CPF ou CNPJ\r\n                          </span>\r\n                        </p>\r\n                        <Select\r\n                          name=\"categoria\"\r\n                          placeholder=\"Categoria\"\r\n                          options={categoriaOptions}\r\n                          className=\"select\"\r\n                          onChange={handleChange}\r\n                        />\r\n                      </div>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">1. </span>Escolha a\r\n                          modalidade <span className=\"asterisk\">*</span>\r\n                        </p>\r\n                        <Select\r\n                          name=\"modality\"\r\n                          placeholder=\"Modalidade\"\r\n                          options={modalidadeOptions}\r\n                          className=\"select\"\r\n                        />\r\n                      </div>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">2. </span>Nome da empresa\r\n                          <span className=\"asterisk\"> *</span>\r\n                        </p>\r\n                        <Input\r\n                          name=\"company_name\"\r\n                          placeholder=\"Nome da Empresa\"\r\n                        />\r\n                      </div>\r\n                      {categoriaSet === 'cnpj' || categoriaSet === 'cpf' ? (\r\n                        categoriaSet === 'cnpj' ? (\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              <span className=\"numeros\">3. </span> CNPJ\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <Input\r\n                              cpforcnpj\r\n                              name=\"company_document\"\r\n                              placeholder=\"CNPJ\"\r\n                            />\r\n\r\n                            <>\r\n                              <p className=\"highlight-label\">\r\n                                Arquivo contendo o cartão CNPJ.\r\n                              </p>\r\n                              <FileDiv>\r\n                                <FileInputSpecial\r\n                                  name=\"cpffile\"\r\n                                  title=\"Selecione um Arquivo\"\r\n                                />\r\n                              </FileDiv>\r\n                            </>\r\n                          </div>\r\n                        ) : (\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              <span className=\"numeros\">3. </span> CPF\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <Input\r\n                              cpforcnpj\r\n                              name=\"company_document\"\r\n                              placeholder=\"CPF\"\r\n                            />\r\n\r\n                            <>\r\n                              <p className=\"highlight-label\">\r\n                                Arquivo contendo a identidade.\r\n                              </p>\r\n                              <FileDiv>\r\n                                <FileInputSpecial\r\n                                  name=\"cpffile\"\r\n                                  title=\"Selecione um Arquivo\"\r\n                                />\r\n                              </FileDiv>\r\n                            </>\r\n                          </div>\r\n                        )\r\n                      ) : (\r\n                        <div className=\"input-container\">\r\n                          <p className=\"highlight-label\">\r\n                            <span className=\"numeros\">3. </span> CPF ou CNPJ\r\n                            <span className=\"asterisk\"> *</span>\r\n                          </p>\r\n                          <Input\r\n                            cpforcnpj\r\n                            name=\"company_document\"\r\n                            placeholder=\"CPF ou CNPJ\"\r\n                          />\r\n                        </div>\r\n                      )}\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">4. </span> Nome do Contato\r\n                          <span className=\"asterisk\"> *</span>\r\n                        </p>\r\n                        <Input\r\n                          name=\"aplicant_name\"\r\n                          placeholder=\"Nome do Contato\"\r\n                        />\r\n                      </div>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">5. </span> E-mail\r\n                          <span className=\"asterisk\"> *</span>\r\n                        </p>\r\n                        <Input name=\"email\" placeholder=\"E-mail\" />\r\n                      </div>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">6. </span> Telefone\r\n                          <span className=\"asterisk\"> *</span>\r\n                        </p>\r\n                        <Input\r\n                          phone\r\n                          name=\"phone\"\r\n                          placeholder=\"(xx) xxxxx-xxxx\"\r\n                        />\r\n                        <Input\r\n                          phone\r\n                          name=\"phone2\"\r\n                          placeholder=\"(xx) xxxxx-xxxx\"\r\n                        />\r\n                      </div>\r\n                      <div className=\"input-container\">\r\n                        <p className=\"highlight-label\">\r\n                          <span className=\"numeros\">7. </span> Número de\r\n                          Colaboradores<span className=\"asterisk\"> *</span>\r\n                        </p>\r\n                        <Input\r\n                          type=\"number\"\r\n                          name=\"employee_number\"\r\n                          placeholder=\"Nº de Colaboradores\"\r\n                          onChange={handleChangeColaborador}\r\n                        />\r\n                      </div>\r\n                      {colaboradorSet >= 21 && categoriaSet === 'cnpj' && (\r\n                        <div className=\"input-container\">\r\n                          <p className=\"highlight-label\">\r\n                            {categoriaSet === 'cnpj' ? (\r\n                              <span className=\"numeros\">8. </span>\r\n                            ) : (\r\n                              <span className=\"numeros\">8. </span>\r\n                            )}\r\n                            ESOCIAL / CAGED/ GEFIP\r\n                            <span className=\"asterisk\"> *</span>\r\n                          </p>\r\n                          <FileDiv>\r\n                            <FileInputSpecial\r\n                              name=\"esocialfile\"\r\n                              title=\"Selecione um Arquivo\"\r\n                            />\r\n                          </FileDiv>\r\n                        </div>\r\n                      )}\r\n                      {categoriaSet === 'cpf' && (\r\n                        <>\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              <span className=\"numeros\">8. </span>\r\n                              ESOCIAL de um funcionário\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <FileDiv>\r\n                              <FileInputSpecial\r\n                                name=\"esocialfile\"\r\n                                title=\"Selecione um Arquivo\"\r\n                              />\r\n                            </FileDiv>\r\n                          </div>\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              <span className=\"numeros\">9. </span>\r\n                              Comprovante de Endereço\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <FileDiv>\r\n                              <FileInputSpecial\r\n                                name=\"address_proof\"\r\n                                title=\"Selecione um Arquivo\"\r\n                              />\r\n                            </FileDiv>\r\n                          </div>\r\n                        </>\r\n                      )}\r\n                      {categoriaSet === 'cnpj' && (\r\n                        <>\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              {colaboradorSet >= 21 ? (\r\n                                <span className=\"numeros\">9. </span>\r\n                              ) : (\r\n                                <span className=\"numeros\">8. </span>\r\n                              )}\r\n                              Inscrição Municipal\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <Input\r\n                              numberinsc\r\n                              type=\"number\"\r\n                              name=\"inscricao\"\r\n                              placeholder=\"Inscrição\r\n                          Municipal\"\r\n                            />\r\n                            <FileDiv>\r\n                              <FileInputSpecial\r\n                                name=\"inscricaofile\"\r\n                                title=\"Selecione um Arquivo\"\r\n                              />\r\n                            </FileDiv>\r\n                          </div>\r\n                          <div className=\"input-container\">\r\n                            <p className=\"highlight-label\">\r\n                              {colaboradorSet >= 21 ? (\r\n                                <span className=\"numeros\">10. </span>\r\n                              ) : (\r\n                                <span className=\"numeros\">9. </span>\r\n                              )}\r\n                              Contrato Social / Estatuto / Ata de Nomeação /\r\n                              Ultima Alteração Contratual\r\n                              <span className=\"asterisk\"> *</span>\r\n                            </p>\r\n                            <FileDiv>\r\n                              <FileInputSpecial\r\n                                name=\"contratofile\"\r\n                                title=\"Selecione um Arquivo\"\r\n                              />\r\n                            </FileDiv>\r\n                          </div>\r\n                        </>\r\n                      )}\r\n                    </BodyForm>\r\n                    <div className=\"footer\">\r\n                      <Button\r\n                        type=\"submit\"\r\n                        color=\"orange\"\r\n                        padding=\"0\"\r\n                        className=\"orange-button\"\r\n                        rounded\r\n                      >\r\n                        Enviar Dados\r\n                      </Button>\r\n                      <Modal id=\"contact\">\r\n                        <DialogContent>\r\n                          <div className=\"container\">\r\n                            <div className=\"text\">\r\n                              <img\r\n                                src={check}\r\n                                alt=\"imagem confirmando as informações recebidas\"\r\n                                className=\"img\"\r\n                              />\r\n                              <h1>Informações recebidas!</h1>\r\n                              <p>Aguarde o contato dos nossos consultores.</p>\r\n                            </div>\r\n                          </div>\r\n                        </DialogContent>\r\n                      </Modal>\r\n                    </div>\r\n                  </Form>\r\n                </div>\r\n              </AsideCard>\r\n            </Aside>\r\n          </GridSection>\r\n        </Content>\r\n        <Content>\r\n          <FaqSection />\r\n        </Content>\r\n        {modalMotiva && (\r\n          <ModalMotiva\r\n            show={modalMotiva}\r\n            text=\"Digite o ID numérico do titular e você receberá no email cadastrado instruções.\"\r\n            handleClose={() => setModalMotiva(false)}\r\n          />\r\n        )}\r\n        {/* <LinkedInTracking /> */}\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ParaEmpresas;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable prefer-const */\r\n/* eslint-disable eqeqeq */\r\n/* eslint-disable no-plusplus */\r\nconst isValidCnpj = (value: string): any => {\r\n  let cnpj;\r\n  cnpj = value.replace(/[^\\d]+/g, '');\r\n\r\n  if (cnpj == '') {\r\n    return false;\r\n  }\r\n\r\n  if (cnpj.length != 14) return false;\r\n\r\n  if (\r\n    cnpj == '00000000000000' ||\r\n    cnpj == '11111111111111' ||\r\n    cnpj == '22222222222222' ||\r\n    cnpj == '33333333333333' ||\r\n    cnpj == '44444444444444' ||\r\n    cnpj == '55555555555555' ||\r\n    cnpj == '66666666666666' ||\r\n    cnpj == '77777777777777' ||\r\n    cnpj == '88888888888888' ||\r\n    cnpj == '99999999999999'\r\n  ) {\r\n    return false;\r\n  }\r\n\r\n  let tamanho: any = cnpj.length - 2;\r\n  let numeros: any = cnpj.substring(0, tamanho);\r\n  let digitos: any = cnpj.substring(tamanho);\r\n  let soma = 0;\r\n  let pos = tamanho - 7;\r\n  let i;\r\n  for (i = tamanho; i >= 1; i--) {\r\n    soma += numeros.charAt(tamanho - i) * pos--;\r\n    if (pos < 2) pos = 9;\r\n  }\r\n  let resultado = soma % 11 < 2 ? 0 : 11 - (soma % 11);\r\n  if (resultado != digitos.charAt(0)) return false;\r\n\r\n  tamanho += 1;\r\n  numeros = cnpj.substring(0, tamanho);\r\n  soma = 0;\r\n  pos = tamanho - 7;\r\n  for (i = tamanho; i >= 1; i--) {\r\n    soma += numeros.charAt(tamanho - i) * pos--;\r\n    if (pos < 2) pos = 9;\r\n  }\r\n  resultado = soma % 11 < 2 ? 0 : 11 - (soma % 11);\r\n  if (resultado != digitos.charAt(1)) return false;\r\n\r\n  return true;\r\n};\r\n\r\nexport { isValidCnpj };\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    height: 250px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      text-align: center;\r\n      line-height: 3rem;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 351px) {\r\n      font-size: 2.5rem;\r\n    }\r\n    @media (max-width: 296px) {\r\n      font-size: 2rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridContainer = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  background: var(--white);\r\n  padding: 0px 0px;\r\n  margin-top: 3rem;\r\n  min-height: 60vh;\r\n  width: 100%;\r\n  @media only screen and (max-width: 1030px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport Header from '../../components/Home/Header';\r\nimport Navbar from '../../components/Home/NavBar';\r\nimport { TitleSection, GridContainer } from './styles';\r\nimport Footer from '../../components/Home/Footer';\r\nimport ContactSection from '../../components/ContactSection';\r\n\r\nconst FaleConosco: React.FC = () => {\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content>\r\n            <Navbar />\r\n            <TitleSection>\r\n              <h1>Entre em Contato</h1>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <GridContainer>\r\n            <ContactSection />\r\n          </GridContainer>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FaleConosco;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  position: relative;\r\n  button {\r\n    width: 100%;\r\n    cursor: pointer;\r\n  }\r\n\r\n  input {\r\n    opacity: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    display: flex;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 40px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  span {\r\n    color: #e83f5b;\r\n  }\r\n`;\r\n","/* eslint-disable no-param-reassign */\r\nimport React, {\r\n  ChangeEvent,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n} from 'react';\r\nimport { useField } from '@unform/core';\r\nimport Button from '../Button';\r\nimport { Container } from './styles';\r\n\r\ninterface Props {\r\n  name: string;\r\n  title: string;\r\n}\r\n\r\ntype InputProps = JSX.IntrinsicElements['input'] & Props;\r\n\r\nconst FileInput: React.FC<InputProps> = ({ name, title, ...rest }) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const { fieldName, registerField, defaultValue, error } = useField(name);\r\n  const [preview, setPreview] = useState(defaultValue);\r\n  const handlePreview = useCallback((e: ChangeEvent<HTMLInputElement>) => {\r\n    const file = e.target.files?.[0];\r\n    if (!file) {\r\n      setPreview(null);\r\n    }\r\n    setPreview(file.name);\r\n  }, []);\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRef.current,\r\n      path: 'files[0]',\r\n      clearValue(ref: HTMLInputElement) {\r\n        ref.value = '';\r\n        setPreview(null);\r\n      },\r\n      setValue(_: HTMLInputElement, value: string) {\r\n        setPreview(value);\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n  return (\r\n    <Container>\r\n      <Button type=\"button\" color=\"orange\" padding=\"1\" rounded>\r\n        {title ? `${title}` : 'Anexar Arquivo'}\r\n      </Button>\r\n      {!!preview && preview}\r\n      <input type=\"file\" ref={inputRef} onChange={handlePreview} {...rest} />\r\n      {!!error && <span>{error}</span>}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default FileInput;\r\n","import styled from 'styled-components';\r\n\r\nexport const FlexContainer = styled.div`\r\n  min-height: 100vh;\r\n  margin-bottom: 6rem;\r\n\r\n  h1 {\r\n    color: var(--purple);\r\n  }\r\n  h2 {\r\n    margin-top: 20px;\r\n  }\r\n  span {\r\n    display: block;\r\n  }\r\n  p {\r\n    font-weight: bold;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .text-wrapper {\r\n    padding-top: 30px;\r\n  }\r\n  .btn-wrapper {\r\n    margin-top: 20px;\r\n  }\r\n  .btn-wrapper2 {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    flex-wrap: wrap;\r\n    width: 90%;\r\n  }\r\n`;\r\n\r\nexport const FormWrapper = styled.div`\r\n  width: 600px;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .button {\r\n    width: 100%;\r\n    margin-top: 25px;\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n`;\r\n","/* eslint-disable no-console */\r\nimport React, {\r\n  useRef,\r\n  useCallback,\r\n  useEffect,\r\n  useState,\r\n  useMemo,\r\n} from 'react';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useToast } from '../../hooks/toast';\r\nimport getValidationErrors from '../../utils/getValidationErrors';\r\nimport api from '../../services/api';\r\nimport Input from '../../components/Input';\r\nimport Button from '../../components/Button';\r\nimport Select from '../../components/Select';\r\nimport FileInput from '../../components/FileInput';\r\nimport { Container, Content } from '../../styles/components';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Background from '../../assets/Shared/testeira.png';\r\nimport { FlexContainer, FormWrapper } from './styles';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nconst TrabalheConosco: React.FC = () => {\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [jobs, setJobs] = useState([]);\r\n  const { addToast } = useToast();\r\n  const { push } = useHistory();\r\n\r\n  const schema = Yup.object().shape({\r\n    name: Yup.string().required('nome é obrigatório'),\r\n    phone: Yup.string().required('telefone é obrigatório'),\r\n    interest_area: Yup.string().required('Area de interesse é obrigatório'),\r\n    job: Yup.string().required('Vaga é obrigatório'),\r\n    curriculum: Yup.string().required('curriculum é obrigatório'),\r\n    email: Yup.string()\r\n      .required('email é obrigatório')\r\n      .email('Digite um email valido'),\r\n  });\r\n\r\n  useEffect(() => {\r\n    const getJobs = async () => {\r\n      try {\r\n        const response = await api.get('/core/vagas/');\r\n        setJobs(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    };\r\n    getJobs();\r\n  }, []);\r\n\r\n  const jobsOptions = useMemo(() => {\r\n    return jobs.map(job => ({ value: job.id, label: job.name }));\r\n  }, [jobs]);\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      const formData = new FormData();\r\n\r\n      for (const name in data) {\r\n        if (Object.prototype.hasOwnProperty.call(data, name)) {\r\n          formData.append(name, data[name]);\r\n        }\r\n      }\r\n\r\n      const config = {\r\n        headers: {\r\n          'content-type': 'multipart/form-data',\r\n        },\r\n      };\r\n\r\n      try {\r\n        formRef.current?.setErrors({});\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        await api.post('/core/trabalhe-conosco/', formData, config);\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: `Curriculo enviado com sucesso`,\r\n          description: `Curriculo enviado com sucesso`,\r\n        });\r\n\r\n        push('/');\r\n      } catch (err) {\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n        addToast({\r\n          type: 'error',\r\n          title: `error`,\r\n          description: `error`,\r\n        });\r\n      }\r\n    },\r\n    [schema, addToast, push],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container style={{ backgroundImage: `url(${Background})` }}>\r\n        <Content>\r\n          <NavBar />\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <FlexContainer>\r\n            <div className=\"text-wrapper\">\r\n              <h1>Trabalhe Conosco!</h1>\r\n              <span>\r\n                Que tal fazer parte de uma equipe de talentos que trabalha para\r\n                transformar a mobilidade urbana de BH?\r\n              </span>\r\n              <h2>Preencha o formulário abaixo e nos envie seu currículo</h2>\r\n            </div>\r\n            <Form ref={formRef} onSubmit={handleSubmit}>\r\n              <FormWrapper>\r\n                <p>1. Nome</p>\r\n                <Input\r\n                  name=\"name\"\r\n                  schema={schema}\r\n                  placeholder=\"Digite o seu nome\"\r\n                />\r\n                <p>2. Email</p>\r\n                <Input\r\n                  name=\"email\"\r\n                  schema={schema}\r\n                  placeholder=\"Digite seu email\"\r\n                />\r\n                <p>3. Telefone</p>\r\n                <Input\r\n                  phone\r\n                  name=\"phone\"\r\n                  schema={schema}\r\n                  placeholder=\"(xx)xxxxx-xxxx\"\r\n                />\r\n                <p>4. Área de interesse</p>\r\n                <Input\r\n                  name=\"interest_area\"\r\n                  schema={schema}\r\n                  placeholder=\"Digite a área de interesse\"\r\n                />\r\n                <p>5. Selecione a vaga</p>\r\n                <Select\r\n                  schema={schema}\r\n                  name=\"job\"\r\n                  placeholder=\"Selecione a vaga\"\r\n                  options={jobsOptions}\r\n                />\r\n                <p>6. Currículo</p>\r\n                <FileInput name=\"curriculum\" title=\"Anexar Arquivo\" />\r\n                <Button\r\n                  className=\"button\"\r\n                  type=\"submit\"\r\n                  color=\"green\"\r\n                  padding=\"1\"\r\n                  rounded\r\n                >\r\n                  ENVIAR\r\n                </Button>\r\n              </FormWrapper>\r\n            </Form>\r\n          </FlexContainer>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TrabalheConosco;\r\n","var _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgDollar(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 48,\n    height: 47,\n    viewBox: \"0 0 48 47\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M0.497559 23.6667C0.497559 10.8112 10.9572 0.350464 23.8143 0.350464C36.6709 0.350464 47.129 10.8112 47.129 23.6667C47.129 36.5233 36.6709 46.9829 23.8143 46.9829C10.9572 46.9829 0.497559 36.5228 0.497559 23.6667ZM3.56397 23.6667C3.56397 34.83 12.6475 43.9161 23.8144 43.9161C34.9792 43.9161 44.0627 34.83 44.0622 23.6667C44.0622 12.4998 34.9787 3.41681 23.8144 3.41681C12.6475 3.41681 3.56397 12.4998 3.56397 23.6667Z\",\n    fill: \"#452359\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M28.7185 16.92C29.5667 16.92 30.2517 16.233 30.2517 15.3868C30.2517 14.5392 29.5662 13.8531 28.7185 13.8531H24.1185V11.5526C24.1185 10.706 23.432 10.0189 22.5853 10.0189C21.7387 10.0189 21.0522 10.7055 21.0522 11.5526V13.8531H20.6459C17.8651 13.8531 15.6858 16.12 15.6858 19.0159V19.1071C15.6858 22.1294 17.9102 24.5859 20.6459 24.5859H21.0522V28.4185H17.2195C16.3728 28.4185 15.6863 29.104 15.6863 29.9533C15.6863 30.7968 16.3734 31.4849 17.2195 31.4849H21.0522V33.7854C21.0522 34.629 21.7387 35.3176 22.5853 35.3176C23.432 35.3176 24.1185 34.6295 24.1185 33.7854V31.4849H25.4558C28.119 31.4849 30.1429 29.3605 30.2465 26.5066C30.2507 26.4683 30.2517 26.4315 30.2517 26.3926V26.2729C30.2517 26.2341 30.2507 26.1952 30.2465 26.1563C30.1429 23.4138 28.2014 21.5185 25.4558 21.5185H24.1185V16.919H28.7185V16.92ZM25.4559 24.5864C26.9181 24.5864 27.171 25.6532 27.1845 26.3336C27.1632 27.3486 26.6223 28.4186 25.4559 28.4186H24.1186V24.5859H25.4559V24.5864ZM20.6455 21.5196H21.0517V16.92H20.6455C19.5662 16.92 18.7522 17.8195 18.7522 19.0159V19.1071C18.7522 20.247 19.5289 21.5196 20.6455 21.5196Z\",\n    fill: \"#452359\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDollar);\nexport default __webpack_public_path__ + \"static/media/dollar.9cfb428e.svg\";\nexport { ForwardRef as ReactComponent };","import styled from 'styled-components';\r\nimport MapImage from '../../assets/Shared/map.png';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n  @media only screen and (max-width: 768px) {\r\n    height: 150px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n      margin-top: 8rem;\r\n      line-height: 3.3rem;\r\n    }\r\n    @media only screen and (max-width: 450px) {\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 2.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n    @media only screen and (max-width: 450px) {\r\n      text-align: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 2fr 286px;\r\n  grid-template-rows: 1fr 50px;\r\n  grid-template-areas: 'main aside';\r\n  grid-gap: 3rem;\r\n  min-height: 100vh;\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  padding: 1.5rem 0;\r\n\r\n  p {\r\n    margin-bottom: 1rem;\r\n    margin-left: 4.8rem;\r\n  }\r\n\r\n  form {\r\n    > div {\r\n      margin-bottom: 40px;\r\n    }\r\n    .btn-buscar {\r\n      color: white;\r\n      margin: 0;\r\n        @media (max-width: 450px) {\r\n        display: none;\r\n      }\r\n    }\r\n    .btn-search {\r\n      height: 30px;\r\n      width: auto;\r\n      display: none;\r\n        @media (max-width: 450px) {\r\n        padding-bottom: 5px;\r\n        display: block;\r\n      }\r\n    }    \r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  grid-area: aside;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n`;\r\n\r\nexport const AsideCard = styled.div`\r\n  background: var(--white);\r\n  width: 286px;\r\n  position: sticky;\r\n  top: 20px;\r\n  margin: 1.5rem 0;\r\n  height: 397px;\r\n  border-radius: 10px 10px 0px 0px;\r\n  box-shadow: var(--box-shadow);\r\n  /* transform: translateY(-150px); */\r\n\r\n  @media (max-width: 768px) {\r\n    transform: translateY(0);\r\n\r\n    .main {\r\n      form {\r\n        button {\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .header {\r\n    background: var(--purple2);\r\n    color: var(--orange);\r\n    height: 73px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-top-left-radius: 8px;\r\n    border-top-right-radius: 8px;\r\n    border-bottom: 3px solid var(--orange);\r\n    font: 600 1.3rem 'Roboto Slab', sans-serif;\r\n  }\r\n\r\n  .main {\r\n    margin-top: 14px;\r\n    padding: 0 25px;\r\n\r\n    form {\r\n      .highlight-label {\r\n        margin-bottom: 10px;\r\n        font-style: normal;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        line-height: 1.1rem;\r\n        color: var(--purple);\r\n      }\r\n\r\n      div {\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      button {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto;\r\n        margin-top: 10px;\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    height: 107px;\r\n    background: url(${MapImage}) no-repeat;\r\n    background-size: cover;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    /* position: fixed; */\r\n    bottom: 0;\r\n    width: inherit;\r\n\r\n    button {\r\n      color: var(--orange) !important;\r\n      border: 2px solid var(--orange);\r\n    }\r\n\r\n    @media (max-width: 1081px) {\r\n      height: 110px;\r\n    }\r\n    @media (max-width: 720px) {\r\n      height: 117px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 335px) {\r\n    flex-wrap: wrap;\r\n    width: 99%;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useRef, useCallback, useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { useLoadScript } from '@react-google-maps/api';\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport { getGeocode, getLatLng } from 'use-places-autocomplete';\r\nimport { LatLng } from '../../hooks/map';\r\nimport { useToast } from '../../hooks/toast';\r\nimport Loader from '../../components/Loader';\r\n\r\nimport { ReactComponent as PinIcon } from '../../assets/LojasLocaisRecarga/pin.svg';\r\nimport Input from '../../components/Input';\r\nimport Button from '../../components/Button';\r\nimport Accordion from '../../components/Accordion';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport { TitleSection, GridSection, Main, Aside, AsideCard } from './styles';\r\nimport Lupasearch from '../../assets/Shared/lupasearch.svg';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nimport CoreService, { RechargePoint } from '../../services/core';\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst LojasLocaisRecarga: React.FC = () => {\r\n  const { isLoaded } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n  const { addToast } = useToast();\r\n  const { push } = useHistory();\r\n  const services = { coreService: new CoreService() };\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [points, setPoints] = useState([]);\r\n  const [searchTerm, setSearchTerm] = useState('');\r\n  const [searchResults, setSearchResults] = useState([]);\r\n  const [googleAddress, setGoogleAddress] = useState('');\r\n  const [latLng, setLatLng] = useState<LatLng>({} as LatLng);\r\n\r\n  useEffect(() => {\r\n    async function getFaqs() {\r\n      try {\r\n        const response = await services.coreService.getRechargePoint();\r\n        setPoints(response.data.results);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getFaqs();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const results = points.filter(point => {\r\n      return Object.keys(point).some(key =>\r\n        JSON.stringify(point[key])\r\n          .normalize('NFD')\r\n          .replace(/[\\u0300-\\u036f]/g, '')\r\n          .replace(/-(?!>)/g, '')\r\n          .replace(/\\s/g, '')\r\n          .toLowerCase()\r\n          .toUpperCase()\r\n          .includes(\r\n            searchTerm\r\n              .normalize('NFD')\r\n              .replace(/[\\u0300-\\u036f]/g, '')\r\n              .replace(/-(?!>)/g, '')\r\n              .replace(/\\s/g, '')\r\n              .toLowerCase()\r\n              .toUpperCase(),\r\n          ),\r\n      );\r\n    });\r\n    setSearchResults(results);\r\n  }, [searchTerm, points]);\r\n\r\n  const handleChange = useCallback(e => {\r\n    setSearchTerm(e.target.value);\r\n  }, []);\r\n\r\n  const setMapCoordinates = useCallback(async address => {\r\n    const geoCode = await getGeocode({ address });\r\n    const { lat, lng } = await getLatLng(geoCode[0]);\r\n    setLatLng({ lat, lng });\r\n    setGoogleAddress(address);\r\n  }, []);\r\n\r\n  const handleRedirectMap = useCallback(() => {\r\n    if (googleAddress) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?lat=${latLng.lat}&lng=${latLng.lng}&address=${googleAddress}`,\r\n      );\r\n      window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro o Endereço',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [googleAddress, latLng, addToast]);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    return {};\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Lojas e Locais de Recarga</h1>\r\n              <span>Confira os pontos mais próximos de você.</span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Container backgroundColor=\"background-gray\">\r\n            <Content>\r\n              <GridSection>\r\n                <Main>\r\n                  <Form ref={formRef} onSubmit={handleSubmit}>\r\n                    <Input\r\n                      name=\"search\"\r\n                      placeholder=\"Pesquisar local de recarga ou região\"\r\n                      onChange={e => handleChange(e)}\r\n                    >\r\n                      <Button type=\"submit\" color=\"orange\" padding=\"3\">\r\n                        <span className=\"btn-buscar\">BUSCAR</span>\r\n                        <img\r\n                          src={Lupasearch}\r\n                          alt=\"search\"\r\n                          className=\"btn-search\"\r\n                        />\r\n                      </Button>\r\n                    </Input>\r\n                  </Form>\r\n                  {searchResults.map((point: RechargePoint) => (\r\n                    <Accordion\r\n                      key={point.id}\r\n                      Icon={PinIcon}\r\n                      CollapseIcon={GoTriangleRight}\r\n                      title={point.name}\r\n                      region1={point.regions ? point.regions.split(',')[0] : ''}\r\n                      region2={point.regions ? point.regions.split(',')[1] : ''}\r\n                      region3={point.regions ? point.regions.split(',')[2] : ''}\r\n                      region4={point.regions ? point.regions.split(',')[3] : ''}\r\n                    >\r\n                      <p>\r\n                        {point.address}\r\n                        <br />\r\n                        {point.opening}\r\n                      </p>\r\n                    </Accordion>\r\n                  ))}\r\n                </Main>\r\n\r\n                <Aside>\r\n                  {isLoaded && (\r\n                    <AsideCard>\r\n                      <div className=\"header\">Busque perto de você</div>\r\n                      <div className=\"main\">\r\n                        <Form ref={formRef} onSubmit={handleSubmit}>\r\n                          <p className=\"highlight-label\">\r\n                            Digite a região ou endereço que deseja buscar\r\n                          </p>\r\n                          {/* <p>Usar localização</p> */}\r\n                          <Input\r\n                            name=\"endereçoOrigem\"\r\n                            onChange={e => setMapCoordinates(e.target.value)}\r\n                            placeholder=\"endereço\"\r\n                            type=\"recharge\"\r\n                          />\r\n                          {/* <Input name=\"pesquisar\" placeholder=\"Pesquisar\" /> */}\r\n                          <Button\r\n                            onClick={handleRedirectMap}\r\n                            type=\"submit\"\r\n                            color=\"orange\"\r\n                            padding=\"5\"\r\n                            rounded\r\n                          >\r\n                            Buscar\r\n                          </Button>\r\n                        </Form>\r\n                      </div>\r\n                      <div className=\"footer\">\r\n                        <Button\r\n                          onClick={() => push('pontos-de-recarga/')}\r\n                          type=\"submit\"\r\n                          color=\"white\"\r\n                          padding=\"4\"\r\n                          rounded\r\n                        >\r\n                          Ver Mapa\r\n                        </Button>\r\n                      </div>\r\n                    </AsideCard>\r\n                  )}\r\n                </Aside>\r\n              </GridSection>\r\n            </Content>\r\n          </Container>\r\n          <Container>\r\n            <Footer />\r\n          </Container>\r\n        </>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default LojasLocaisRecarga;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 3rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 2.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n    @media (max-width: 547px) {\r\n      line-height: 1.9rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  grid-template-rows: 1fr;\r\n  grid-template-areas: 'main';\r\n  grid-gap: 3rem;\r\n  min-height: 100vh;\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  justify-content: start;\r\n  padding: 1.5rem 0;\r\n\r\n  h3 {\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .form {\r\n    width: 100%;\r\n  }\r\n  .btn-buscar {\r\n    color: white;\r\n    margin: 0;\r\n    @media (max-width: 450px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .btn-search {\r\n    height: 30px;\r\n    width: auto;\r\n    display: none;\r\n    @media (max-width: 450px) {\r\n      padding-bottom: 5px;\r\n      display: block;\r\n    }\r\n  }\r\n  .card-span {\r\n    background-color: var(--orange);\r\n    color: var(--white);\r\n    border-radius: 5px;\r\n    margin-top: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  .card {\r\n    display: flex;\r\n    padding-right: 10px;\r\n    background: white;\r\n    border-radius: 35px 0px 0px 35px;\r\n    border: 0.2px solid #a1aeb7;\r\n\r\n    border-top-left-radius: 10px;\r\n    border-bottom-left-radius: 10px;\r\n\r\n    height: 250px;\r\n    overflow: hidden;\r\n\r\n    @media (max-width: 531px) {\r\n      border: none;\r\n      flex-direction: column;\r\n      height: 450px;\r\n      text-align: center;\r\n      align-items: center;\r\n      border-radius: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    img {\r\n      height: 250px;\r\n      width: 250px;\r\n    }\r\n\r\n    .card-subtitle,\r\n    h3 {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (max-width: 531px) {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  }\r\n  .card + .card {\r\n    margin-left: 30px;\r\n  }\r\n  @media (max-width: 1190px) {\r\n    .card + .card {\r\n      margin-left: 0px;\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-left: 20px;\r\n\r\n  .categoryContainer {\r\n    display: flex;\r\n    align-items: center;\r\n    width: 20px;\r\n    span {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 2px 5px;\r\n      margin-right: 3px;\r\n    }\r\n    @media (max-width: 531px) {\r\n      flex-direction: column;\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\nexport const FlexRowContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 35px;\r\n\r\n  .emptyNews {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  @media (max-width: 1190px) {\r\n    display: block;\r\n  }\r\n`;\r\n","/* eslint-disable no-console */\r\nimport React, { useRef, useState, useEffect, useCallback } from 'react';\r\nimport { Form } from '@unform/web';\r\nimport { FormHandles } from '@unform/core';\r\nimport Button from '../../components/Button';\r\nimport Lupasearch from '../../assets/Shared/lupasearch.svg';\r\nimport api from '../../services/api';\r\nimport { Row, Column, Container, Content, Blur } from '../../styles/components';\r\nimport {\r\n  TitleSection,\r\n  GridSection,\r\n  Main,\r\n  FlexContainer,\r\n  FlexRowContainer,\r\n} from './styles';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Input from '../../components/Input';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\ninterface Category {\r\n  id: number;\r\n  name: string;\r\n}\r\n\r\nconst Noticias: React.FC = () => {\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [news, setNews] = useState([]);\r\n  const [searchTerm, setSearchTerm] = useState('');\r\n  const [searchResults, setSearchResults] = useState([]);\r\n\r\n  useEffect(() => {\r\n    const getNews = async () => {\r\n      try {\r\n        const response = await api.get('/core/noticias/');\r\n        setNews(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    };\r\n    getNews();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const results = news.filter(noticia => {\r\n      return Object.keys(noticia).some(key =>\r\n        JSON.stringify(noticia[key])\r\n          .toLowerCase()\r\n          .includes(searchTerm.toLowerCase()),\r\n      );\r\n    });\r\n    setSearchResults(results);\r\n  }, [searchTerm, news]);\r\n\r\n  const handleChange = useCallback(e => {\r\n    setSearchTerm(e.target.value);\r\n  }, []);\r\n\r\n  const handleSubmit = useCallback(() => {\r\n    return {};\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Notícias</h1>\r\n              <span>\r\n                Conheça a história da nossa empresa e nossas motivações para\r\n                entregar serviço de qualidade\r\n              </span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container backgroundColor=\"background-gray\">\r\n        <Content>\r\n          <GridSection>\r\n            <Main>\r\n              <Form ref={formRef} onSubmit={handleSubmit} className=\"form\">\r\n                <Input\r\n                  name=\"tema\"\r\n                  placeholder=\"Buscar por tema ou assunto\"\r\n                  onChange={e => handleChange(e)}\r\n                  rounded\r\n                >\r\n                  <Button type=\"submit\" color=\"orange\" padding=\"3\">\r\n                    <span className=\"btn-buscar\">BUSCAR</span>\r\n                    <img src={Lupasearch} alt=\"search\" className=\"btn-search\" />\r\n                  </Button>\r\n                </Input>\r\n              </Form>\r\n\r\n              <FlexRowContainer>\r\n                <Row>\r\n                  {searchResults.map(result => (\r\n                    <Column key={result.id} small=\"12\" medium=\"6\" large=\"6\">\r\n                      <a\r\n                        href={`/noticia/${result.url.split('/').pop()}`}\r\n                        key={result.id}\r\n                        className=\"card\"\r\n                      >\r\n                        <img src={result.image} alt={result.title} />\r\n                        <FlexContainer>\r\n                          <div className=\"categoryContainer\">\r\n                            {result.categories.map((category: Category) => (\r\n                              <span className=\"card-span\" key={category.id}>\r\n                                {category.name}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                          <h3>{result.title}</h3>\r\n                          <div className=\"card-subtitle\">{result.subtitle}</div>\r\n                        </FlexContainer>\r\n                      </a>\r\n                    </Column>\r\n                  ))}\r\n                  {!searchResults.length && (\r\n                    <div className=\"emptyNews\">Nenhuma Notícia Encontrada</div>\r\n                  )}\r\n                </Row>\r\n              </FlexRowContainer>\r\n            </Main>\r\n          </GridSection>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Noticias;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 2rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 2.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      text-align: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 2fr;\r\n  grid-template-rows: 2fr;\r\n  padding-top: 3rem;\r\n  padding-bottom: 5rem;\r\n  max-width: 1140px;\r\n\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const FlexContainer = styled.div`\r\n  display: flex;\r\n  max-width: 1140px;\r\n\r\n  .imgContainer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40%;\r\n    height: 258px;\r\n    border: 1px solid #c2d1d9;\r\n    @media (max-width: 516px) {\r\n      border: none;\r\n      height: auto;\r\n      width: 100%;\r\n    }\r\n\r\n    img {\r\n      cursor: pointer;\r\n      display: flex;\r\n      padding: 5px 5px 0 5px;\r\n      width: 180px;\r\n      height: auto;\r\n      @media (max-width: 516px) {\r\n        width: 180px;\r\n        text-align: center;\r\n      }\r\n    }\r\n    @media (max-width: 516px) {\r\n      width: 100%;\r\n    }\r\n    @media (max-width: 405px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .textContainer {\r\n    padding: 36px 15px;\r\n    border: 1px solid #c2d1d9;\r\n    width: 100%;\r\n    height: 258px;\r\n    @media (max-width: 516px) {\r\n      border: none;\r\n      text-align: center;\r\n    }\r\n\r\n    h1 {\r\n      cursor: pointer;\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1.3rem;\r\n      text-align: left;\r\n      line-height: 2rem;\r\n      color: #482a73;\r\n      margin-top: 1rem;\r\n      margin-bottom: 40px;\r\n      @media (max-width: 516px) {\r\n        margin-top: 0rem;\r\n        line-height: 1.8rem;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n      }\r\n    }\r\n    @media (max-width: 516px) {\r\n      width: 100%;\r\n      margin-top: 0rem;\r\n    }\r\n    @media (max-width: 405px) {\r\n      width: 100%;\r\n      margin-top: 0rem;\r\n    }\r\n  }\r\n\r\n  .button {\r\n    @media (max-width: 360px) {\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n  .partner {\r\n    display: grid;\r\n    align-items: left;\r\n    width: 100%;\r\n    span {\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 2px 5px;\r\n      margin-right: 3px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SliderItem = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  @media (max-width: 516px) {\r\n    display: grid;\r\n    text-align: center;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport { TitleSection, GridSection, FlexContainer, SliderItem } from './styles';\r\nimport CoreService, { Partner } from '../../services/core';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Button from '../../components/Button';\r\n\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nconst Parceiros: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n  const [partners, setPartner] = useState<Partner[]>([]);\r\n\r\n  useEffect(() => {\r\n    async function getNews() {\r\n      try {\r\n        const response = await services.coreService.getPartners();\r\n        setPartner(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n    getNews();\r\n  }, []);\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Parceiros</h1>\r\n              <span>Nossos parceiros, mais vantagens para você!</span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <GridSection>\r\n            <FlexContainer>\r\n              <div className=\"partner\">\r\n                {partners.map(partner => (\r\n                  <span className=\"card-span\" key={partner.name}>\r\n                    <SliderItem onClick={() => handleLink(partner.link)}>\r\n                      <div className=\"imgContainer\">\r\n                        <img src={partner.logo} alt=\"\" />\r\n                      </div>\r\n                      <div className=\"textContainer\">\r\n                        <h1>{partner.slogan}</h1>\r\n                        <a href={partner.link}>\r\n                          <Button\r\n                            className=\"button\"\r\n                            color=\"orange\"\r\n                            padding=\"2\"\r\n                            rounded\r\n                          >\r\n                            ACESSE\r\n                          </Button>\r\n                        </a>\r\n                      </div>\r\n                    </SliderItem>\r\n                  </span>\r\n                ))}\r\n              </div>\r\n            </FlexContainer>\r\n          </GridSection>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Parceiros;\r\n","export default __webpack_public_path__ + \"static/media/framepolitica.75ea0677.svg\";","import styled from 'styled-components';\r\n\r\ninterface CardProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    margin-bottom: 1rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 3rem;\r\n      text-align: center;\r\n      line-height: 3rem;\r\n    }\r\n    @media only screen and (max-width: 450px) {\r\n      margin-top: 8rem;\r\n      line-height: 3rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 2rem;\r\n    font-weight: normal;\r\n    @media only screen and (max-width: 768px) {\r\n      line-height: 1.5rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 450px) {\r\n    height: 150px;\r\n    width: 95%;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 1.5rem 0;\r\n  @media only screen and (max-width: 768px) {\r\n    text-align: center;\r\n  }\r\n\r\n  form {\r\n    > div {\r\n      margin-bottom: 40px;\r\n    }\r\n  }\r\n\r\n  .title {\r\n    color: var(--purple);\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .subtitle1 {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .subtitle {\r\n    margin-top: 10px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .h1 {\r\n    color: var(--purple);\r\n    margin-top: 90px;\r\n    @media only screen and (max-width: 450px) {\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n\r\n  .h1-1 {\r\n    color: var(--purple);\r\n    margin-top: 90px;\r\n    @media only screen and (max-width: 450px) {\r\n      margin-top: 100px;\r\n    }\r\n  }\r\n\r\n  h2 {\r\n    margin-top: 1rem;\r\n    margin-bottom: 20px;\r\n    font-weight: normal;\r\n  }\r\n\r\n  h4 {\r\n    color: var(--purple);\r\n    margin-top: 10px;\r\n  }\r\n\r\n  span {\r\n    margin-top: 10px;\r\n    display: inline-block;\r\n  }\r\n\r\n  .text-dark-grey {\r\n    color: #505d68;\r\n    margin-top: 90px;\r\n    @media (max-width: 450px) {\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n  .localizacao {\r\n    color: #dc582a;\r\n    margin-left: 10px;\r\n    margin-top: 0px;\r\n    @media (max-width: 450px) {\r\n      margin-top: 3px;\r\n    }\r\n  }\r\n  .wrapper-localizacao {\r\n    margin-top: 20px;\r\n    display: flex;\r\n  }\r\n  .flex {\r\n    display: flex;\r\n\r\n    .googleContainer {\r\n      .locationContainer {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--orange);\r\n        transition: color 0.3s ease;\r\n        margin-bottom: 20px;\r\n        background: transparent;\r\n        height: 40px !important;\r\n        align-self: flex-end;\r\n        &:hover {\r\n          cursor: pointer;\r\n          color: black;\r\n        }\r\n      }\r\n\r\n      input {\r\n        margin-top: inherit;\r\n      }\r\n    }\r\n\r\n    .img-gps {\r\n      margin-top: -150px;\r\n      margin-left: 130px;\r\n      width: 400px;\r\n\r\n      @media (max-width: 1118px) {\r\n        margin-top: 30px;\r\n        margin-left: 0px;\r\n      }\r\n\r\n      @media (max-width: 450px) {\r\n        margin-top: 30px;\r\n        margin-left: 0px;\r\n        width: 300px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1118px) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n  input {\r\n    border: 1px solid #c2d1d9;\r\n    box-sizing: border-box;\r\n    border-radius: 6px;\r\n    margin-top: 20px;\r\n    height: 40px;\r\n    width: 400px;\r\n    @media (max-width: 957px) {\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      text-align: left;\r\n      align-items: center;\r\n      width: 300px;\r\n    }\r\n  }\r\n  input::placeholder {\r\n    color: var(--gray-line);\r\n    padding-left: 10px;\r\n  }\r\n\r\n  .content-passos {\r\n    @media (max-width: 768px) {\r\n      margin-left: 30px;\r\n      text-align: center;\r\n    }\r\n  }\r\n  .box-amarela-direita {\r\n    position: absolute;\r\n    top: 1600px;\r\n    right: 0;\r\n    @media only screen and (max-width: 768px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .box-amarela-direita-2 {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 3000px;\r\n  }\r\n  .box-amarela-direita-3 {\r\n    position: absolute;\r\n    right: 0%;\r\n    top: 700px;\r\n  }\r\n\r\n  @media (max-width: 1250px) {\r\n    .box-amarela-direita-2 {\r\n      display: none;\r\n    }\r\n\r\n    @media (max-width: 1384px) {\r\n      .box-amarela-direita-3 {\r\n        display: none;\r\n      }\r\n      .box-amarela-direita {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n  .btn {\r\n    background: #dc582a;\r\n    border-radius: 6px;\r\n    color: white;\r\n    width: 150px;\r\n    padding: 10px 40px 10px 40px;\r\n    margin-left: 0px;\r\n    @media (max-width: 450px) {\r\n      padding-left: 45%;\r\n\r\n      width: 298px;\r\n      height: 40px;\r\n    }\r\n  }\r\n  .btn-buscar {\r\n    color: white;\r\n    margin: 0;\r\n    @media (max-width: 450px) {\r\n      display: none;\r\n    }\r\n  }\r\n  .btn-search {\r\n    height: 30px;\r\n    width: auto;\r\n    display: none;\r\n    @media (max-width: 450px) {\r\n      padding-bottom: 5px;\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .cartoes-bhbus {\r\n    margin-top: 40px;\r\n    @media (max-width: 957px) {\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      text-align: left;\r\n      align-items: center;\r\n    }\r\n  }\r\n  .cartao-bhbus {\r\n    margin-right: 50px;\r\n  }\r\n  .span-cartao {\r\n    width: 300px;\r\n    @media only screen and (max-width: 450px) {\r\n      margin-bottom: -20px;\r\n    }\r\n  }\r\n  .ver-mais {\r\n    color: var(--orange);\r\n  }\r\n  .text-purple {\r\n    color: var(--purple);\r\n  }\r\n\r\n  @media (max-width: 915px) {\r\n    .cartao-bhbus {\r\n      width: 400px;\r\n    }\r\n  }\r\n\r\n  .recarregar {\r\n    margin-bottom: 50px;\r\n  }\r\n`;\r\n\r\nexport const ContainerCartao = styled.div`\r\n  display: flex;\r\n  /* margin-top: -50px; */\r\n  .cartaoBranco {\r\n    background: #ffffff;\r\n    border: 2px solid #4d1d6e;\r\n    box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n    border-radius: 22px;\r\n    width: 260px;\r\n    padding-top: 20px;\r\n    padding-bottom: 20px;\r\n    h3 {\r\n      margin-left: 45px;\r\n    }\r\n  }\r\n  .cartaoRoxo {\r\n    background: #452359;\r\n    border: 2px solid #4d1d6e;\r\n    box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n    border-radius: 22px;\r\n    width: 260px;\r\n    padding-top: 20px;\r\n    padding-bottom: 20px;\r\n    h3 {\r\n      margin-left: 45px;\r\n    }\r\n  }\r\n\r\n  .imagem-cartao {\r\n    margin-left: 45px;\r\n  }\r\n\r\n  div + div {\r\n    margin-left: 30px;\r\n  }\r\n\r\n  @media (max-width: 824px) {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    align-items: center;\r\n    margin-left: 30px;\r\n    margin-right: 0;\r\n  }\r\n`;\r\n\r\nexport const CircleContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 40px;\r\n  padding-bottom: 50px;\r\n  max-width: 1140px;\r\n  .text-grey {\r\n    color: #d8d8d8;\r\n  }\r\n  @media (max-width: 950px) {\r\n    flex-wrap: wrap;\r\n  }\r\n  @media (max-width: 950px) {\r\n    display: grid;\r\n    grid-template-columns: minmax(200px, 1fr) 1fr;\r\n    margin-left: -10px;\r\n  }\r\n  .wrapper-circle {\r\n    width: 100%;\r\n  }\r\n\r\n  a {\r\n    text-decoration: underline;\r\n  }\r\n  .no-underline {\r\n    text-decoration: none !important;\r\n  }\r\n  @media screen and (max-width: 811px) {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    align-self: center;\r\n  }\r\n`;\r\n\r\nexport const CircleWrapper = styled.div`\r\n  width: 150px;\r\n  word-break: break-word;\r\n  margin-right: 150px;\r\n  @media (max-width: 811px) {\r\n    margin-right: 0px;\r\n  }\r\n  @media (max-width: 915px) {\r\n    margin-bottom: 30px;\r\n    width: 200px;\r\n  }\r\n  @media (max-width: 768px) {\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 90%;\r\n  }\r\n  @media (max-width: 451px) {\r\n    width: 130px;\r\n  }\r\n  @media (max-width: 418px) {\r\n    width: 50%;\r\n  }\r\n  @media (max-width: 370px) {\r\n    width: 90px;\r\n  }\r\n\r\n  .bancas {\r\n    width: 100px;\r\n    margin-left: 80px;\r\n    @media (max-width: 768px) {\r\n      margin-left: 300px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      margin-left: 250px;\r\n    }\r\n    @media (max-width: 630px) {\r\n      margin-left: 220px;\r\n    }\r\n    @media (max-width: 545px) {\r\n      margin-left: 190px;\r\n    }\r\n    @media (max-width: 495px) {\r\n      margin-left: 165px;\r\n    }\r\n    @media (max-width: 450px) {\r\n      margin-left: 120px;\r\n    }\r\n    @media (max-width: 355px) {\r\n      margin-left: 100px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Circle = styled.div`\r\n  .img {\r\n    margin-top: 30px;\r\n    margin-left: -60px;\r\n    position: absolute;\r\n  }\r\n  .img2 {\r\n    margin-top: 30px;\r\n    margin-left: -65px;\r\n    position: absolute;\r\n  }\r\n  .img3 {\r\n    margin-top: 25px;\r\n    margin-left: -52px;\r\n    position: absolute;\r\n  }\r\n  .img4 {\r\n    margin-top: 25px;\r\n    margin-left: -65px;\r\n    position: absolute;\r\n  }\r\n  .img5 {\r\n    margin-top: 25px;\r\n    margin-left: -63px;\r\n    position: absolute;\r\n  }\r\n  .img6 {\r\n    margin-top: 25px;\r\n    margin-left: -62px;\r\n    position: absolute;\r\n  }\r\n  .img7 {\r\n    margin-top: 20px;\r\n    margin-left: -62px;\r\n    position: absolute;\r\n  }\r\n  .img8 {\r\n    margin-top: 27px;\r\n    margin-left: -55px;\r\n    position: absolute;\r\n  }\r\n  .img9 {\r\n    margin-top: 33px;\r\n    margin-left: -60px;\r\n    position: absolute;\r\n  }\r\n  .img10 {\r\n    margin-top: 29px;\r\n    margin-left: -55px;\r\n    position: absolute;\r\n  }\r\n  .phone {\r\n    height: 40px;\r\n    width: 40px;\r\n    margin-top: 26px !important;\r\n  }\r\n`;\r\n\r\nexport const Instrucoes = styled.div`\r\n  @media screen and (max-width: 811px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n`;\r\n\r\nexport const ContainerFaq = styled.div`\r\n  margin-top: 20px;\r\n  overflow: scroll;\r\n  border: 2px solid #c2d1d9;\r\n  height: 600px;\r\n  padding: 35px;\r\n  width: 100%;\r\n  border-radius: 10px;\r\n\r\n  ::-webkit-scrollbar {\r\n    background-color: transparent;\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n  ::-webkit-scrollbar-thumb {\r\n    background-color: var(--purple);\r\n    border-radius: 10px;\r\n  }\r\n  .float-right {\r\n    float: right;\r\n    margin-top: -30px;\r\n  }\r\n  .accordion-wrapper {\r\n    border: 2px solid var(--gray-line);\r\n    margin-bottom: 15px;\r\n  }\r\n`;\r\n\r\nexport const TransfacilCard = styled.button<CardProps>`\r\n  background: #ffffff;\r\n  border: 2px solid #4d1d6e;\r\n  box-shadow: 0px 3px 25px rgba(235, 94, 53, 0.5);\r\n  border-radius: 22px;\r\n  width: 327px;\r\n  padding: 25px;\r\n  margin-right: 25px;\r\n  color: var(--text);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: ${props => (props.active ? `var(--white)` : `var(--purple)`)};\r\n  color: ${props => (props.active ? `var(--purple)` : `var(--white)`)};\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: ${props => (props.active ? `var(--purple)` : `var(--white)`)};\r\n    }\r\n  }\r\n  @media (max-width: 824px) {\r\n    margin-bottom: 2rem;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    text-align: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .iconpurple {\r\n    path {\r\n      fill: revert-layer;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CardBenefit = styled.button<CardProps>`\r\n  background: #ffffff;\r\n  width: 327px;\r\n  margin-right: 25px;\r\n  color: var(--text);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .modalidades {\r\n    width: 327px;\r\n    display: flex;\r\n    margin-top: 5px;\r\n    h3 {\r\n      display: flex;\r\n      color: var(--purple);\r\n    }\r\n    .frame {\r\n      margin-top: 5px;\r\n      align-items: left;\r\n      text-align: left;\r\n      margin-right: 15px;\r\n      width: 15px;\r\n    }\r\n  }\r\n\r\n  .ver-mais-modal {\r\n    color: var(--orange);\r\n    font-weight: 600;\r\n    margin-bottom: 4rem;\r\n    display: ${props => (props.active ? `none` : `block`)};\r\n  }\r\n\r\n  .ver-menos-modal {\r\n    color: var(--orange);\r\n    font-weight: 600;\r\n    margin-bottom: 4rem;\r\n    display: ${props => (props.active ? `block` : `none`)};\r\n  }\r\n`;\r\n\r\nexport const Flex = styled.div`\r\n  display: flex;\r\n\r\n  @media (max-width: 980px) {\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const FlexColumn = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-right: 50px;\r\n  @media (max-width: 980px) {\r\n    margin-bottom: -50px;\r\n  }\r\n  @media (max-width: 881px) {\r\n    align-items: center;\r\n    margin-right: 0px;\r\n  }\r\n\r\n  .ver_mais {\r\n    color: var(--orange);\r\n  }\r\n\r\n  .cards {\r\n    border: transparent;\r\n    padding: 0;\r\n    text-align: left;\r\n  }\r\n  .card-ver-mais {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: transparent;\r\n    padding: 0;\r\n    text-align: initial;\r\n    margin-top: 15px;\r\n    margin-bottom: 60px;\r\n    padding-bottom: 20px;\r\n  }\r\n`;\r\n\r\nexport const DialogContent = styled.div`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  padding: 0 50px 0px 50px;\r\n\r\n  @media (max-width: 840px) {\r\n    flex-direction: column;\r\n  }\r\n  @media (max-width: 450px) {\r\n    width: 110%;\r\n    padding-left: 18px;\r\n  }\r\n\r\n  .ver-mais {\r\n    color: var(--orange);\r\n    font-weight: 600;\r\n    background: transparent;\r\n  }\r\n\r\n  .cards-benefit {\r\n    display: none;\r\n  }\r\n\r\n  .container {\r\n    text-align: center;\r\n    width: 90%;\r\n    height: 470px;\r\n    margin-left: 20px;\r\n    margin-bottom: 50px;\r\n    @media (max-width: 450px) {\r\n      margin-left: 0px;\r\n      width: 100%;\r\n      height: 660px;\r\n    }\r\n\r\n    .contratar {\r\n      width: 90%;\r\n      @media (max-width: 420px) {\r\n        margin-left: 0px;\r\n        width: 100%;\r\n        font-size: 1.3rem;\r\n      }\r\n    }\r\n\r\n    img {\r\n      width: 400px;\r\n      margin-bottom: 30px;\r\n      @media (max-width: 535px) {\r\n        width: 90%;\r\n      }\r\n      @media (max-width: 420px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n    h3 {\r\n      margin-bottom: 20px;\r\n    }\r\n    .vale {\r\n      margin-bottom: 30px;\r\n      text-align: left;\r\n      margin-left: 30px;\r\n      width: 90%;\r\n      @media (max-width: 420px) {\r\n        font-size: 1.3rem;\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n    .title-benefit-vale {\r\n      margin-top: 0px;\r\n      margin-bottom: 20px;\r\n      color: var(--purple);\r\n      text-align: left;\r\n      margin-left: 30px;\r\n      @media (max-width: 420px) {\r\n        font-size: 1.7rem;\r\n        margin-left: 0px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .container1 {\r\n    width: 50%;\r\n    height: 600px;\r\n\r\n    @media (max-width: 840px) {\r\n      width: 97%;\r\n    }\r\n\r\n    @media (max-width: 615px) {\r\n      margin-bottom: 100px;\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    img {\r\n      width: 400px;\r\n      margin-bottom: 30px;\r\n      @media (max-width: 1150px) {\r\n        width: 90%;\r\n      }\r\n      @media (max-width: 800px) {\r\n        width: 70%;\r\n      }\r\n      @media (max-width: 670px) {\r\n        width: 40%;\r\n      }\r\n    }\r\n    .img-cliente {\r\n      width: 400px;\r\n      margin-bottom: 30px;\r\n      @media (max-width: 1150px) {\r\n        width: 90%;\r\n      }\r\n      @media (max-width: 840px) {\r\n        width: 50%;\r\n      }\r\n      @media (max-width: 615px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n    h3 {\r\n      margin-bottom: 20px;\r\n    }\r\n    p {\r\n      margin-bottom: 30px;\r\n    }\r\n  }\r\n  .container2 {\r\n    width: 90%;\r\n    padding-left: 50px;\r\n\r\n    @media (max-width: 840px) {\r\n      margin-top: -100px;\r\n      width: 100%;\r\n      padding-left: 0px;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n      margin-top: -120px;\r\n    }\r\n\r\n    @media (max-width: 450px) {\r\n      margin-top: -100px;\r\n    }\r\n\r\n    @media (max-width: 340px) {\r\n      margin-top: -130px;\r\n    }\r\n\r\n    h3 {\r\n      margin-top: 30px;\r\n      margin-bottom: 20px;\r\n      color: var(--purple);\r\n    }\r\n    .title-benefit {\r\n      margin-top: 10px;\r\n      margin-bottom: 10px;\r\n      color: var(--purple);\r\n    }\r\n\r\n    .title-benefit1 {\r\n      margin-top: 25px;\r\n      margin-bottom: 10px;\r\n      color: var(--purple);\r\n    }\r\n\r\n    .title-benefit-benefit {\r\n      margin-top: 10px;\r\n      margin-bottom: 10px;\r\n      color: #38734e;\r\n    }\r\n\r\n    .title-benefit-estudantil {\r\n      margin-top: 10px;\r\n      margin-bottom: 10px;\r\n      color: #913a62;\r\n    }\r\n\r\n    .title-cliente {\r\n      margin-top: 0px;\r\n      margin-bottom: 10px;\r\n      color: var(--purple);\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n\r\n  .flex-container {\r\n    display: flex;\r\n    @media (max-width: 840px) {\r\n      margin-top: 100px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      margin-top: 0px;\r\n      flex-direction: column;\r\n    }\r\n  }\r\n\r\n  .container-img {\r\n    @media (max-width: 840px) {\r\n      margin-right: 50px;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n      margin-bottom: 100px;\r\n      margin-top: 20px;\r\n      flex-direction: column;\r\n      width: 95%;\r\n    }\r\n    img {\r\n      width: 360px;\r\n      margin-top: 15px;\r\n      margin-bottom: 20px;\r\n      @media (max-width: 1000px) {\r\n        width: 270px;\r\n      }\r\n      @media (max-width: 850px) {\r\n        width: 100%;\r\n        margin-top: 0px;\r\n      }\r\n      @media (max-width: 614px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/cartão_identificado_frente.ccdd69ad.png\";","export default __webpack_public_path__ + \"static/media/CartaoBeneficio.593c168c.svg\";","export default __webpack_public_path__ + \"static/media/CartaoValeTransporte.d979ac3b.svg\";","export default __webpack_public_path__ + \"static/media/card-vale-social.fc642d14.png\";","export default __webpack_public_path__ + \"static/media/Oval.54e7c517.svg\";","export default __webpack_public_path__ + \"static/media/Vector.0c3c8340.svg\";","export default __webpack_public_path__ + \"static/media/Group 16.4c89e169.svg\";","export default __webpack_public_path__ + \"static/media/$.a4522235.svg\";","export default __webpack_public_path__ + \"static/media/mail 1.7a25374c.svg\";","export default __webpack_public_path__ + \"static/media/shop2.4f3e903d.svg\";","export default __webpack_public_path__ + \"static/media/FrameBus.8eb37c6d.svg\";","export default __webpack_public_path__ + \"static/media/bilhete.c54fbb90.svg\";","export default __webpack_public_path__ + \"static/media/cardmaster.ea2cde04.png\";","export default __webpack_public_path__ + \"static/media/cardbeneficio.20d74df5.png\";","export default __webpack_public_path__ + \"static/media/cardestudantil.c1260124.png\";","export default __webpack_public_path__ + \"static/media/Phone+.91450575.svg\";","export default __webpack_public_path__ + \"static/media/CardPurple.7919feb8.svg\";","/* eslint-disable react/jsx-curly-brace-presence */\r\n/* eslint-disable react/no-unescaped-entities */\r\nimport React, { useCallback, useState, useEffect, useRef } from 'react';\r\nimport { useLoadScript } from '@react-google-maps/api';\r\nimport { getGeocode, getLatLng } from 'use-places-autocomplete';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Buttons from '@material-ui/core/Button';\r\nimport Dialog, { DialogProps } from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport { AiOutlineAim } from 'react-icons/ai';\r\nimport { MdCreditCard, MdLockOutline } from 'react-icons/md';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport GooglePlacesSearch from '../../components/RoutesAndLines/GooglePlacesSearch';\r\n\r\nimport { useAuth } from '../../hooks/auth';\r\nimport { LatLng } from '../../hooks/map';\r\nimport framepolitica from '../../assets/Shared/framepolitica.svg';\r\nimport {\r\n  TitleSection,\r\n  Main,\r\n  ContainerCartao,\r\n  CircleContainer,\r\n  CircleWrapper,\r\n  Circle,\r\n  TransfacilCard,\r\n  CardBenefit,\r\n  Flex,\r\n  FlexColumn,\r\n  DialogContent,\r\n  Instrucoes,\r\n} from './styles';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport CartaoCliente from '../../assets/CartoesRecarga/CartaoCliente.svg';\r\nimport CartaoIdent from '../../assets/CartoesRecarga/cartão_identificado_frente.png';\r\nimport CartaoBeneficio from '../../assets/CartoesRecarga/CartaoBeneficio.svg';\r\nimport CartaoValeTransporte from '../../assets/CartoesRecarga/CartaoValeTransporte.svg';\r\nimport CardValeSocial from '../../assets/CartoesRecarga/card-vale-social.png';\r\nimport Oval from '../../assets/CartoesRecarga/Oval.svg';\r\nimport Entrar from '../../assets/CartoesRecarga/Vector.svg';\r\nimport Cartao from '../../assets/CartoesRecarga/Group 16.svg';\r\nimport Whatsapp from '../../assets/Shared/framewhatsapp.svg';\r\nimport Dolar from '../../assets/CartoesRecarga/$.svg';\r\nimport { ReactComponent as DollarIcon } from '../../assets/CartoesRecarga/dollar.svg';\r\nimport Mail from '../../assets/CartoesRecarga/mail 1.svg';\r\nimport Shop from '../../assets/Shared/shop2.svg';\r\nimport Bus from '../../assets/Shared/FrameBus.svg';\r\nimport Bilhete from '../../assets/CartoesRecarga/bilhete.svg';\r\nimport Button from '../../components/Button';\r\nimport Cardmaster from '../../assets/CartoesRecarga/cardmaster.png';\r\nimport Cardbeneficio from '../../assets/CartoesRecarga/cardbeneficio.png';\r\nimport Cardestudantil from '../../assets/CartoesRecarga/cardestudantil.png';\r\nimport Phone from '../../assets/CartoesRecarga/Phone+.svg';\r\nimport CardPurple from '../../assets/CartoesRecarga/CardPurple.svg';\r\nimport { useToast } from '../../hooks/toast';\r\nimport Rota from '../../assets/Shared/rota.svg';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nimport FaqSection from '../../components/FaqSection';\r\nimport Input from '../../components/Input';\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst CartoesRecarga: React.FC = () => {\r\n  const { isLoaded } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n\r\n  const { addToast } = useToast();\r\n  const { user } = useAuth();\r\n  const { push } = useHistory();\r\n  const theme = useTheme();\r\n  const [googleAddress, setGoogleAddress] = useState<string>('');\r\n  const [latLng, setLatLng] = useState<LatLng>({} as LatLng);\r\n  const [activeCard, setActiveCard] = useState<string>('cartao1');\r\n  const [activeCardClient, setActiveCardClient] = useState<string>(\r\n    'identificado',\r\n  );\r\n  const formRef = useRef<FormHandles>(null);\r\n\r\n  const [opencard1, setOpencard1] = useState(false);\r\n  const [opencard2, setOpencard2] = useState(false);\r\n  const [opencard3, setOpencard3] = useState(false);\r\n\r\n  const [maxWidth] = useState<DialogProps['maxWidth']>('lg');\r\n  const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const [maxWidthContainer1] = useState<DialogProps['maxWidth']>('sm');\r\n\r\n  const changeActiveCard = useCallback(card => {\r\n    setActiveCard(card);\r\n  }, []);\r\n\r\n  const changeActiveCardClient = useCallback(cartao => {\r\n    setActiveCardClient(cartao);\r\n  }, []);\r\n\r\n  const handleClickOpenCard1 = () => {\r\n    setOpencard1(true);\r\n  };\r\n\r\n  const handleCloseCard1 = () => {\r\n    setOpencard1(false);\r\n  };\r\n\r\n  const handleClickOpenCard2 = () => {\r\n    setOpencard2(true);\r\n  };\r\n\r\n  const handleCloseCard2 = () => {\r\n    setOpencard2(false);\r\n  };\r\n\r\n  const handleClickOpenCard3 = () => {\r\n    setOpencard3(true);\r\n  };\r\n\r\n  const handleCloseCard3 = () => {\r\n    setOpencard3(false);\r\n  };\r\n\r\n  function openmaster() {\r\n    const modal = document.getElementById('master');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'none' ? 'block' : 'block';\r\n    const modal1 = document.getElementById('button-ver-mais-master');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'block' ? 'none' : 'none';\r\n  }\r\n\r\n  function closemaster() {\r\n    const modal = document.getElementById('master');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'block' ? 'none' : 'none';\r\n    const modal1 = document.getElementById('button-ver-mais-master');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'none' ? 'block' : 'block';\r\n  }\r\n\r\n  function openbeneficio() {\r\n    const modal = document.getElementById('beneficio');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'none' ? 'block' : 'block';\r\n    const modal1 = document.getElementById('button-ver-mais-beneficio');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'block' ? 'none' : 'none';\r\n  }\r\n\r\n  function closebeneficio() {\r\n    const modal = document.getElementById('beneficio');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'block' ? 'none' : 'none';\r\n    const modal1 = document.getElementById('button-ver-mais-beneficio');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'none' ? 'block' : 'block';\r\n  }\r\n\r\n  function openestudantil() {\r\n    const modal = document.getElementById('estudantil');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'none' ? 'block' : 'block';\r\n    const modal1 = document.getElementById('button-ver-mais-estudantil');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'block' ? 'none' : 'none';\r\n  }\r\n\r\n  function closeestudantil() {\r\n    const modal = document.getElementById('estudantil');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'block' ? 'none' : 'none';\r\n    const modal1 = document.getElementById('button-ver-mais-estudantil');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'none' ? 'block' : 'block';\r\n  }\r\n\r\n  function openvalesocial() {\r\n    const modal = document.getElementById('valesocial');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'none' ? 'block' : 'block';\r\n    const modal1 = document.getElementById('button-ver-mais-valesocial');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'block' ? 'none' : 'none';\r\n  }\r\n\r\n  function closevalesocial() {\r\n    const modal = document.getElementById('valesocial');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'block' ? 'none' : 'none';\r\n    const modal1 = document.getElementById('button-ver-mais-valesocial');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'none' ? 'block' : 'block';\r\n  }\r\n\r\n  const handleScroolTo = useCallback(\r\n    (activeItem: string) => {\r\n      changeActiveCard(activeItem);\r\n\r\n      const element = document.getElementById('content-passos');\r\n      element.scrollIntoView();\r\n      element.scrollIntoView(false);\r\n      element.scrollIntoView({ block: 'end' });\r\n      element.scrollIntoView({\r\n        behavior: 'smooth',\r\n        block: 'start',\r\n        inline: 'start',\r\n      });\r\n    },\r\n    [changeActiveCard],\r\n  );\r\n\r\n  const handleMyLocation = useCallback(() => {\r\n    navigator.geolocation.getCurrentPosition(\r\n      position => {\r\n        const encodedQueryParams = encodeURI(\r\n          `?lat=${position.coords.latitude}&lng=${position.coords.longitude}`,\r\n        );\r\n        window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n      },\r\n      () => null,\r\n    );\r\n  }, []);\r\n\r\n  const handleRedirectMap = useCallback(() => {\r\n    if (googleAddress) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?lat=${latLng.lat}&lng=${latLng.lng}&address=${googleAddress}`,\r\n      );\r\n      window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro o Endereço',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [googleAddress, latLng, addToast]);\r\n\r\n  const setMapCoordinates = useCallback(async address => {\r\n    const geoCode = await getGeocode({ address });\r\n    const { lat, lng } = await getLatLng(geoCode[0]);\r\n    setLatLng({ lat, lng });\r\n    setGoogleAddress(address);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const query = new URLSearchParams(document.location.search);\r\n    const active = query.get('active');\r\n    if (active === `'recarga'`) handleScroolTo('cartao1');\r\n    if (active === `'bloquear'`) handleScroolTo('cartao3');\r\n  }, [handleScroolTo]);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Cartões BHBUS</h1>\r\n              <span className=\"subtitle\">\r\n                Cartão BHBUS é o cartão de bilhetagem eletrônica utilizado no\r\n                transporte coletivo urbano (ônibus e metrô) de Belo Horizonte.\r\n              </span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <Main>\r\n            <h1 className=\"title\" id=\"nossoscartoes\">\r\n              Nossos cartões\r\n            </h1>\r\n            <span className=\"subtitle1\">\r\n              Confira os diferenciais de cada produto:\r\n            </span>\r\n            <Flex className=\"cartoes-bhbus\">\r\n              <FlexColumn className=\"cartao-bhbus\">\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard1}\r\n                  className=\"cards\"\r\n                >\r\n                  <img\r\n                    src={CartaoValeTransporte}\r\n                    alt=\"Cartão vale transporte BHBus\"\r\n                  />\r\n                </Buttons>\r\n                <Dialog\r\n                  maxWidth={maxWidthContainer1}\r\n                  fullScreen={fullScreen}\r\n                  open={opencard1}\r\n                  onClose={handleCloseCard1}\r\n                  aria-labelledby=\"alert-dialog-title\"\r\n                  aria-describedby=\"alert-dialog-description\"\r\n                  className=\"dialog\"\r\n                >\r\n                  <DialogActions className=\"caixa\">\r\n                    <Buttons onClick={handleCloseCard1} color=\"primary\">\r\n                      X\r\n                    </Buttons>\r\n                  </DialogActions>\r\n                  <DialogContent id=\"alert-dialog-title\">\r\n                    <div className=\"container\">\r\n                      <img\r\n                        src={CartaoValeTransporte}\r\n                        alt=\"Cartão vale transporte BHBus\"\r\n                      />\r\n                      <h3 className=\"title-benefit-vale\">\r\n                        CARTÃO BHBUS VALE TRANSPORTE\r\n                      </h3>\r\n                      <p className=\"vale\">\r\n                        Adquiridos pelos empregadores ou pessoas jurídicas de\r\n                        direito público e fornecidos aos beneficiários\r\n                        (empregados) do vale-transporte.\r\n                      </p>\r\n                      <p>\r\n                        <a href=\"/para-empresas\" target=\"blank\">\r\n                          <Button\r\n                            color=\"orange\"\r\n                            padding=\"1\"\r\n                            rounded\r\n                            name=\"recarregar\"\r\n                            type=\"button\"\r\n                            className=\"contratar\"\r\n                          >\r\n                            CONTRATAR\r\n                          </Button>\r\n                        </a>\r\n                      </p>\r\n                    </div>\r\n                  </DialogContent>\r\n                </Dialog>\r\n                <span className=\"span-cartao\">\r\n                  Adquiridos pelos empregadores ou pessoas jurídicas de direito\r\n                  público e fornecidos aos beneficiários (empregados) do\r\n                  vale-transporte.\r\n                </span>\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard1}\r\n                  className=\"card-ver-mais\"\r\n                >\r\n                  <span className=\"ver_mais\">VER MAIS &gt;</span>\r\n                </Buttons>\r\n              </FlexColumn>\r\n\r\n              <FlexColumn className=\"cartao-bhbus\">\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard2}\r\n                  className=\"cards\"\r\n                >\r\n                  <img src={CartaoCliente} alt=\"Cartão cliente BHBus\" />\r\n                </Buttons>\r\n                <Dialog\r\n                  maxWidth={maxWidth}\r\n                  fullScreen={fullScreen}\r\n                  open={opencard2}\r\n                  onClose={handleCloseCard2}\r\n                  aria-labelledby=\"alert-dialog-title\"\r\n                  aria-describedby=\"alert-dialog-description\"\r\n                >\r\n                  <DialogActions className=\"caixa\">\r\n                    <Buttons onClick={handleCloseCard2} color=\"primary\">\r\n                      X\r\n                    </Buttons>\r\n                  </DialogActions>\r\n                  <DialogContent>\r\n                    <div className=\"container1\">\r\n                      {activeCardClient === 'identificado' && (\r\n                        <>\r\n                          <img\r\n                            src={CartaoIdent}\r\n                            alt=\"Cartão Identicado BHBus\"\r\n                            className=\"img-identificado\"\r\n                          />\r\n                          <p>\r\n                            O cartão BHBUS identificado pode ser adquirido por\r\n                            qualquer cliente que utilize o sistema de\r\n                            transporte. Nessa modalidade, em caso de perda ou\r\n                            roubo, o cartão pode ser bloqueado e os créditos\r\n                            remanescentes poderão ser transferidos para uma\r\n                            segunda via.\r\n                          </p>\r\n                        </>\r\n                      )}\r\n                      {activeCardClient === 'portador' && (\r\n                        <>\r\n                          <img\r\n                            src={CartaoCliente}\r\n                            alt=\"Cartão cliente BHBus\"\r\n                            className=\"img-cliente\"\r\n                          />\r\n                          <p>\r\n                            O cartão BHBUS ao portador pode ser adquirido por\r\n                            qualquer cliente que utilize o sistema de\r\n                            transporte. Nessa modalidade, em caso de perda ou\r\n                            roubo, o cartão não pode ser bloqueado e não permite\r\n                            o ressarcimento dos créditos.\r\n                          </p>\r\n                        </>\r\n                      )}\r\n\r\n                      <p>Clique abaixo e conheça cada modalidade:</p>\r\n                      <CardBenefit\r\n                        active={!!(activeCardClient === 'identificado')}\r\n                        onClick={() => changeActiveCardClient('identificado')}\r\n                      >\r\n                        <div className=\"modalidades\">\r\n                          <img\r\n                            src={framepolitica}\r\n                            alt=\"politica\"\r\n                            className=\"frame\"\r\n                          />\r\n                          <h3>MODALIDADE IDENTIFICADO</h3>\r\n                        </div>\r\n                      </CardBenefit>\r\n                      <CardBenefit\r\n                        active={!!(activeCardClient === 'portador')}\r\n                        onClick={() => changeActiveCardClient('portador')}\r\n                      >\r\n                        <div className=\"modalidades\">\r\n                          <img\r\n                            src={framepolitica}\r\n                            alt=\"politica\"\r\n                            className=\"frame\"\r\n                          />\r\n                          <h3>MODALIDADE AO PORTADOR</h3>\r\n                        </div>\r\n                      </CardBenefit>\r\n                    </div>\r\n                    {activeCardClient === 'identificado' && (\r\n                      <>\r\n                        <div className=\"container2\">\r\n                          <h3 className=\"title-cliente\">\r\n                            CARTÃO BHBUS CLIENTE IDENTIFICADO\r\n                          </h3>\r\n\r\n                          <h3 className=\"title-benefit1\">COMO ADQUIRIR?</h3>\r\n                          <p>\r\n                            O cartão BHBUS Cliente Identificado pode ser\r\n                            adquirido gratuitamente no Posto Floresta, situado\r\n                            na rua Aquiles Lobo, 504, Floresta.\r\n                          </p>\r\n                          <p>\r\n                            Nas estações: Verificar disponibilidade pelo\r\n                            número(31)3248-7300.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">COMO RECARREGAR?</h3>\r\n                          <p>\r\n                            A carga e recarga podem ser feitas em qualquer um\r\n                            dos postos de venda do Transfácil, estações BHBUS e\r\n                            estações do metrô. É possível recarregar também no\r\n                            app BHBUS ou pelo nosso site&nbsp;\r\n                            <a href=\"/login\" target=\"blank\">\r\n                              <strong>clicando aqui</strong>\r\n                            </a>\r\n                            .\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            PERDI O CARTÃO, O QUE FAZER?\r\n                          </h3>\r\n                          <p>\r\n                            O cliente deverá comunicar ao TRANSFÁCIL por meio do\r\n                            whatsapp&nbsp;\r\n                            <a\r\n                              href=\"https://api.whatsapp.com/send?phone=553132487300&amp;text=Olá%20Transfácil\"\r\n                              target=\"blank\"\r\n                            >\r\n                              <strong>(31) 3248-7300</strong>\r\n                            </a>\r\n                            &nbsp;ou e-mail&nbsp;\r\n                            <a href=\"mailto:sac@transfacil.com.br\">\r\n                              <strong>sac@transfacil.com.br</strong>\r\n                            </a>\r\n                            .\r\n                          </p>\r\n                          <p>\r\n                            O bloqueio será realizado no prazo máximo de 72\r\n                            horas após a notificação. Para retirar a segunda via\r\n                            é necessário aguardar 3 dias úteis após o bloqueio e\r\n                            comparecer a Loja Floresta (Rua Aquiles Lobo, 504 -\r\n                            Floresta) apresentando documento original com foto e\r\n                            realizar o pagamento no valor de R$ 15,00.\r\n                          </p>\r\n                        </div>\r\n                      </>\r\n                    )}\r\n                    {activeCardClient === 'portador' && (\r\n                      <>\r\n                        <div className=\"container2\">\r\n                          <h3 className=\"title-cliente\">\r\n                            CARTÃO BHBUS CLIENTE AO PORTADOR\r\n                          </h3>\r\n\r\n                          <h3 className=\"title-benefit1\">COMO ADQUIRIR?</h3>\r\n                          <p>\r\n                            O cartão BHBUS ao Portador pode ser adquirido em\r\n                            todas as estações BHBUS, Lojas Transfácil ou\r\n                            estações do Metrô.\r\n                          </p>\r\n                          <p>Custo unitário do cartão: R$2,00.</p>\r\n                          <h3 className=\"title-benefit1\">COMO RECARREGAR?</h3>\r\n                          <p>\r\n                            A carga e recarga podem ser feitas em qualquer um\r\n                            dos postos de venda do Transfácil, estações BHBUS e\r\n                            estações do metrô. É possível recarregar também no\r\n                            app BHBUS ou pelo nosso site &nbsp;\r\n                            <a href=\"/login\" target=\"blank\">\r\n                              <strong>clicando aqui</strong>\r\n                            </a>\r\n                            .\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            PERDI O CARTÃO, E AGORA?\r\n                          </h3>\r\n                          <p>\r\n                            O cartão BHBUS ao Portador não permite bloqueio,\r\n                            consequentemente não possui a possibilidade de\r\n                            retirada de 2º via.\r\n                          </p>\r\n                        </div>\r\n                      </>\r\n                    )}\r\n                  </DialogContent>\r\n                </Dialog>\r\n                <span className=\"span-cartao\">\r\n                  Pode ser adquirido por qualquer usuário do Serviço de\r\n                  Transporte. Na modalidade Identificado, em caso de perda ou\r\n                  roubo, o cartão pode ser bloqueado e os créditos remanescentes\r\n                  poderão ser transferidos para uma segunda via.\r\n                </span>\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard2}\r\n                  className=\"card-ver-mais\"\r\n                >\r\n                  <span className=\"ver_mais\">VER MAIS &gt;</span>\r\n                </Buttons>\r\n              </FlexColumn>\r\n\r\n              <FlexColumn className=\"cartao-bhbus\">\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard3}\r\n                  className=\"cards\"\r\n                >\r\n                  <img src={CartaoBeneficio} alt=\"Cartão beneficio BHBus\" />\r\n                </Buttons>\r\n                <Dialog\r\n                  maxWidth={maxWidth}\r\n                  fullScreen={fullScreen}\r\n                  open={opencard3}\r\n                  onClose={handleCloseCard3}\r\n                  aria-labelledby=\"alert-dialog-title\"\r\n                  aria-describedby=\"alert-dialog-description\"\r\n                >\r\n                  <DialogActions className=\"caixa\">\r\n                    <Buttons onClick={handleCloseCard3} color=\"primary\">\r\n                      X\r\n                    </Buttons>\r\n                  </DialogActions>\r\n                  <DialogContent>\r\n                    <div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container-img\">\r\n                          <img\r\n                            src={Cardmaster}\r\n                            alt=\"Cartão beneficio BHBUS Master\"\r\n                          />\r\n                        </div>\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit\">BHBUS Master</h1>\r\n                          <p>\r\n                            Destinado a clientes com idade{' '}\r\n                            <strong>\r\n                              igual ou superior a 65 (sessenta e cinco) anos\r\n                            </strong>\r\n                            , que desejam transpor gratuitamente as roletas dos\r\n                            ônibus do sistema de Transporte Coletivo Municipal\r\n                            em Belo Horizonte.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">COMO ADQUIRIR?</h3>\r\n                          <p>\r\n                            Basta dirigir-se ao Posto do Transfácil no BH\r\n                            Resolve (Av. Santos Dumont, 363 - Centro), portando\r\n                            documento de identificação com foto, CPF, xerox do\r\n                            RG e comprovante de endereço atual (máximo 6 meses).\r\n                          </p>\r\n                          <button\r\n                            type=\"button\"\r\n                            id=\"button-ver-mais-master\"\r\n                            className=\"ver-mais\"\r\n                            onClick={openmaster}\r\n                          >\r\n                            <p>VER MAIS</p>\r\n                          </button>\r\n\r\n                          <div id=\"master\" className=\"cards-benefit\">\r\n                            <p>\r\n                              Os atendimentos ocorrem de segunda a sexta-feira,\r\n                              das 8h às 17h, por ordem de chegada, não sendo\r\n                              necessário agendamento prévio. O cartão é entregue\r\n                              na hora.\r\n                            </p>\r\n                            <p>\r\n                              Para obter o Cartão BHBUS Master, não é necessário\r\n                              residir em Belo Horizonte, mas sua utilização deve\r\n                              ser exclusivamente na cidade.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">\r\n                              PERDI O CARTÃO, O QUE FAZER?\r\n                            </h3>\r\n                            <p>\r\n                              O cliente deverá comunicar ao TRANSFÁCIL através\r\n                              do whatsapp&nbsp;\r\n                              <a\r\n                                href=\"https://api.whatsapp.com/send?phone=553132487300&amp;text=Olá%20Transfácil\"\r\n                                target=\"blank\"\r\n                              >\r\n                                <strong>(31) 3248-7300</strong>\r\n                              </a>\r\n                              &nbsp;ou E-mail&nbsp;\r\n                              <a href=\"mailto:sac@transfacil.com.br\">\r\n                                <strong>sac@transfacil.com.br</strong>\r\n                              </a>\r\n                              .\r\n                            </p>\r\n                            <p>\r\n                              Para obter a segunda via, é necessário comparecer\r\n                              ao Posto do Transfácil no BH Resolve (Av. Santos\r\n                              Dumont, 363 - Centro) apresentando documento\r\n                              original com foto e boletim de ocorrência.\r\n                            </p>\r\n                            <p>\r\n                              Os atendimentos ocorrem de segunda a sexta-feira,\r\n                              das 8h às 17h, por ordem de chegada, sem\r\n                              necessidade de agendamento prévio. A partir da\r\n                              terceira via em diante, será cobrado o valor\r\n                              correspondente a 7 vezes a tarifa predominante.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">COMO RENOVAR?</h3>\r\n                            <p>\r\n                              A revalidação do cartão deve ser feita durante o\r\n                              mês de aniversário, após a mensagem \"Revalidar\r\n                              cartão\" aparecer no validador localizado nas\r\n                              roletas.\r\n                            </p>\r\n                            <p>\r\n                              Para realizar a revalidação, o titular do\r\n                              benefício deve comparecer ao Posto do Transfácil,\r\n                              no BH Resolve, localizado na Av. Santos Dumont,\r\n                              363 - Centro, portando: Cartão BHBUS Master,\r\n                              Documento de Identidade, CPF e comprovante de\r\n                              endereço atual (máximo 6 meses).\r\n                            </p>\r\n                            <p>\r\n                              Horário de Funcionamento: segunda à sexta, de 08h\r\n                              às 17h. O atendimento será realizado por ordem de\r\n                              chegada.\r\n                            </p>\r\n                            <p>\r\n                              Caso não possua o cartão, é necessário registrar\r\n                              um Boletim de Ocorrência de perda/roubo e pagar o\r\n                              valor de 7 vezes a tarifa vigente.\r\n                            </p>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"ver-mais\"\r\n                              onClick={closemaster}\r\n                            >\r\n                              <p>VER MENOS</p>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container-img\">\r\n                          <img\r\n                            src={Cardbeneficio}\r\n                            alt=\"Cartão beneficio BHBUS Beneficio\"\r\n                          />\r\n                        </div>\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit-benefit\">\r\n                            BHBUS Benefício\r\n                          </h1>\r\n                          <p>\r\n                            Destinado a pessoas com insuficiência renal crônica\r\n                            em terapia renal substitutiva, pessoas com\r\n                            deficiência física, auditiva, mental ou visual e\r\n                            pessoas com transtorno do espectro autista, sendo\r\n                            necessária a apresentação do cartão para que se\r\n                            possa usufruir da gratuidade.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">COMO ADQUIRIR?</h3>\r\n                          <p>\r\n                            Basta acessar o site&nbsp;\r\n                            <a\r\n                              href=\"https://servicos.pbh.gov.br\"\r\n                              target=\"_blank\"\r\n                              rel=\"noreferrer\"\r\n                            >\r\n                              <strong>https://servicos.pbh.gov.br</strong>\r\n                            </a>\r\n                            &nbsp; no campo de busca, digite Benefício da\r\n                            gratuidade. Escolha a opção Inclusão e veja o passo\r\n                            a passo para fazer a solicitação.\r\n                          </p>\r\n                          <button\r\n                            type=\"button\"\r\n                            id=\"button-ver-mais-beneficio\"\r\n                            className=\"ver-mais\"\r\n                            onClick={openbeneficio}\r\n                          >\r\n                            <p>VER MAIS</p>\r\n                          </button>\r\n                          <div id=\"beneficio\" className=\"cards-benefit\">\r\n                            <h3 className=\"title-benefit1\">\r\n                              PERDI MEU CARTÃO, E AGORA?\r\n                            </h3>\r\n                            <p>\r\n                              O cliente deverá comunicar ao TRANSFÁCIL por meio\r\n                              do whatsapp&nbsp;\r\n                              <a\r\n                                href=\"https://api.whatsapp.com/send?phone=553132487300&amp;text=Olá%20Transfácil\"\r\n                                target=\"blank\"\r\n                              >\r\n                                <strong>(31) 3248-7300</strong>\r\n                              </a>\r\n                              &nbsp;ou e-mail&nbsp;\r\n                              <a href=\"mailto:sac@transfacil.com.br\">\r\n                                <strong>sac@transfacil.com.br</strong>\r\n                              </a>\r\n                              .\r\n                            </p>\r\n                            <p>\r\n                              O bloqueio será realizado no prazo máximo de 72\r\n                              horas após a notificação. Para retirar a segunda\r\n                              via é necessário comparecer no BH Resolve (Av.\r\n                              Santos Dumont, 363 - Centro) apresentando\r\n                              documento original com foto.\r\n                            </p>\r\n                            <p>\r\n                              Os atendimentos serão de segunda à sexta-feira, de\r\n                              8h às 12h e de 13h às 17h, por ordem de chegada,\r\n                              não sendo possível o agendamento prévio. A partir\r\n                              da segunda via em diante será cobrado valor\r\n                              correspondente a 7 vezes a tarifa predominante.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">COMO RENOVAR?</h3>\r\n                            <p>\r\n                              A revalidação do cartão deve ser feita ao longo do\r\n                              mês de aniversário, após aparecer a mensagem\r\n                              \"Revalidar cartão\" no validador localizado nas\r\n                              roletas.\r\n                            </p>\r\n                            <p>\r\n                              Para realizar a revalidação, o titular do\r\n                              benefício deve comparecer ao Posto do Transfácil,\r\n                              no BH RESOLVE - Endereço: Av. Santos Dumont, 363 -\r\n                              Centro, portando: Cartão BHBUS Benefício Inclusão,\r\n                              Documento de Identidade, CPF e comprovante de\r\n                              endereço atual (máximo 6 meses).\r\n                            </p>\r\n                            <p>\r\n                              Horário de Funcionamento: segunda à sexta, de 08h\r\n                              às 17h. O atendimento será feito por ordem de\r\n                              chegada.\r\n                            </p>\r\n                            <p>\r\n                              Caso não possua o cartão, é necessário realizar um\r\n                              Boletim de Ocorrência de perda/roubo e pagar o\r\n                              valor de 7 vezes a tarifa vigente.\r\n                            </p>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"ver-mais\"\r\n                              onClick={closebeneficio}\r\n                            >\r\n                              <p>VER MENOS</p>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container-img\">\r\n                          <img\r\n                            src={Cardestudantil}\r\n                            alt=\"Cartão beneficio Passe Estudantil\"\r\n                          />\r\n                        </div>\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit-estudantil\">\r\n                            Passe Estudantil\r\n                          </h1>\r\n                          <p>\r\n                            O Passe Estudantil é um benefício oferecido pela PBH\r\n                            e destinado aos alunos do Ensino Médio e da Educação\r\n                            de Jovens e Adultos (EJA) inscritos e regulares em\r\n                            instituições de ensino localizadas em Belo Horizonte\r\n                            e que habitem a, no mínimo, 1km da escola que\r\n                            frequentam.\r\n                          </p>\r\n                          <p>\r\n                            O auxílio equivale a 100% do valor das tarifas pagas\r\n                            no percurso ida e volta entre a residência e a\r\n                            escola do estudante beneficiário, sendo válido para\r\n                            o serviço de transporte coletivo de passageiros do\r\n                            Município de Belo Horizonte.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">COMO ADQUIRIR?</h3>\r\n                          <p>\r\n                            O início das inscrições é divulgado nos canais\r\n                            oficiais da Prefeitura de Belo Horizonte. Para mais\r\n                            informações, acesse: &nbsp;\r\n                            <a\r\n                              href=\"https://prefeitura.pbh.gov.br/\"\r\n                              target=\"_blank\"\r\n                              rel=\"noreferrer\"\r\n                            >\r\n                              <strong>https://prefeitura.pbh.gov.br</strong>\r\n                            </a>\r\n                          </p>\r\n                          <button\r\n                            type=\"button\"\r\n                            id=\"button-ver-mais-estudantil\"\r\n                            className=\"ver-mais\"\r\n                            onClick={openestudantil}\r\n                          >\r\n                            <p>VER MAIS</p>\r\n                          </button>\r\n                          <div id=\"estudantil\" className=\"cards-benefit\">\r\n                            <h3 className=\"title-benefit1\">\r\n                              PERDI O CARTÃO, E AGORA?\r\n                            </h3>\r\n                            <p>\r\n                              O estudante deverá comunicar ao Transfácil, por\r\n                              meio do WhatsApp:\r\n                              <a\r\n                                href=\"https://api.whatsapp.com/send?phone=553132487300&amp;text=Olá%20Transfácil\"\r\n                                target=\"blank\"\r\n                              >\r\n                                <strong>(31) 3248-7300</strong>\r\n                              </a>\r\n                              &nbsp;ou e-mail&nbsp;\r\n                              <a href=\"mailto:sac@transfacil.com.br\">\r\n                                <strong>sac@transfacil.com.br</strong>\r\n                              </a>\r\n                              .\r\n                            </p>\r\n                            <p>\r\n                              Para retirada da segunda via é necessário aguardar\r\n                              3 (três) dias úteis após a notificação do bloqueio\r\n                              e comparecer no BH Resolve, na Av. Santos Dumont,\r\n                              363 - Centro. É necessário apresentar documento\r\n                              original com foto e será cobrado o valor\r\n                              correspondente a 7 tarifas predominantes.\r\n                            </p>\r\n                            <p>\r\n                              Os atendimentos serão de segunda à sexta-feira, de\r\n                              8h às 12h e de 13h às 17h, por ordem de chegada,\r\n                              não sendo possível o agendamento prévio.\r\n                            </p>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"ver-mais\"\r\n                              onClick={closeestudantil}\r\n                            >\r\n                              <p>VER MENOS</p>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container-img\">\r\n                          <img\r\n                            src={CardValeSocial}\r\n                            alt=\"Cartão beneficio Vale Social\"\r\n                          />\r\n                        </div>\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit-estudantil\">\r\n                            Vale-Transporte Social\r\n                          </h1>\r\n                          <p>\r\n                            O Vale-Transporte Social engloba duas categorias de\r\n                            gratuidades para o transporte coletivo por ônibus,\r\n                            são eles: o Auxílio Transporte Mulher e o\r\n                            Vale-Transporte Saúde.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            Auxílio Transporte Mulher\r\n                          </h3>\r\n                          <p>\r\n                            O Auxílio Transporte Mulher é um benefício destinado\r\n                            a mulheres em situação de violência doméstica e\r\n                            familiar, que residem em Belo Horizonte,\r\n                            apresentando vulnerabilidade econômica ou social e\r\n                            sendo assistidas pelo Poder Público. Essa iniciativa\r\n                            foi estabelecida pela Lei n° 11.538/23 e pelo\r\n                            Decreto nº 18.412/2023.\r\n                          </p>\r\n                          <p>\r\n                            Após o cumprimento de todas as exigências, o\r\n                            benefício será concedido por um período de 2 (dois)\r\n                            meses. Sua renovação poderá ocorrer mediante uma\r\n                            identificação realizada pelos serviços municipais de\r\n                            atendimento à mulher em situação de violência\r\n                            doméstica e familiar, nos locais como o CEAM -\r\n                            Centro Especializado de Atendimento à Mulher -\r\n                            Benvinda e os Centros de Referência Especializado de\r\n                            Assistência Social - CREAS, por meio de atendimento\r\n                            presencial.\r\n                          </p>\r\n                          <p>\r\n                            Mais informações: &nbsp;\r\n                            <a\r\n                              href=\"https://prefeitura.pbh.gov.br/\"\r\n                              target=\"_blank\"\r\n                              rel=\"noreferrer\"\r\n                            >\r\n                              <strong>https://prefeitura.pbh.gov.br</strong>\r\n                            </a>\r\n                          </p>\r\n                          <button\r\n                            type=\"button\"\r\n                            id=\"button-ver-mais-valesocial\"\r\n                            className=\"ver-mais\"\r\n                            onClick={openvalesocial}\r\n                          >\r\n                            <p>VER MAIS</p>\r\n                          </button>\r\n                          <div id=\"valesocial\" className=\"cards-benefit\">\r\n                            <h3 className=\"title-benefit1\">\r\n                              Vale-Transporte Saúde\r\n                            </h3>\r\n                            <p>\r\n                              O Vale-Transporte Saúde é um benefício voltado aos\r\n                              cidadãos que necessitam se locomover para\r\n                              consultas e procedimentos médicos dentro do escopo\r\n                              do Sistema Único de Saúde - SUS, com prioridade de\r\n                              atendimento para pacientes com diagnóstico\r\n                              oncológico. Este benefício foi estabelecido por\r\n                              meio da legislação, especificamente pela Lei n°\r\n                              11.458/23 e pelo Decreto n° 18.409/23.\r\n                            </p>\r\n                            <p>\r\n                              Mais informações: &nbsp;\r\n                              <a\r\n                                href=\"https://prefeitura.pbh.gov.br/\"\r\n                                target=\"_blank\"\r\n                                rel=\"noreferrer\"\r\n                              >\r\n                                <strong>https://prefeitura.pbh.gov.br</strong>\r\n                              </a>\r\n                            </p>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"ver-mais\"\r\n                              onClick={closevalesocial}\r\n                            >\r\n                              <p>VER MENOS</p>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </DialogContent>\r\n                </Dialog>\r\n                <span className=\"span-cartao\">\r\n                  Pode ser adquirido pelos beneficiários da gratuidade dos\r\n                  serviços de transporte coletivo. O meio passe estudantil é um\r\n                  benefício oferecido correspondednte a um desconto de 50% do\r\n                  valor da tarifa, no percurso entre a residência e a escola do\r\n                  estudante.\r\n                </span>\r\n                <Buttons\r\n                  variant=\"outlined\"\r\n                  color=\"default\"\r\n                  onClick={handleClickOpenCard3}\r\n                  className=\"card-ver-mais\"\r\n                >\r\n                  <span className=\"ver_mais\">VER MAIS &gt;</span>\r\n                </Buttons>\r\n              </FlexColumn>\r\n            </Flex>\r\n            <ContainerCartao id=\"cardsection\">\r\n              <TransfacilCard\r\n                active={!!(activeCard === 'cartao1')}\r\n                onClick={() => handleScroolTo('cartao1')}\r\n              >\r\n                <DollarIcon />\r\n                <h3>RECARREGAR</h3>\r\n                <h3>MEU CARTÃO</h3>\r\n              </TransfacilCard>\r\n              <TransfacilCard\r\n                active={!!(activeCard === 'cartao2')}\r\n                onClick={() => handleScroolTo('cartao2')}\r\n              >\r\n                <MdCreditCard size={48} className=\"iconpurple\" />\r\n                <h3>COMPRAR</h3>\r\n                <h3>UM CARTÃO</h3>\r\n              </TransfacilCard>\r\n              <TransfacilCard\r\n                active={!!(activeCard === 'cartao3')}\r\n                onClick={() => handleScroolTo('cartao3')}\r\n              >\r\n                <MdLockOutline size={48} className=\"iconpurple\" />\r\n                <h3>BLOQUEAR</h3>\r\n                <h3>MEU CARTÃO</h3>\r\n              </TransfacilCard>\r\n            </ContainerCartao>\r\n            <div id=\"content-passos\" className=\"content-passos\">\r\n              {activeCard === 'cartao1' && (\r\n                <>\r\n                  <h1 className=\"h1\">Recarga Online</h1>\r\n                  <span>Confira o passo a passo:</span>\r\n                  <CircleContainer>\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Entrar} alt=\"\" className=\"img\" />\r\n                      </Circle>\r\n                      <span>Cadastre-se ou faça seu login</span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Cartao} alt=\"\" className=\"img2\" />\r\n                      </Circle>\r\n                      <span>Adicione o cartão que deseja recarregar</span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Dolar} alt=\"\" className=\"img3\" />\r\n                      </Circle>\r\n                      <span>\r\n                        Escolha o valor da recarga e a forma de pagamento\r\n                      </span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Mail} alt=\"\" className=\"img4\" />\r\n                      </Circle>\r\n                      <span>\r\n                        Aguarde a confirmação por e-mail e tudo pronto,já pode\r\n                        usar seu BHBUS!\r\n                      </span>\r\n                    </CircleWrapper>\r\n                  </CircleContainer>\r\n\r\n                  <Button\r\n                    color=\"orange\"\r\n                    padding=\"1\"\r\n                    rounded\r\n                    name=\"recarregar\"\r\n                    className=\"recarregar-cartao\"\r\n                    onClick={() => {\r\n                      if (user) {\r\n                        handleRedirect(window.open('/meus-cartoes'));\r\n                      } else {\r\n                        handleRedirect(window.open('/login'));\r\n                      }\r\n                    }}\r\n                    type=\"button\"\r\n                  >\r\n                    RECARREGAR MEU CARTÃO\r\n                  </Button>\r\n\r\n                  <h1 className=\"h1-1\">Recarga nos postos de atendimento</h1>\r\n                  <h2>Locais que você pode recarregar:</h2>\r\n                  <CircleContainer>\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Shop} alt=\"\" className=\"img5\" />\r\n                      </Circle>\r\n                      <span>Lojas Transfácil e estações BHBUS</span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Bilhete} alt=\"\" className=\"img6\" />\r\n                      </Circle>\r\n                      <span>Bilheterias do metrô</span>\r\n                    </CircleWrapper>\r\n                  </CircleContainer>\r\n                </>\r\n              )}\r\n              {activeCard === 'cartao2' && (\r\n                <>\r\n                  <h1 className=\"h1\">Comprar seu BHBUS</h1>\r\n                  <CircleContainer>\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={CardPurple} alt=\"\" className=\"img9\" />\r\n                      </Circle>\r\n                      <span>Escolha o melhor cartão para você</span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Shop} alt=\"\" className=\"img5\" />\r\n                      </Circle>\r\n                      <span>\r\n                        Vá até um ponto de venda físico BHBUS e adquira o seu\r\n                        cartão\r\n                      </span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Phone} alt=\"\" className=\"img7 phone\" />\r\n                      </Circle>\r\n                      <span>\r\n                        Faça a primeira recarga na hora e se cadastre no site\r\n                        para recarga online\r\n                      </span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Bus} alt=\"\" className=\"img6\" />\r\n                      </Circle>\r\n                      <span>\r\n                        Depois é só usar seu BHBUS para se movimentar na cidade.\r\n                      </span>\r\n                    </CircleWrapper>\r\n                  </CircleContainer>\r\n                  <h2 className=\"text-dark-grey\">\r\n                    Locais que você pode adquirir um cartão BHBUS:\r\n                  </h2>\r\n                  <CircleContainer>\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Shop} alt=\"\" className=\"img5\" />\r\n                      </Circle>\r\n                      <span>Lojas Transfácil e estações BHBUS</span>\r\n                    </CircleWrapper>\r\n\r\n                    <CircleWrapper>\r\n                      <Circle>\r\n                        <img src={Oval} alt=\"fundo branco\" />\r\n                        <img src={Bilhete} alt=\"\" className=\"img6\" />\r\n                      </Circle>\r\n                      <span>Bilheterias do metrô</span>\r\n                    </CircleWrapper>\r\n                  </CircleContainer>\r\n\r\n                  <h2 className=\"text-dark-grey\">\r\n                    Confira as lojas ou os locais de recarga perto de você.\r\n                  </h2>\r\n\r\n                  <div className=\"flex\">\r\n                    {isLoaded && (\r\n                      <div className=\"googleContainer\">\r\n                        <button\r\n                          type=\"button\"\r\n                          className=\"locationContainer\"\r\n                          onClick={handleMyLocation}\r\n                        >\r\n                          <AiOutlineAim /> Usar minha localização\r\n                        </button>\r\n                        {/* <GooglePlacesSearch\r\n                          onSelect={address => setMapCoordinates(address)}\r\n                          placeholder=\"Endereço\"\r\n                          type=\"recharge\"\r\n                          button\r\n                          buttonCallBack={handleRedirectMap}\r\n                        /> */}\r\n\r\n                        <Form ref={formRef} onSubmit={handleRedirectMap}>\r\n                          <Input\r\n                            name=\"endereçoOrigem\"\r\n                            onChange={e => setMapCoordinates(e.target.value)}\r\n                            defaultValue={googleAddress}\r\n                            placeholder=\"Endereço\"\r\n                            type=\"recharge\"\r\n                          />\r\n                          <div\r\n                            style={{\r\n                              display: 'flex',\r\n                              justifyContent: 'center',\r\n                            }}\r\n                          >\r\n                            <Button\r\n                              style={{\r\n                                marginBottom: '4px',\r\n                                marginTop: '4px',\r\n                                marginLeft: '-4px',\r\n                              }}\r\n                              type=\"submit\"\r\n                              color=\"purple\"\r\n                              padding=\"4\"\r\n                              rounded\r\n                            >\r\n                              Buscar\r\n                            </Button>\r\n                          </div>\r\n                        </Form>\r\n                      </div>\r\n                    )}\r\n                    <div>\r\n                      <img\r\n                        src={Rota}\r\n                        alt=\"Mapa indicando o início e fim dde um trajeto.\"\r\n                        className=\"img-gps\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n              {activeCard === 'cartao3' && (\r\n                <>\r\n                  <Instrucoes>\r\n                    <h1 className=\"h1\">Perda ou roubo de cartão</h1>\r\n                    <span className=\"text-purple\">\r\n                      Para cartões BHBUS identificados:\r\n                    </span>\r\n                    <CircleContainer>\r\n                      {/* <CircleWrapper>\r\n                        <div className=\"wrapper-circle\">\r\n                          <Circle>\r\n                            <img src={Oval} alt=\"fundo branco\" />\r\n                            <img src={Entrar} alt=\"\" className=\"img\" />\r\n                          </Circle>\r\n                          <span>Cadastre-se ou faça seu login </span>\r\n                        </div>\r\n                      </CircleWrapper>\r\n\r\n                      <CircleWrapper>\r\n                        <div className=\"wrapper-circle\">\r\n                          <Circle>\r\n                            <img src={Oval} alt=\"fundo branco\" />\r\n                            <img src={Lupa} alt=\"\" className=\"img\" />\r\n                          </Circle>\r\n                          <span>Selecione o cartão que deseja bloquear</span>\r\n                        </div>\r\n                      </CircleWrapper>\r\n\r\n                      <CircleWrapper>\r\n                        <div className=\"wrapper-circle\">\r\n                          <Circle>\r\n                            <img src={Oval} alt=\"fundo branco\" />\r\n                            <img src={Phone2} alt=\"\" className=\"img8\" />\r\n                          </Circle>\r\n                          <span>\r\n                            Pronto! Em até 72h você poderá retirar a 2ª via.\r\n                          </span>\r\n                        </div>\r\n                      </CircleWrapper>\r\n\r\n                      <CircleWrapper>\r\n                        <div className=\"wrapper-circle\">\r\n                          <Circle>\r\n                            <img src={Oval} alt=\"fundo branco\" />\r\n                            <img src={Shop} alt=\"\" className=\"img5\" />\r\n                          </Circle>\r\n                          <span>\r\n                            Depois é só buscar na loja Transfácil mais próxima\r\n                            de você.\r\n                          </span>\r\n                        </div>\r\n                      </CircleWrapper> */}\r\n\r\n                      <CircleWrapper>\r\n                        <div className=\"wrapper-circle\">\r\n                          <a\r\n                            href=\"http://api.whatsapp.com/send?phone=553132487300\"\r\n                            target=\"blank\"\r\n                            className=\"no-underline\"\r\n                          >\r\n                            <Circle>\r\n                              <img src={Oval} alt=\"fundo branco\" />\r\n                              <img src={Whatsapp} alt=\"\" className=\"img10\" />\r\n                            </Circle>\r\n                          </a>\r\n                          <span>\r\n                            <a\r\n                              href=\"http://api.whatsapp.com/send?phone=553132487300\"\r\n                              target=\"blank\"\r\n                              className=\"no-underline\"\r\n                            >\r\n                              Para bloquear o seu cartão identificado entre em\r\n                              contato com o Whatsapp, clicando&nbsp;\r\n                            </a>\r\n                            <a\r\n                              href=\"http://api.whatsapp.com/send?phone=553132487300\"\r\n                              target=\"blank\"\r\n                            >\r\n                              aqui.\r\n                            </a>\r\n                          </span>\r\n                        </div>\r\n                      </CircleWrapper>\r\n                    </CircleContainer>\r\n                    {/* <Button\r\n                    color=\"orange\"\r\n                    padding=\"1\"\r\n                    rounded\r\n                    name=\"recarregar\"\r\n                    onClick={() => {\r\n                      if (user) {\r\n                        handleRedirect('/meus-cartoes');\r\n                      } else {\r\n                        handleRedirect('/login');\r\n                      }\r\n                    }}\r\n                    type=\"button\"\r\n                  >\r\n                    BLOQUEAR MEU CARTÃO\r\n                  </Button> */}\r\n                  </Instrucoes>\r\n                </>\r\n              )}\r\n            </div>\r\n          </Main>\r\n          <FaqSection />\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CartoesRecarga;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  h1 {\r\n    color: var(--purple);\r\n  }\r\n\r\n  .button-transparent {\r\n    background-color: var(--transparent) !important;\r\n    color: var(--orange) !important;\r\n    border: 1px solid var(--orange) !important;\r\n  }\r\n`;\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0 60px 0;\r\n  display: flex;\r\n  flex-direction: row;\r\n  color: var(--purple);\r\n\r\n  .icon {\r\n    margin-right: 20px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 492px) {\r\n      line-height: 3.5rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FormWrapper = styled.div`\r\n  .modal-cpf-label {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .btn-wrapper {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .editar {\r\n    cursor: pointer;\r\n    padding-top: 25px;\r\n  }\r\n\r\n  .head {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .item {\r\n    width: 40%;\r\n  }\r\n\r\n  .ml {\r\n    margin-left: 40px;\r\n  }\r\n\r\n  .flex {\r\n    display: flex;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n    @media (max-width: 680px) {\r\n      flex-direction: column;\r\n    }\r\n\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      margin-top: 45px;\r\n      margin-left: -30px;\r\n      color: var(--orange);\r\n\r\n      @media (max-width: 680px) {\r\n        margin-top: 8px;\r\n        text-align: right;\r\n      }\r\n    }\r\n  }\r\n\r\n  .termos {\r\n    display: inline-block;\r\n    margin-top: 30px;\r\n\r\n    @media (max-width: 680px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .text-purple {\r\n    color: var(--purple);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .endereco {\r\n    margin-top: 10px;\r\n    width: 30vw;\r\n    height: 100px;\r\n\r\n    Input {\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .btn-cancelar {\r\n    margin-left: 50px;\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const ModalSenha = styled.div`\r\n  width: 100vw;\r\n  height: 100vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  h1 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 600px;\r\n    height: 380px;\r\n    padding: 0px 40px 0px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 32px;\r\n      height: 32px;\r\n      right: calc(-100%);\r\n      top: 10px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      position: relative;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .button-transparent {\r\n    background-color: var(--transparent) !important;\r\n    color: var(--orange) !important;\r\n    border: 1px solid var(--orange) !important;\r\n  }\r\n  .btn-sair {\r\n    margin-left: 30px;\r\n  }\r\n  .btn-wrapper {\r\n    margin-top: 20px;\r\n  }\r\n  .mt-20 {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .btn-right {\r\n    margin-left: 20px;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.span`\r\n  display: inline-block;\r\n  margin-top: 30px;\r\n\r\n  @media (max-width: 680px) {\r\n    width: 100%;\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { Container } from './styles';\r\n\r\nconst PoliticsAndTermsSession: React.FC = () => {\r\n  return (\r\n    <Container className=\"termos\">\r\n      * Ver{' '}\r\n      <span className=\"text-purple\">\r\n        <Link to=\"/termos-de-uso\">Temos e condições de uso</Link>\r\n      </span>{' '}\r\n      e{' '}\r\n      <span className=\"text-purple\">\r\n        <Link to=\"politica-privacidade\">Políticas de Privacidade</Link>\r\n      </span>{' '}\r\n      e segurança.\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default PoliticsAndTermsSession;\r\n","import styled from 'styled-components';\r\n\r\n// export const Container = styled.div`\r\n//   .modal-cpf-label {\r\n//     margin-top: 20px;\r\n//   }\r\n\r\n//   .btn-wrapper {\r\n//     margin-top: 20px;\r\n//   }\r\n\r\n//   .editar {\r\n//     cursor: pointer;\r\n//     padding-top: 25px;\r\n//   }\r\n\r\n//   .head {\r\n//     margin-top: 20px;\r\n//   }\r\n\r\n//   .item {\r\n//     width: 40%;\r\n//   }\r\n\r\n//   .ml {\r\n//     margin-left: 40px;\r\n//   }\r\n\r\n//   .flex {\r\n//     display: flex;\r\n//     width: 100%;\r\n//     margin-top: 20px;\r\n//     @media (max-width: 680px) {\r\n//       flex-direction: column;\r\n//     }\r\n\r\n//     p {\r\n//       margin-top: 20px;\r\n//     }\r\n\r\n//     span {\r\n//       display: inline-block;\r\n//       margin-top: 45px;\r\n//       margin-left: -30px;\r\n//       color: var(--orange);\r\n\r\n//       @media (max-width: 680px) {\r\n//         margin-top: 8px;\r\n//         text-align: right;\r\n//       }\r\n//     }\r\n//   }\r\n\r\n//   .termos {\r\n//     display: inline-block;\r\n//     margin-top: 30px;\r\n\r\n//     @media (max-width: 680px) {\r\n//       width: 100%;\r\n//     }\r\n//   }\r\n\r\n//   .text-purple {\r\n//     color: var(--purple);\r\n//     font-weight: bold;\r\n//   }\r\n\r\n//   .endereco {\r\n//     margin-top: 10px;\r\n//     width: 30vw;\r\n//     height: 100px;\r\n\r\n//     Input {\r\n//       height: 100%;\r\n//     }\r\n//   }\r\n\r\n//   .btn-cancelar {\r\n//     margin-left: 50px;\r\n//   }\r\n\r\n//   @media (max-width: 500px) {\r\n//     flex-wrap: wrap;\r\n//     width: 100%;\r\n//   }\r\n// `;\r\n\r\nexport const ModalSenha = styled.div`\r\n  width: 100vw;\r\n  height: 100vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  h1 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 600px;\r\n    height: 480px;\r\n    padding: 0px 40px 0px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 32px;\r\n      height: 32px;\r\n      right: calc(-100%);\r\n      top: 10px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      position: relative;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .button-transparent {\r\n    background-color: var(--transparent) !important;\r\n    color: var(--orange) !important;\r\n    border: 1px solid var(--orange) !important;\r\n  }\r\n  .btn-sair {\r\n    margin-left: 30px;\r\n  }\r\n  .btn-wrapper {\r\n    margin-top: 20px;\r\n  }\r\n  .mt-20 {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .btn-right {\r\n    margin-left: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useCallback, useRef } from 'react';\r\nimport { Form } from '@unform/web';\r\nimport { FormHandles } from '@unform/core';\r\nimport * as Yup from 'yup';\r\n\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\nimport AccountsService from '../../../services/accounts';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { useLoader } from '../../../hooks/loader';\r\n\r\nimport Button from '../../Button';\r\nimport Input from '../../Input';\r\n\r\nimport { ModalSenha } from './styles';\r\nimport DashBoardLoader from '../../DashBoardLoader';\r\n\r\nconst ModalChangePassword: React.FC<{ closeModal(): void }> = ({\r\n  closeModal,\r\n}) => {\r\n  const formRef = useRef<FormHandles>();\r\n  const services = { AccountsService: new AccountsService() };\r\n  const { addToast } = useToast();\r\n  const { isActive, changeLoader } = useLoader();\r\n\r\n  const schema = Yup.object().shape({\r\n    old_password: Yup.string().required('Senha atual é obrigatório'),\r\n    new_password: Yup.string().required('Senha é obrigatório'),\r\n    confirm_password: Yup.string().required(\r\n      'Confirmação de senha é obrigatória',\r\n    ),\r\n  });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        formRef.current?.setErrors({});\r\n        changeLoader(true);\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        const { old_password, new_password, confirm_password } = data;\r\n        await services.AccountsService.changePassword(\r\n          old_password,\r\n          new_password,\r\n          confirm_password,\r\n        );\r\n\r\n        changeLoader(false);\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Alteração de senha',\r\n          description: 'Sua senha foi atualizada com sucesso.',\r\n        });\r\n\r\n        closeModal();\r\n      } catch (err: any) {\r\n        console.log(err, 'aqui');\r\n        changeLoader(false);\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: 'Erro ao alterar senha',\r\n          description: `${err.response.data.message}`,\r\n        });\r\n      }\r\n    },\r\n    [changeLoader, schema, services.AccountsService, addToast, closeModal],\r\n  );\r\n\r\n  return (\r\n    <ModalSenha>\r\n      {isActive && <DashBoardLoader />}\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <h1>Alteração de senha</h1>\r\n\r\n        <Form ref={formRef} onSubmit={handleSubmit}>\r\n          <div className=\"mt-20\">\r\n            <Input\r\n              name=\"old_password\"\r\n              placeholder=\"Digita a senha atual\"\r\n              label=\"Senha atual:\"\r\n              type=\"password\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"mt-20\">\r\n            <Input\r\n              name=\"new_password\"\r\n              placeholder=\"Digita a nova senha\"\r\n              label=\"Nova senha:\"\r\n              type=\"password\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"mt-20\">\r\n            <Input\r\n              name=\"confirm_password\"\r\n              placeholder=\"Confirme a nova senha\"\r\n              label=\"Confirmar senha:\"\r\n              type=\"password\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"btn-wrapper\">\r\n            <Button\r\n              type=\"button\"\r\n              color=\"orange\"\r\n              padding=\"4\"\r\n              className=\"button button-transparent\"\r\n              rounded\r\n              onClick={closeModal}\r\n            >\r\n              Sair\r\n            </Button>\r\n            <Button\r\n              type=\"submit\"\r\n              color=\"orange\"\r\n              padding=\"4\"\r\n              className=\"button btn-right\"\r\n              rounded\r\n            >\r\n              Salvar\r\n            </Button>\r\n          </div>\r\n        </Form>\r\n      </div>\r\n    </ModalSenha>\r\n  );\r\n};\r\n\r\nexport default ModalChangePassword;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  .modal-cpf-label {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .btn-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    @media (max-width: 800px) {\r\n      flex-direction: column;\r\n    }\r\n    @media (max-width: 650px) {\r\n      display: grid;\r\n    }\r\n  }\r\n\r\n  .logout {\r\n    background-color: var(--purple);\r\n    justify-content: center;\r\n    border-radius: 18px;\r\n    width: 200px;\r\n    height: 40px;\r\n    color: white;\r\n    margin-left: 50px;\r\n    .iconlog {\r\n      margin-right: 10px;\r\n      padding-top: 1px;\r\n    }\r\n    @media (max-width: 800px) {\r\n      width: 100%;\r\n      margin-left: 0px;\r\n      margin-top: 20px;\r\n    }\r\n    font-size: 20px;\r\n  }\r\n\r\n  .editar {\r\n    font-size: 0.8em;\r\n    font-weight: bold;\r\n    padding-top: 25px;\r\n\r\n    cursor: pointer;\r\n    @media (max-width: 680px) {\r\n      padding-top: 0px;\r\n    }\r\n  }\r\n\r\n  .head {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .item {\r\n    width: 40%;\r\n    @media (max-width: 680px) {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n    }\r\n    .info {\r\n      font-size: 12px;\r\n      color: var(--orange);\r\n      font-weight: bold;\r\n      margin-top: 0;\r\n    }\r\n  }\r\n\r\n  .ml {\r\n    margin-left: 40px;\r\n    h4 {\r\n      color: var(--title-highlight);\r\n      font-weight: normal;\r\n      margin-top: 5px;\r\n      margin-bottom: 15px;\r\n    }\r\n    b {\r\n      margin-left: 15px;\r\n      color: var(--purple);\r\n    }\r\n    @media (max-width: 680px) {\r\n      margin-left: 0px;\r\n    }\r\n  }\r\n  .ml2 {\r\n    margin-left: 40px;\r\n    background-color: #ebf1f4;\r\n    border-radius: 10px;\r\n    padding: 2;\r\n    h4 {\r\n      color: var(--title-highlight);\r\n      font-weight: normal;\r\n      margin-top: 5px;\r\n      margin-left: 5px;\r\n      margin-bottom: 15px;\r\n    }\r\n    b {\r\n      margin-left: 15px;\r\n      color: var(--purple);\r\n    }\r\n    @media (max-width: 680px) {\r\n      margin-left: 0px;\r\n    }\r\n  }\r\n\r\n  .flex {\r\n    display: flex;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n    @media (max-width: 680px) {\r\n      flex-direction: column;\r\n      margin-top: 0px;\r\n    }\r\n\r\n    p {\r\n      margin-top: 20px;\r\n    }\r\n\r\n    span {\r\n      display: inline-block;\r\n      margin-top: 45px;\r\n      margin-left: -75px;\r\n      color: var(--orange);\r\n\r\n      @media (max-width: 680px) {\r\n        margin-top: 8px;\r\n        text-align: right;\r\n      }\r\n    }\r\n  }\r\n\r\n  .termos {\r\n    display: inline-block;\r\n    margin-top: 30px;\r\n\r\n    @media (max-width: 680px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .text-purple {\r\n    color: var(--purple);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .endereco {\r\n    margin-top: 10px;\r\n    width: 30vw;\r\n    height: 100px;\r\n\r\n    Input {\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .btn-cancelar {\r\n    margin-left: 50px;\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const DivPrincipal = styled.div`\r\n  .button-transparentbtn-cancelar {\r\n    margin-left: 50px;\r\n    @media (max-width: 800px) {\r\n      width: 100%;\r\n      margin-left: 0px;\r\n      margin-top: 20px;\r\n    }\r\n    @media (max-width: 650px) {\r\n      background-color: white;\r\n      border: 1px solid var(--orange);\r\n      color: var(--orange);\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable no-console */\r\nimport * as React from 'react';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport api from '../../services/api';\r\nimport Button from '../Button';\r\nimport Modal from '../Modal';\r\nimport { DivPrincipal } from './style';\r\n\r\nconst ButtonDeleteUser: React.FC<any> = () => {\r\n\tconst [show, setShow] = React.useState<boolean>(false)\r\n\tconst { signOut } = useAuth();\r\n\treturn (\r\n\t\t<DivPrincipal>\r\n\t\t\t<div className='botao'>\r\n\t\t\t\t<Button\r\n\t\t\t\t\tcolor=\"gray-line\"\r\n\t\t\t\t\tpadding=\"3.6\"\r\n\t\t\t\t\tclassName=\"button-transparentbtn-cancelar\"\r\n\t\t\t\t\trounded\r\n\t\t\t\t\tonClick={() => setShow(!show)}\r\n\t\t\t\t>\r\n\t\t\t\t\tCANCELAR CONTA\r\n\t\t\t\t</Button>\r\n\t\t\t</div>\r\n\t\t\t{show && (\r\n        <Modal\r\n\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\theight: 200,\r\n\t\t\t\t\t\twidth: 700,\r\n\t\t\t\t\t}}\r\n          title=\"Deseja realmente realizar essa ação ?\"\r\n          handleClose={() => setShow(!show)}\r\n          show={show}\r\n\t\t\t\t\taction={(\r\n\t\t\t\t\t\t<div \r\n\t\t\t\t\t\t\tstyle={{ \r\n\t\t\t\t\t\t\t\tdisplay: 'flex',\r\n\t\t\t\t\t\t\t\tflexDirection: 'row',\r\n\t\t\t\t\t\t\t\twidth: '100%',\r\n\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tonClick={async () => {\r\n\t\t\t\t\t\t\t\t\tawait api.delete('/accounts/profile/')\r\n\t\t\t\t\t\t\t\t\tawait signOut()\r\n\t\t\t\t\t\t\t\t\tsetShow(!show)\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tcolor=\"orange\"\r\n\t\t\t\t\t\t\t\tpadding=\"6\"\r\n\t\t\t\t\t\t\t\tclassName=\"button\"\r\n\t\t\t\t\t\t\t\trounded\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tCONFIRMAR\r\n\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n        >\r\n          <div>\r\n            <p style={{ fontSize: 14, fontWeight: 'normal' }}>\r\n\t\t\t\t\t\t\tApós clicar em sim esta ação não poderá ser desfeita.\r\n            </p>\r\n          </div>\r\n        </Modal>\r\n      )}\r\n\t\t</DivPrincipal>\r\n\t)\r\n}\r\n\r\nexport { ButtonDeleteUser };\r\n","/* eslint-disable react/button-has-type */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, {\r\n  Dispatch,\r\n  SetStateAction,\r\n  useCallback,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\nimport { FiMail, FiPhoneCall, FiKey, FiUser, FiLogOut } from 'react-icons/fi';\r\nimport { GoLocation } from 'react-icons/go';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\n\r\nimport * as Yup from 'yup';\r\n\r\nimport { ProfileData } from '../../../pages/MeuPerfil';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\n\r\nimport Button from '../../Button';\r\nimport Input from '../../Input';\r\n\r\nimport PoliticsAndTermsSession from '../PoliticsAndTermsSession';\r\nimport AccountsService from '../../../services/accounts';\r\nimport ModalChangePassword from '../ModalChangePassword';\r\n\r\nimport { Container } from './styles';\r\nimport { ButtonDeleteUser } from '../../ButtonDeleteUser';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\ninterface ContactInformationProps {\r\n  profile: ProfileData;\r\n  updateStateProfile: Dispatch<SetStateAction<ProfileData>>;\r\n}\r\n\r\nconst ContactInformation: React.FC<ContactInformationProps> = ({\r\n  profile,\r\n  updateStateProfile,\r\n}) => {\r\n  const formRef = useRef<FormHandles>();\r\n  const [modaChangePasswordIsOpen, setModaChangePasswordIsOpen] = useState(\r\n    false,\r\n  );\r\n  const services = { AccountsService: new AccountsService() };\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n\r\n  const openModaChangePasswordIsOpen = () => {\r\n    setModaChangePasswordIsOpen(true);\r\n  };\r\n\r\n  const closeModaChangePasswordIsOpen = () => {\r\n    setModaChangePasswordIsOpen(false);\r\n  };\r\n\r\n  const schema = Yup.object().shape({\r\n    email: Yup.string().email().required('Email é obrigatório'),\r\n    address: Yup.string(),\r\n    phone: Yup.string().required('O campo de telefone é obrigatório.'),\r\n    full_name: Yup.string(),\r\n    cpf: Yup.string(),\r\n    // cpf: Yup.string().required('O campo de cpf é obrigatório.'),\r\n  });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      try {\r\n        formRef.current?.setErrors({});\r\n        // changeLoader(true);\r\n\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n\r\n        const response = await services.AccountsService.patchProfile(data);\r\n\r\n        updateStateProfile({ ...response.data });\r\n\r\n        // changeLoader(false);\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: 'Os dados do seu perfil foram atualizados.',\r\n          description: 'Dados do perfil do usuário atualizados com sucesso.',\r\n        });\r\n      } catch (err: any) {\r\n        // changeLoader(false);\r\n\r\n        const { ...error } = err;\r\n\r\n        console.log({ error });\r\n\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n        }\r\n      }\r\n    },\r\n    [addToast, schema, services.AccountsService, updateStateProfile],\r\n  );\r\n\r\n  return (\r\n    <Container>\r\n      <Form ref={formRef} onSubmit={handleSubmit} initialData={profile}>\r\n        {profile?.cpf ? (\r\n          <div className=\"flex\">\r\n            <div className=\"item\">\r\n              <Input\r\n                id=\"full_name\"\r\n                name=\"full_name\"\r\n                label=\"Como você quer ser chamado(a)?\"\r\n                icon={FiUser}\r\n                placeholder=\"Como você quer ser chamado(a)?\"\r\n              />\r\n              <p className=\"info\">\r\n                * Você pode escolher como deseja ser chamado, pode usar apelido,\r\n                nome social ou o nome real também.\r\n              </p>\r\n            </div>\r\n            <div className=\"item ml2\">\r\n              <h4>CPF (Não editavel)</h4>\r\n              <b>{profile ? profile.cpf : ''}</b>\r\n            </div>\r\n          </div>\r\n        ) : (\r\n          <div className=\"flex\">\r\n            <div className=\"item\">\r\n              <Input\r\n                id=\"full_name\"\r\n                name=\"full_name\"\r\n                label=\"Como você quer ser chamado(a)?\"\r\n                icon={FiUser}\r\n                placeholder=\"Como você quer ser chamado(a)?\"\r\n              />\r\n            </div>\r\n            <div className=\"item ml\">\r\n              <Input\r\n                id=\"cpf\"\r\n                name=\"cpf\"\r\n                label=\"CPF\"\r\n                placeholder=\"Digite seu CPF\"\r\n                icon={FiUser}\r\n                className=\"cpf\"\r\n              />\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div className=\"flex\">\r\n          <div className=\"item\">\r\n            <Input\r\n              id=\"email\"\r\n              name=\"email\"\r\n              label=\"Email\"\r\n              placeholder=\"perfil@perfil.com.br\"\r\n              icon={FiMail}\r\n              className=\"email\"\r\n            />\r\n          </div>\r\n          <div className=\"item ml\">\r\n            <Input\r\n              id=\"phone\"\r\n              name=\"phone\"\r\n              label=\"Telefone\"\r\n              placeholder=\"(31) 99999-9999\"\r\n              icon={FiPhoneCall}\r\n              phone\r\n            />\r\n          </div>\r\n          {/* <div className=\"item ml\">\r\n            <Input\r\n              id=\"endereco\"\r\n              name=\"address\"\r\n              placeholder=\"Rua Aquiles Lobo, nº 504\"\r\n              label=\"Endereço\"\r\n              icon={GoLocation}\r\n            />\r\n          </div> */}\r\n        </div>\r\n\r\n        <div className=\"flex\">\r\n          <div className=\"item\">\r\n            <Input\r\n              type=\"text\"\r\n              placeholder=\"********\"\r\n              label=\"Senha:\"\r\n              name=\"input-password\"\r\n              id=\"input-password\"\r\n              disabled\r\n              icon={FiKey}\r\n            />\r\n          </div>\r\n          <span\r\n            tabIndex={-4}\r\n            role=\"button\"\r\n            className=\"editar\"\r\n            onClick={openModaChangePasswordIsOpen}\r\n            onKeyDown={openModaChangePasswordIsOpen}\r\n          >\r\n            Trocar senha\r\n          </span>\r\n        </div>\r\n\r\n        <PoliticsAndTermsSession />\r\n\r\n        <div className=\"btn-wrapper\">\r\n          <Button\r\n            type=\"submit\"\r\n            color=\"orange\"\r\n            padding=\"6\"\r\n            className=\"button\"\r\n            rounded\r\n          >\r\n            SALVAR\r\n          </Button>\r\n          <ButtonDeleteUser />\r\n          <button className=\"logout\" onClick={signOut}>\r\n            <FiLogOut className=\"iconlog\" size={18} />\r\n            SAIR\r\n          </button>\r\n        </div>\r\n      </Form>\r\n      {modaChangePasswordIsOpen && (\r\n        <ModalChangePassword\r\n          closeModal={closeModaChangePasswordIsOpen}\r\n          // profile={profile}\r\n          // closeModal={closeModalCPF}\r\n          // updateStateProfile={updateStateProfile}\r\n        />\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default ContactInformation;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  background: #ebf1f4;\r\n  border-radius: 10px;\r\n  width: inherit;\r\n  padding: 25px;\r\n  flex-grow: 1;\r\n  margin: 60px 0 0px 0;\r\n\r\n  .editar {\r\n    cursor: pointer;\r\n    font-size: 0.8em;\r\n    font-weight: bold;\r\n  }\r\n\r\n  span {\r\n    color: var(--orange);\r\n    float: right;\r\n  }\r\n\r\n  h3 {\r\n    color: var(--purple);\r\n  }\r\n\r\n  .divInformation {\r\n    h3 {\r\n      padding: 10px;\r\n    }\r\n    p {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  p {\r\n    margin-top: 10px;\r\n\r\n    @media (max-width: 680px) {\r\n      flex-wrap: wrap;\r\n      width: 70%;\r\n    }\r\n  }\r\n\r\n  div {\r\n    display: flex;\r\n    @media (max-width: 528px) {\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    p + p {\r\n      text-align: right;\r\n      margin-left: 15vw;\r\n      @media (max-width: 576px) {\r\n        text-align: right;\r\n        margin-left: 7vw;\r\n      }\r\n      @media (max-width: 528px) {\r\n        text-align: left;\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    flex-direction: column;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const Info = styled.div`\r\n  margin-bottom: 60px;\r\n  color: var(--red);\r\n  font-size: 0.9rem;\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, { Dispatch, SetStateAction, useState, useEffect } from 'react';\r\n\r\nimport { ProfileData } from '../../../pages/MeuPerfil';\r\n\r\n// import ModalPrincipalInformation from '../ModalPrincipalInformation';\r\nimport AccountsService from '../../../services/accounts';\r\n\r\nimport { Container, Info } from './styles';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport { useAuth } from '../../../hooks/auth';\r\n\r\ninterface PrincipalInformationProps {\r\n  profile: ProfileData;\r\n  updateStateProfile: Dispatch<SetStateAction<ProfileData>>;\r\n}\r\n\r\nconst PrincipalInformation: React.FC<PrincipalInformationProps> = ({\r\n  profile,\r\n  updateStateProfile,\r\n}) => {\r\n  const [modaCPFlIsOpen, setModalCPFIsOpen] = useState(false);\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const [informations, setInformations] = React.useState([]);\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n\r\n  const closeModalCPF = () => {\r\n    setModalCPFIsOpen(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setInformations(response.data);\r\n        if (\r\n          response.data.birth_date == null ||\r\n          response.data.cpf == null ||\r\n          response.data.full_name == null\r\n        ) {\r\n          setModalCPFIsOpen(true);\r\n        }\r\n      } catch (err) {\r\n        console.error(err);\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Info>\r\n        <span className=\"info\">&#9432; </span>\r\n        <span>\r\n          Para alteração dos dados não editáveis envie e-mail para\r\n          lgpd@transfacil.com.br com seu nome, data de nascimento e CPF.\r\n        </span>\r\n      </Info>\r\n\r\n      {/* {modaCPFlIsOpen && (\r\n        <ModalPrincipalInformation\r\n          profile={profile}\r\n          closeModal={() => closeModalCPF()}\r\n          updateStateProfile={updateStateProfile}\r\n        />\r\n      )} */}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PrincipalInformation;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from 'react';\r\nimport { VscAccount } from 'react-icons/vsc';\r\nimport AccountsService from '../../services/accounts';\r\nimport { useToast } from '../../hooks/toast';\r\n\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport { Container, TitleSection } from './styles';\r\n\r\nimport ContactInformation from '../../components/MyProfile/ContactInformation';\r\nimport PrincipalInformation from '../../components/MyProfile/PrincipalInformation';\r\nimport { useAuth } from '../../hooks/auth';\r\n\r\nexport interface ProfileData {\r\n  address: string | null;\r\n  birth_date: string;\r\n  full_name: string;\r\n  cpf: string;\r\n  email: string;\r\n  id: number;\r\n  phone: string | null;\r\n}\r\n\r\nconst MeuPerfil: React.FC = () => {\r\n  const [profile, setProfile] = useState<ProfileData>({} as ProfileData);\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n  const services = { AccountsService: new AccountsService() };\r\n\r\n  useEffect(() => {\r\n    const getProfile = async () => {\r\n      setProfile(null);\r\n      try {\r\n        const response = await services.AccountsService.getProfile();\r\n        setProfile(response.data);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n      }\r\n    };\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      <Container>\r\n        <TitleSection>\r\n          <VscAccount color=\"var(--purple)\" className=\"icon\" size={40} />\r\n          <h1>Meu Perfil</h1>\r\n        </TitleSection>\r\n\r\n        <PrincipalInformation\r\n          profile={profile}\r\n          updateStateProfile={setProfile}\r\n        />\r\n\r\n        <ContactInformation profile={profile} updateStateProfile={setProfile} />\r\n\r\n        {/* {modalIsOpen ? (\r\n            <>\r\n              <ModalSenha>\r\n                <div className=\"wrapper\">\r\n                  <button\r\n                    className=\"close\"\r\n                    type=\"button\"\r\n                    aria-label=\"close\"\r\n                    onClick={closeModalSenha}\r\n                  />\r\n                  <h1>Alteração de senha</h1>\r\n\r\n                  <Form ref={modalForm} onSubmit={onSubmitModal}>\r\n                    <div className=\"mt-20\">\r\n                      <Input\r\n                        name=\"password\"\r\n                        placeholder=\"Digita a nova senha\"\r\n                        label=\"Nova senha:\"\r\n                        type=\"password\"\r\n                        required\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=\"mt-20\">\r\n                      <Input\r\n                        name=\"confirmPassword\"\r\n                        placeholder=\"Confirme a nova senha\"\r\n                        label=\"Confirmar senha:\"\r\n                        type=\"password\"\r\n                        required\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=\"btn-wrapper\">\r\n                      <Button\r\n                        type=\"button\"\r\n                        color=\"orange\"\r\n                        padding=\"4\"\r\n                        className=\"button button-transparent\"\r\n                        rounded\r\n                        onClick={() => setModalIsOpen(false)}\r\n                      >\r\n                        Sair\r\n                      </Button>\r\n                      <Button\r\n                        type=\"submit\"\r\n                        color=\"orange\"\r\n                        padding=\"4\"\r\n                        className=\"button btn-right\"\r\n                        rounded\r\n                      >\r\n                        Salvar\r\n                      </Button>\r\n                    </div>\r\n                  </Form>\r\n                </div>\r\n              </ModalSenha>\r\n            </>\r\n          ) : null} */}\r\n      </Container>\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport default MeuPerfil;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 268px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    margin-bottom: 4rem;\r\n    @media (max-width: 750px) {\r\n      margin-top: 2rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 1.5rem 0;\r\n  line-height: 1.5rem;\r\n\r\n  h2 {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .title {\r\n    font-size: 1.3rem;\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n  }\r\n\r\n  p {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  span {\r\n    margin-left: 1rem;\r\n  }\r\n`;\r\n","import React from 'react';\r\n\r\nimport { TitleSection, Main } from './styles';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\nimport api from '../../services/api';\r\n\r\nconst TermosDeUso: React.FC = () => {\r\n  const [termsUse, setTermsUse] = React.useState<any>(undefined);\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get(`/accounts/terms-of-use/`);\r\n      console.log(response);\r\n      setTermsUse(response?.data);\r\n    } catch (e: any) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getPrivacyPolicy();\r\n  }, []);\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage>\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Termos e Condições de Uso</h1>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      {/* <Container>\r\n        <Content>\r\n          <Main>\r\n            <h1 className=\"title\">BEM VINDO AO TRANSFÁCIL</h1>\r\n            <p>\r\n              Agradecemos por usar nossos produtos e serviços\r\n              (&#34;Serviços&#34;).\r\n            </p>\r\n            <p>\r\n              Este documento é um Termo de Ciência e firmado entre você, de\r\n              agora em diante denominado como &#34;USUÁRIO&#34;, e o Consórcio\r\n              Op. do Transporte Coletivo de Passageiros por Ônibus do Município\r\n              de BH, inscrito no CNPJ sob o nº 04.398.505/0001-07.\r\n            </p>\r\n            <p>\r\n              Este Termo e Adesão às Condições de Uso (&#34;Termos&#34;) rege a\r\n              utilização do Site Transfácil e Aplicativo denominado\r\n              &#34;BHBUS&#34;, disponibilizado gratuitamente pelo TRANSFÁCIL\r\n              para computadores e dispositivos móveis (Android e iOS).\r\n            </p>\r\n            <p>\r\n              O aceite pelo USUÁRIO dos Termos é indispensável para a utilização\r\n              dos serviços prestados pelo Site e Aplicativo BHBUS.\r\n            </p>\r\n            <h1 className=\"title\">1. DECLARAÇÃO DE VONTADE</h1>\r\n            <p>\r\n              Pelo presente termo o USUÁRIO declara ter lido, compreendido e de\r\n              ter ciência dos direitos e obrigações constante neste instrumento,\r\n              bem como, que este constitui uma pactuação das condições entre as\r\n              partes,{' '}\r\n              <strong>\r\n                e para tanto com o cadastro no Site Transfácil ou Aplicativo\r\n                BHBUS, o USUÁRIO declara concordar com todos os termos e\r\n                condições.\r\n              </strong>\r\n            </p>\r\n            <p>\r\n              1.1. A partir do momento em que o USUÁRIO aceita este Termos e\r\n              Condições de Uso, as disposições aqui constantes passam a reger a\r\n              relação entre o BHBUS e o USUÁRIO, razão pela qual é recomendável\r\n              que o USUÁRIO imprima uma cópia deste documento para futura\r\n              referência, que se encontra disponível no site\r\n              www.transfacil.com.br.\r\n            </p>\r\n            <p>\r\n              1.2. O USUÁRIO se declara ciente de que as operações que\r\n              corresponderem à aceitação de determinadas opções serão\r\n              registradas nos bancos de dados do Transfácil, juntamente com a\r\n              data e hora em que o aceite foi manifestado pelo USUÁRIO, podendo\r\n              tal informação ser utilizada como prova da aceitação da opção pelo\r\n              USUÁRIO, independentemente de outra formalidade.\r\n            </p>\r\n            <h1 className=\"title\">2. DO OBJETO</h1>\r\n            <p>\r\n              2.1. O BHBUS tem por objeto a exibição dos horários e itinerários\r\n              das linhas dos ônibus do transporte coletivo do município de Belo\r\n              Horizonte, a disponibilização de um canal para\r\n              sugestões/reclamações, a contratação de serviços de recarga de\r\n              créditos eletrônicos utilizados para transporte coletivo,\r\n              contratação esta realizada remotamente, ou seja, fora dos\r\n              terminais físicos, através do dispositivo móvel.\r\n            </p>\r\n            <p>\r\n              2.2. O BHBUS é licenciado ao USUÁRIO exclusivamente para uso\r\n              particular por Pessoas Físicas, sendo expressamente vedada\r\n              qualquer utilização comercial para prestação de serviços de\r\n              qualquer natureza. Caso seja identificada a utilização comercial\r\n              do BHBUS o mesmo poderá suspender o uso do USUÁRIO infrator, que\r\n              será responsável por todos os danos diretos e indiretos que\r\n              causar.\r\n            </p>\r\n            <h1 className=\"title\">3. DO ACESSO, CADASTRO E ACEITE</h1>\r\n            <p>\r\n              O aplicativo BHBUS é oferecido para USUÁRIOS que possuam telefone\r\n              do tipo smartphone, com sistema operacional Android ou iOS, dentro\r\n              das condições operacionais disponibilizadas por estes aparelhos e\r\n              softwares respectivos.\r\n            </p>\r\n            <p>\r\n              3.1. A utilização do site e aplicativo BHBUS está condicionada a\r\n              existência de rede de comunicação de dados no computador ou\r\n              smartphone e ao cadastro prévio do USUÁRIO.\r\n            </p>\r\n            <p>\r\n              3.2. Este Termo concede ao USUÁRIO uma licença revogável, não\r\n              exclusiva e intransferível de uso do BHBUS, sendo certo que o\r\n              USUÁRIO não poderá utilizar e nem permitir o uso do BHBUS para\r\n              qualquer outra finalidade não expressamente prevista neste\r\n              instrumento.\r\n            </p>\r\n            <p>\r\n              3.3. O cadastro no BHBUS deverá ser feito com informações válidas,\r\n              completas e atualizadas, responsabilizando o USUÁRIO civil e\r\n              criminalmente pela veracidade e precisão das informações, devendo\r\n              isentar o BHBUS por qualquer dano ou prejuízo que a falta de\r\n              informações corretas ou mesmo que estas forem incorretas possam\r\n              causar ao BHBUS ou a terceiros.\r\n            </p>\r\n            <p>\r\n              3.4. O BHBUS poderá, a qualquer momento, solicitar ao USUÁRIO a\r\n              confirmação das informações fornecidas através de documentos\r\n              originais ou cópias simples/autenticadas, o que deve ser\r\n              prontamente atendido pelo USUÁRIO, sob pena de bloqueio do uso do\r\n              BHBUS até cumprida a exigência.\r\n            </p>\r\n            <p>\r\n              3.5. O BHBUS não terá qualquer obrigação de policiar ou fiscalizar\r\n              as informações fornecidas pelo USUÁRIO, mas poderá, ao seu\r\n              exclusivo critério, excluir as informações que lhe pareçam\r\n              inverídicas ou ofensivas.\r\n            </p>\r\n            <p>\r\n              3.6. Caso ao BHBUS seja solicitada informação do USUÁRIO por\r\n              autoridade policial, judiciária e/ou fiscal, o mesmo poderá fazer\r\n              sem qualquer descumprimento das condições postas neste contrato.\r\n            </p>\r\n            <p>\r\n              3.7. O cadastro do USUÁRIO mediante nome de USUÁRIO e senha é\r\n              pessoal e intransferível. Sendo a utilização do BHBUS pela senha\r\n              do USUÁRIO de exclusiva responsabilidade deste, mesmo no caso de\r\n              utilização por terceiros, devendo adotar as medidas de segurança\r\n              necessárias em seu dispositivo para impedir tal uso (bloqueio por\r\n              senha numérica, biométrica ou similar).\r\n            </p>\r\n            <p>\r\n              3.8. Nos casos em que o USUÁRIO suspeite que está ocorrendo\r\n              utilização indevida de sua conta no BHBUS, entrar em contato\r\n              imediatamente com o BHBUS para efetuar a troca de sua senha\r\n              pessoal.\r\n            </p>\r\n            <p>\r\n              3.9. Fica expressamente ciente o USUÁRIO que o mesmo em nenhuma\r\n              hipótese terá acesso ao código fonte do BHBUS ora licenciado, por\r\n              este se tratar de propriedade intelectual do BHBUS.\r\n            </p>\r\n            <h1 className=\"title\">4. FUNCIONALIDADES E USO</h1>\r\n            <p>\r\n              Por meio do BHBUS, o USUÁRIO poderá consultar horários e\r\n              itinerários das linhas dos ônibus do transporte coletivo do\r\n              município de Belo Horizonte, fazer sugestões e/ou reclamações, e\r\n              ainda utilizar os serviços disponíveis, tais como compra de\r\n              créditos do seu cartão BHBUS Identificado ou Ao Portador, pagando\r\n              através das formas de pagamento disponibilizada pelo BHBUS.\r\n            </p>\r\n            <p>\r\n              4.1. O USUÁRIO tem plena ciência de que os créditos adquiridos\r\n              estarão disponíveis nos validadores, após confirmação do pagamento\r\n              (via <strong>cartão de crédito</strong>,{' '}\r\n              <strong>boleto bancário</strong> e <strong>PIX</strong>). O pedido\r\n              estará disponível para para carregamento por 35 dias. Para\r\n              carregamento após este período, o USUÁRIO deverá encaminhar email\r\n              para sac@transfacil.com.br, de segunda a sexta-feira, no horário\r\n              de 08h00min às 18h00min, exceto feriados.\r\n            </p>\r\n            <p>\r\n              4.2. Conforme artigo 36, do DECRETO Nº 18.370 de 07 de Julho de\r\n              2023:\r\n            </p>\r\n            <p>\r\n              § 3º Os créditos eletrônicos adquiridos a partir da publicação\r\n              deste decreto serão gerados com os seguintes critérios:\r\n              <br /> I - a periodicidade de cada ciclo será de 365 (trezentos e\r\n              sessenta e cinco) dias após a geração;\r\n              <br /> III - ultrapassado o prazo estabelecido no inciso I e, se\r\n              ainda restarem créditos eletrônicos sem utilização, os usuários\r\n              terão prazo de até 35 (trinta e cinco) dias para reativar os\r\n              créditos remanescentes, de forma automática, em qualquer\r\n              equipamento validador instalado nos ônibus do sistema convencional\r\n              e nas linhas de bloqueio das estações de transferência e\r\n              integração;\r\n              <br /> IV - após o prazo de 35 (trinta e cinco) dias do inciso III\r\n              o portador do cartão que recebeu os créditos eletrônicos poderá\r\n              solicitar o ressarcimento por meio de uma nova recarga dos\r\n              créditos remanescentes, a qualquer tempo, diretamente nos postos\r\n              de vendas de cartões e créditos eletrônicos operados pelo\r\n              consórcio operacional Transfácil.\r\n            </p>\r\n            <p>\r\n              4.3. Será necessária a realização de cadastro básico informando\r\n              nome completo, e-mail e CPF, destinado a fins de controle de\r\n              acesso, aquisição de créditos eletrônicos, envio de boleto e\r\n              informações sobre o pedido.\r\n            </p>\r\n            <p>\r\n              4.4. O carregamento e uso dos créditos estão sujeitos aos prazos e\r\n              condições de uso, sendo responsabilidade do USUÁRIO consultá-los.\r\n              O BHBUS não tem nenhuma responsabilidade sobre o estabelecimento,\r\n              modificação e divulgação das regras de uso dos créditos, nem\r\n              poderá ser responsabilizado por qualquer consequência advinda da\r\n              falta de seu cumprimento por parte das empresas operadoras do\r\n              transporte. Valendo a liberação na forma descrita no item 4.1.\r\n            </p>\r\n            <p>\r\n              4.5. Em caso de encerramento dos serviços, o BHBUS garante que\r\n              todas as compras realizadas até a data da rescisão serão\r\n              cumpridas, podendo o BHBUS, alternativamente, reembolsar o USUÁRIO\r\n              por valores pagos e não efetivados em créditos ou serviços dentro\r\n              deste mesmo prazo.\r\n            </p>\r\n            <p>\r\n              4.6. O uso do BHBUS de forma indevida, irregular, ilegal ou em\r\n              desacordo às condições previstas nestes Termos implicará a\r\n              exclusão do cadastro e a rescisão imediata do contrato e dos\r\n              serviços prestados pelo BHBUS ao USUÁRIO. Os dados constantes dos\r\n              cadastros poderão, a critério do BHBUS, ser retidos para uso das\r\n              autoridades competentes.\r\n            </p>\r\n            <p>\r\n              4.7. O USUÁRIO deverá indenizar o TRANSFÁCIL, seus representantes,\r\n              sócios, colaboradores e/ou empregados por qualquer dano que estes\r\n              vierem a sofrer por má utilização do cartão, bem como por todos e\r\n              quaisquer prejuízos resultantes da utilização indevida do BHBUS.\r\n            </p>\r\n            <p>\r\n              4.8. O USUÁRIO deverá comunicar ao TRANSFÁCIL a ocorrência de\r\n              extravio, perda, destruição, furto ou roubo do cartão BHBUS\r\n              IDENTIFICADO. O bloqueio será realizado no prazo máximo de 72\r\n              (setenta e duas) horas após a notificação.\r\n            </p>\r\n            <p>\r\n              4.9. Os créditos remanescentes do cartão bloqueado serão\r\n              transferidos automaticamente para a segunda via e será cobrada a\r\n              taxa de R$ 15,00 (quinze reais) pelo novo cartão. O cartão BHBUS\r\n              IDENTIFICADO bloqueado não poderá ser desbloqueado.\r\n            </p>\r\n            <p>\r\n              4.10. Para o cartão BHBUS AO PORTADOR, não é possível bloqueio\r\n              e/ou ressarcimento dos créditos.\r\n            </p>\r\n            <h1 className=\"title\">5. CARGA, RECARGA E PAGAMENTO</h1>\r\n            <p>\r\n              5.1. O aplicativo BHBUS+ permite uma carga máxima de R$100,00 para\r\n              pagamentos realizados por cartão de crédito e R$650,00 para\r\n              pagamentos por PIX ou Boleto bancário, com limite de um pedido por\r\n              dia por cartão cadastrado. O site BHBUS permite uma carga máxima\r\n              de R$650,00 por pedido e um pedido por dia por cartão cadastrado.\r\n            </p>\r\n            <p>\r\n              5.2. O pagamento das recargas de créditos poderá ser feito através\r\n              dos meios de pagamento disponíveis no BHBUS. A forma de pagamento\r\n              “Boleto” só será aceita em pedidos com valores maiores que 15\r\n              passagens de tarifa “A”.\r\n            </p>\r\n            <p>\r\n              5.3. Com a Carga a Bordo os créditos eletrônicos estarão\r\n              disponíveis nos validadores dos ônibus, após confirmação do\r\n              pagamento, no prazo máximo de até <strong>duas horas</strong> para\r\n              pedido pagos via <strong>Cartão de Crédito e PIX</strong>. Para\r\n              pagamento com Boleto Bancário os créditos eletrônicos são\r\n              disponibilizados em até <strong>72h úteis</strong> após a\r\n              confirmação do pagamento.\r\n            </p>\r\n            <p>\r\n              5.4. Poderá ocorrer implementação, alteração, adaptação ou\r\n              cancelamento das taxas atuais a qualquer momento. Tais\r\n              modificações serão informadas ao USUÁRIO através do site\r\n              www.transfacil.com.br, ou antes da confirmação da contratação de\r\n              qualquer dos serviços tão logo haja qualquer alteração.\r\n            </p>\r\n            <p>\r\n              5.5. Uma vez realizadas as recargas de créditos nos cartões\r\n              solicitados, estas são intransferíveis conforme a legislação em\r\n              vigor e deverão ser utilizadas apenas pelo USUÁRIO titular do\r\n              cartão, não se admitindo a devolução em espécie do valor\r\n              correspondente à recarga ou do saldo remanescente e nem a\r\n              transferência desses saldos eventualmente existentes para outro\r\n              cartão de outro USUÁRIO.\r\n            </p>\r\n            <h1 className=\"title\">6. VIGÊNCIA E RESCISÃO</h1>\r\n            <p>\r\n              6.1. Este Termo tem vigência por prazo indeterminado, iniciando a\r\n              partir do aceite do USUÁRIO, podendo ser modificado ou rescindido\r\n              unilateralmente pelo BHBUS a qualquer tempo, sem qualquer ônus e\r\n              sem aviso prévio.\r\n            </p>\r\n            <p>\r\n              6.2. O Consórcio Op. do Transporte Coletivo de Passageiros por\r\n              Ônibus do Município de BH - TRANSFACIL reserva-se o direito de, a\r\n              seu exclusivo critério e a qualquer tempo, modificar o presente\r\n              Termos, incluindo novas condições e/ou restrições ou suprimindo\r\n              outras. Estas alterações terão efeito imediato e serão informadas\r\n              ao USUÁRIO por meio do seu site oficial www.transfacil.com.br.\r\n            </p>\r\n            <p>\r\n              6.3. Permanecendo o USUÁRIO na continuidade na utilização do\r\n              serviço e do Site e Aplicativo BHBUS, considerar-se-á sua\r\n              aceitação e concordância em cumprir os termos modificados.\r\n            </p>\r\n            <p>\r\n              6.4. O USUÁRIO deve periodicamente revisar os Termos do BHBUS, e\r\n              fica o USUÁRIO ciente que caso não concorde com as alterações\r\n              realizadas, deverá imediatamente cancelar sua conta e suspender a\r\n              utilização do BHBUS. Na ausência de manifestação do USUÁRIO\r\n              entender-se-á que este aceitou tacitamente os Termos atualizados e\r\n              o Contrato continuará válido e vigente entre as partes.\r\n            </p>\r\n            <p>\r\n              6.5. O USUÁRIO poderá, a qualquer momento, solicitar a suspensão\r\n              e/ou a exclusão da sua conta de acesso ao BHBUS, encerrando seu\r\n              relacionamento com o BHBUS, mediante solicitação realizada\r\n              diretamente por meio do BHBUS.\r\n            </p>\r\n            <p>\r\n              6.6. O BHBUS pode modificar ou descontinuar (temporária ou\r\n              permanentemente) a distribuição ou a atualização do Site e\r\n              Aplicativo BHBUS. O USUÁRIO não poderá responsabilizar o BHBUS nem\r\n              seus diretores, executivos, funcionários, afiliados, agentes,\r\n              contratados ou licenciados por quaisquer modificações, suspensões\r\n              ou descontinuidade do BHBUS.\r\n            </p>\r\n            <h1 className=\"title\">\r\n              7. INFORMAÇÕES CONFIDENCIAIS E POLÍTICA DE SEGURANÇA DO USUÁRIO\r\n            </h1>\r\n            <p>\r\n              7.1. Com a finalidade de garantir a privacidade do USUÁRIO, bem\r\n              como a segurança de suas informações, o BHBUS se compromete a\r\n              regularmente reavaliar a sua política de segurança e adaptá-la,\r\n              conforme necessário.\r\n            </p>\r\n            <p>\r\n              7.2. O USUÁRIO autoriza ao BHBUS o direito deste em gravar o IP do\r\n              Usuário, tipo de navegador, dispositivo e operadora de celular,\r\n              posição geográfica e outros dados relativos às compras de créditos\r\n              de transporte solicitadas.\r\n            </p>\r\n            <p>\r\n              7.3. O USUÁRIO tem plena ciência que o BHBUS+ para regular\r\n              funcionamento do Site e Aplicativo necessita das seguintes\r\n              permissões do dispositivo para o seu correto funcionamento:\r\n              <br />\r\n              <span>a. Localização/GPS;</span> <br />\r\n              <span>\r\n                b. Câmera para captura da imagem caso o USUÁRO queira anexar ao\r\n                chamados e solicitações ao SAC;\r\n              </span>\r\n            </p>\r\n            <p>\r\n              7.4. Em nenhuma hipótese, o BHBUS irá vender ou disponibilizar as\r\n              informações do USUÁRIO ou geradas através do uso do BHBUS, sendo\r\n              certo que somente as utilizará para as seguintes finalidades, com\r\n              as quais o USUÁRIO expressamente concorda e anui:\r\n              <br />\r\n              <span>\r\n                a. Para enviar ao USUÁRIO qualquer notificação administrativa,\r\n                alertas e comunicados relevantes para o mesmo;\r\n              </span>{' '}\r\n              <br />\r\n              <span>b. Para cumprir com a finalidade do BHBUS;</span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                c. Identificar o perfil, desejos ou necessidades do USUÁRIO a\r\n                fim de aprimorar os produtos e/ou serviços oferecidos pelo\r\n                BHBUS;\r\n              </span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                d. Realizar estatísticas genéricas para monitoramento de\r\n                utilização do BHBUS;\r\n              </span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                e. Para pesquisas de marketing, planejamento de projetos do\r\n                BHBUS, e;\r\n              </span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                f. Resolução de problemas no BHBUS, verificação e proteção das\r\n                informações do BHBUS contra erros, fraudes ou qualquer outro\r\n                crime eletrônico;\r\n              </span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                g. Envio de anúncios, promoções, notícias, informações e\r\n                publicidades relacionadas ao transporte coletivo e Sistema de\r\n                Bilhetagem Eletrônica - SBE.\r\n              </span>\r\n            </p>\r\n            <p>\r\n              7.5. Caso haja qualquer alteração nas informações de cadastro\r\n              fornecidas pelo USUÁRIO, este se compromete a informar ao BHBUS de\r\n              tais alterações de modo a garantir o correto uso e funcionamento\r\n              do BHBUS.\r\n            </p>\r\n            <p>\r\n              7.6. As informações do USUÁRIO poderão ser transferidas a\r\n              terceiros em decorrência da venda, aquisição, fusão, reorganização\r\n              societária ou qualquer outra mudança no controle do BHBUS. Caso\r\n              ocorra qualquer destas hipóteses, no entanto, resultando na\r\n              transferência das Informações a terceiros, o USUÁRIO será\r\n              informado previamente e caso não deseje prosseguir com a\r\n              utilização do BHBUS, poderá excluir sua conta de acesso na forma\r\n              prevista no Item 6 deste Termos.\r\n            </p>\r\n            <p>\r\n              7.7. Não obstante as Informações fornecidas pelo USUÁRIO estejam\r\n              seguras nos termos deste Termos e Condições de Uso, o login e a\r\n              senha de acesso ao BHBUS são confidenciais e de responsabilidades\r\n              exclusiva do USUÁRIO.\r\n            </p>\r\n            <p>\r\n              7.8. Caso o USUÁRIO acredite que seu login e senha de acesso ao\r\n              BHBUS tenham sido roubados ou sejam de conhecimento de outras\r\n              pessoas, por qualquer razão, o USUÁRIO deverá imediatamente\r\n              comunicar ao BHBUS, sem prejuízo da alteração de senha imediata.\r\n            </p>\r\n            <h1 className=\"title\">\r\n              8. ISENÇÃO DE GARANTIAS E LIMITAÇÕES DE RESPONSABILIDADE\r\n            </h1>\r\n            <p>\r\n              8.1. O BHBUS estará em continuo desenvolvimento, por meio de\r\n              atualizações e pode conter erros, dos quais se constatados pelo\r\n              USUÁRIO, poderão ser informados ao BHBUS.\r\n            </p>\r\n            <p>\r\n              8.2. O BHBUS não garante:\r\n              <br />\r\n              <span>\r\n                a. que a operação do BHBUS seja continua e sem defeitos, sendo\r\n                certo que exceto pelo estabelecido neste documento, não existem\r\n                outras garantias, condições ou promessas relacionadas ao BHBUS.\r\n              </span>{' '}\r\n              <br />\r\n              <span>\r\n                b. nem declara ou assegura que o seu uso será ininterrupto ou\r\n                livre de erros podendo o USUÁRIO, a qualquer tempo, remover ou\r\n                deixar de usar o BHBUS, sem qualquer penalidade para ambas as\r\n                partes.\r\n              </span>\r\n              <br />\r\n              <span>\r\n                {' '}\r\n                c. nem declara nem assegura que este BHBUS esteja livre de\r\n                perda, interrupção, ataque, vírus, interferência, pirataria ou\r\n                invasão de segurança e isenta-se de qualquer responsabilidade em\r\n                relação a essas questões.\r\n              </span>\r\n            </p>\r\n            <h1 className=\"title\">9. POLÍTICA DE ARREPENDIMENTO</h1>\r\n            <p>\r\n              Nosso compromisso é sua total satisfação nas compras realizadas\r\n              através do Site e Aplicativo BHBUS. Visando a uma parceria de\r\n              respeito e confiança criamos a Política de Arrependimento.\r\n            </p>\r\n            <p>\r\n              9.1. Para evitar qualquer problema com a sua compra, ao realizar o\r\n              pedido, fique atento:\r\n              <br />\r\n              <span>a. Digitação correta do número do cartão BHBUS;</span>{' '}\r\n              <br />\r\n              <span>\r\n                b. Valor correto da recarga e dados corretos na informação de\r\n                cartão de crédito como forma de pagamento.\r\n              </span>\r\n              <br />\r\n            </p>\r\n            <p>\r\n              9.2. <strong>Arrependimento</strong>\r\n            </p>\r\n            <p>\r\n              De acordo com o artigo 49 do Código de Defesa do Consumidor e na\r\n              Lei 23.642/2020, nas compras realizadas fora do estabelecimento\r\n              comercial, o consumidor tem até 07 (sete) dias corridos para se\r\n              arrepender da compra e comunicar a desistência ao fornecedor.\r\n            </p>\r\n            <p>\r\n              As solicitações de desistência da compra serão acatadas desde que:\r\n              <br />\r\n              <span>\r\n                a. sejam efetuadas por meio de contato com o Serviço de\r\n                Atendimento ao Cliente, através do telefone Whatsapp 3248-7300,\r\n                com horario de atendimento de{' '}\r\n                <strong>\r\n                  Segunda-feira a Sexta-feira de 07h00min as 20h00min\r\n                </strong>{' '}\r\n                e de{' '}\r\n                <strong>\r\n                  08h00min as 14h00min aos Sábados, Domingos e Feriados\r\n                </strong>{' '}\r\n                ou <strong>através do email sac@transfacil.com.br</strong>, em\r\n                até 07 (sete) dias corridos após a compra do produto;\r\n              </span>{' '}\r\n              <br />\r\n              <span>\r\n                b. os créditos eletrônicos debitados no cartão BHBUS do USUÁRIO\r\n                provenientes do pedido realizado no Site ou Aplicativo BHBUS{' '}\r\n                <strong>\r\n                  {' '}\r\n                  não tenham sido utilizados total ou parcialmente.\r\n                </strong>\r\n              </span>\r\n              <br />\r\n            </p>\r\n            <p>\r\n              <strong>Importante:</strong> Na hipótese dos requisitos acima não\r\n              serem preenchidos, o TRANSFÁCIL não estará obrigado a aceitar o\r\n              cancelamento da compra.\r\n            </p>\r\n            <p>\r\n              O direito de arrependimento leva à anulação da compra e, assim\r\n              como o consumidor tem direito à restituição dos valores pagos, o\r\n              fornecedor tem o direito de receber o produto/serviço intacto, em\r\n              condições de ser novamente vendido, não sendo admitido qualquer\r\n              indício de uso ou avaria do produto/serviço de seus componentes ou\r\n              de suas embalagens.\r\n            </p>\r\n            <p>\r\n              9.3 <strong>Ressarcimento de valores</strong>\r\n            </p>\r\n            <p>\r\n              O valor pago pelo cliente pelo produto/serviço será devolvido de\r\n              acordo com a forma de pagamento utilizada na compra, como\r\n              explicado abaixo e desde que observadas as demais condições\r\n              aplicáveis ao caso descritas nesta política.\r\n            </p>\r\n            <p>\r\n              <span>\r\n                a. No caso de pagamento com <strong>Boleto Bancário:</strong>\r\n                <br />A devolução dos valores será realizada por meio de\r\n                disponibilização do valor correspondente, através de depósito\r\n                bancário na conta fornecida pelo USUÁRIO, no menor prazo\r\n                possível, devendo ser efetuada em até 10 (dez) dias úteis.\r\n              </span>{' '}\r\n              <br />\r\n              <span>\r\n                b. No caso de pagamento com <strong>Cartão de Crédito:</strong>{' '}\r\n                <br />A devolução dos valores será realizada por meio de estorno\r\n                junto a Operadora de Cartão de Crédito. A administradora do\r\n                cartão será notificada e o estorno ocorrerá na fatura seguinte\r\n                ou na posterior de uma só vez. O prazo de ressarcimento depende\r\n                da administradora do cartão.\r\n              </span>{' '}\r\n              <br />\r\n              <span>\r\n                c. No caso de pagamento com <strong>PIX:</strong>\r\n                <br />A devolução dos valores será realizada por meio de\r\n                disponibilização do valor correspondente, através de depósito\r\n                bancário na conta fornecida pelo USUÁRIO, no menor prazo\r\n                possível, devendo ser efetuada em até 10 (dez) dias úteis.\r\n              </span>\r\n              <br />\r\n            </p>\r\n            <p>\r\n              9.4. Casos de arrependimento deverão ser tratados no TRANSFÁCIL\r\n              através do telefone Whatsapp 3248-7300 de Segunda-feira a\r\n              Sexta-feira de 07h às 20h e de 08h às 14h aos Sábados, Domingos e\r\n              Feriados, ou através do e-mail: sac@transfacil.com.br, a quem\r\n              compete no caso a caso avaliar a pertinência de eventual\r\n              devolução.\r\n            </p>\r\n            <h1 className=\"title\">10. DISPOSIÇÕES FINAIS</h1>\r\n            <p>\r\n              10.1. O USUÁRIO poderá esclarecer dúvidas, pedir informações ou\r\n              registrar reclamações através do telefone 3248-7300 de\r\n              Segunda-feira a Sexta-feira de 07h as 20h e de 08h às 14h aos\r\n              Sábados, Domingos e Feriados, ou através do e-mail:\r\n              sac@transfacil.com.br.\r\n            </p>\r\n            <p>\r\n              10.2. Até o limite permitido por lei, o BHBUS é disponibilizado\r\n              tal como se encontra, cabendo ao USUÁRIO utilizá-lo ou não, sem\r\n              garantias não previstas nestes Termos de qualquer tipo, sejam\r\n              explícitas ou implícitas, inclusive de atendimento às expectativas\r\n              do USUÁRIO com relação aos serviços prestados.\r\n            </p>\r\n            <p>\r\n              10.3. O BHBUS não fornecerá atendimento ao USUÁRIO acerca do uso\r\n              de dispositivos, bem como em casos de danos causados por vírus,\r\n              worms, cavalos de troia, hackers, crackers ou qualquer\r\n              contaminação semelhante ou programa destrutivo que interfira no\r\n              uso regular do BHBUS pelo USUÁRIO.\r\n            </p>\r\n            <p>\r\n              10.4. O BHBUS se reserva o direito de fazer quaisquer alterações\r\n              no BHBUS que julgue necessárias, para remover, modificar, editar\r\n              ou limitar o alcance e funcionalidade deste, de modo a aprimorar a\r\n              qualidade e desempenho. O trabalho de manutenção pode limitar e/ou\r\n              interromper parcialmente a utilização do BHBUS, e em determinadas\r\n              circunstâncias, inclusive perda de dados. O BHBUS, portanto, não\r\n              presume garantia pela disponibilidade do serviço ou falta de\r\n              inconveniência técnica ou perda de dados.\r\n            </p>\r\n            <p>\r\n              10.5. Todas as comunicações que consistem em avisos e mensagens\r\n              push no BHBUS ou enviados durante o curso do serviço, que têm como\r\n              objetivo informar os USUÁRIOS sobre determinadas questões ou\r\n              realizar orientações, serão consideradas como tendo sido\r\n              validamente recebidas e atendidas pelo USUÁRIO.\r\n            </p>\r\n            <p>\r\n              10.6. Todas as questões envolvendo o BHBUS e o USUÁRIO serão\r\n              regidas pelas leis da República Federativa do Brasil, sendo eleito\r\n              o Foro da Comarca de Belo Horizonte, Estado de Minas Gerais, como\r\n              o único competente para dirimir quaisquer litígios e/ou demandas\r\n              que venham a envolver as Partes em relação aos serviços prestados.\r\n            </p>\r\n            <p>\r\n              <strong>Belo Horizonte/MG, 23 de janeiro de 2020.</strong>\r\n            </p>\r\n            <p>\r\n              CONSÓRCIO OP. DO TRANSPORTE COLETIVO DE PASSAGEIROS POR ÔNIBUS DO\r\n              MUNICÍPIO DE BELO HORIZONTE\r\n              <br /> CNPJ: 04.398.505/0001-07\r\n              <br /> Rua Aquiles Lobo 504 - Floresta - BH - CEP: 30150-160\r\n              <br /> SAC: 31 3248.7300\r\n            </p>\r\n          </Main>\r\n        </Content>\r\n      </Container> */}\r\n      <Container>\r\n        <Content>\r\n          <Main>\r\n            <p>\r\n              {termsUse?.updated_at && `Emissão em ${termsUse?.updated_at}`}\r\n            </p>\r\n            {termsUse?.text && (\r\n              <div dangerouslySetInnerHTML={{ __html: termsUse?.text }} />\r\n            )}\r\n          </Main>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TermosDeUso;\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface ActiveProps {\r\n  active: boolean;\r\n}\r\n\r\nexport const Container = styled.div`\r\n  width: 100%;\r\n`;\r\n\r\nexport const AccordionItem = styled.div`\r\n  background: #f2f5f7\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid #c2d1d9;\r\n  border-bottom: 1px solid #c2d1d9;\r\n`;\r\n\r\nexport const InitialContainer = styled.div<ActiveProps>`\r\n  display: flex;\r\n  height: 76px;\r\n  cursor: pointer;\r\n\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  h1 {\r\n    margin-top: 24px;\r\n\r\n    font-family: Source Sans Pro;\r\n    font-style: normal !important;\r\n    font-weight: normal !important;\r\n    font-size: 16px !important;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    color: #505d68;\r\n  }\r\n\r\n  button {\r\n    transition: all 0.5s ease;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    height: 0;\r\n    color: #c2d1d9;\r\n\r\n    svg {\r\n      ${props =>\r\n        props.active &&\r\n        css`\r\n          transform: rotate(90deg);\r\n        `}\r\n    }\r\n  }\r\n`;\r\n\r\nexport const CollapseContainer = styled.div<ActiveProps>`\r\n  transition: all 0.5s ease;\r\n  margin: 20px 0;\r\n  min-height: 0;\r\n  height: 0;\r\n  transition: all 0.2s ease-out;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      min-height: 30px;\r\n      height: auto;\r\n      transition: all 0.25s ease-in;\r\n    `}\r\n`;\r\n","import React, { useState, useCallback } from 'react';\r\nimport { IconBaseProps } from 'react-icons';\r\n\r\nimport {\r\n  Container,\r\n  AccordionItem,\r\n  InitialContainer,\r\n  CollapseContainer,\r\n} from './styles';\r\n\r\nexport interface AccordionProps {\r\n  title: string;\r\n  CollapseIcon?: React.ComponentType<IconBaseProps>;\r\n}\r\n\r\nconst Accordion: React.FC<AccordionProps> = ({\r\n  title,\r\n  CollapseIcon,\r\n  children,\r\n}) => {\r\n  const [active, setActive] = useState(false);\r\n\r\n  const handleToggle = useCallback(() => {\r\n    setActive(!active);\r\n  }, [active]);\r\n\r\n  return (\r\n    <Container>\r\n      <AccordionItem>\r\n        <InitialContainer active={active} onClick={handleToggle}>\r\n          <h1>{title}</h1>\r\n          <button\r\n            type=\"button\"\r\n            className=\"icon-container\"\r\n            onClick={handleToggle}\r\n          >\r\n            <CollapseIcon size={25} />\r\n          </button>\r\n        </InitialContainer>\r\n        <CollapseContainer active={active}>{children}</CollapseContainer>\r\n      </AccordionItem>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n","export default __webpack_public_path__ + \"static/media/playbuttonorange.76b7d4ec.svg\";","import styled from 'styled-components';\r\nimport PlayButton from '../../assets/QuemSomos/playbuttonorange.svg';\r\n\r\ninterface SliderItemProps {\r\n  img: string;\r\n}\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 220px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    height: 250px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      text-align: center;\r\n      line-height: 3rem;\r\n      margin-left: 0rem;\r\n    }\r\n  }\r\n\r\n  span {\r\n    font-size: 1rem;\r\n    line-height: 3.5rem;\r\n    font-weight: normal;\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      text-align: center;\r\n      line-height: 1.5rem;\r\n      margin-left: 0rem;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const VideoSection = styled.section`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border-radius: 10px;\r\n  padding-top: 25px;\r\n  max-width: 1140px;\r\n  height: 430px;\r\n\r\n  .video-container {\r\n    margin-top: 20px;\r\n    width: 50%;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    & > div {\r\n      width: 100% !important;\r\n      height: 310px !important;\r\n      border-radius: 10px;\r\n      @media (max-width: 768px) {\r\n        width: 100% !important;\r\n      }\r\n    }\r\n\r\n    .html5-video-player {\r\n      border-radius: 10px !important;\r\n    }\r\n    @media (max-width: 768px) {\r\n      width: 95%;\r\n      flex-wrap: wrap;\r\n      margin-left: 0rem;\r\n      display: block;\r\n      position: absolute;\r\n      max-width: 1140px;\r\n      top: 640px;\r\n    }\r\n    @media (max-width: 640px) {\r\n      width: 94%;\r\n    }\r\n    @media (max-width: 437px) {\r\n      width: 93%;\r\n    }\r\n    @media (max-width: 600px) {\r\n      top: 720px;\r\n    }\r\n    @media (max-width: 399px) {\r\n      top: 800px;\r\n    }\r\n    @media (max-width: 320px) {\r\n      top: 810px;\r\n      width: 91%;\r\n    }\r\n  }\r\n\r\n  .empresa-container {\r\n    width: 50%;\r\n\r\n    display: grid;\r\n    flex-direction: column;\r\n    text-align: justify;\r\n    padding: 0 0 0 5%;\r\n\r\n    .icon {\r\n      text-align: center;\r\n    }\r\n\r\n    h1 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 28px;\r\n      line-height: 37px;\r\n      text-align: center;\r\n      margin-bottom: 5px;\r\n      margin-top: -10px;\r\n      color: #531f76;\r\n    }\r\n\r\n    p {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n      margin-bottom: 15px;\r\n\r\n      color: #a1aeb7;\r\n    }\r\n    @media (max-width: 768px) {\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n      margin-left: 0rem;\r\n      display: block;\r\n      padding: 0;\r\n      margin-top: 10px;\r\n      margin-bottom: 25rem;\r\n    }\r\n    @media (max-width: 600px) {\r\n      width: 100%;\r\n      flex-wrap: wrap;\r\n      margin-left: 0rem;\r\n      display: block;\r\n      padding: 0;\r\n      margin-top: 10px;\r\n      margin-bottom: 29rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    flex-wrap: wrap;\r\n    max-width: 1140px;\r\n    height: 80%;\r\n    display: block;\r\n    margin-left: 0rem;\r\n  }\r\n`;\r\n\r\nexport const MissionSection = styled.section`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border-radius: 10px;\r\n  padding-top: 100px;\r\n  height: 790px;\r\n\r\n  .text-container {\r\n    width: 35%;\r\n    padding-right: 90px;\r\n    @media (max-width: 768px) {\r\n      width: 100%;\r\n      padding-right: 0px;\r\n    }\r\n    h3 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1.7rem;\r\n      line-height: 2rem;\r\n      color: #505d68;\r\n      margin-bottom: 50px;\r\n      margin-top: 3px;\r\n      @media (max-width: 768px) {\r\n        margin-top: 3rem;\r\n        line-height: 1rem;\r\n        margin-bottom: 1.5rem;\r\n      }\r\n    }\r\n\r\n    h1 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 2.8rem;\r\n      line-height: 3.6rem;\r\n\r\n      color: #531f76;\r\n      margin-bottom: 40px;\r\n      @media (max-width: 768px) {\r\n        margin-top: 2rem;\r\n        font-size: 2.3rem;\r\n        margin-bottom: 1rem;\r\n      }\r\n    }\r\n\r\n    small {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 1rem;\r\n      line-height: 1.4rem;\r\n\r\n      color: #a1aeb7;\r\n    }\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      margin-bottom: 4rem;\r\n      margin-top: -7rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  .mission-container {\r\n    h3 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1.7rem;\r\n      line-height: 2rem;\r\n      color: #505d68;\r\n      margin-bottom: 50px;\r\n      @media (max-width: 768px) {\r\n        text-align: center;\r\n        line-height: 0rem;\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n\r\n    width: 65%;\r\n    @media (max-width: 768px) {\r\n      width: 100%;\r\n    }\r\n\r\n    .mission-card {\r\n      width: 100%;\r\n      height: 260px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 1rem;\r\n\r\n      @media (max-width: 768px) {\r\n        width: 100%;\r\n        margin-top: 0rem;\r\n        margin-bottom: 0rem;\r\n      }\r\n\r\n      @media (max-width: 400px) {\r\n        margin-top: 0rem;\r\n        margin-bottom: 0rem;\r\n      }\r\n\r\n      img {\r\n        width: 70px;\r\n      }\r\n\r\n      .imgvalor {\r\n        width: 75px;\r\n      }\r\n\r\n      h1 {\r\n        font-family: Source Sans Pro;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        font-size: 1.1rem;\r\n        margin-top: 1.4rem;\r\n        margin-bottom: 0.8rem;\r\n        line-height: 1.3rem;\r\n        /* identical to box height, or 306% */\r\n\r\n        text-align: center;\r\n        letter-spacing: 0.8px;\r\n        text-transform: uppercase;\r\n\r\n        color: #472b74;\r\n        @media (max-width: 1140px) {\r\n          flex-wrap: wrap;\r\n          line-height: 1.3rem;\r\n        }\r\n      }\r\n\r\n      span {\r\n        font-family: Source Sans Pro;\r\n        font-style: normal;\r\n        font-weight: 600;\r\n        font-size: 1rem;\r\n        margin-bottom: 1.2rem;\r\n\r\n        text-align: center;\r\n        color: var(--purple);\r\n      }\r\n\r\n      small {\r\n        font-family: Source Sans Pro;\r\n        font-style: normal;\r\n        font-weight: normal;\r\n        font-size: 1rem;\r\n        line-height: 20px;\r\n        text-align: center;\r\n\r\n        color: #a1aeb7;\r\n      }\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin-left: 0rem;\r\n    margin-bottom: 0rem;\r\n  }\r\n`;\r\n\r\nexport const TransfacilTextSection = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 50px 0;\r\n\r\n  h1 {\r\n    font-family: Roboto Slab;\r\n    font-style: normal;\r\n    font-weight: bold;\r\n    font-size: 28px;\r\n    line-height: 37px;\r\n    /* identical to box height */\r\n\r\n    text-align: center;\r\n\r\n    color: #472b74;\r\n    @media (max-width: 400px) {\r\n      margin-top: 15rem;\r\n    }\r\n    @media (max-width: 307px) {\r\n      margin-top: 30rem;\r\n    }\r\n  }\r\n  span {\r\n    font-family: Source Sans Pro;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 16px;\r\n    line-height: 20px;\r\n    text-align: center;\r\n\r\n    color: #a1aeb7;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin-top: 40rem;\r\n  }\r\n  @media (max-width: 600px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin-top: 47rem;\r\n  }\r\n  @media (max-width: 401px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin-top: 37rem;\r\n  }\r\n  @media (max-width: 307px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    margin-top: 23rem;\r\n  }\r\n`;\r\n\r\nexport const NewsSection = styled.section`\r\n  height: 504px;\r\n  display: flex;\r\n\r\n  .image-container {\r\n    width: 55%;\r\n\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .text-container {\r\n    width: 45%;\r\n    margin-left: 5%;\r\n\r\n    h3 {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 24px;\r\n      line-height: 30px;\r\n\r\n      color: #505d68;\r\n      margin-bottom: 33px;\r\n    }\r\n\r\n    h1 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 45px;\r\n      line-height: 59px;\r\n\r\n      color: #531f76;\r\n      margin-bottom: 33px;\r\n    }\r\n\r\n    h2 {\r\n      font-family: Roboto Slab;\r\n      margin-top: 3.5rem;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1.6rem;\r\n      line-height: 3.6rem;\r\n\r\n      color: #531f76;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n    p {\r\n      margin-top: 1rem;\r\n    }\r\n\r\n    span {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n    }\r\n\r\n    & > span {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  @media (max-width: 1260px) {\r\n    flex-wrap: wrap;\r\n    width: 50%;\r\n  }\r\n`;\r\n\r\nexport const MetricSection = styled.section`\r\n  display: flex;\r\n  max-width: 1140px;\r\n  .metrics {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 102%;\r\n    @media (max-width: 900px) {\r\n      flex-wrap: wrap;\r\n      width: 80%;\r\n      justify-content: space-between;\r\n      margin-left: 9rem;\r\n    }\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      width: 90%;\r\n      justify-content: space-between;\r\n      margin-left: 4rem;\r\n    }\r\n    @media (max-width: 703px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 6rem;\r\n    }\r\n    @media (max-width: 688px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 520px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 492px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 416px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 358px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: space-between;\r\n      margin-left: 0rem;\r\n    }\r\n    @media (max-width: 290px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n      justify-content: center;\r\n      margin-left: 0rem;\r\n    }\r\n\r\n    .metricCard {\r\n      display: flex;\r\n      justify-content: left;\r\n      align-items: center;\r\n      width: 280px;\r\n      height: 105px;\r\n      @media (max-width: 768px) {\r\n        display: grid;\r\n        text-align: center;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 2rem;\r\n      }\r\n      @media (max-width: 688px) {\r\n        width: 230px;\r\n      }\r\n      @media (max-width: 520px) {\r\n        width: 190px;\r\n        margin-right: 2rem;\r\n      }\r\n      @media (max-width: 492px) {\r\n        width: 150px;\r\n        margin-right: 1rem;\r\n      }\r\n      @media (max-width: 358px) {\r\n        width: 120px;\r\n        margin-right: 0rem;\r\n      }\r\n      @media (max-width: 290px) {\r\n        width: 200px;\r\n      }\r\n\r\n      img {\r\n        margin-right: 1.5rem;\r\n        display: flex;\r\n        @media (max-width: 768px) {\r\n          margin-right: 0rem;\r\n        }\r\n      }\r\n\r\n      .image {\r\n        @media (max-width: 768px) {\r\n          display: grid;\r\n          text-align: center;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n      }\r\n\r\n      .shop {\r\n        width: 45px;\r\n        margin-top: 5px;\r\n      }\r\n\r\n      .bus {\r\n        width: 45px;\r\n      }\r\n\r\n      .textContainer {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        span {\r\n          font-family: Roboto Slab;\r\n          font-style: normal;\r\n          font-weight: bold;\r\n          font-size: 2rem;\r\n          line-height: 3rem;\r\n\r\n          color: #505d68;\r\n        }\r\n\r\n        p {\r\n          font-family: Source Sans Pro;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 1rem;\r\n          line-height: 1.4rem;\r\n\r\n          color: #a1aeb7;\r\n        }\r\n      }\r\n    }\r\n    .metricCardLinhas {\r\n      display: flex;\r\n      justify-content: left;\r\n      align-items: center;\r\n      width: 300px;\r\n      height: 105px;\r\n      margin-left: 1rem;\r\n      @media (max-width: 900px) {\r\n        margin-left: 0;\r\n      }\r\n      @media (max-width: 768px) {\r\n        display: grid;\r\n        width: 280px;\r\n        text-align: center;\r\n        justify-content: center;\r\n        margin-bottom: 2rem;\r\n      }\r\n      @media (max-width: 688px) {\r\n        width: 240px;\r\n        display: grid;\r\n        text-align: center;\r\n      }\r\n      @media (max-width: 520px) {\r\n        width: 230px;\r\n      }\r\n      @media (max-width: 492px) {\r\n        width: 150px;\r\n      }\r\n      @media (max-width: 358px) {\r\n        width: 120px;\r\n      }\r\n      @media (max-width: 290px) {\r\n        width: 200px;\r\n      }\r\n\r\n      .image {\r\n        @media (max-width: 768px) {\r\n          display: grid;\r\n          text-align: center;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      .textContainer {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        span {\r\n          font-family: Roboto Slab;\r\n          font-style: normal;\r\n          font-weight: bold;\r\n          font-size: 2rem;\r\n          line-height: 3rem;\r\n\r\n          color: #505d68;\r\n        }\r\n\r\n        p {\r\n          font-family: Source Sans Pro;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 1rem;\r\n          line-height: 1.4rem;\r\n\r\n          color: #a1aeb7;\r\n        }\r\n      }\r\n    }\r\n\r\n    .metricCardVeiculos {\r\n      display: flex;\r\n      justify-content: left;\r\n      align-items: center;\r\n      width: 210px;\r\n      height: 105px;\r\n      @media (max-width: 900px) {\r\n        margin-left: 13rem;\r\n      }\r\n      @media (max-width: 768px) {\r\n        margin-left: 15.5rem;\r\n        display: grid;\r\n        text-align: center;\r\n        justify-content: center;\r\n        margin-top: 2rem;\r\n      }\r\n\r\n      @media (max-width: 688px) {\r\n        width: 250px;\r\n        display: grid;\r\n        text-align: center;\r\n        margin-left: 13rem;\r\n      }\r\n\r\n      @media (max-width: 620px) {\r\n        width: 210px;\r\n        margin-left: 13rem;\r\n      }\r\n      @media (max-width: 560px) {\r\n        margin-left: 12rem;\r\n      }\r\n      @media (max-width: 520px) {\r\n        margin-left: 10rem;\r\n      }\r\n      @media (max-width: 445px) {\r\n        margin-left: 8rem;\r\n      }\r\n      @media (max-width: 416px) {\r\n        margin-left: 6rem;\r\n      }\r\n      @media (max-width: 350px) {\r\n        margin-left: 4.5rem;\r\n      }\r\n      @media (max-width: 320px) {\r\n        margin-left: 4rem;\r\n      }\r\n      @media (max-width: 306px) {\r\n        margin-left: 4.5rem;\r\n      }\r\n      @media (max-width: 290px) {\r\n        margin-left: 0rem;\r\n      }\r\n\r\n      img {\r\n        margin-right: 1.5rem;\r\n        display: flex;\r\n        @media (max-width: 768px) {\r\n          margin-right: 0rem;\r\n        }\r\n      }\r\n\r\n      .image {\r\n        @media (max-width: 768px) {\r\n          display: grid;\r\n          text-align: center;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n      }\r\n\r\n      .textContainer {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        span {\r\n          font-family: Roboto Slab;\r\n          font-style: normal;\r\n          font-weight: bold;\r\n          font-size: 2rem;\r\n          line-height: 3rem;\r\n\r\n          color: #505d68;\r\n        }\r\n\r\n        p {\r\n          font-family: Source Sans Pro;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 1rem;\r\n          line-height: 1.4rem;\r\n\r\n          color: #a1aeb7;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const WorkwithUsSection = styled.section`\r\n  margin-top: 50px;\r\n  .text-container {\r\n    h1 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 45px;\r\n      line-height: 59px;\r\n\r\n      color: #41195c;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    h3 {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n      margin-bottom: 24px;\r\n\r\n      color: #505d68;\r\n    }\r\n\r\n    small {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n      margin-bottom: 170px;\r\n\r\n      color: #a1aeb7;\r\n      p {\r\n        margin-bottom: 1rem;\r\n      }\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const JobsSection = styled.div`\r\n  margin-top: 50px;\r\n  .h1 {\r\n    font-family: Source Sans Pro;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 22px;\r\n    line-height: 28px;\r\n    color: #505d68;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .vagas {\r\n    display: grid;\r\n  }\r\n\r\n  .button {\r\n    width: 361px;\r\n    height: 40px;\r\n    background: var(--orange);\r\n    border-radius: 5px;\r\n    color: var(--white);\r\n    transition: background 0.5s ease;\r\n    margin-top: 25px;\r\n    margin-bottom: 50px;\r\n    @media (max-width: 768px) {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    &:hover {\r\n      background: #bb421f;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const BackgroundSliderNews = styled.div`\r\n  margin-bottom: 50px;\r\n  .slick-prev:before {\r\n    background: transparent;\r\n    background-size: 50px 50px;\r\n    display: inline-block;\r\n    width: 50px;\r\n    cursor: default;\r\n    height: 50px;\r\n    content: '';\r\n  }\r\n  .slick-next:before {\r\n    background-image: url(${PlayButton});\r\n    background-size: 50px 50px;\r\n    display: inline-block;\r\n    width: 50px;\r\n    height: 50px;\r\n    content: '';\r\n  }\r\n\r\n  @media (max-width: 1240px) {\r\n    flex-wrap: wrap;\r\n    width: 95%;\r\n  }\r\n  @media (max-width: 768px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-left: 1rem;\r\n  }\r\n  @media (max-width: 750px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 581px) {\r\n    flex-wrap: wrap;\r\n    margin-left: 0rem;\r\n  }\r\n  @media (max-width: 425px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const SliderItemNews = styled.div`\r\n  height: 380px;\r\n  display: flex;\r\n\r\n  .image-container {\r\n    width: 60%;\r\n    @media (max-width: 768px) {\r\n      width: 61.5%;\r\n    }\r\n\r\n    img {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .text-container {\r\n    width: 45%;\r\n    margin-left: 5%;\r\n    @media (max-width: 768px) {\r\n      flex-wrap: wrap;\r\n      width: 61.5%;\r\n      margin-left: 0%;\r\n    }\r\n\r\n    h3 {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 24px;\r\n      line-height: 30px;\r\n\r\n      color: #505d68;\r\n      margin-bottom: 33px;\r\n    }\r\n\r\n    h1 {\r\n      font-family: Roboto Slab;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 45px;\r\n      line-height: 59px;\r\n\r\n      color: #531f76;\r\n      margin-bottom: 33px;\r\n    }\r\n\r\n    h2 {\r\n      font-family: Roboto Slab;\r\n      margin-top: 3.5rem;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 1.6rem;\r\n      line-height: 2rem;\r\n\r\n      color: #531f76;\r\n      margin-bottom: 2.5rem;\r\n      @media (max-width: 1115px) {\r\n        margin-top: 0rem;\r\n      }\r\n      @media (max-width: 943px) {\r\n        margin-top: 1rem;\r\n      }\r\n    }\r\n    p {\r\n      margin-top: 1rem;\r\n    }\r\n\r\n    span {\r\n      font-family: Source Sans Pro;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n    }\r\n\r\n    & > span {\r\n      margin-bottom: 15px;\r\n    }\r\n  }\r\n  @media (max-width: 1115px) {\r\n    height: 50%;\r\n    margin-left: 1rem;\r\n  }\r\n  @media (max-width: 943px) {\r\n    flex-wrap: wrap;\r\n    width: 150%;\r\n  }\r\n`;\r\n\r\nexport const BackgroundSlider = styled.div`\r\n  background-color: var(--purple);\r\n  margin: 50px 0;\r\n  .slick-prev:before {\r\n    background-color: transparent;\r\n    color: var(--orange);\r\n    display: flex;\r\n    position: absolute;\r\n  }\r\n  .slick-next:before {\r\n    background-color: transparent;\r\n    color: var(--orange);\r\n    display: flex;\r\n    position: absolute;\r\n  }\r\n  .slick-prev {\r\n    position: absolute;\r\n    display: block;\r\n    height: 200px;\r\n    width: 60px;\r\n    line-height: 0;\r\n    font-size: 0;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    color: var(--orange);\r\n    top: 50%;\r\n    left: 20px;\r\n    margin-top: 0px;\r\n    padding: 0;\r\n    border: none;\r\n    outline: none;\r\n    z-index: 99;\r\n  }\r\n  .slick-next {\r\n    position: absolute;\r\n    display: block;\r\n    height: 200px;\r\n    width: 20px;\r\n    line-height: 0;\r\n    font-size: 0;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    color: var(--orange);\r\n    top: 50%;\r\n    right: 20px;\r\n    margin-top: 0px;\r\n    padding: 0;\r\n    border: none;\r\n    outline: none;\r\n  }\r\n`;\r\n\r\nexport const SliderItem = styled.div<SliderItemProps>`\r\n  background: url(${props => props.img && props.img}) no-repeat;\r\n  background-size: cover;\r\n  height: 715px;\r\n  width: 85%;\r\n  margin: 26px 40px;\r\n  @media (max-width: 1900px) {\r\n    margin: 26px auto;\r\n    width: 95%;\r\n    height: 515px;\r\n  }\r\n  @media (max-width: 1700px) {\r\n    margin: 26px auto;\r\n    width: 95%;\r\n    height: 415px;\r\n  }\r\n  @media (max-width: 1000px) {\r\n    margin: 26px auto;\r\n    width: 95%;\r\n    height: 300px;\r\n  }\r\n  @media (max-width: 800px) {\r\n    margin: 26px auto;\r\n    width: 95%;\r\n    height: 250px;\r\n  }\r\n  @media (max-width: 600px) {\r\n    margin: 23px auto;\r\n    width: 95%;\r\n    height: 300px;\r\n  }\r\n  @media (max-width: 461px) {\r\n    margin: 23px auto;\r\n    width: 95%;\r\n    height: 250px;\r\n  }\r\n  @media (max-width: 380px) {\r\n    margin: 23px auto;\r\n    width: 95%;\r\n    height: 200px;\r\n  }\r\n`;\r\n\r\nexport const ContentPolitica = styled.div`\r\n  margin-top: 50px;\r\n  width: 100%;\r\n  background: #ebf1f4;\r\n  text-align: center;\r\n  margin-top: 6rem;\r\n  margin-bottom: 10rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 30px;\r\n  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.61);\r\n\r\n  h1 {\r\n    color: var(--orange);\r\n    padding-top: 3rem;\r\n    font-size: 2.5rem;\r\n    padding-bottom: 3rem;\r\n    @media (max-width: 426px) {\r\n      font-size: 1.8rem;\r\n    }\r\n  }\r\n\r\n  .politica {\r\n    display: flex;\r\n    width: 100%;\r\n    color: #474747;\r\n    padding: 0px 85px 40px 100px;\r\n    text-align: left;\r\n    @media (max-width: 768px) {\r\n      padding: 0px 30px 20px 73px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      flex-direction: column;\r\n      padding: 0px 20px 20px 30px;\r\n    }\r\n  }\r\n\r\n  .bloco1 {\r\n    width: 25%;\r\n    color: #474747;\r\n    .strong {\r\n      margin-top: 1rem;\r\n    }\r\n    @media (max-width: 500px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .bloco2 {\r\n    width: 70%;\r\n    color: #474747;\r\n    padding-left: 90px;\r\n    @media (max-width: 500px) {\r\n      width: 100%;\r\n      padding-left: 0px;\r\n      margin-top: 3rem;\r\n    }\r\n    img {\r\n      padding-right: 15px;\r\n      margin-top: 3px;\r\n    }\r\n  }\r\n\r\n  .bloco3 {\r\n    display: flex;\r\n    color: #474747;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .bloco4 {\r\n    display: flex;\r\n    color: #474747;\r\n    width: 100%;\r\n    padding: 0px 85px 40px 100px;\r\n    text-align: left;\r\n    @media (max-width: 768px) {\r\n      padding: 0px 60px 20px 73px;\r\n    }\r\n    @media (max-width: 500px) {\r\n      padding: 0px 20px 20px 30px;\r\n    }\r\n  }\r\n\r\n  .bloco5 {\r\n    width: 100%;\r\n    color: #474747;\r\n    padding: 0px 85px 40px 100px;\r\n    text-align: right;\r\n    @media (max-width: 500px) {\r\n      padding: 0px 20px 20px 30px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const PurpleContainer = styled.div`\r\n  width: 100%;\r\n  height: 580px;\r\n  background: linear-gradient(166.07deg, var(--purple) 100%, #3b1753 107.69%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding-bottom: 1rem;\r\n  margin-bottom: 5rem;\r\n  margin-top: 5rem;\r\n\r\n  @media (max-width: 960px) {\r\n    height: 650px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    height: 700px;\r\n  }\r\n  @media (max-width: 420px) {\r\n    height: 750px;\r\n  }\r\n  @media (max-width: 385px) {\r\n    height: 800px;\r\n  }\r\n  @media (max-width: 350px) {\r\n    height: 830px;\r\n  }\r\n\r\n  .legislacao {\r\n    max-width: 1140px;\r\n    width: 100%;\r\n  }\r\n    .oval {\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: #d8d8d8;\r\n    justify-content: center;\r\n    margin-top: 5px;\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n    border: 1px solid #979797;\r\n    @media (max-width: 440px) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .text-white {\r\n    color: var(--white);\r\n    @media (max-width: 440px) {\r\n      flex-wrap;\r\n      width: 90%;\r\n    }\r\n  }\r\n\r\n  .flex {\r\n    display: flex;\r\n    margin-top: 1.8rem;\r\n    margin-bottom: 2rem;\r\n    @media (max-width: 960px) {\r\n      margin-top: 2rem;\r\n    }\r\n    @media (max-width: 721px) {\r\n      margin-top: 0rem;\r\n    }\r\n\r\n    div + div {\r\n      margin-left: 1.5rem;\r\n    }\r\n\r\n    h1 {\r\n      margin-right: 3rem;\r\n      @media (max-width: 440px) {\r\n      flex-wrap;\r\n    }\r\n    }\r\n    @media (max-width: 460px) {\r\n      flex-wrap;\r\n      width: 100%;\r\n      margin-left: 0.5rem;\r\n    }\r\n  }\r\n\r\n  .flex-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    p {\r\n      width: 100%;\r\n      margin-top: 10px;\r\n      margin-bottom: 1.5rem;\r\n      color: #a1aeb7;\r\n      @media (max-width: 440px) {\r\n      flex-wrap;\r\n      margin-left: 0rem;\r\n      width: 90%;\r\n    }\r\n    }\r\n\r\n    div + div {\r\n      margin-left: 100px;\r\n      @media (max-width: 960px) {\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        margin: 0;\r\n      }\r\n    }\r\n    .pdf {\r\n      color: #ebbe54;\r\n      margin-left: 0.5rem;\r\n    }\r\n    @media (max-width: 960px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n    }\r\n    @media (max-width: 460px) {\r\n      flex-wrap: wrap;\r\n      margin-left: 0.5rem;\r\n      margin-right: 0.5rem;\r\n      width: 100%;\r\n    }\r\n    @media (max-width: 440px) {\r\n      flex-wrap: wrap;\r\n      padding-right: 2rem;\r\n    }\r\n    @media (max-width: 440px) {\r\n      flex-wrap;\r\n    }\r\n  }\r\n  .flex-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  h1 {\r\n    margin-right: 30px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 1rem;\r\n    color: #a1aeb7;\r\n    @media (max-width: 440px) {\r\n      flex-wrap;\r\n      width: 95%;\r\n    }\r\n  }\r\n\r\n  img {\r\n    width: 35px;\r\n    height: 35px;\r\n    margin-left: 20px;\r\n    margin-top: 5px;\r\n  }\r\n  @media (max-width: 1273px) {\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    padding-left: 2rem;\r\n    padding-right: 2rem;\r\n  }\r\n\r\n  \r\n`;\r\n","export default __webpack_public_path__ + \"static/media/2001.036f0ffa.png\";","export default __webpack_public_path__ + \"static/media/2005.594c7511.png\";","export default __webpack_public_path__ + \"static/media/2010.98159e4c.png\";","export default __webpack_public_path__ + \"static/media/2011.e47b0c5d.png\";","export default __webpack_public_path__ + \"static/media/2014.485d4028.png\";","export default __webpack_public_path__ + \"static/media/2019_2020.81e485a9.png\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_1.20abb5a2.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_2.d0e3d662.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_3.7e60cdf7.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_4.92f7b0e9.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_5.89a167ef.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_6.1e5c8bfa.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_7.4b989745.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_8.333e78d7.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_9.0a6a543a.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_10.3d74e123.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_11.aea8456b.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_12.8f72d7c6.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_13.a3118267.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_14.16df6e33.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_15.d46c8457.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_16.030854fc.jpg\";","export default __webpack_public_path__ + \"static/media/transfacil_galery_17.b709794c.jpg\";","export default __webpack_public_path__ + \"static/media/Person.32e24285.svg\";","export default __webpack_public_path__ + \"static/media/Building.a84a7d47.svg\";","/* eslint-disable react/no-danger */\r\n/* eslint-disable no-console */\r\nimport React, { useState, useEffect } from 'react';\r\nimport ReactPlayer from 'react-player/lazy';\r\nimport Slider from 'react-slick';\r\nimport { FaUsers } from 'react-icons/fa';\r\nimport { BsChevronRight } from 'react-icons/bs';\r\nimport { Icon } from 'react-icons-kit';\r\nimport { line } from 'react-icons-kit/entypo/line';\r\nimport Shop from '../../assets/Shared/shop2.svg';\r\nimport Bus from '../../assets/Shared/FrameBus.svg';\r\nimport api from '../../services/api';\r\nimport Accordion from '../../components/QuemSomos/Accordion';\r\nimport { Container, Content, Blur, Row, Column } from '../../styles/components';\r\nimport {\r\n  TitleSection,\r\n  VideoSection,\r\n  MissionSection,\r\n  TransfacilTextSection,\r\n  MetricSection,\r\n  BackgroundSlider,\r\n  WorkwithUsSection,\r\n  BackgroundSliderNews,\r\n  SliderItemNews,\r\n  SliderItem,\r\n  JobsSection,\r\n  ContentPolitica,\r\n  PurpleContainer,\r\n} from './styles';\r\nimport Marco2001 from '../../assets/QuemSomos/2001.png';\r\nimport Marco2005 from '../../assets/QuemSomos/2005.png';\r\nimport Marco2010 from '../../assets/QuemSomos/2010.png';\r\nimport Marco2011 from '../../assets/QuemSomos/2011.png';\r\nimport Marco2014 from '../../assets/QuemSomos/2014.png';\r\nimport Marco2019 from '../../assets/QuemSomos/2019_2020.png';\r\n\r\nimport Transfacil1 from '../../assets/QuemSomos/transfacil_galery_1.jpg';\r\nimport Transfacil2 from '../../assets/QuemSomos/transfacil_galery_2.jpg';\r\nimport Transfacil3 from '../../assets/QuemSomos/transfacil_galery_3.jpg';\r\nimport Transfacil4 from '../../assets/QuemSomos/transfacil_galery_4.jpg';\r\nimport Transfacil5 from '../../assets/QuemSomos/transfacil_galery_5.jpg';\r\nimport Transfacil6 from '../../assets/QuemSomos/transfacil_galery_6.jpg';\r\nimport Transfacil7 from '../../assets/QuemSomos/transfacil_galery_7.jpg';\r\nimport Transfacil8 from '../../assets/QuemSomos/transfacil_galery_8.jpg';\r\nimport Transfacil9 from '../../assets/QuemSomos/transfacil_galery_9.jpg';\r\nimport Transfacil10 from '../../assets/QuemSomos/transfacil_galery_10.jpg';\r\nimport Transfacil11 from '../../assets/QuemSomos/transfacil_galery_11.jpg';\r\nimport Transfacil12 from '../../assets/QuemSomos/transfacil_galery_12.jpg';\r\nimport Transfacil13 from '../../assets/QuemSomos/transfacil_galery_13.jpg';\r\nimport Transfacil14 from '../../assets/QuemSomos/transfacil_galery_14.jpg';\r\nimport Transfacil15 from '../../assets/QuemSomos/transfacil_galery_15.jpg';\r\nimport Transfacil16 from '../../assets/QuemSomos/transfacil_galery_16.jpg';\r\nimport Transfacil17 from '../../assets/QuemSomos/transfacil_galery_17.jpg';\r\nimport Metric1 from '../../assets/QuemSomos/metric1.png';\r\nimport Metric2 from '../../assets/QuemSomos/metric2.png';\r\nimport Metric3 from '../../assets/QuemSomos/metric3.png';\r\nimport Metric4 from '../../assets/QuemSomos/metric4.png';\r\nimport Pessoa from '../../assets/QuemSomos/Person.svg';\r\nimport Building from '../../assets/QuemSomos/Building.svg';\r\nimport framepolitica from '../../assets/Shared/framepolitica.svg';\r\n\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\n\r\nconst QuemSomos: React.FC = () => {\r\n  const [jobs, setJobs] = useState([]);\r\n\r\n  const settingsnews = {\r\n    dots: false,\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1,\r\n    arrows: true,\r\n    className: 'slider',\r\n    responsive: [\r\n      {\r\n        breakpoint: 769,\r\n        settings: {\r\n          arrows: false,\r\n          dots: true,\r\n          infinite: false,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  const settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 2,\r\n    slidesToScroll: 2,\r\n    arrows: false,\r\n    responsive: [\r\n      {\r\n        breakpoint: 600,\r\n        settings: {\r\n          arrows: true,\r\n          dots: false,\r\n          infinite: false,\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1,\r\n          initialSlide: 2,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  useEffect(() => {\r\n    const getJobs = async () => {\r\n      try {\r\n        const response = await api.get('/core/vagas/');\r\n        setJobs(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    };\r\n    getJobs();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage className=\"companies-container\">\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1>O Transfácil</h1>\r\n              <span>\r\n                Conheça a nossa história e nossas motivações para entregar\r\n                serviços de qualidade para você\r\n              </span>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <VideoSection>\r\n            <div className=\"video-container\">\r\n              <ReactPlayer url=\"https://www.youtube.com/watch?v=Q1ROCyK6oN4\" />\r\n            </div>\r\n            <div className=\"empresa-container\">\r\n              <div className=\"icon\">\r\n                <FaUsers color=\"#424B5A\" size={45} />\r\n              </div>\r\n\r\n              <h1>Quem Somos</h1>\r\n              <p>\r\n                O Transfácil nasceu em 2001, já digital, e veio com o intuito de\r\n                modernizar a mobilidade urbana em BH. Adeus vale-transporte de\r\n                papel, bem vinda Bilhetagem Eletrônica! Mais segurança, mais\r\n                agilidade no embarque, facilidade e maior controle dos clientes\r\n                através do cartão BHBUS.\r\n              </p>\r\n              <p>\r\n                Ao longo dos anos, outros projetos surgiram: ampliamos nossa\r\n                operação com a implantação do MOVE, lançamos um App e estamos\r\n                prontos pra muito mais.\r\n              </p>\r\n              <p>\r\n                Nossa trajetória se conecta com seu dia a dia. Sabemos da nossa\r\n                responsabilidade e trabalhamos para oferecer a você um\r\n                transporte coletivo de qualidade.\r\n              </p>\r\n            </div>\r\n          </VideoSection>\r\n        </Content>\r\n        <Content>\r\n          <MissionSection>\r\n            <div className=\"text-container\">\r\n              <h3>Nossa Missão</h3>\r\n              <h1>Ser uma opção de mobilidade para você</h1>\r\n            </div>\r\n            <div className=\"mission-container\">\r\n              <h3>Nossos Valores:</h3>\r\n              <Row>\r\n                <Column small=\"6\" medium=\"6\" large=\"6\">\r\n                  <div className=\"mission-card\">\r\n                    <img src={Metric1} alt=\"\" />\r\n                    <h1>POTENCIALIZAR PESSOAS</h1>\r\n                    <small>\r\n                      Acreditar que pessoas fazem a diferença. Nossas relações\r\n                      devem ser humanizadas, apostamos na diversidade e\r\n                      valorização das pessoas. Cada profissional do Transfácil\r\n                      está sempre em busca de garantir o seu desenvolvimento o\r\n                      da equipe e do negócio, potencializando habilidades e\r\n                      atitudes para que todos alcancem os melhores resultados.\r\n                    </small>\r\n                  </div>\r\n                </Column>\r\n                <Column small=\"6\" medium=\"6\" large=\"6\">\r\n                  <div className=\"mission-card\">\r\n                    <img src={Metric2} alt=\"\" />\r\n                    <h1>FOCO NO CLIENTE</h1>\r\n                    <small>\r\n                      Nosso cliente é o que nos move. Ter como base a excelência\r\n                      do atendimento é função de todos no Transfácil. Somos\r\n                      atentos e movemos energias para atender as necessidades\r\n                      dos clientes de uma forma que os surpreenda positivamente.\r\n                      Nosso foco é no cliente e sua experiência que deve ser\r\n                      incrível em todo sistema do transporte coletivo.\r\n                      <p>&nbsp;</p>\r\n                    </small>\r\n                  </div>\r\n                </Column>\r\n                <Column small=\"6\" medium=\"6\" large=\"6\">\r\n                  <div className=\"mission-card\">\r\n                    <img src={Metric3} alt=\"\" className=\"imgvalor\" />\r\n                    <h1>ENTREGAR VALOR CONTINUAMENTE</h1>\r\n                    <small>\r\n                      Porque a gente se importa. No Transfácil, a busca por\r\n                      resultados de relevância é algo que vem de dentro para\r\n                      fora, uma vontade de tornar o cenário melhor para si mesmo\r\n                      e para os outros, com atitude crítica, dedicação e\r\n                      respeito em todas as nossas relações.\r\n                    </small>\r\n                  </div>\r\n                </Column>\r\n                <Column small=\"6\" medium=\"6\" large=\"6\">\r\n                  <div className=\"mission-card\">\r\n                    <img src={Metric4} alt=\"\" />\r\n                    <h1>APRENDER RÁPIDO</h1>\r\n                    <small>\r\n                      Experimentar o novo sempre. Aprendemos sempre para\r\n                      entregar o melhor. Experimentamos novas formas de fazer,\r\n                      ouvir e ser. Nos permitimos errar e tentar novamente,\r\n                      sempre buscando as melhores soluções de mobilidade para os\r\n                      nossos clientes.\r\n                    </small>\r\n                  </div>\r\n                </Column>\r\n              </Row>\r\n            </div>\r\n          </MissionSection>\r\n          <TransfacilTextSection>\r\n            <h1>Há 20 anos fazendo parte da sua trajetória</h1>\r\n            {/* <span>\r\n              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do\r\n              eiusmod tempor incididunt ut labore et dolore magna aliquat enim\r\n              ad minim.\r\n            </span> */}\r\n          </TransfacilTextSection>\r\n          <BackgroundSliderNews>\r\n            <Slider className=\"slider\" {...settingsnews}>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2001} alt=\"2001\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    {/* <h3>Marcos da Transfácil</h3> */}\r\n                    {/* <h1>Veja os principais feitos da Transfácil</h1> */}\r\n                    <h2>2001 foi ano da nossa fundação</h2>\r\n                    <span>\r\n                      <p>\r\n                        O Transfácil, Consórcio Operacional do Transporte\r\n                        Coletivo de Passageiros por Ônibus do Município de Belo\r\n                        Horizonte, surgiu com o objetivo de implantar a\r\n                        bilhetagem eletrônica em Belo Horizonte.\r\n                      </p>\r\n                      <p>\r\n                        Somos um consórcio formado pelas empresas de transporte\r\n                        e temos a responsabilidade de operar o sistema de\r\n                        bilhetagem eletrônica e comercializar os créditos\r\n                        eletrônicos, sempre pensando na eficiência e na melhoria\r\n                        da sua experiência.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2005} alt=\"2005\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    <h2>2005 – Fim do vale-transporte de papel</h2>\r\n                    <span>\r\n                      <p>\r\n                        No ano de 2005, o vale-transporte de papel foi\r\n                        oficialmente retirado de circulação. Atualmente , o\r\n                        cartão é a forma de pagamento mais utilizada entre os\r\n                        clientes, facilitando a vida de quem utiliza o\r\n                        transporte coletivo de Belo Horizonte.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2010} alt=\"2010\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    <h2>2010 – Cartão Master</h2>\r\n                    <span>\r\n                      <p>\r\n                        Em 2010, foi implantado o cartão Master destinado ao\r\n                        cliente com idade igual ou superior a 65 (sessenta e\r\n                        cinco) anos que deseja transpor, de forma gratuita, a\r\n                        roleta dos ônibus.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2011} alt=\"2011\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    <h2>2011 – Meio Passe Estudantil</h2>\r\n                    <span>\r\n                      <p>\r\n                        O Auxílio Transporte Escolar (ou meio passe estudantil)\r\n                        foi implantado em 2011. O benefício é financiado pela\r\n                        PBH e corresponde a um desconto de 50% do valor das\r\n                        tarifas pagas no percurso ida e volta entre a residência\r\n                        e a escola do aluno beneficiário.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2014} alt=\"2014\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    <h2>2014 – Implantação do MOVE</h2>\r\n                    <span>\r\n                      <p>\r\n                        Composto por 19 linhas troncais, 73 linhas alimentadoras\r\n                        e 13 outras linhas que se integram nas estações de\r\n                        transferência, o MOVE possibilita que o cliente vá de um\r\n                        bairro na região de Venda Nova para um destino na região\r\n                        sul pagando apenas uma tarifa.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n              <div>\r\n                <SliderItemNews>\r\n                  <div className=\"image-container\">\r\n                    <img src={Marco2019} alt=\"2019\" />\r\n                  </div>\r\n                  <div className=\"text-container\">\r\n                    <h2>2019/2020 – Nova cultura centrada nas pessoas</h2>\r\n                    <span>\r\n                      <p>\r\n                        Iniciamos um processo de evolução baseado em três\r\n                        pilares: Pessoas, Clientes e Inovação. Criamos a área de\r\n                        Desenvolvimento Humano e Organizacional para avançarmos\r\n                        em direção a nova cultura centrada nas pessoas,\r\n                        reestruturamos nossa área de atendimento ao Cliente\r\n                        focada na escuta e na melhoria da experiência, traçamos\r\n                        um novo posicionamento de marca e presença digital,\r\n                        sempre de olho no futuro e em busca de aumentar a\r\n                        eficiência e a eficácia do transporte coletivo.\r\n                      </p>\r\n                    </span>\r\n                  </div>\r\n                </SliderItemNews>\r\n              </div>\r\n            </Slider>\r\n          </BackgroundSliderNews>\r\n          {/* <NewsSection>\r\n            <div className=\"image-container\">\r\n              <img src={EstacaoOnibus} alt=\"\" />\r\n            </div>\r\n            <div className=\"text-container\">\r\n              <h3>Marcos da Transfácil</h3>\r\n              <h1>Veja os principais feitos da Transfácil</h1>\r\n              <h2>2001 foi ano da nossa fundação</h2>\r\n              <span>\r\n                <p>\r\n                  O Transfácil, Consórcio Operacional do Transporte Coletivo de\r\n                  Passageiros por Ônibus do Município de Belo Horizonte, surgiu\r\n                  com o objetivo de implantar a bilhetagem eletrônica em Belo\r\n                  Horizonte.\r\n                </p>\r\n                <p>\r\n                  Somos um consórcio formado pelas empresas de transporte e\r\n                  temos a responsabilidade de operar o sistema de bilhetagem\r\n                  eletrônica e comercializar os créditos eletrônicos, sempre\r\n                  pensando na eficiência e na melhoria da sua experiência.\r\n                </p>\r\n              </span>\r\n            </div>\r\n          </NewsSection> */}\r\n          <MetricSection>\r\n            <div className=\"metrics\">\r\n              <div className=\"metricCard\">\r\n                <div className=\"image\">\r\n                  <img src={Pessoa} alt=\"\" />\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <span>389</span>\r\n                  <p>Colaboradores</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"metricCard\">\r\n                <div className=\"image\">\r\n                  <img src={Building} alt=\"\" />\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <span>4</span>\r\n                  <p>Consórcios</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"metricCard\">\r\n                <div className=\"image\">\r\n                  <img src={Shop} alt=\"\" className=\"shop\" />\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <span>52</span>\r\n                  <p>Postos de Atendimentos</p>\r\n                  <p>Lojas e Estações</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"metricCardLinhas\">\r\n                <div className=\"image\">\r\n                  <div style={{ width: 55, height: 55, color: '#4D1D6E' }}>\r\n                    <Icon size=\"100%\" icon={line} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <span>284</span>\r\n                  <p>Linhas</p>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"metricCardVeiculos\">\r\n                <div className=\"image\">\r\n                  <img src={Bus} alt=\"\" className=\"bus\" />\r\n                </div>\r\n                <div className=\"textContainer\">\r\n                  <span>2.400</span>\r\n                  <p>Veículos na frota</p>\r\n                  <p>100% acessível</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </MetricSection>\r\n        </Content>\r\n        <BackgroundSlider>\r\n          <Slider className=\"slides\" {...settings}>\r\n            <div>\r\n              <SliderItem img={Transfacil1} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil2} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil3} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil4} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil5} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil6} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil7} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil8} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil9} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil10} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil11} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil12} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil13} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil14} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil15} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil16} />\r\n            </div>\r\n            <div>\r\n              <SliderItem img={Transfacil17} />\r\n            </div>\r\n          </Slider>\r\n        </BackgroundSlider>\r\n        <Content>\r\n          <WorkwithUsSection>\r\n            <div className=\"text-container\">\r\n              <h1>Trabalhe Conosco!</h1>\r\n              <h3>\r\n                Que tal fazer parte de uma equipe de talentos que trabalha para\r\n                transformar a mobilidade urbana de BH?\r\n              </h3>\r\n              <small>\r\n                <p>\r\n                  Estamos em um processo de evolução cultural, com um foco nas\r\n                  pessoas e se você gosta de trabalhar em equipe, em um ambiente\r\n                  que te desafia e motiva a crescer junto, venha fazer parte do\r\n                  nosso time!!\r\n                </p>\r\n              </small>\r\n            </div>\r\n          </WorkwithUsSection>\r\n          <JobsSection>\r\n            <h1 className=\"h1\">Confira nossas vagas e se candidate!</h1>\r\n            <div className=\"accordionContainer\">\r\n              {jobs.map(vaga => (\r\n                <Accordion\r\n                  key={vaga.id}\r\n                  title={vaga.name}\r\n                  CollapseIcon={BsChevronRight}\r\n                >\r\n                  <div className=\"vagas\">\r\n                    <div\r\n                      dangerouslySetInnerHTML={{\r\n                        __html: vaga.description,\r\n                      }}\r\n                    />\r\n                    <button\r\n                      onClick={() => handleLink(vaga.link)}\r\n                      type=\"button\"\r\n                      className=\"button\"\r\n                    >\r\n                      Quero me candidatar\r\n                    </button>\r\n                  </div>\r\n                </Accordion>\r\n              ))}\r\n              {!jobs.length && <span>Nenhuma Vaga Disponivel</span>}\r\n            </div>\r\n            {/* {!!jobs.length && (\r\n              <button\r\n                onClick={() => push('/trabalhe-conosco')}\r\n                type=\"button\"\r\n                className=\"button\"\r\n              >\r\n                Quero me candidatar\r\n              </button>\r\n            )} */}\r\n          </JobsSection>\r\n        </Content>\r\n        <Content>\r\n          <ContentPolitica>\r\n            <h1>Política da Qualidade</h1>\r\n            <div className=\"politica\">\r\n              <div className=\"bloco1\">\r\n                <p>\r\n                  Oferecer um Sistema de Transporte Coletivo de qualidade,\r\n                  contemplando a Bilhetagem Eletrônica, o Sistema de Informação\r\n                  ao Usuário e o Monitoramento de frota, garantindo a otimização\r\n                  e melhoria da operação e mobilidade urbana do Município de\r\n                  Belo Horizonte.\r\n                </p>\r\n                <p className=\"strong\">\r\n                  <strong>Se comprometendo com:</strong>\r\n                </p>\r\n                <br />\r\n              </div>\r\n              <div className=\"bloco2\">\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>Excelência no atendimento ao Cliente</p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>Cumprimento dos requisitos aplicáveis</p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>Valorização dos colaboradores</p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>Desenvolvimento Contínuo</p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>\r\n                    Melhoria da eficiência das operadoras de transporte coletivo\r\n                  </p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>Decisões orientadas pela análise de dados coletados</p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>\r\n                    Melhoria contínua dos processos, baseando-se sempre no\r\n                    Sistema da Qualidade\r\n                  </p>\r\n                </div>\r\n                <div className=\"bloco3\">\r\n                  <img src={framepolitica} alt=\"politica\" />\r\n                  <p>\r\n                    Ter Foco em novas tecnologias de mobilidade que gerem valor\r\n                    para o cliente\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"bloco5\">\r\n              <h3>Aprovado em Junho/2021 pela Diretoria vigente.</h3>\r\n            </div>\r\n          </ContentPolitica>\r\n        </Content>\r\n\r\n        <PurpleContainer>\r\n          <div className=\"legislacao\">\r\n            <div className=\"flex\">\r\n              <h1 className=\"text-white\">Legislação</h1>\r\n              <div className=\"oval\" />\r\n              <div className=\"oval\" />\r\n              <div className=\"oval\" />\r\n            </div>\r\n            <div className=\"flex-row\">\r\n              <div>\r\n                <h3 className=\"text-white\">SBE</h3>\r\n                <h4>\r\n                  • Lei nº 8.224 de 28 de setembro de 2001:\r\n                  <a href=\"/files/lei8224.pdf\" target=\"_blank\" className=\"pdf\">\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n\r\n                <p>\r\n                  Autoriza implantar bilhetagem eletrônica nos coletivos, proíbe\r\n                  a substituição das catracas e garante emprego dos operadores\r\n                  na forma que menciona.\r\n                </p>\r\n                <h4>\r\n                  • Portaria BHTRANS DDI nº 066/2002 de 17 de setembro de 2002:{' '}\r\n                  <a href=\"/files/DDI066.pdf\" target=\"_blank\" className=\"pdf\">\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n                <p>\r\n                  Estabelece Políticas de Operação e Funcionamento do Sistema de\r\n                  Bilhetagem Eletrônica no Serviço de Transporte Público por\r\n                  Ônibus do Município de Belo Horizonte.\r\n                </p>\r\n                <h4>\r\n                  • Portaria BHTRANS DDI nº 039/2006 de 19 de junho de 2006:\r\n                  <a href=\"/files/DDI039.pdf\" target=\"_blank\" className=\"pdf\">\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n                <p>\r\n                  Altera a PORTARIA BHTRANS DDI N. º 066/2002, ampliando o prazo\r\n                  de validade dos créditos eletrônicos dos cartões BHBUS\r\n                  modalidade Usuário e Usuário Identificado.\r\n                </p>\r\n              </div>\r\n\r\n              <div>\r\n                <h3 className=\"text-white\">VT</h3>\r\n                <h4>\r\n                  • Lei nº 7.418, de 16 de dezembro de 1985:{' '}\r\n                  <a href=\"/files/lei7418.pdf\" target=\"_blank\" className=\"pdf\">\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n                <p>Institui o Vale-Transporte e dá outras providências.</p>\r\n                <h4>\r\n                  • Decreto n º 95.247, de 17 de novembro de 1987:{' '}\r\n                  <a\r\n                    href=\"/files/decreto95247.pdf\"\r\n                    target=\"_blank\"\r\n                    className=\"pdf\"\r\n                  >\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n                <p>\r\n                  Regulamenta a Lei n° 7.418, de 16 de dezembro de 1985, que\r\n                  institui o Vale-Transporte, com a alteração da Lei n° 7.619,\r\n                  de 30 de setembro de 1987.\r\n                </p>\r\n                <h3 className=\"text-white\">MTE</h3>\r\n                <h4>\r\n                  • Relatório de Transparência e Igualdade Salarial de Mulheres\r\n                  e Homens - 1º Semestre 2024:\r\n                  <a\r\n                    href=\"/files/relatorioigualdade.pdf\"\r\n                    target=\"_blank\"\r\n                    className=\"pdf\"\r\n                  >\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n                <h4>\r\n                  • Relatório de Transparência e Igualdade Salarial de Mulheres\r\n                  e Homens - 2º Semestre 2024:\r\n                  <a\r\n                    href=\"/files/relatorioigualdade2semestre2024.pdf\"\r\n                    target=\"_blank\"\r\n                    className=\"pdf\"\r\n                  >\r\n                    [PDF]\r\n                  </a>\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </PurpleContainer>\r\n      </Container>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default QuemSomos;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAACzCAMAAAFDSqf7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADPUExURQAAAOpdKelcJ+hcJulbJuhaJehdKOpbKOlaJulcKOlbJ+1XI38AAP8zAOlbKOpZIuhcKOpaKf8/AOZhJOhbJeVZJupXJehbKP8AAOhcJ+pcJupbJ+laKOlcJuZaIOpbJepaJulZJ+ldKOdcJ+VZGetbJ+lcJehbJ+haJuldKehZKOpaJ+hbKelaJ+laJedaJ+lbJedZJedZJ+pbJulVFehbJudaKP9VAOpdJexaJepYJOldJu5VIu1cKOlUI+RdKOxXJd9PH78/AOdbJwAAAJE9bewAAABFdFJOU///////////////////////////////////////////////////////////////////////////////////////////ALLusTgAAAAJcEhZcwAAIdUAACHVAQSctJ0AAAuSSURBVGhD7Vtbchs5DIyPoNJ1VLW1Vb7/mRaPBgmQIIekRt58uBNriEazp4fzkK3Ef74zEPvV4kXs8/sLCsUX/fnDnKd5/CWsN+HOg32hYMiWHTwNUthCG6ksqEKCBW0vxlL14v0rWdmai2AO7PpstaiwR7C0IOgElr/YlheMUFn2phcy96wmk76xWhA8C/oVtaAfNsdYtq0+hQ0Ysjw1gFk7dgPXf/hYPE1jYoXBVIY09Hooat4+dG9WFlKSFdpIYY0upLJGGwmWGd4/SGMtGyrT0tLyn+BQVNg0ewNtWjGm+Q0Ll8DKV8bKFntVFsKHtY1VU5sDVvivfzCubEDOpmApH5dWOajLfZKKbCzWDr3QxQBRLi7sQ1yt4kNrgdaDBnJYToyBIAjLCiTiRliknbgTOmkQJ8Ig7ZyDsJGqoSEKWykrMAxjgZf6p6MMojgclp5rgt4nfG04bZCaEk9CvoIxYlQpOwhPA4JKcinR6lqVnECeqYIgfYit6vmFOd0ynJTtylOC0BxVkHKLe3FTEKQE7heAA1rpBOvSPSVyzaBKfj+RWSOolJT0OpVyU5RPVk2k0qIXvHOMpWhU5UhqtFMSl8K6rJxKrdc+qTAwhI6uvNatNPKsHEgbVpSptOVUmUi7AZRdo59hyqbVC6syNBOhU/p2IvTK3skLgxKdchaD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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAADOCAMAAAHUGuYZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/UExURQAAALQZbZ8AX7IYa7MVZ7MYbLIXbLMZa7EWa7MXbLEWarMYarIYbLMWaqoAVbMUbqkMYbMYa6kAVLYYbbIWa7MWa60UZaIAXLIZa7YMbbQVarEYbLUTa6oVarIMWbEPZLIXa7MUZ7QUbrQYbbQYa7IWbbYMYbUXbLIYbbMXa60XaLgOY7EYa7QYbK8WarEVarUWa64VZbIZbLIZbbEXbLQXbLMXbrQZa38Af7EZa64ZabIWav8AALIXarMSZ7YYbrEXa7IWbLMXbbMZbbMVaq0LaK8VarIATKkAcbIVabUYbLQWbKkSZ7MTa7UYa7YSbbQXa38AAK8XZ7AWaQAAAA9JO00AAABVdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////wCwoQfPAAAACXBIWXMAACHVAAAh1QEEnLSdAAAR1UlEQVR4Xu1cSZLqPBN8N/gOwpKFI9hwgRfBhvuf5c/MKg3WYMtDg/uPl4AHyaWslEqDDd1/3l00sp6+H8p6Ao/ndH+WWUi1g0eZ9XzY/v2eYGtHlnWftCNoY3Z/3vcnaHQs8NAKh1UsISFkkTkzE3jOLOwXsko8b8oKinKQQW74eYalLAjtceHDrFIWTJgkq1RNBtPJrPedmxxqB2U9aJ+ZMmOyrPcD6ckZr1PLQvVnOX7oWYGaLalTIGQh4fm858Z5VolYYI1+1pacynOoZIAgtvw85ESPY2hZziu5/Xw/rKKVk0l8ItlO/6gClJigAmHDywowhaWl7hLAc9qUrQ4gizl+luPDOUXW9HzfoRU5ldFDtaqcUtAd4aIcM8oscfi0HNZTaBbArrEcL1oIDnlOrFU0ufYpB+cPIFMQSrNdjmBTo5/Tx5DN846xJ6Ftg3pDB0Rfs7MkRahs0CcnvnjMHjBN1SA6s/mLi4syaYg66/l2f7gvM6gQ8GXBDxsv5N6Kb41RBNgiF23QYvd7azye4em9NPqmHm+HXcQrzEanrCSd9fB0vcFGuzX4ZRttVA+yWddi8Ot22+BEuzV4JbkN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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAADOCAMAAAH6X8eLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEmUExURQAAAPbAQ/62SPW/Qfa+QvW/Q/S+QvTAQvS+P/a4PfW6OvW9QvO9QfG7NfS/Qfe/P///APi+PvW+QvbAQv8AAPjAQvO8N/a+QPW/QPO/QPK+QPLCQum/P/TAQfXAQPG6PvbAQP6pHP+/Kva/QvG9PvPAQPS9Q/XBQvK/P/W9P/XAQfO5OfjCQ/W+QPK4P/S/QOWyM/a/QfC0PPDGRvS9Qva9OfS/QvbCQPTAPvfDPPXAQva/QPW8OPm5P/9/APa+Q//MRPfAQve+QPPAPva/P/jCP/G/P/S9Qf7INvS/P/XGOPO/QfW+Qe67M/O8QuvEOvO/P/W9Qf+/H/XAPv+/P/S+QPbAQfS+QfG9QfW/P/XBPfi+QP+/APK2PL+/P/C+QOKpOAAAANJKQScAAABidFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AEFaSqgAAAAlwSFlzAAAh1QAAIdUBBJy0nQAAFHZJREFUeF7tXVF24yASnOej7BHGF/Ah/OHf3P8SW1VdSIBAAltKdvalotggBN3V3TRIdmb+fO1guPH5fDy/vl6v58Mnssb7iy9qwDVE1vjUuTgfr8Wwfgdueu0oRAnVsCs2w8ZQOfJhYyziHm+FzNSaxigVitZlhLKR558eE0Dj6/nKpOU6sxFvd1zxXC8x0HhHc5j6lXcD1LgYgN0zGR626ILKE5c9W42PVyj8KhtvTygmtwJ4s8zk+4Rg58Z7wSPphEYzXFrTuGpM0MknlFyQNaJz3gIUjTXOaXwg2KHSfbFu1iibBV/rtTbG5bqi1ZjxiOLamDVtG2PAAplCWVer22xMpaxx8Ut6LxrdY2krG7+YDTLRf2S09cQrV/qPrmS4ZnMk4c/XXzRHz818iJ5pWA5gGYzHPxF8qhuocE5gmLKncAul1MiShSnePQrf/6jBJ1aEbtH4Kib0whsyn2pZmh8ro8x8ivhs6haNlFSoXTbW2G3cQ79jLv75qGd+p6ONcCMtT5znLafY7ogshNfni1JeWfJeFhui1ZHiSjMZ+clGR7qmVCshd0hLYrsXkIV9u2OnZzVHGshHXlH0a3d0jBV4VCHd6Vjru9Wh2xEXL7HTmOnR8QmXPxoWUQC98hhYwY4e8P5Sfx6qCy1hAjve0Uh5a4css/fAjsnOfwsLYEHdKrAiSSTa7gPW9IGkaGXYMU2YIr0UgFufr1vaOKgnO/61xKIjMiF11fGCGJ8mRE0cfbbk2ETsJAhxTKrethkiw+t+z6wQEkEZHKjB69XqjBxaG4AdK3hvkQArtqzW6Egw5T9ed6wI+Rg5Oh2P8e0d/2f6FWvFdnZ0+jE2gSjDJwiyMiaa/V6PuEpTzRN12bYGmv2WmEHKeKZcsyzgQqtfsJGWiDOWhUJgr1+aYvm1ucBGP3ZZrJDrlod8o19KdRvk3mj047C5mAU5wY6eTRzIqzYGK/IBW/JW05c46NfNxPl4zX6N9AQUerT6tTUtl6lmv6am92JR7PTbZr9qVWz3w1UlxzKtAp1+pdG9kcvR7ZdHcSNn9/sVs3eDnX6pY70FEtgv1vOW6dlxQ01AP65BQMP2JNaJVvRLLegfkjMXYHV0qQL7WQ4WLkqm8FXpppIA+kk//K6GR99ObC+wPKqTG4CLt4ttyC5RLA1HfU23JZry3K/2BGTycQnW+LzB5Uxeww+BdZ3HKPeo0C6eWEUeLxACYwOFGxReZ7sQ3fz39bihkYRVk17U0/1akRZ4lnsSCsrlFYkAjqAEHtgR5tw1Pvv5+mWlIzA+eurA5swnCXiG16Ff2p8X5u4AERh00C/Zs2+XBAhPOmX8KgfXwN111s5+nipwzGbbsAD2SRtygXou/Cm76X3ciVS6oB8u1uY7hrvd+WA0B0VtCLBfBeyJs8tw99syWKMfBaSeLDXN3OoHkfA6ph/CpOebdj+AsdWP2H6/A/wr/d7Fr7wCylQMvyqUnMKI/QVpQt6DN+lMTIj5GNsNzwdSHlcAtVCyGxoYloe86SUlgTL1ViQepZrWo4/AqLzH/XXbqM181mJD/i7WGJTHRBglSMiyRzttJuoNjMkDibDZhk1nWC5+LpYYk4d41Ht/C1AjrXc1BvmFBcfF0aLvy8OSqVm1F+gVIK6p3Kj/ipAfADY8H9gTM2+cmnDr2H5MHt3h0hj8kcAWg/KYxlwcQbFFKjAojxqPM0SG62k3LI8UD+5FEpo5zhiXh5BL034XXEZcbGBCHsM0fw7axJpo25iSB+xs9RSVRxaYlQez9uz1eN66YbJgXh5otAIC6/FIAL8jj1atJGLbMpbx3pMnjkvoPB9DgStYHtO5D2FkpkEILcjLR6UleRTE2OLzeG4+YqRDsFda+QcR8hBZ1R4rsS0Ot2aAhi4NwvIwmgpG7DCDcTq4vcSPr3gXtqc/m+aGle9IXY2BdQMMb7n6FpL/bE8ndvDpEOFEmAqQColfOf7+cse0RZnrgSx3nFqEkHe/65OnBRhjv3uKYuhJW8jfreUKF8Ht2ROBZM9yQ1SnjwFQfN4HdWgBP0mzxemWhwmhgnG7b28WjrA8F9J3OsgYsnSC/koCk7xqPsxtVwQsDhDDtI29YDmdGfA2WPJfbc9ZeSDD6VIrbpBslEIeZ7IKBto7GVT+2B4PvODNF1Wg/5L+tmfFb2eDRVfTbnyqikWId4A83FoDbfgBcdcX/5X8cHc5ac8GeOP7fP19FqHXsWef3xBAnawbWptffNK8wBcjaQxuOTNgejN0Oju5ZE+OvoA+kilYnrAsOip+6tmQIfGT2yEDiY0huHRgb7QcyxQtXu16ByFvF0wON+yaXd0iIpDMfGIHA/IImpsx4OoKJa5HtT3YwaA8YE29jCNJJ3Ea0VeMYFweIRGi9Loz5suoHsGcvM/xK+9U/Io7Eb/iCmDb2k5d3YYcc+KUNwM+Y6jhwZ99iTPiNKZSdLX8sgHU+MKSz7YwIY7rApdsbBK46K9PtShGe9w7tgMk+R83bDEuDqsAJLnCBcKu4k3Iepevpaq/Ig+LA4VqFHCiFA4fJwLcxHcNOiqOjqkXOMjDy+aunV8Zq88ljIpjFLi4gjo0Hu1oX+ZyhUFxDIZUfIiVwO84uJiDa76LFcbEMcCtL0Nk+bZP7beE7i5mTBz3KSrQfCoYHScxPl0sMcguOaO8q8C4ne19j96QuGU/3o24Gpx9LhYYEpciu7yP2kPPmmPiPMN78dYAMpBLBYbEPW6RpTrh1sL9ln+RZcEYu5h0M88YOzNkSJxdV97M76NzqzIkLs2DTtS30LnhGxTXNs0O1kRXYNB30w+x7O4aQ+KQ4yfF9ZLpqLjxGSfAdR+Iu2Mb4uIYegvsmDgkpSlx3S3nsLhe7m+ieyc9Kg7rq4sD4K7QxQqD4phyx83ZmXTAqLjuCtYAltbepRPiRpcfPvl3cYNhccPywK1/3bg4mnNAnp5RurzFhDiuYYfyuEPc8fGMuM3nY1voOb/LLUyJY+bdjc/+9tmYE8fpvjP/qI2LHUyKY3rq8uP9pos9zIrTfGjLgyGPpM2LUzpryNu5y8owLw7yso9AEuDUkY8D3hAHgZuQ4Nw+5vamuM2E54QckfamuCrkDx6mZHhTnL717iLT5GFIGhYXD0d8DG0T+LA9LkRMjkqzOKY6mp8Hl6sR03CB4HWPCWkWlwnTAjK0MeFlDz6dGpeW2ClX4Hhgv8wHXkOuh8t4DEaJEOLQJ++kj0EyZ+pwWw4oObmdtzH/VuJgpTBufjQkvoq/tjiGxVUm8cdkmbB4GYrZPdiYoKOCQWH86Dc/KHLKTy2kUPFAnnPVlzAEWEBMXX0PNqY9DlfEe3Mq6SO74a8eNhHi0hLN0fTe2XIEvw9caHa3+GttDKV6P1HwaTPyv65+Aw6V6gPdnU9UudmSwGJWjoo3u2p/tZviOWuU7ZZDcOs+zM6+SzjYUlEgUx0f1vIIoW6sUZwPcfwqgArGYZJnZtWnCRKMF5rYbRlwXuSXwVOolL4bXy8TGtsHScIMI1Is25g4o4LR+2r+DphlXSTIi9QwMB9bJFWSMUvVYBuXhoHwXMRRNA38umk3KGNHSztURgMtB6moQBuCFYZMJkPVqSHEcXlTwXjjI3+qiNFpPlrvfs//8JJxrIJDZf1oQOglsR1oYRcvmq5aBmlbFZIxy2l+MO9asCCacHtDecdqpoJDZQmdwOG8q0FnMTVhNrbsQi1UCHH1TdutG5nQi46vD32ESLf5shKKU5Xsu8qY0MalGhCHrpsDMm/1bUoC2hZr2ZhVZDYzksBxK2GwYctfBoZGzkrGM7tq44wxXNoAmiCQtFXTbo2psz9t0M6LF1clceXD5p31bgZ0KqWtg4U4nBtlNwwYUNyKqAtx9Yezn4uDJHgIZix9amOiTQUDern0HpAiabCtT0Ico0sFg3mvIjwBTUUa0vUMZleNDStQtXckIlwhitJ8ooBDZZkYAmwLP8P0FOtzY2AWgBW7elocFVpAS2Legp66FglgFxyEE7+vYohDZDJXUEoIix76wiVquuYI1JBdd6esQwWySEQ7OWakJIHWhGmPCZKYvn2wr5uNiWGx/uJivKFb1odUMcq+wLgIIo9uLkPcLrAppO6uNUD+ytuu72BAHHUn/baZYAoqA3Y+sYsRcSTIGG1EHAKf8QFpPnGAMXERd5zBuQ9xDmrQ28Mpb1ScokHhgFce3MYq8Kf2iMPiSIYzBftiLaycHpo4bh3DhDgyjFSKX82zXvj0MSWOgAEZ8/SZz8xgWtxn+BV3In7F/bv4Zffv4pfdv4tfdu+D/7CAbgV4cGt1eLPBHnG5e8zuhgpcx44bUexHoaVurVAmUR6+oAY6cB/L7/2TWrwSo1v0LS5iJ9tbRWwRyZIFkcOOePtgQ1fzV7dSPFAIguz7pguvYJc0pYpQzmcJqkpPstGnCASgrgejgjfoyTZo5JvPTuB8dtQFyspjPlUCmuKK9Y6ctNCj4VAhmvTUYPo24XR2IkcP7anCeyf+sMwCQlDnO6BL6cH+v1TVwcnsqCrNfPgZEqcX1KUxyM5nu6C/3+B3Ljs6Tje3ri944hYbs8s1ge4lQ7vwCLq8mpeHOJUdQ4xKuBrgykCPkolPGWGIUX1vMNwSzoM4kx3cI3quEqTGB4FtlSJ/unIMuo/+dnUAJ7Lbeo7UdrXnAzUXR4DBGQKHs3TBiey0cuepEieOHpjNTaPIWBOZ5Tx2mBGQnSXLkaibmUQAnTcTm2eyK/+sEOTGQ2gUtNhE3jyTHZ90LoI5C108EUyagGuHOI0dpDLBr+yK/HIWlDTHP6k9kZ1WI9do5GEdJhBLwk/4DoIzucebsXegvPwjWYVmfeNrNVNgUp6IipPZzWwk3oH2Cz+TMxk01/qOs3mC3Ins4Dwtta5dAvoNMlw7xonsvricQ75rF0DhMZOLz2RHyZc6L8w3IeBMdrEqjO8kZjHtunPZkd5fpGzXToYekM3tEc5lx8wCA19BL25BJi13MjsZON+RnQXc5E977nx2X2His+npQe58wjqd3RKdJ64MfGBDk7k6jgvYeWWYef6xi9gEvbWDvYKdAgmLwyn3r97gzc64wDXsIjxP4McEpXns+iSuYkd+n+YXTjc+Dn1/iOvYATH9EFquTwEdeb/z0V3HpewSvzcSDDth1zP4j5n3cDE7uYAE5yagHM5s4vq7uJwdp89cgqHbIih94n18AzvGpxbjofik2wYe0Y/hW9gBSuzHDmQcawlw/UN8FzsEqB7mIr+73oCWgOqLBB/h+9jJMQzRznxiSDImz9yAfyc7MLiH+7YEyE0PK10/B9/LTiwa8cm0+tm+po2cnezXOerP9D8A04ZC0HXKfXC6nc2tYKeY19eXygMvUog0femH4A4mTUCNi9/T/UZk7Kg90/Z9ORhE6zdhGDtn3NMQwc8/KJ9kthqF7yQShFTAqwj5ISLPUKHT4lPe44h49bnTUfgOcv52P5iCLoygkWNsz8z9Ge5Lzwr3FnJ29pqrG4i93ZhNy8YhjiNK02IuXoI6MndWHKpCfriESV2RunklefzgnQzd88fQyCqubgCt6Tfpv/fqPJQ86d4/goIdVct8x//pJLO/3DH0ebFYmq3i1Oe/HcW8wzIAhq5yHsoLrnKPC7ZHf4yZwHWSDOE/jPJDBIt5R345O/F1zR6ZWhG4lGgQcvzgy9tvo4hM5osiFRQJVGrOrk2R9pFz7MXvZVjPO/y4uoFXe9cmAG6RajgAc1f/ONnBeWRGKHZDj9z7i/0+ljyjmZwf8mk6dO7ENFv4LiaeqxtoMfxgR5g2eAyROOBUHFEO9uAohu5yCP/pCf8lJ58psJ13e77j4doFwOgkGxR9rgvy4sX6JUGW3Lagmne4ojvvMAoCczKrzIIM5WPXG0i8GMhBS2YRyYrfJqvssFPwXOi7QMRqUw6/GK/pIyKIY/ESOxLFSbjd1woFu+jj6gZs3Gk+DdS2lvMffzNeQavkLUrZVag4MfkEUWYV8utuRmw4165Dup10NXiFv3AoNeDYWlk2wQWuEpXv2N3VDRjuubUuAmOMkrLEEWxDe2joCzfgBQwwV4GMnRyOH1c3wNi8wrWrQDLkQjsrDvVqYr6mA1x7Y9y6CpSRKXqubiABV64IBOmEmzKfoeTmXahX4ds6Mst9ZgF2/TsmJwPDC1Nn8AhC6UUzzOMcI3VxlSgiU6P2w1pxMnoHFHCejU3J4aGojMCcIwagY6Qj14Xcd9ADy3VXfek56TuKo9acPPsHtKPnKAJd3H0M8DmlyCSlRSp2TFeubhDtk1lFjsCgookX+aQ6eD4OlNxvFGKWRt9oV8w7CuqrL+0uz5nj4DQVKZILv7tlQZlV9tmFmV37WcBj4CRG4fK22gU7mWE3Z4Kgaz8GxqI15Q9iu58KynknK7i6QQz3k+z4LzhplsnMfO/vrISMnVYE3Em4ugG4I6VqWfKZ70RKHyKGlz2XLSh9pwnq6gbyLC+h1fD7bSTDZfGhlN8H16WcHe8Aob+rNfiPiAU9RzDj//LHeLnL+GACBbeMII9MO8fVCkFOy5PSb7yocBFB6pO5DCSnt4G575aVFa/VkXg4bskU0xrXc6LShSdHKV3Gj12Cmg63TKGYd3A8d3s6orBU8YvX0nhMQ2qVU88iKGIKRho2pLtpGqXvpG3YKoYN18UptPvKDAs/Nn8co5TFwaiF3j7cPGTsrKrGV0hIhniKrS/agL3+6lkn+L3twnBZCKV0TDi3fICC3fuALrCE/Mx49dlBxAOG8Foi6KYPcRI7QIHNIzj67BGSy2LCq7dbzsB57AAaXTM04vngfyVOxORtlmAVN52FU9kRdADVpi90V4pXNyXoKQNamPLBS5PsrFgscTo7ALrSGeCHIxzDjLoc8Q4bxC/K7ng6rmBHgBgTrx0jdwbpVNM8QxT7+mtwFTuBa5ZYcbEMqqrp/eDm5RRcym4BHEVGWhMvmWAdfA+7n8Ivu38Xv+z+Xfw/s/v6+i+FefSPkGodBwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALMAAADBCAMAAAHEJ0GdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFKUExURQAAAGeKxmWJxGSIxl9/v2mMwWaKxGWEwWaIzGKLxVVVqgBVqgAA/2SHwmSJxmaIxmWIxWSIx2SJxD9/ql9/yVyLuWaJxmSIw2GGwmaJxWSHxmWIxGSJxWaFv2aIw2aMv2KJzWOIxWOFx2SKxmKHxWKJxGSIwmWKxAB/f2GFwmKJyGWHxD9/v2aKxmaJwmWJxWKLymaKxWSKxWOFvGZ/zGWIxmKGwDNmzGZmmWaJw0x/smSKx19/z1l/v2SHyGeKxGaIxWWGwGaJxGaIxGSHxGZmzFSNxmeIxGOIxmWKxmCCx2eHyGOGv1uEwWaHxWaHxGWJxmeIwmOGxGeIxlx/xWSIxF2Gu2WJwwAAf2OGxlxzuWiLxWWHwmeJxGeLxGOFxmaIx051sGeIxWKKxGGHw2eHxGaHw2CDwWSKxGWIw1RxqV6DxGOFwgAAAHcSpCsAAABudFJOU/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AoAU8MwAAAAlwSFlzAAAh1QAAIdUBBJy0nQAAGelJREFUeF7tnF2SpLCOheeFCHbBFohgGSyBNdT+X+c7svwj25Bk9UTPjRt9qjrTNkKWZUmWDV3/8zPHp/Zjvbb0keDthz5Wfez6yO20nD8/C5+bX6j8L37sNmNl7esFta6ovNoNaheViMQfXvZP7YmOu1wY3ZzouQKxyZOorJ268bReadd12hObS/Ks1yLmXKA93c6n+FoXfNAuikMX7UZ9wFV8Uk/5RvF0PjQs3EtV91nHzmdjnGo3Gm8/VQTXKgorWTtyJ51Yswma2kWvmv5JBtXVbkIzWLWBVVVr/znt5kuKOEzl3q5Od/pY1t2FyO09vmz/0HxKVfZh8GaJcEnSIIvpS01Ms12wZicpevTmI5HYx2ns1ayqlKFvRqt2mo1o+dmv7UrTnaYVJSWDoWrN0CVqm4x8m6zEmVwH2lt/jt06XGlOlN5lqlyZ2u63QqqpS2uzWvmmWd+4nr7W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\"","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  .title {\r\n    color: var(--purple);\r\n    margin-bottom: 50px;\r\n    font-size: 3rem;\r\n  }\r\n  .accordion {\r\n    background: black;\r\n  }\r\n`;\r\n\r\nexport const CollapseContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* max-width: 85%; */\r\n  .flex {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n  .localizacao-pontos {\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .horario {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .sub-ball-container {\r\n    margin: 0 15px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    height: 100%;\r\n    div {\r\n      width: 42px;\r\n      height: 42px;\r\n\r\n      border-radius: 50%;\r\n      background: var(--soft-orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .text-container {\r\n    width: 100%;\r\n    h1 {\r\n      font-style: normal;\r\n\r\n      font-size: 18px;\r\n      line-height: 24px;\r\n      text-transform: uppercase;\r\n      color: var(--title-higlight);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    span,\r\n    small {\r\n      font-style: normal;\r\n\r\n      font-size: 18px;\r\n      line-height: 32px;\r\n      text-transform: uppercase;\r\n      color: var(--title-higlight);\r\n    }\r\n\r\n    small {\r\n      font-weight: 500;\r\n      text-transform: inherit;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TimeContainer = styled.div`\r\n  display: flex;\r\n  margin-bottom: 25px;\r\n  margin-top: 25px;\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useEffect, useState, useCallback } from 'react';\r\n\r\nimport { GoTriangleRight } from 'react-icons/go';\r\nimport Accordion from '../../components/Accordion';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport LoaderSubLine from '../RoutesAndLines/LoaderSubLine';\r\nimport { ReactComponent as Bus } from '../../assets/Shared/Bus.svg';\r\nimport { Container, CollapseContainer, TimeContainer } from './styles';\r\nimport { ReactComponent as ClockIcon } from '../../assets/RoutesAndLines/clock.svg';\r\nimport AccountsService from '../../services/accounts';\r\nimport api from '../../services/api';\r\nimport Loader from '../../components/Loader';\r\n\r\ninterface Favoritas {\r\n  id: number;\r\n  user: number;\r\n  code_line: string;\r\n  name_line: string;\r\n  sgl_line: string;\r\n  follow: boolean;\r\n}\r\n\r\ninterface Itineraries {\r\n  code: string;\r\n  sgl: string;\r\n  name: string;\r\n  itinerario: any;\r\n  tabelahorario: any;\r\n}\r\n\r\nconst Favoritos: React.FC = () => {\r\n  const servicesAccounts = { AccountsService: new AccountsService() };\r\n  const [favoritas, setFavoritas] = useState<Favoritas[]>([]);\r\n  const [linhas, setLinhas] = useState<Itineraries[]>([]);\r\n  const [subLinhas, setSubLinhas] = React.useState<any>([]);\r\n  const [subLines, setSubLines] = React.useState<any>([]);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [loadingSubLine, setLoadingSubLine] = React.useState<boolean>(false);\r\n  console.log({ favoritas });\r\n  useEffect(() => {\r\n    async function getLinhas() {\r\n      try {\r\n        setLoading(true);\r\n        const response = await api.get('/core/lines-itineraries/');\r\n        setLinhas(response.data.lines_with_itinerary);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getLinhas();\r\n  }, [setLinhas]);\r\n\r\n  useEffect(() => {\r\n    async function getFavoritas() {\r\n      setLoading(true);\r\n      try {\r\n        const response = await servicesAccounts.AccountsService.getLineFavorite();\r\n        setFavoritas(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getFavoritas();\r\n  }, []);\r\n\r\n  const handleSublines = useCallback(async (cod: any) => {\r\n    setLoadingSubLine(true);\r\n    const response = await api.get(`/core/sub-lines/${cod}/`);\r\n    const responseSubLinhas = response.data.sub_lines.map(async (sub: any) => {\r\n      const responsibles = await api.get(`/core/v2/line-info/${sub.cod}/`);\r\n      return responsibles.data;\r\n    });\r\n    const promisesResponse = await Promise.all(responseSubLinhas);\r\n\r\n    const responsibleses = await api.get(`/core/sub-lines/${cod}/`);\r\n    const sublinhas = responsibleses.data.sub_lines.map((sub: any) => sub);\r\n    const sublinhass = responsibleses.data.sub_lines.map((sub: any) => sub.nom);\r\n    console.log({ sublinhass });\r\n    const changedResponse = promisesResponse.map((item: any) => {\r\n      const filteredSubline = response.data.sub_lines.filter(\r\n        (subline: any) => subline.cod === Number(item.code),\r\n      )[0];\r\n      return { ...item, sublineName: filteredSubline.nom };\r\n    });\r\n    setSubLinhas(sublinhas);\r\n    setSubLines(changedResponse);\r\n    setLoadingSubLine(false);\r\n    return {};\r\n  }, []);\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <Container>\r\n            <h1 className=\"title\">Linhas Favoritas</h1>\r\n            {!linhas.length && <span>Nenhuma linha favorita</span>}\r\n            {linhas &&\r\n              linhas.map((linha: any) => (\r\n                <Accordion\r\n                  key={linha.code}\r\n                  cod={linha.code}\r\n                  CollapseIcon={GoTriangleRight}\r\n                  title={linha.sgl}\r\n                  subTitle={linha.name}\r\n                  Icon={Bus}\r\n                  handleSublines={handleSublines}\r\n                  hasSublines\r\n                >\r\n                  {loadingSubLine ? (\r\n                    <LoaderSubLine />\r\n                  ) : (\r\n                    <>\r\n                      {subLinhas[1] &&\r\n                        subLines.map((sub: any) => (\r\n                          <Accordion\r\n                            key={sub.code}\r\n                            CollapseIcon={GoTriangleRight}\r\n                            title={linha.sgl}\r\n                            subTitle={sub.sublineName}\r\n                          >\r\n                            <CollapseContainer>\r\n                              {Object.keys(sub.tabelahorario).map(\r\n                                (rota: any) => {\r\n                                  return (\r\n                                    <>\r\n                                      <h3>{rota}</h3>\r\n                                      {Object.keys(sub.tabelahorario[rota]).map(\r\n                                        (dia: any) => {\r\n                                          return (\r\n                                            <>\r\n                                              {!dia.includes('Covid') && (\r\n                                                <>\r\n                                                  <TimeContainer key={rota}>\r\n                                                    <div className=\"sub-ball-container\">\r\n                                                      <div>\r\n                                                        <ClockIcon />\r\n                                                      </div>\r\n                                                    </div>\r\n                                                    <div className=\"text-container\">\r\n                                                      <h1>{dia}</h1>\r\n                                                      <div className=\"flex\">\r\n                                                        {sub.tabelahorario[\r\n                                                          rota\r\n                                                        ][dia].map(\r\n                                                          (item: any) => {\r\n                                                            return (\r\n                                                              <div\r\n                                                                className=\"horario\"\r\n                                                                key={item}\r\n                                                              >\r\n                                                                {item}\r\n                                                              </div>\r\n                                                            );\r\n                                                          },\r\n                                                        )}\r\n                                                      </div>\r\n                                                    </div>\r\n                                                  </TimeContainer>\r\n                                                </>\r\n                                              )}\r\n                                            </>\r\n                                          );\r\n                                        },\r\n                                      )}\r\n                                    </>\r\n                                  );\r\n                                },\r\n                              )}\r\n                              <h1>Itinerário</h1>\r\n                              {Object.keys(sub.itinerario).map((ponto: any) => {\r\n                                return (\r\n                                  <>\r\n                                    <div className=\"text-container\">\r\n                                      <h3\r\n                                        className=\"localizacao-pontos\"\r\n                                        key={ponto}\r\n                                      >\r\n                                        {ponto}\r\n                                      </h3>\r\n                                    </div>\r\n                                    {Object.keys(sub.itinerario[ponto]).map(\r\n                                      (localizacao: any) => {\r\n                                        return (\r\n                                          <div key={localizacao}>\r\n                                            {sub.itinerario[ponto][localizacao]}\r\n                                          </div>\r\n                                        );\r\n                                      },\r\n                                    )}\r\n                                  </>\r\n                                );\r\n                              })}\r\n                            </CollapseContainer>\r\n                          </Accordion>\r\n                        ))}\r\n                      {!subLinhas[1] && (\r\n                        <CollapseContainer>\r\n                          {Object.keys(linha.tabelahorario).map((rota: any) => {\r\n                            return (\r\n                              <>\r\n                                <h3>{rota}</h3>\r\n                                {Object.keys(linha.tabelahorario[rota]).map(\r\n                                  (dia: any) => {\r\n                                    return (\r\n                                      <>\r\n                                        {!dia.includes('Covid') && (\r\n                                          <>\r\n                                            <TimeContainer key={rota}>\r\n                                              <div className=\"sub-ball-container\">\r\n                                                <div>\r\n                                                  <ClockIcon />\r\n                                                </div>\r\n                                              </div>\r\n                                              <div className=\"text-container\">\r\n                                                <h1>{dia}</h1>\r\n                                                <div className=\"flex\">\r\n                                                  {linha.tabelahorario[rota][\r\n                                                    dia\r\n                                                  ].map((item: any) => {\r\n                                                    return (\r\n                                                      <div\r\n                                                        className=\"horario\"\r\n                                                        key={item}\r\n                                                      >\r\n                                                        {item}\r\n                                                      </div>\r\n                                                    );\r\n                                                  })}\r\n                                                </div>\r\n                                              </div>\r\n                                            </TimeContainer>\r\n                                          </>\r\n                                        )}\r\n                                      </>\r\n                                    );\r\n                                  },\r\n                                )}\r\n                              </>\r\n                            );\r\n                          })}\r\n                          <h1>Itinerário</h1>\r\n                          {Object.keys(linha.itinerario).map((ponto: any) => {\r\n                            return (\r\n                              <>\r\n                                <div className=\"text-container\">\r\n                                  <h3\r\n                                    className=\"localizacao-pontos\"\r\n                                    key={ponto}\r\n                                  >\r\n                                    {ponto}\r\n                                  </h3>\r\n                                </div>\r\n                                {Object.keys(linha.itinerario[ponto]).map(\r\n                                  (localizacao: any) => {\r\n                                    return (\r\n                                      <div key={localizacao}>\r\n                                        {linha.itinerario[ponto][localizacao]}\r\n                                      </div>\r\n                                    );\r\n                                  },\r\n                                )}\r\n                              </>\r\n                            );\r\n                          })}\r\n                        </CollapseContainer>\r\n                      )}\r\n                    </>\r\n                  )}\r\n                </Accordion>\r\n              ))}\r\n          </Container>\r\n        </>\r\n      )}\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport default Favoritos;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: auto;\r\n  width: 100%;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n  min-height: 450px;\r\n  padding-top: 70px;\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-top: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  img {\r\n    float: left;\r\n    margin-right: 30px;\r\n    width: 350px;\r\n    height: 350px;\r\n    margin-top: -2rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 1.5rem;\r\n      margin-right: 0;\r\n    }\r\n    @media (max-width: 450px) {\r\n      width: 250px;\r\n      height: 250px;\r\n    }\r\n  }\r\n  h1 {\r\n    color: var(--white);\r\n    margin-bottom: 2rem;\r\n    margin-top: 3rem;\r\n    @media (max-width: 768px) {\r\n      margin-top: 2rem;\r\n      padding-bottom: 1.5rem;\r\n      text-align: center;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const GridSection = styled.section`\r\n  min-height: 100vh;\r\n  padding-top: 50px;\r\n  margin-bottom: 5rem;\r\n  padding-bottom: 5rem;\r\n  @media (max-width: 768px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-top: 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  div {\r\n    text-align: justify;\r\n    font-size: 16px;\r\n  }\r\n\r\n  h2 {\r\n    color: var(--purple);\r\n    margin-bottom: 15px;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\n/* eslint-disable react/no-danger */\r\nimport React, { useEffect } from 'react';\r\nimport { useParams } from 'react-router-dom';\r\nimport { TitleSection, GridSection } from './styles';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\nimport CoreService, { New } from '../../services/core';\r\n\r\nconst NoticiaCompleta: React.FC = () => {\r\n  const services = { coreService: new CoreService() };\r\n\r\n  const [news, setNews] = React.useState<New>({} as New);\r\n  const { id } = useParams<{ id: string }>();\r\n\r\n  useEffect(() => {\r\n    async function getNews() {\r\n      try {\r\n        const response = await services.coreService.getNews();\r\n\r\n        const newwss = response.data.results.find((result: any) => {\r\n          return result.id === parseInt(id, 10);\r\n        });\r\n\r\n        setNews(newwss);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    }\r\n\r\n    getNews();\r\n  }, [id]);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage>\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              {news && (\r\n                <>\r\n                  <img src={news.image} alt=\"\" />\r\n                  <h1>{news.title}</h1>\r\n                </>\r\n              )}\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container backgroundColor=\"background-gray\">\r\n        <Content>\r\n          <GridSection>\r\n            {news && (\r\n              <>\r\n                <div\r\n                  dangerouslySetInnerHTML={{\r\n                    __html: news.text,\r\n                  }}\r\n                />\r\n              </>\r\n            )}\r\n          </GridSection>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NoticiaCompleta;\r\n","import styled from 'styled-components';\r\n\r\nexport const WorkwithUsSection = styled.section`\r\n  margin-top: 40px;\r\n  background: var(--orange);\r\n  color: var(--white);\r\n  border-radius: 32px;\r\n  border-bottom-right-radius: 0px;\r\n  padding: 20px 40px;\r\n  @media (max-width: 650px) {\r\n    padding: 10px 15px;\r\n  }\r\n  .text-container {\r\n    h1 {\r\n      font-family: 'Source Sans Pro', sans-serif;\r\n      font-style: normal;\r\n      font-weight: bold;\r\n      font-size: 32px;\r\n      line-height: 59px;\r\n\r\n      margin-bottom: 10px;\r\n      @media (max-width: 800px) {\r\n        font-size: 26px;\r\n      }\r\n      @media (max-width: 600px) {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n\r\n    h3 {\r\n      font-family: 'Source Sans Pro', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      font-size: 18px;\r\n      line-height: 20px;\r\n      margin-bottom: 0px;\r\n      @media (max-width: 800px) {\r\n        font-size: 16px;\r\n      }\r\n      @media (max-width: 600px) {\r\n        font-size: 12px;\r\n      }\r\n    }\r\n\r\n    small {\r\n      font-family: 'Source Sans Pro', sans-serif;\r\n      font-style: normal;\r\n      font-weight: normal;\r\n      font-size: 16px;\r\n      line-height: 20px;\r\n      margin-bottom: 170px;\r\n\r\n      color: #a1aeb7;\r\n      p {\r\n        margin-bottom: 1rem;\r\n        font: 'Source Sans Pro', sans-serif;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const JobsSection = styled.div`\r\n  margin-top: 0px;\r\n  margin-bottom: 200px;\r\n  padding-left: 20px;\r\n  border-top: 2px solid var(--gray-line);\r\n  .h1 {\r\n    font-family: 'Source Sans Pro', sans-serif;\r\n    font-style: normal;\r\n    font-weight: bold;\r\n    font-size: 22px;\r\n    line-height: 28px;\r\n    color: var(--purple);\r\n    margin-bottom: 56px;\r\n    margin-top: 50px;\r\n  }\r\n\r\n  .vagas {\r\n    display: grid;\r\n    border-top: 2px solid var(--gray-line);\r\n    border-bottom: 2px solid var(--gray-line);\r\n  }\r\n\r\n  .button {\r\n    width: 361px;\r\n    height: 40px;\r\n    background: var(--orange);\r\n    border-radius: 5px;\r\n    color: var(--white);\r\n    transition: background 0.5s ease;\r\n    margin-top: 25px;\r\n    margin-bottom: 50px;\r\n\r\n    &:hover {\r\n      background: #bb421f;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FormContent = styled.div`\r\n  html body {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden;\r\n  }\r\n  max-width: 100%;\r\n`;\r\n\r\nexport const WorkwithUsDiv = styled.div`\r\n  margin-bottom: 0px;\r\n`;\r\n\r\nexport const VagasDiv = styled.div`\r\n  margin-right: 40px;\r\n  margin-left: 40px;\r\n  @media (max-width: 600px) {\r\n    margin-right: 2px;\r\n    margin-left: 2px;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  position: relative;\r\n  button {\r\n    width: 650px;\r\n    height: 100px;\r\n    cursor: pointer;\r\n    border: 2px dashed var(--orange);\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    color: var(--gray);\r\n    background-color: white;\r\n    @media (max-width: 1100px) {\r\n      max-width: 100%;\r\n      width: 500px;\r\n      height: 90px;\r\n    }\r\n    @media (max-width: 950px) {\r\n      max-width: 100%;\r\n      width: 300px;\r\n      height: 80px;\r\n    }\r\n    @media (max-width: 700px) {\r\n      max-width: 100%;\r\n      width: auto;\r\n      height: 70px;\r\n    }\r\n  }\r\n\r\n  input {\r\n    opacity: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    display: flex;\r\n    top: 0;\r\n    width: 700px;\r\n    max-width: 100%;\r\n    height: 100px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  span {\r\n    color: #e83f5b;\r\n  }\r\n`;\r\n","/* eslint-disable no-param-reassign */\r\nimport React, {\r\n  ChangeEvent,\r\n  useRef,\r\n  useEffect,\r\n  useCallback,\r\n  useState,\r\n} from 'react';\r\nimport { useField } from '@unform/core';\r\nimport Button from '../Button';\r\nimport { Container } from './styles';\r\n\r\ninterface Props {\r\n  name: string;\r\n  title: string;\r\n}\r\n\r\ntype InputProps = JSX.IntrinsicElements['input'] & Props;\r\n\r\nconst FileInputSpecial: React.FC<InputProps> = ({ name, title, ...rest }) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const { fieldName, registerField, defaultValue, error } = useField(name);\r\n  const [preview, setPreview] = useState(defaultValue);\r\n  const handlePreview = useCallback((e: ChangeEvent<HTMLInputElement>) => {\r\n    const file = e.target.files?.[0];\r\n    if (!file) {\r\n      setPreview(null);\r\n    }\r\n    setPreview(file.name);\r\n  }, []);\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      ref: inputRef.current,\r\n      path: 'files[0]',\r\n      clearValue(ref: HTMLInputElement) {\r\n        ref.value = '';\r\n        setPreview(null);\r\n      },\r\n      setValue(_: HTMLInputElement, value: string) {\r\n        setPreview(value);\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n  return (\r\n    <Container>\r\n      <Button type=\"button\" color=\"orange\" padding=\"1\" rounded>\r\n        {title ? `${title}` : 'Anexar Arquivo'}\r\n      </Button>\r\n      {!!preview && preview}\r\n      <input type=\"file\" ref={inputRef} onChange={handlePreview} {...rest} />\r\n      {!!error && <span>{error}</span>}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default FileInputSpecial;\r\n","import styled from 'styled-components';\r\nimport ReactTooltip from 'react-tooltip';\r\n\r\nexport const CheckboxContainer = styled.span`\r\n  width: 100%;\r\n  height: auto;\r\n  padding-top: 10px;\r\n  padding-left: 10px;\r\n  margin: 4px;\r\n  border-radius: 20px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  .data-tip {\r\n    color: var(--orange);\r\n  }\r\n  @media (max-width: 800px) {\r\n    padding-left: 5px;\r\n  }\r\n  .tooltip {\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n`;\r\n\r\nexport const Text = styled.label`\r\n  text-align: left;\r\n  padding-left: 15px;\r\n  font: 14px 'Source Sans Pro', sans-serif;\r\n  font-weight: normal;\r\n  @media (max-width: 800px) {\r\n    font-size: 12px;\r\n    padding: 3px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    font-size: 12px;\r\n    padding: 3px;\r\n    padding-left: 8px;\r\n  }\r\n  :hover {\r\n    color: var(--orange);\r\n  }\r\n  .tooltip:hover {\r\n    color: var(--purple);\r\n  }\r\n`;\r\n\r\nexport const HiddenCheckbox = styled.input`\r\n  position: relative;\r\n  cursor: pointer;\r\n  :before {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    width: 14px;\r\n    height: 14px;\r\n    top: 0;\r\n    left: 0;\r\n    border: 2px solid var(--gray-line);\r\n    border-radius: 3px;\r\n    background-color: white;\r\n  }\r\n  :checked:after {\r\n    content: '';\r\n    display: block;\r\n    width: 12px;\r\n    height: 12px;\r\n    background-color: var(--orange);\r\n    border-width: 0 2px 2px 0;\r\n    -webkit-transform: rotate(0deg);\r\n    -ms-transform: rotate(0deg);\r\n    transform: rotate(0deg);\r\n    position: absolute;\r\n    top: 3px;\r\n    left: 3px;\r\n  }\r\n`;\r\nexport const Error = styled.label`\r\n  font-family: 'Inter', sans-serif;\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: var(--red);\r\n  display: flex;\r\n`;\r\nexport const ReactTooltipStyled = styled(ReactTooltip)`\r\n  &.type-dark.place-top {\r\n    background-color: white;\r\n    padding: 0.3rem 1rem;\r\n    width: 250px;\r\n    height: auto;\r\n    border: 3px solid var(--orange);\r\n    color: var(--grey);\r\n\r\n    &:after {\r\n      border-top-color: var(--purple);\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-unused-expressions */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable no-param-reassign */\r\n/* eslint-disable no-shadow */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\n/* eslint-disable react/require-default-props */\r\nimport { useEffect, useState, useRef, InputHTMLAttributes } from 'react';\r\n\r\nimport { useField } from '@unform/core';\r\n\r\nimport {\r\n  CheckboxContainer,\r\n  HiddenCheckbox,\r\n  Text,\r\n  Error,\r\n  ReactTooltipStyled,\r\n} from './styles';\r\n\r\n/**\r\n * This is a Radio component that supports rendering multiple options.\r\n *\r\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio\r\n */\r\ninterface Props {\r\n  name: string;\r\n  label?: string;\r\n  onChange?: (e: any) => void;\r\n  limit?: number;\r\n  options: {\r\n    id: string;\r\n    value: string;\r\n    label: string;\r\n    tooltip?: string;\r\n    onmouseover?: void;\r\n    onmouseout?: void;\r\n  }[];\r\n}\r\n\r\ntype InputProps = InputHTMLAttributes<HTMLInputElement> & Props;\r\n\r\nexport function CheckBoxSpecial({\r\n  name,\r\n  options,\r\n  onChange,\r\n  limit = 0,\r\n  ...rest\r\n}: InputProps) {\r\n  const inputRef = useRef([]);\r\n  const { fieldName, registerField, defaultValue = '', error } = useField(name);\r\n  const [values] = useState(new Map());\r\n\r\n  useEffect(() => {\r\n    registerField({\r\n      name: fieldName,\r\n      // path: \"value\",\r\n      ref: inputRef.current,\r\n      getValue: refs => {\r\n        const data = refs.filter((ref: any) => {\r\n          if (ref?.checked) {\r\n            return true;\r\n          }\r\n          return false;\r\n        });\r\n        return data.flatMap((ref: any) => ref?.value).toString();\r\n      },\r\n      setValue: (refs, value: any) => {\r\n        const data = value.toString().split(',') || [];\r\n        console.log(value);\r\n        data.flatMap((element: any) => {\r\n          const item = refs.find((ref: any) => ref?.value === element);\r\n          if (item) {\r\n            item.checked = true;\r\n          } else {\r\n            item.checked = false;\r\n          }\r\n        });\r\n      },\r\n      clearValue: refs => {\r\n        refs.flatMap((ref: any) => {\r\n          ref.checked = false;\r\n        });\r\n      },\r\n    });\r\n  }, [fieldName, registerField]);\r\n\r\n  return (\r\n    <div\r\n      style={{\r\n        display: 'flex',\r\n        height: '40px',\r\n        minWidth: '50px',\r\n      }}\r\n    >\r\n      {options.map((option, index) => (\r\n        <>\r\n          <CheckboxContainer key={option.id} data-tip={option.tooltip}>\r\n            <HiddenCheckbox\r\n              type=\"checkbox\"\r\n              ref={ref => {\r\n                inputRef.current[index] = ref;\r\n              }}\r\n              id={option.id}\r\n              name={name}\r\n              defaultChecked={defaultValue === option.value}\r\n              value={option.value}\r\n              {...rest}\r\n              onChange={(e: any) => {\r\n                console.log({ e });\r\n                const item = values.get(option.label);\r\n                if (!item) {\r\n                  const isBlocked = limit >= 0 ? values.size > limit : false;\r\n                  if (!isBlocked) {\r\n                    inputRef.current[index].checked = true;\r\n                    values.set(option.label, option.value);\r\n                  } else {\r\n                    inputRef.current[index].checked = false;\r\n                    values.delete(option.label);\r\n                  }\r\n                } else {\r\n                  inputRef.current[index].checked = false;\r\n                  values.delete(option.label);\r\n                }\r\n                onChange && onChange(option);\r\n              }}\r\n            />\r\n            <Text style={{ fontWeight: 'bold' }}>{option.label} </Text>\r\n          </CheckboxContainer>\r\n          <ReactTooltipStyled />\r\n        </>\r\n      ))}\r\n\r\n      {!!error && <Error>{error}</Error>}\r\n    </div>\r\n  );\r\n}\r\n","/* eslint-disable indent */\r\n/* eslint-disable implicit-arrow-linebreak */\r\n/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.78);\r\n  display: none;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  section {\r\n    display: flex;\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .close-container {\r\n      position: absolute;\r\n      top: 0px;\r\n      right: 40px;\r\n      background: var(--white);\r\n      border-radius: 50px;\r\n      display: flex;\r\n      align-items: right;\r\n\r\n      svg {\r\n        margin-top: 0px;\r\n        color: var(--black);\r\n        cursor: pointer;\r\n      }\r\n    }\r\n  }\r\n\r\n  ${(props) =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  width: 50vw;\r\n  margin-top: 70px;\r\n  text-align: center;\r\n  @media screen and (max-width: 1000px) {\r\n    width: 80vw;\r\n  }\r\n\r\n  img {\r\n    height: auto;\r\n    max-height: 100%;\r\n    width: 100%;\r\n    max-width: 100%;\r\n  }\r\n\r\n  h2 {\r\n    margin-top: 10px;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 2.1rem;\r\n    /* @media screen and (max-width: 424px) {\r\n      word-break: break-all;\r\n    } */\r\n  }\r\n\r\n  p {\r\n    margin-top: 10px;\r\n    color: white;\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .clique {\r\n    margin-top: 25px;\r\n    width: auto;\r\n    color: white;\r\n    font-weight: 600;\r\n    height: 40px;\r\n    background: var(--purple);\r\n    border-radius: 30px;\r\n    transition: all 0.2s;\r\n    &:hover {\r\n      background: #5aab5f;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Img = styled.img`\r\n  width: 200px;\r\n  height: 200px;\r\n  max-width: 100%;\r\n`;","import React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { Container, Content, Img } from './styles';\r\nimport Button from '../../../../components/Button';\r\nimport GreenCheck from '../../../../assets/Login/greencheck.svg';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  text?: string;\r\n  success?: boolean;\r\n}\r\n\r\nconst FormularioFinalizado: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n}) => (\r\n  <Container show={show}>\r\n    <section>\r\n      <>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={40} onClick={handleClose} />\r\n        </button>\r\n        <div className=\"modal-body\">\r\n          <Content>\r\n            <Img\r\n              src={GreenCheck}\r\n              alt=\"Enviado\"\r\n              style={{ maxWidth: '300px', maxHeight: '300px', margin: '20px' }}\r\n            />\r\n            <h2>Seu currículo foi recebido com sucesso!</h2>\r\n            <p>Agradecemos o interesse em fazer parte do nosso time.</p>\r\n            <Button color=\"orange\" padding=\"3\" type=\"submit\" className=\"clique\">\r\n              <a href=\"https://transfacil.com.br/\" rel=\"noopener noreferrer\">\r\n                CONCLUIR\r\n              </a>\r\n            </Button>\r\n          </Content>\r\n        </div>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default FormularioFinalizado;\r\n","export default __webpack_public_path__ + \"static/media/est-barreiro.c850774a.png\";","export default __webpack_public_path__ + \"static/media/est-diamante.bbff4bc9.png\";","export default __webpack_public_path__ + \"static/media/hipercentro.f5ff414e.png\";","export default __webpack_public_path__ + \"static/media/est-pampulha.e7943546.png\";","export default __webpack_public_path__ + \"static/media/est-vendanova.599a8f50.png\";","export default __webpack_public_path__ + \"static/media/est-vilarinho.8a9efee0.png\";","export default __webpack_public_path__ + \"static/media/est-saogabriel.e686d67f.png\";","import styled from 'styled-components';\r\n\r\nexport const FlexContainer = styled.div`\r\n  margin-bottom: 1rem;\r\n  h1 {\r\n    font: 24px 'Source Sans Pro', sans-serif;\r\n    color: var(--orange);\r\n    font-weight: bold;\r\n    @media (max-width: 800px) {\r\n      font-size: 20px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n  h2 {\r\n    margin-top: 20px;\r\n  }\r\n  p {\r\n    font-weight: bold;\r\n    margin-top: 10px;\r\n    margin-bottom: 0px;\r\n    font: 16px 'Source Sans Pro', sans-serif;\r\n    padding-left: 8px;\r\n    @media (max-width: 800px) {\r\n      font-size: 14px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n  .text-wrapper {\r\n    padding-top: 20px;\r\n  }\r\n  .btn-wrapper {\r\n    margin-top: 20px;\r\n  }\r\n  .btn-wrapper2 {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    flex-wrap: wrap;\r\n  }\r\n`;\r\n\r\nexport const FormWrapper = styled.div`\r\n  width: 600px;\r\n  display: inline;\r\n  flex-direction: column;\r\n\r\n  .button {\r\n    width: 20%;\r\n    @media (max-width: 650px) {\r\n      width: 40%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const FormDataDiv = styled.div`\r\n  @media (min-width: 650px) {\r\n    display: flex;\r\n    justify-content: space-between;\r\n  }\r\n`;\r\n\r\nexport const BoxInput = styled.div`\r\n  width: 340px;\r\n  padding: 5px 5px;\r\n  @media (max-width: 1100px) {\r\n    width: 250px;\r\n  }\r\n  @media (max-width: 800px) {\r\n    width: 300px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    width: 200px;\r\n  }\r\n  @media (max-width: 610px) {\r\n    width: 180px;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 350px;\r\n  }\r\n\r\n  margin: 0px 10px;\r\n  p {\r\n    font-weight: normal;\r\n    font: 'Source Sans Pro', sans-serif;\r\n  }\r\n`;\r\n\r\nexport const BoxSectorpdc = styled.div`\r\n  padding-top: 8px;\r\n  padding-left: 8px;\r\n`;\r\n\r\nexport const BoxDiv = styled.div`\r\n  display: inline-block;\r\n  width: 100%;\r\n`;\r\nexport const BoxisStationB = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n`;\r\n\r\nexport const BoxisStation = styled.div`\r\n  width: 48%;\r\n`;\r\n\r\nexport const BoxSectorDiv = styled.div`\r\n  width: 28%;\r\n  height: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 5px;\r\n  p {\r\n    font-weight: normal;\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    font-size: 16px;\r\n    padding-left: 8px;\r\n    font: 'Source Sans Pro', sans-serif;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    padding: 0px 3px;\r\n    width: 30%;\r\n    font-size: 12px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    padding: 0px 3px;\r\n    width: 80%;\r\n    font-size: 12px;\r\n    display: inline-block;\r\n  }\r\n`;\r\n\r\nexport const ImgDiv = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  text-align: center;\r\n  width: 800px;\r\n  @media (max-width: 600px) {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    width: auto;\r\n    gap: 10px;\r\n  }\r\n  .container-text {\r\n    flex: 1;\r\n  }\r\n  img {\r\n    width: 250px;\r\n    margin-top: 15px;\r\n    margin-bottom: 20px;\r\n    @media (max-width: 600px) {\r\n      width: 250px;\r\n      margin-top: 5px;\r\n      margin-bottom: 5px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const BoxStationDiv = styled.div`\r\n  width: 100%;\r\n  height: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 5px;\r\n  p {\r\n    font-weight: normal;\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    font-size: 16px;\r\n    padding-left: 8px;\r\n    font: 'Source Sans Pro', sans-serif;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    padding: 0px 3px;\r\n    width: 32%;\r\n    font-size: 12px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    padding: 0px 3px;\r\n    width: 80%;\r\n    font-size: 12px;\r\n    display: inline-block;\r\n  }\r\n`;\r\n\r\nexport const BoxSectorTitle = styled.div`\r\n  height: 15%;\r\n  margin-bottom: 5px;\r\n  p {\r\n    font-size: 16px;\r\n  }\r\n  @media (max-width: 700px) {\r\n    p {\r\n      font-size: 14px;\r\n    }\r\n    height: 12%;\r\n  }\r\n  @media (max-width: 400px) {\r\n    p {\r\n      font-size: 14px;\r\n    }\r\n    height: auto;\r\n  }\r\n`;\r\nexport const BoxStationTitle = styled.div`\r\n  height: 10%;\r\n  margin-bottom: 5px;\r\n  p {\r\n    font-size: 16px;\r\n  }\r\n  @media (max-width: 700px) {\r\n    p {\r\n      font-size: 14px;\r\n    }\r\n    height: 12%;\r\n  }\r\n  @media (max-width: 400px) {\r\n    p {\r\n      font-size: 14px;\r\n    }\r\n    height: auto;\r\n  }\r\n`;\r\n\r\nexport const BoxSectorCheck = styled.div`\r\n  height: 85%;\r\n  border: 2px solid var(--orange);\r\n  border-radius: 24px;\r\n  padding-top: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  @media (max-width: 650px) {\r\n    padding: 4px;\r\n    width: 205px;\r\n    height: 285px;\r\n\r\n    flex-direction: column;\r\n    display: inline-block;\r\n  }\r\n  @media (max-width: 300px) {\r\n    width: auto;\r\n    height: 400px;\r\n    padding: 2px;\r\n  }\r\n  @media (max-width: 220px) {\r\n    width: auto;\r\n    height: 490px;\r\n  }\r\n`;\r\n\r\nexport const BoxStationCheck = styled.div`\r\n  height: 40%;\r\n  margin-top: 20px;\r\n  border: 2px solid var(--orange);\r\n  border-radius: 24px;\r\n  padding-top: 5px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  @media (max-width: 650px) {\r\n    padding: 4px;\r\n    width: 155px;\r\n    height: 205px;\r\n\r\n    flex-direction: column;\r\n    display: inline-block;\r\n  }\r\n  @media (max-width: 300px) {\r\n    width: auto;\r\n    height: 400px;\r\n    padding: 2px;\r\n  }\r\n  @media (max-width: 220px) {\r\n    width: auto;\r\n    height: 490px;\r\n  }\r\n`;\r\n\r\nexport const BoxInputDiv = styled.div`\r\n  width: 72%;\r\n  height: auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  &:before,\r\n  &after {\r\n    content: '';\r\n    display: table;\r\n  }\r\n  &:after {\r\n    clear: both;\r\n  }\r\n  Input.InputWork {\r\n    border-color: var(--orange);\r\n  }\r\n  @media (max-width: 1100px) {\r\n    padding: 0px 3px;\r\n    width: 64%;\r\n    font-size: 12px;\r\n  }\r\n  @media (max-width: 650px) {\r\n    width: 100%;\r\n  }\r\n`;\r\n\r\nexport const WorkDiv = styled.div`\r\n  max-width: 100%;\r\n  html body {\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden;\r\n  }\r\n  margin: 0;\r\n  @media (max-width: 650px) {\r\n    padding: 0px;\r\n  }\r\n`;\r\n\r\nexport const ButtonDiv = styled.div`\r\n  display: flex;\r\n  margin-top: 0px;\r\n  height: 80px;\r\n  @media (max-width: 300px) {\r\n    .buttonsent {\r\n      @media (max-width: 300px) {\r\n        width: 800px;\r\n      }\r\n    }\r\n  }\r\n  @media (max-width: 1500px) {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  @media (max-width: 1050px) {\r\n    margin-top: 25px;\r\n  }\r\n\r\n  @media (max-width: 650px) {\r\n    margin-top: 2px;\r\n  }\r\n`;\r\n\r\nexport const FileDiv = styled.div`\r\n  flex-direction: column;\r\n  padding: 5px;\r\n  max-width: 100%;\r\n  p {\r\n    margin-bottom: 10px;\r\n    font-weight: normal;\r\n    font: 'Source Sans Pro', sans-serif;\r\n    @media (max-width: 800px) {\r\n      font-size: 10px;\r\n    }\r\n    @media (max-width: 600px) {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SpecialLink = styled.p`\r\n  background-color: white;\r\n  color: var(--orange);\r\n  &:hover {\r\n    color: var(--purple);\r\n  }\r\n  cursor: pointer;\r\n`;\r\n\r\nexport const SpecialPhrase = styled.p`\r\n  background-color: white;\r\n  &:hover {\r\n    color: var(--orange);\r\n    font-weight: bold;\r\n  }\r\n  cursor: pointer;\r\n`;\r\nexport const TextContent = styled.div``;\r\n\r\nexport const DialogContent = styled.div`\r\n  display: flex;\r\n  margin: 20px 60px;\r\n  justify-content: space-between;\r\n  width: auto;\r\n  height: 650px;\r\n  padding: 0;\r\n  @media (max-width: 700px) {\r\n    margin: 0px;\r\n  }\r\n  @media (max-width: 800px) {\r\n    flex-direction: row;\r\n    margin: 20px 5px;\r\n  }\r\n  @media (max-width: 450px) {\r\n    max-width: 450px;\r\n    width: auto;\r\n    padding-left: 18px;\r\n  }\r\n  .container-img {\r\n    @media (max-width: 840px) {\r\n      margin-right: 50px;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n      margin-bottom: 100px;\r\n      margin-top: 20px;\r\n      flex-direction: column;\r\n      width: 95%;\r\n    }\r\n    img {\r\n      width: 360px;\r\n      margin-top: 15px;\r\n      margin-bottom: 20px;\r\n      @media (max-width: 1000px) {\r\n        width: 270px;\r\n      }\r\n      @media (max-width: 850px) {\r\n        width: 100%;\r\n        margin-top: 0px;\r\n      }\r\n      @media (max-width: 614px) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  .container2 {\r\n    padding-left: 50px;\r\n    @media (max-width: 700px) {\r\n      padding-left: 5px;\r\n      max-width: 450px;\r\n      width: auto;\r\n    }\r\n    .flex-container {\r\n      display: flex;\r\n\r\n      h3 {\r\n        margin-top: 30px;\r\n        margin-bottom: 20px;\r\n        color: var(--purple);\r\n      }\r\n\r\n      p {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n\r\n    .flex-container {\r\n      display: flex;\r\n      @media (max-width: 840px) {\r\n        margin-top: 100px;\r\n      }\r\n    }\r\n    h1 {\r\n      font: 30px 'Source Sans Pro', sans-serif;\r\n      color: var(--orange);\r\n      font-weight: bold;\r\n      text-align: center;\r\n      padding-bottom: 30px;\r\n      @media (max-width: 800px) {\r\n        font-size: 24px;\r\n        padding-bottom: 10px;\r\n      }\r\n    }\r\n    h3 {\r\n      font: 20px 'Source Sans Pro', sans-serif;\r\n      color: var(--purple);\r\n      font-weight: bold;\r\n      @media (max-width: 800px) {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n    p {\r\n      font-weight: normal;\r\n      margin-top: 0px;\r\n      margin-bottom: 0px;\r\n      font-size: 16px;\r\n      padding-left: 8px;\r\n      padding-bottom: 10px;\r\n      font: 'Source Sans Pro', sans-serif;\r\n      @media (max-width: 800px) {\r\n        font-size: 12px;\r\n        padding-bottom: 8px;\r\n      }\r\n    }\r\n    .ver-mais {\r\n      color: var(--orange);\r\n      background: transparent;\r\n    }\r\n  }\r\n  .title-benefit {\r\n    @media (max-width: 800px) {\r\n      margin-top: 50px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const EspecialButton = styled.button`\r\n  position: absolute;\r\n  right: 5%;\r\n  align-items: right;\r\n  @media (max-width: 600px) {\r\n    display: flex;\r\n    align-items: left;\r\n    left: 5%;\r\n    max-width: 300px;\r\n  }\r\n\r\n  svg {\r\n    margin-top: 0px;\r\n    color: var(--black);\r\n    cursor: pointer;\r\n  }\r\n`;\r\n","/* eslint-disable react/jsx-no-target-blank */\r\n/* eslint-disable no-console */\r\n/* eslint-disable no-shadow */\r\n/* eslint-disable consistent-return */\r\n/* eslint-disable no-else-return */\r\n/* eslint-disable object-shorthand */\r\n/* eslint-disable react-hooks/rules-of-hooks */\r\n/* eslint-disable @typescript-eslint/no-empty-function */\r\n/* eslint-disable camelcase */\r\nimport React, {\r\n  useRef,\r\n  useCallback,\r\n  useEffect,\r\n  useState,\r\n  useMemo,\r\n} from 'react';\r\nimport * as Yup from 'yup';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Dialog, { DialogProps } from '@material-ui/core/Dialog';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport { FiX } from 'react-icons/fi';\r\n\r\nimport { useToast } from '../../../hooks/toast';\r\nimport getValidationErrors from '../../../utils/getValidationErrors';\r\nimport api from '../../../services/api';\r\nimport Input from '../../../components/Input';\r\nimport Button from '../../../components/Button';\r\nimport FileInputSpecial from '../../../components/FileInputSpecial';\r\nimport { Container, Content } from '../../../styles/components';\r\nimport { CheckBox } from '../../../components/Checkbox';\r\nimport { CheckBoxSpecial } from '../../../components/CheckboxSpecial';\r\nimport FormularioFinalizado from './FormularioFinalizado';\r\n\r\nimport EstacaoBarreiro from '../../../assets/Estacao/est-barreiro.png';\r\nimport EstacaoDiamante from '../../../assets/Estacao/est-diamante.png';\r\nimport Hipercentro from '../../../assets/Estacao/hipercentro.png';\r\nimport EstacaoPampulha from '../../../assets/Estacao/est-pampulha.png';\r\nimport EstacaoVendaNova from '../../../assets/Estacao/est-vendanova.png';\r\nimport EstacaoVilarinho from '../../../assets/Estacao/est-vilarinho.png';\r\nimport EstacaoSaoGabriel from '../../../assets/Estacao/est-saogabriel.png';\r\n\r\nimport {\r\n  FlexContainer,\r\n  FormWrapper,\r\n  BoxInput,\r\n  BoxInputDiv,\r\n  WorkDiv,\r\n  ButtonDiv,\r\n  BoxSectorDiv,\r\n  FormDataDiv,\r\n  FileDiv,\r\n  BoxSectorCheck,\r\n  BoxSectorTitle,\r\n  SpecialLink,\r\n  DialogContent,\r\n  EspecialButton,\r\n  BoxSectorpdc,\r\n  BoxDiv,\r\n  BoxStationDiv,\r\n  BoxStationCheck,\r\n  BoxStationTitle,\r\n  ImgDiv,\r\n  SpecialPhrase,\r\n} from './styles';\r\n\r\nconst TrabalheConoscoForm: React.FC = () => {\r\n  const formRef = useRef<FormHandles>(null);\r\n  const [jobs, setJobs] = useState([]);\r\n  const { addToast } = useToast();\r\n  const { push } = useHistory();\r\n  const [checkvalue, SetCheckvalue] = useState(undefined);\r\n  const [text, setText] = useState(false);\r\n  const [station, setStation] = useState(false);\r\n  const [valortermo] = useState(undefined);\r\n  const [finalize] = useState(false);\r\n  const [disable, setDisable] = useState(false);\r\n  const [pcd, setPcd] = useState(undefined);\r\n  const [formularioFinalizado, setFormularioFinalizado] = useState(false);\r\n  const [setorExample, setSetorExample] = useState(false);\r\n  const [stationExample, setStationExample] = useState(false);\r\n\r\n  const theme = useTheme();\r\n\r\n  const [maxWidth] = useState<DialogProps['maxWidth']>('lg');\r\n  const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  const schema = Yup.object().shape({\r\n    name: Yup.string().required('Nome é obrigatório'),\r\n    phone: Yup.string().required('Telefone é obrigatório'),\r\n    address: Yup.string().required('Area de endereço é obrigatório'),\r\n    interest_area: Yup.string().required('É obrigatorio a área de interesse'),\r\n    curriculum: Yup.string().required('O currículo é obrigatório'),\r\n    estacao: Yup.string(),\r\n    termo: Yup.string().required('É necessário aceitar o termo'),\r\n    pdc: Yup.string().required('Este campo é obrigatorio'),\r\n    indicacao: Yup.string(),\r\n    email: Yup.string()\r\n      .required('Email é obrigatório')\r\n      .email('Digite um email valido'),\r\n  });\r\n\r\n  function checkterm() {\r\n    if (text) {\r\n      setText(false);\r\n    } else if (!text) {\r\n      setText(true);\r\n    }\r\n  }\r\n\r\n  function checkStation() {\r\n    if (station) {\r\n      setStation(false);\r\n    } else if (!station) {\r\n      setStation(true);\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    const getJobs = async () => {\r\n      try {\r\n        const response = await api.get('/core/vagas/');\r\n        setJobs(response.data.results);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    };\r\n\r\n    getJobs();\r\n  }, [text, valortermo]);\r\n\r\n  function openmaster() {\r\n    const modal = document.getElementById('master');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'none' ? 'block' : 'block';\r\n    const modal1 = document.getElementById('button-ver-mais-master');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'block' ? 'none' : 'none';\r\n  }\r\n\r\n  function closemaster() {\r\n    const modal = document.getElementById('master');\r\n    const disp = modal.style.display;\r\n    modal.style.display = disp === 'block' ? 'none' : 'none';\r\n    const modal1 = document.getElementById('button-ver-mais-master');\r\n    const disp1 = modal.style.display;\r\n    modal1.style.display = disp1 === 'none' ? 'block' : 'block';\r\n  }\r\n\r\n  function openSetorExample() {\r\n    setSetorExample(true);\r\n  }\r\n\r\n  function openStationExample() {\r\n    setStationExample(true);\r\n  }\r\n\r\n  function closeSetorExample() {\r\n    setSetorExample(false);\r\n  }\r\n  function closeStationExample() {\r\n    setStationExample(false);\r\n  }\r\n\r\n  const jobsOptions = useMemo(() => {\r\n    return jobs.map(job => ({ value: job.id, label: job.name }));\r\n  }, [jobs]);\r\n\r\n  console.log({ jobsOptions });\r\n\r\n  const handleSubmit = useCallback(\r\n    async data => {\r\n      const formData = new FormData();\r\n      console.log(data.pdc);\r\n\r\n      if (data.pdc === 'sim') {\r\n        setPcd(true);\r\n      } else if (data.pdc === 'nao') {\r\n        setPcd(false);\r\n      }\r\n\r\n      console.log(data);\r\n\r\n      const dataForm = {\r\n        name: data.name,\r\n        phone: data.phone,\r\n        email: data.email,\r\n        interest_area: data.interest_area,\r\n        address: data.endereco,\r\n        estacao: data.estacao,\r\n        curriculum: data.curriculum,\r\n        pdc: data.pdc,\r\n        indicacao: data.indicacao,\r\n      };\r\n      console.log(dataForm);\r\n      for (const name in data) {\r\n        if (Object.prototype.hasOwnProperty.call(data, name)) {\r\n          formData.append(name, data[name]);\r\n        }\r\n      }\r\n      console.log(data.pdc);\r\n      const config = {\r\n        headers: {\r\n          'content-type': 'multipart/form-data',\r\n        },\r\n      };\r\n      console.log(config);\r\n      console.log(formData);\r\n      try {\r\n        formRef.current?.setErrors({});\r\n\r\n        SetCheckvalue(data.CheckBox);\r\n        await schema.validate(data, {\r\n          abortEarly: false,\r\n        });\r\n        setDisable(true);\r\n        await api.post('/core/trabalhe-conosco/', formData);\r\n\r\n        setFormularioFinalizado(true);\r\n        setDisable(false);\r\n\r\n        addToast({\r\n          type: 'success',\r\n          title: `Seu currículo foi recebido com sucesso!`,\r\n          description: `Agradecemos o interesse em fazer parte do nosso time.`,\r\n        });\r\n      } catch (err) {\r\n        if (err instanceof Yup.ValidationError) {\r\n          const errors = getValidationErrors(err);\r\n          formRef.current?.setErrors(errors);\r\n          return;\r\n        }\r\n        addToast({\r\n          type: 'error',\r\n          title: `error`,\r\n          description: `error`,\r\n        });\r\n      }\r\n    },\r\n    [pcd, schema, addToast],\r\n  );\r\n\r\n  const handleEstacao = useCallback(\r\n    async data => {\r\n      console.log(data);\r\n      if (data.id === 'sim' && !station) {\r\n        setStation(true);\r\n      } else if (data.id === 'sim' && station) {\r\n        setStation(false);\r\n      } else if (data.id === 'nao') {\r\n        setStation(false);\r\n      }\r\n    },\r\n    [station],\r\n  );\r\n\r\n  return (\r\n    <WorkDiv>\r\n      <Container>\r\n        <Content>\r\n          <FlexContainer>\r\n            <div className=\"text-wrapper\">\r\n              <h1>BANCO DE TALENTOS</h1>\r\n            </div>\r\n            <Form ref={formRef} onSubmit={handleSubmit}>\r\n              <FormWrapper>\r\n                <FormDataDiv>\r\n                  <BoxInputDiv>\r\n                    <BoxInput>\r\n                      <Input\r\n                        className=\"InputWork\"\r\n                        name=\"name\"\r\n                        schema={schema}\r\n                        placeholder=\"Digite o seu nome\"\r\n                        label=\"Nome Completo*\"\r\n                      />\r\n                    </BoxInput>\r\n                    <BoxSectorpdc\r\n                      className=\"Checkbox\"\r\n                      style={{ flexDirection: 'row' }}\r\n                    >\r\n                      <BoxSectorTitle>\r\n                        <p className=\"TitleP\">\r\n                          Possui alguma deficiência? (PCD)\r\n                        </p>\r\n                      </BoxSectorTitle>\r\n                      <BoxDiv>\r\n                        <CheckBoxSpecial\r\n                          name=\"pdc\"\r\n                          limit={0}\r\n                          options={[\r\n                            {\r\n                              id: 'sim',\r\n                              label: 'SIM',\r\n                              value: 'Sim',\r\n                            },\r\n                            {\r\n                              id: 'nao',\r\n                              label: 'NÃO',\r\n                              value: 'Não',\r\n                            },\r\n                          ]}\r\n                        />\r\n                      </BoxDiv>\r\n                    </BoxSectorpdc>\r\n                    <BoxInput>\r\n                      <Input\r\n                        className=\"InputWork\"\r\n                        phone\r\n                        name=\"phone\"\r\n                        schema={schema}\r\n                        placeholder=\"(xx)xxxxx-xxxx\"\r\n                        label=\"Telefone*\"\r\n                      />\r\n                    </BoxInput>\r\n                    <BoxInput>\r\n                      <Input\r\n                        className=\"InputWork\"\r\n                        name=\"email\"\r\n                        schema={schema}\r\n                        placeholder=\"Digite seu email\"\r\n                        label=\"Email*\"\r\n                      />\r\n                    </BoxInput>\r\n                    <BoxInput>\r\n                      <Input\r\n                        className=\"InputWork\"\r\n                        name=\"address\"\r\n                        schema={schema}\r\n                        placeholder=\"Digite seu endereço\"\r\n                        label=\"Endereço (RUA-NUMERO-BAIRRO)*\"\r\n                      />\r\n                    </BoxInput>\r\n                    <BoxInput>\r\n                      <Input\r\n                        className=\"InputWork\"\r\n                        name=\"indicacao\"\r\n                        schema={schema}\r\n                        placeholder=\"Nome/Setor\"\r\n                        label=\"Foi indicado? Por quem? (Nome/setor)\"\r\n                      />\r\n                    </BoxInput>\r\n                    <FileDiv>\r\n                      <p style={{ fontSize: '16px' }}>Currículo*</p>\r\n                      <FileInputSpecial\r\n                        className=\"curriculum\"\r\n                        name=\"curriculum\"\r\n                        title=\"Arraste o arquivo aqui\r\n                        ou\r\n                        procure em seu dispositivo\"\r\n                      />\r\n                    </FileDiv>\r\n                  </BoxInputDiv>\r\n                  <BoxSectorDiv className=\"Checkbox\">\r\n                    <BoxSectorTitle>\r\n                      <p className=\"TitleP\">\r\n                        {' '}\r\n                        Area de interesse (escolha até 3 opções):*{' '}\r\n                        <SpecialLink\r\n                          style={{ fontWeight: 'bold' }}\r\n                          onClick={openSetorExample}\r\n                        >\r\n                          DÚVIDAS?\r\n                        </SpecialLink>\r\n                      </p>\r\n                    </BoxSectorTitle>\r\n                    <BoxSectorCheck>\r\n                      <CheckBox\r\n                        name=\"interest_area\"\r\n                        limit={2}\r\n                        options={[\r\n                          {\r\n                            id: 'fin',\r\n                            label: 'Financeiro',\r\n                            value: 'Financeiro',\r\n                          },\r\n                          {\r\n                            id: 'rhdp',\r\n                            label: 'Recursos humanos ou Dp',\r\n                            value: 'Recursoshumanos ou Dp',\r\n                          },\r\n                          {\r\n                            id: 'ti',\r\n                            label: 'Tecnologia da informação',\r\n                            value: 'Tecnologia da informação',\r\n                          },\r\n                          {\r\n                            id: 'relcl',\r\n                            label: 'Relacionamento com o cliente',\r\n                            value: 'Relacionamento com o cliente',\r\n                          },\r\n                          {\r\n                            id: 'mkt',\r\n                            label: 'Marketing ou Comunicação',\r\n                            value: 'Marketing ou Comunicação',\r\n                          },\r\n                          {\r\n                            id: 'mon',\r\n                            label: 'Monitoramento',\r\n                            value: 'Monitoramento',\r\n                          },\r\n                          {\r\n                            id: 'fivi',\r\n                            label: 'Fiscalização ou Vigilância',\r\n                            value: 'Fiscalização ou Vigilância',\r\n                          },\r\n                          {\r\n                            id: 'com',\r\n                            label: 'Comercial',\r\n                            value: 'Comercial',\r\n                          },\r\n                          {\r\n                            id: 'adm',\r\n                            label: 'Administrativo',\r\n                            value: 'Administrativo',\r\n                          },\r\n                          {\r\n                            id: 'atend',\r\n                            label: 'Atendimento ao público',\r\n                            value: 'Atendimento ao público',\r\n                          },\r\n                        ]}\r\n                      />\r\n                    </BoxSectorCheck>\r\n                    <BoxStationTitle>\r\n                      <SpecialPhrase\r\n                        className=\"TitleP\"\r\n                        title=\"(Agente de Estação e \r\n                        Controlador de Acesso)\"\r\n                      >\r\n                        Interesse em vagas de Estação? (Agente de Estação e\r\n                        Controlador de Acesso)\r\n                      </SpecialPhrase>\r\n                      <BoxDiv>\r\n                        <CheckBoxSpecial\r\n                          name=\"station\"\r\n                          limit={0}\r\n                          onChange={handleEstacao}\r\n                          options={[\r\n                            {\r\n                              id: 'sim',\r\n                              label: 'SIM',\r\n                              value: 'Sim',\r\n                            },\r\n                            {\r\n                              id: 'nao',\r\n                              label: 'NÃO',\r\n                              value: 'Não',\r\n                            },\r\n                          ]}\r\n                        />\r\n                      </BoxDiv>\r\n                    </BoxStationTitle>\r\n                  </BoxSectorDiv>\r\n                  {station && station ? (\r\n                    <BoxSectorDiv className=\"Checkbox\">\r\n                      <BoxSectorTitle>\r\n                        <p className=\"TitleP\">\r\n                          {' '}\r\n                          Estações mais próximas de você(escolha até 2 opções)*:{' '}\r\n                          <SpecialLink\r\n                            style={{ fontWeight: 'bold' }}\r\n                            onClick={openStationExample}\r\n                          >\r\n                            DÚVIDAS?\r\n                          </SpecialLink>\r\n                        </p>\r\n                      </BoxSectorTitle>\r\n                      <BoxStationCheck>\r\n                        <CheckBox\r\n                          name=\"estacao\"\r\n                          limit={1}\r\n                          options={[\r\n                            {\r\n                              id: 'ba',\r\n                              label: 'Barreiro',\r\n                              value: 'Barreiro',\r\n                            },\r\n                            {\r\n                              id: 'hi',\r\n                              label: 'Hipercentro',\r\n                              value: 'Hipercentro',\r\n                            },\r\n                            {\r\n                              id: 'dia',\r\n                              label: 'Diamante',\r\n                              value: 'Diamante',\r\n                            },\r\n                            {\r\n                              id: 'pam',\r\n                              label: 'Pampulha',\r\n                              value: 'Pampulha',\r\n                            },\r\n                            {\r\n                              id: 'vi',\r\n                              label: 'Vilarinho',\r\n                              value: 'Vilarinho',\r\n                            },\r\n                            {\r\n                              id: 'vn',\r\n                              label: 'Venda Nova',\r\n                              value: 'Venda Nova',\r\n                            },\r\n                            {\r\n                              id: 'sao',\r\n                              label: 'São Gabriel',\r\n                              value: 'São Gabriel',\r\n                            },\r\n                          ]}\r\n                        />\r\n                      </BoxStationCheck>\r\n                    </BoxSectorDiv>\r\n                  ) : (\r\n                    ''\r\n                  )}\r\n                </FormDataDiv>\r\n                <ButtonDiv>\r\n                  <Button\r\n                    className=\"buttonsent\"\r\n                    type=\"submit\"\r\n                    color=\"orange\"\r\n                    padding=\"1\"\r\n                    rounded\r\n                    style={{\r\n                      marginTop: '15px',\r\n                    }}\r\n                    disabled={disable}\r\n                  >\r\n                    ENVIAR\r\n                  </Button>\r\n                  <CheckBox\r\n                    style={{ marginTop: '8px' }}\r\n                    name=\"termo\"\r\n                    onChange={checkterm}\r\n                    options={[\r\n                      {\r\n                        id: 'termo',\r\n                        label: '',\r\n                        value: 'true',\r\n                      },\r\n                    ]}\r\n                  />\r\n                  <p style={{ marginTop: '31px' }}>\r\n                    Li e concordo com os termos de política e privacidade(LGPD)\r\n                    do Transfácil.{' '}\r\n                    <a\r\n                      href=\"https://transfacil.com.br/termos-de-uso\"\r\n                      target=\"_blank\"\r\n                      style={{ color: 'var(--orange)', fontWeight: 'bold' }}\r\n                      rel=\"noreferrer\"\r\n                    >\r\n                      Clique aqui para acessar a politica.\r\n                    </a>\r\n                  </p>\r\n                </ButtonDiv>\r\n                {text ? (\r\n                  <div>\r\n                    <p style={{ fontWeight: 'normal' }}>\r\n                      O titular de dados (Interessado em aderir ao banco de\r\n                      talentos da Empresa) consente que o Transfácil, armazene\r\n                      seus dados e informações por um período de 6 meses, a\r\n                      contar da data de recebimento dos dados preenchidos, e que\r\n                      possa se comunicar com o candidato, incluindo, porém não\r\n                      se limitando à contatos via Whatsapp, e-mail ou telefone\r\n                      celular (desde que sejam preenchidos), além de declarar\r\n                      estar ciente da{' '}\r\n                      <strong\r\n                        style={{ color: 'var(--orange)', fontWeight: 'bold' }}\r\n                      >\r\n                        Política de Privacidade e Tratamento de Dados da\r\n                        Empresa,{' '}\r\n                      </strong>{' '}\r\n                      que pode ser acessada através do link:{' '}\r\n                      <a\r\n                        href=\"https://transfacil.com.br/termos-de-uso\"\r\n                        target=\"_blank\"\r\n                        style={{\r\n                          color: 'var(--orange)',\r\n                          fontWeight: 'bold',\r\n                          textDecoration: 'underline',\r\n                        }}\r\n                        rel=\"noreferrer\"\r\n                      >\r\n                        https://transfacil.com.br/termos-de-uso.\r\n                      </a>\r\n                    </p>\r\n                    <p style={{ fontWeight: 'normal' }}>\r\n                      Deixamos claro que o Interessado em questão, se coloca\r\n                      responsável por todas as informações preenchidas e\r\n                      encaminhadas e conhece sobre os seus direitos de revogação\r\n                      do consentimento junto à Empresa, podendo solicitá-lo a\r\n                      qualquer momento, sabendo que neste caso, suas informações\r\n                      serão retiradas do banco de talentos e não poderá\r\n                      concorrer ou ser comunicado sobre vagas que vierem a\r\n                      existir.\r\n                    </p>\r\n                  </div>\r\n                ) : (\r\n                  <p />\r\n                )}\r\n                {formularioFinalizado && (\r\n                  <FormularioFinalizado\r\n                    show={formularioFinalizado}\r\n                    text=\"Digite o ID numérico do titular e você receberá no email cadastrado instruções.\"\r\n                    handleClose={() => push('/')}\r\n                  />\r\n                )}\r\n                <Dialog\r\n                  maxWidth={maxWidth}\r\n                  fullScreen={fullScreen}\r\n                  open={setorExample}\r\n                  onClose={closeSetorExample}\r\n                  aria-labelledby=\"alert-dialog-title\"\r\n                  aria-describedby=\"alert-dialog-description\"\r\n                >\r\n                  <EspecialButton\r\n                    type=\"button\"\r\n                    className=\"close-container\"\r\n                    onClick={closeSetorExample}\r\n                  >\r\n                    <FiX size={40} onClick={closeSetorExample} />\r\n                  </EspecialButton>\r\n                  <DialogContent>\r\n                    <div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit\">\r\n                            DESCRIÇÃO DAS AREAS DE INTERESSE\r\n                          </h1>\r\n                          <h3 className=\"title-benefit1\">FINANCEIRO</h3>\r\n                          <p\r\n                            style={{\r\n                              fontWeight: 'bold',\r\n                              paddingBottom: '5px',\r\n                            }}\r\n                          >\r\n                            Ex: Auxiliar Financeiro, Assistente Financeiro\r\n                          </p>\r\n                          <p>\r\n                            Realizar atividades inerentes aos custos e a receita\r\n                            da empresa, aos processos de pagamento a\r\n                            fornecedores e/ou Operadoras de Transporte Coletivo.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            RECURSOS HUMANOS OU DP\r\n                          </h3>\r\n                          <p\r\n                            style={{\r\n                              fontWeight: 'bold',\r\n                              paddingBottom: '5px',\r\n                            }}\r\n                          >\r\n                            Ex: Assistente de Departamento Pessoal, Analista de\r\n                            Recursos Humanos, Estágio de RH\r\n                          </p>\r\n                          <p>\r\n                            Realizar processos de gestão e desenvolvimento de\r\n                            gente, através de políticas e diretrizes de\r\n                            Treinamento e Desenvolvimento, Analise de\r\n                            Performance, Recrutamento e Seleção, Remuneração,\r\n                            Gestão de Benefícios, Cultura e Clima, através de\r\n                            ferramentas e metodologias de gestão de pessoas.\r\n                            Realizar atividades relacionadas ao processo de\r\n                            folha de pagamento dos empregados, alteração de\r\n                            salários, cargos, admissão, demissão, homologações,\r\n                            férias, afastamentos, atendimento e acompanhamento\r\n                            de fiscalizações, de acordo com os procedimentos\r\n                            internos, legislação vigente.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            TECNOLOGIA DA INFORMAÇÃO\r\n                          </h3>\r\n                          <p\r\n                            style={{\r\n                              fontWeight: 'bold',\r\n                              paddingBottom: '5px',\r\n                            }}\r\n                          >\r\n                            Ex: Técnico de Suporte e Infraestrutura, Assistente\r\n                            de Suporte, Analista de Rede\r\n                          </p>\r\n                          <p>\r\n                            Realizar atividades inerentes ao monitoramento e\r\n                            manutenção do banco de dados, hardwares e softwares\r\n                            da Empresa, aos sistemas e infraestrutura da\r\n                            Empresa.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            RELACIONAMENTO COM O CLIENTE\r\n                          </h3>\r\n                          <p\r\n                            style={{\r\n                              fontWeight: 'bold',\r\n                              paddingBottom: '5px',\r\n                            }}\r\n                          >\r\n                            Ex: Analista de Sucesso do Cliente, Auxiliar de\r\n                            Atendimento ao Cliente\r\n                          </p>\r\n                          <p>\r\n                            Relacionar com os grandes clientes do\r\n                            vale-transporte fazendo contato regular através de\r\n                            ligações, e-mail e reuniões, realizando as demandas\r\n                            encaminhadas, solucionando problemas e prestando\r\n                            esclarecimentos e orientações. Acompanhar\r\n                            indicadores de consumo e satisfação dos clientes,\r\n                            elaborar estratégias e ações para aumentar a receita\r\n                            e experiência positiva.\r\n                          </p>\r\n                          <h3 className=\"title-benefit1\">\r\n                            MARKETING OU COMUNICAÇÃO\r\n                          </h3>\r\n                          <p\r\n                            style={{\r\n                              fontWeight: 'bold',\r\n                              paddingBottom: '5px',\r\n                            }}\r\n                          >\r\n                            Ex: Analista de Marketing, Estágio de Marketing\r\n                          </p>\r\n                          <p>\r\n                            Planejar e executar campanhas de comunicação e\r\n                            marketing, digitais e tradicionais, definindo mídias\r\n                            e canais de veiculação, peças e demais elementos das\r\n                            ações, visando prospectar e fidelizar clientes,\r\n                            gerar negócios e alavancar a imagem da Instituição.\r\n                          </p>\r\n                          <button\r\n                            type=\"button\"\r\n                            id=\"button-ver-mais-master\"\r\n                            className=\"ver-mais\"\r\n                            onClick={openmaster}\r\n                          >\r\n                            <p className=\"MoreOptions\">VER MAIS</p>\r\n                          </button>\r\n\r\n                          <div id=\"master\" className=\"cards-benefit\">\r\n                            <h3 className=\"title-benefit1\">MONITORAMENTO</h3>\r\n                            <p\r\n                              style={{\r\n                                fontWeight: 'bold',\r\n                                paddingBottom: '5px',\r\n                              }}\r\n                            >\r\n                              Ex: Monitor de Câmeras, Controlador de Operações\r\n                            </p>\r\n                            <p>\r\n                              Monitorar pelo sistema de circuito fechado de TV,\r\n                              presença e posicionamento dos colaboradores,\r\n                              usuários e veículos nas estações, procedimentos,\r\n                              organização e condições das instalações e\r\n                              equipamentos de operação.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">\r\n                              FISCALIZAÇÃO / VIGILÂNCIA\r\n                            </h3>\r\n                            <p\r\n                              style={{\r\n                                fontWeight: 'bold',\r\n                                paddingBottom: '5px',\r\n                              }}\r\n                            >\r\n                              Ex: Controlador de Acesso\r\n                            </p>\r\n                            <p>\r\n                              Acompanhar o fluxo de usuários nas Estações,\r\n                              realizando a fiscalização nas linhas de bloqueio,\r\n                              conferência de gratuidades, orientação e abordagem\r\n                              aos usuários, evitando assim a evasão de receita\r\n                              da estação.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">COMERCIAL</h3>\r\n                            <p\r\n                              style={{\r\n                                fontWeight: 'bold',\r\n                                paddingBottom: '5px',\r\n                              }}\r\n                            >\r\n                              Ex: Analista Comercial, Assistente de Mídia\r\n                            </p>\r\n                            <p>\r\n                              Dar suporte na execução das atividades ligadas às\r\n                              áreas Comercial e Marketing, fazendo a conexão\r\n                              entre os dois setores. Dar suporte ao time de\r\n                              vendas, acompanhando os projetos e propostas\r\n                              comerciais. Auxiliar na organização e logística de\r\n                              eventos e reuniões. Emitir orçamentos, relatórios\r\n                              no sistema, previsão de receitas, realizar\r\n                              acompanhamento de contratos, processo de pós\r\n                              vendas e de compras, bem como apoiar no\r\n                              desenvolvimento das atividades administrativas das\r\n                              áreas, visando o cumprimento dos objetivos\r\n                              definidos pela Empresa.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">ADMINISTRATIVO</h3>\r\n                            <p\r\n                              style={{\r\n                                fontWeight: 'bold',\r\n                                paddingBottom: '5px',\r\n                              }}\r\n                            >\r\n                              Ex: Auxiliar Administrativo, Assistente\r\n                              Administrativo\r\n                            </p>\r\n                            <p>\r\n                              Realizar atividades de rotina administrativa,\r\n                              utilizando equipamentos de informática, telefonia\r\n                              e acesso a sistemas informatizados. Receber,\r\n                              conferir e administrar arquivo de documentos, de\r\n                              acordo com os procedimentos internos. Emitir\r\n                              relatórios, auxiliar nos processos, visando\r\n                              atender às demandas da Empresa, acompanhando e\r\n                              garantindo o cumprimento de prazos.\r\n                            </p>\r\n                            <h3 className=\"title-benefit1\">\r\n                              ATENDIMENTO AO PUBLICO\r\n                            </h3>\r\n                            <p\r\n                              style={{\r\n                                fontWeight: 'bold',\r\n                                paddingBottom: '5px',\r\n                              }}\r\n                            >\r\n                              Ex: Atendente de SAC, Atendente na Bilheteria\r\n                            </p>\r\n                            <p>\r\n                              Realizar o devido atendimento ao público que\r\n                              utiliza o Transporte Coletivo de Belo Horizonte e\r\n                              compra Cartão BHBUS, dando orientações e\r\n                              informações, oferecendo o suporte necessário,\r\n                              visando reter os clientes e expandir os negócios\r\n                              da empresa.\r\n                            </p>\r\n                            <button\r\n                              type=\"button\"\r\n                              className=\"ver-mais\"\r\n                              onClick={closemaster}\r\n                            >\r\n                              <p className=\"MoreOptions\">VER MENOS</p>\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </DialogContent>\r\n                </Dialog>\r\n                <Dialog\r\n                  maxWidth={maxWidth}\r\n                  fullScreen={fullScreen}\r\n                  open={stationExample}\r\n                  onClose={closeStationExample}\r\n                  aria-labelledby=\"alert-dialog-title\"\r\n                  aria-describedby=\"alert-dialog-description\"\r\n                >\r\n                  <EspecialButton\r\n                    type=\"button\"\r\n                    className=\"close-container\"\r\n                    onClick={closeStationExample}\r\n                  >\r\n                    <FiX size={40} onClick={closeStationExample} />\r\n                  </EspecialButton>\r\n                  <DialogContent>\r\n                    <div>\r\n                      <div className=\"flex-container\">\r\n                        <div className=\"container2\">\r\n                          <h1 className=\"title-benefit\">ESTAÇÕES</h1>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoBarreiro}\r\n                                alt=\"Estação Barreiro\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/search/Esta%C3%A7%C3%A3o+Barreiro+-+Barreiro,+Belo+Horizonte+-+MG/@-19.9733891,-44.0209197,18z/data=!3m1!4b1?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO BARREIRO\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. AFONSO VAZ DE MELO, 640 -BARREIRO DE BAIXO\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={Hipercentro}\r\n                                alt=\"Hipercentro\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/Avenida+Santos+Dumont+414+Centro+Belo+Horizonte+-+Minas+Gerais+31600+Brasil/@-19.9162439,-43.9375306,19.73z/data=!4m6!3m5!1s0xa699fbd7539305:0xb03dbde897124e6d!8m2!3d-19.91603!4d-43.93699!16s%2Fg%2F11rjqh58g6?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  HIPERCENTRO\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. SANTOS DUMONT\r\n                              </p>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                (ENTRE A RUA RIO DE JANEIRO E RUA ESPIRITO\r\n                                SANTO)\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoDiamante}\r\n                                alt=\"Estação Diamante\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/Esta%C3%A7%C3%A3o+Diamante/@-19.9943987,-44.0263252,17z/data=!3m1!4b1!4m6!3m5!1s0xa6be7e885b8539:0xe9c074b9e34abc18!8m2!3d-19.9944038!4d-44.0237503!16s%2Fg%2F122_y33q?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO DIAMANTE\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. JOÃO ROLLA FILHO, 50 - DIAMANTE\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoPampulha}\r\n                                alt=\"Estação Pampulha\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/MOVE+Municipal+-+Esta%C3%A7%C3%A3o+Pampulha/@-19.8422894,-43.9697286,17z/data=!3m1!4b1!4m6!3m5!1s0xa691a1b541f3f3:0xded9b5d1cfb13a11!8m2!3d-19.8422945!4d-43.9671537!16s%2Fg%2F11fmyppq87?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO PAMPULHA\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. PORTUGAL, 3700 - JARDIM ATLÂNTICO\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoVilarinho}\r\n                                alt=\"Estação Vilarinho\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/Esta%C3%A7%C3%A3o+Vilarinho/@-19.8216149,-43.9501449,17z/data=!3m1!4b1!4m6!3m5!1s0xa68ff7187b0be7:0x359ce156d14e701!8m2!3d-19.82162!4d-43.94757!16s%2Fg%2F121y0gr9?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO VILARINHO\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. VILARINHO, 36 - VENDA NOVA\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoVendaNova}\r\n                                alt=\"Estação Venda Nova\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/Esta%C3%A7%C3%A3o+Venda+Nova/@-19.8093665,-43.9716849,17z/data=!3m2!4b1!5s0xa68fc6fe6163ed:0x106e660d5883a602!4m6!3m5!1s0xa68f319ae8ba8b:0x1fe38252a373cbfa!8m2!3d-19.8093716!4d-43.96911!16s%2Fg%2F11g89dgzlg?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO VENDA NOVA\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                RUA PADRE PEDRO PINTO, 2277 - VENDA NOVA\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                          <ImgDiv>\r\n                            <div\r\n                              style={{\r\n                                width: '20%',\r\n                              }}\r\n                            >\r\n                              <img\r\n                                src={EstacaoSaoGabriel}\r\n                                alt=\"Estação São Gabriel\"\r\n                                className=\"img-est\"\r\n                              />\r\n                            </div>\r\n                            <div\r\n                              style={{\r\n                                width: '80%',\r\n                              }}\r\n                            >\r\n                              <h3 className=\"est\">\r\n                                <a\r\n                                  href=\"https://www.google.com/maps/place/Esta%C3%A7%C3%A3o+S%C3%A3o+Gabriel+-+Primeiro+de+Maio,+Belo+Horizonte+-+MG/@-19.8639221,-43.9293276,17z/data=!3m1!4b1!4m6!3m5!1s0xa69a93767fb7a3:0x489ecf77d69de859!8m2!3d-19.8639272!4d-43.9267527!16s%2Fg%2F1ptvznr0k?entry=ttu\"\r\n                                  target=\"_blank\"\r\n                                >\r\n                                  ESTAÇÃO SÃO GABRIEL\r\n                                </a>\r\n                              </h3>\r\n                              <p\r\n                                style={{\r\n                                  fontWeight: 'bold',\r\n                                  paddingBottom: '5px',\r\n                                }}\r\n                              >\r\n                                AV. CRISTIANO MACHADO, 5600 - SÃO GABRIEL\r\n                              </p>\r\n                            </div>\r\n                          </ImgDiv>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </DialogContent>\r\n                </Dialog>\r\n              </FormWrapper>\r\n            </Form>\r\n          </FlexContainer>\r\n        </Content>\r\n      </Container>\r\n    </WorkDiv>\r\n  );\r\n};\r\n\r\nexport default TrabalheConoscoForm;\r\n","/* eslint-disable no-console */\r\n/* eslint-disable react/no-danger */\r\nimport React, { useState, useEffect } from 'react';\r\n\r\nimport { BsChevronRight } from 'react-icons/bs';\r\nimport api from '../../services/api';\r\nimport { Container, Content } from '../../styles/components';\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Background from '../../assets/Shared/testeira.png';\r\nimport Accordion from '../../components/QuemSomos/Accordion';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nimport {\r\n  WorkwithUsSection,\r\n  JobsSection,\r\n  FormContent,\r\n  WorkwithUsDiv,\r\n  VagasDiv,\r\n} from './styles';\r\nimport TrabalheConoscoForm from './TrabalheConoscoForm';\r\n\r\nconst VagasDisponiveis: React.FC = () => {\r\n  const [jobs, setJobs] = useState([]);\r\n\r\n  const handleLink = (link: string) => {\r\n    window.open(link, '_blank');\r\n  };\r\n\r\n  useEffect(() => {\r\n    const getJobs = async () => {\r\n      try {\r\n        const response = await api.get('/core/vagas/');\r\n        setJobs(response.data.results);\r\n      } catch (err) {\r\n        console.log(err);\r\n      }\r\n    };\r\n    getJobs();\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container style={{ backgroundImage: `url(${Background})` }}>\r\n        <Content>\r\n          <NavBar />\r\n        </Content>\r\n      </Container>\r\n      <VagasDiv>\r\n        <Container>\r\n          <Content>\r\n            <WorkwithUsDiv>\r\n              <WorkwithUsSection>\r\n                <div className=\"text-container\">\r\n                  <h1>TRABALHE CONOSCO</h1>\r\n                  <h3 className=\"workwithus\">\r\n                    Que tal fazer parte de uma equipe de talentos que trabalha\r\n                    para transformar a mobilidade urbana de BH?\r\n                  </h3>\r\n                  <h3 className=\"workwithus\" style={{ fontWeight: 'bold' }}>\r\n                    Preencha o formulário, coloque as suas áreas de interesse e\r\n                    deixe o seu currículo conosco.\r\n                  </h3>\r\n                </div>\r\n              </WorkwithUsSection>\r\n              <FormContent>\r\n                <TrabalheConoscoForm />\r\n              </FormContent>\r\n            </WorkwithUsDiv>\r\n            <JobsSection>\r\n              <h1 className=\"h1\">\r\n                CONFIRA NOSSAS VAGAS E PARTICIPE DO PROCESSO SELETIVO!\r\n              </h1>\r\n              <div className=\"accordionContainer\">\r\n                {jobs.map(vaga => (\r\n                  <Accordion\r\n                    key={vaga.id}\r\n                    title={vaga.name}\r\n                    CollapseIcon={BsChevronRight}\r\n                  >\r\n                    <div className=\"vagas\">\r\n                      <div\r\n                        dangerouslySetInnerHTML={{\r\n                          __html: vaga.description,\r\n                        }}\r\n                      />\r\n                      <button\r\n                        onClick={() => handleLink(vaga.link)}\r\n                        type=\"button\"\r\n                        className=\"button\"\r\n                      >\r\n                        Quero me candidatar\r\n                      </button>\r\n                    </div>\r\n                  </Accordion>\r\n                ))}\r\n                {!jobs.length && (\r\n                  <span>\r\n                    No momento, não há vagas disponíveis. Preencha o formulário\r\n                    acima e faça parte do nosso Banco de Talentos. <br />\r\n                    <strong>\r\n                      {' '}\r\n                      Agradecemos o interesse em fazer parte do nosso time!\r\n                    </strong>\r\n                  </span>\r\n                )}\r\n              </div>\r\n              {/* {!!jobs.length && (\r\n                <button\r\n                  onClick={() =>  push('/trabalhe-conosco')}\r\n                  type=\"button\"\r\n                  className=\"button\"\r\n                >\r\n                  Quero me candidatar\r\n                </button>\r\n              )} */}\r\n            </JobsSection>\r\n          </Content>\r\n        </Container>\r\n      </VagasDiv>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default VagasDisponiveis;\r\n","const MapStyles = [\r\n  {\r\n    featureType: 'administrative',\r\n    elementType: 'all',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        hue: '#d400ff',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'landscape',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        color: '#ffffff',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'poi',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        color: '#f8f8f8',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'poi.park',\r\n    elementType: 'labels',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n      {\r\n        hue: '#d400ff',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road',\r\n    elementType: 'labels',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n      {\r\n        hue: '#8e4a7e',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road',\r\n    elementType: 'labels.text',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road.highway',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        color: '#fde7d2',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road.highway',\r\n    elementType: 'labels.text',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road.highway',\r\n    elementType: 'labels.icon',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n      {\r\n        hue: '#00ffe4',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road.arterial',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        color: '#f0e7ee',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'road.local',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'simplified',\r\n      },\r\n      {\r\n        color: '#cacaca',\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    featureType: 'transit.station.airport',\r\n    elementType: 'geometry',\r\n    stylers: [\r\n      {\r\n        visibility: 'on',\r\n      },\r\n      {\r\n        hue: '#d400ff',\r\n      },\r\n    ],\r\n  },\r\n];\r\n\r\nexport default MapStyles;\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface HamburguerProps {\r\n  active: boolean;\r\n  menuActive?: boolean;\r\n}\r\n\r\nexport const Container = styled.div`\r\n  position: relative;\r\n  width: 100vw;\r\n\r\n  .menu {\r\n    display: none;\r\n    background: #fff;\r\n  }\r\n\r\n  .polyline {\r\n    z-index: 9999999999;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .menu {\r\n      font-size: 30px;\r\n      position: absolute;\r\n      top: 20px;\r\n      right: -9px;\r\n      z-index: 998;\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .info-window-content {\r\n    h4 {\r\n      margin-top: 8px;\r\n      margin-bottom: 8px;\r\n      font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n      font-size: 18px;\r\n      font-weight: normal;\r\n      line-height: 16px;\r\n      color: #3b393b;\r\n    }\r\n\r\n    p {\r\n      font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n      line-height: 16px;\r\n      color: #626162;\r\n    }\r\n  }\r\n\r\n  .Routes {\r\n    .destination {\r\n      position: absolute;\r\n      top: 70px;\r\n      z-index: 100;\r\n    }\r\n  }\r\n\r\n  .gm-style {\r\n    div > div > div:nth-child(4n) > div:nth-child(4n) {\r\n      display: none;\r\n    }\r\n\r\n    div > div > div:nth-child(4n) > div:nth-child(5n) {\r\n      display: none;\r\n    }\r\n\r\n    div > div > div:nth-child(4n) > div:nth-child(6n) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    width: 95%;\r\n    .inputMap {\r\n      width: 100%;\r\n      div {\r\n        width: 100%;\r\n        .combobox {\r\n          width: 90%;\r\n          input {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .SearchMap {\r\n    ${() =>\r\n      css`\r\n        position: absolute;\r\n        z-index: 100;\r\n        top: 15px;\r\n        left: 15px;\r\n      `}\r\n    z-index: 101;\r\n    width: 260px;\r\n    height: 48px;\r\n    padding-right: 16px;\r\n    padding-left: 16px;\r\n\r\n    background-color: #fff;\r\n    border: 1px solid #bdbdbd;\r\n    border-radius: 2px;\r\n  }\r\n`;\r\n\r\nexport const ItensContainer = styled.ul`\r\n  display: none;\r\n  @media (max-width: 1024px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    list-style: none;\r\n  }\r\n`;\r\n\r\nexport const NavItem = styled.li<HamburguerProps>`\r\n  @media (max-width: 1024px) {\r\n    font: 400 1.4rem 'Source Sans Pro', sans-serif;\r\n    line-height: 65px;\r\n    cursor: pointer;\r\n    color: var(--white);\r\n    transition: color 0.3s ease;\r\n    display: ${props => (props.menuActive ? 'block' : 'none')};\r\n\r\n    &:hover {\r\n      color: var(--orange);\r\n    }\r\n\r\n    ${props =>\r\n      props.active &&\r\n      css`\r\n        font-size: 1.4rem;\r\n        color: var(--orange);\r\n        font-weight: 700;\r\n      `}\r\n  }\r\n`;\r\n\r\nexport const HamburguerMenuContainer = styled.div<HamburguerProps>`\r\n  display: none;\r\n\r\n  .menu {\r\n    display: none;\r\n    background: transparent;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    width: 0px;\r\n    height: 100vh;\r\n    background: var(--purple);\r\n    z-index: 999;\r\n\r\n    ${props =>\r\n      props.active &&\r\n      css`{\r\n        width: 250px;\r\n        background: var(--orange);\r\n        box-shadow: -1px 5px 8px 3px rgba(0, 0, 0, 0.6);\r\n\r\n        .menu {\r\n          display: block;\r\n          position: absolute;\r\n          right: 0;\r\n          top: 15px;\r\n\r\n          color: #fff;\r\n          margin: 0 17px;\r\n          \r\n          .one,\r\n          .two,\r\n          .three {\r\n            background: var(--white);\r\n          }\r\n          .one {\r\n            transform: rotate(45deg) translate(7px, 7px);\r\n          }\r\n          .two {\r\n            opacity: 0;\r\n          }\r\n          .three {\r\n            transform: rotate(-45deg) translate(8px, -9px);\r\n          }\r\n        }\r\n      `}\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, {\r\n  useState,\r\n  useCallback,\r\n  useRef,\r\n  useMemo,\r\n  useEffect,\r\n} from 'react';\r\nimport {\r\n  GoogleMap,\r\n  Marker,\r\n  InfoWindow,\r\n  useLoadScript,\r\n  DirectionsService,\r\n  DirectionsRenderer,\r\n  Polyline,\r\n} from '@react-google-maps/api';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport { getGeocode, getLatLng } from 'use-places-autocomplete';\r\n\r\nimport MapStyles from './mapStyles';\r\nimport { useMap } from '../../hooks/map';\r\nimport {\r\n  Container,\r\n  HamburguerMenuContainer,\r\n  ItensContainer,\r\n  NavItem,\r\n} from './styles';\r\n\r\ninterface MarkerProps {\r\n  id: number;\r\n  name: string;\r\n  address: string;\r\n  lat: number;\r\n  lng: number;\r\n  opening: string;\r\n  distance?: number;\r\n}\r\n\r\ninterface MapProps {\r\n  markersData: MarkerProps[];\r\n  markerIcon: string;\r\n  routes?: boolean;\r\n  asideOpen: boolean;\r\n  setActive(active: boolean): void;\r\n}\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\n// Belo Horizonte Coodinates\r\nconst centerCordinates = {\r\n  lat: -19.9161568,\r\n  lng: -43.9351929,\r\n};\r\n\r\nconst options = {\r\n  styles: MapStyles,\r\n  disableDefaultUI: true,\r\n  zoomControl: true,\r\n} as google.maps.MapOptions;\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst Map: React.FC<MapProps> = ({\r\n  markersData,\r\n  markerIcon,\r\n  routes,\r\n  setActive,\r\n  asideOpen,\r\n}) => {\r\n  const { isLoaded, loadError } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n\r\n  const navItens = [\r\n    { name: 'HOME', path: '/' },\r\n    { name: 'CARTÕES E RECARGA', path: '/cartoes-recarga' },\r\n    { name: 'PARA EMPRESAS', path: '/para-empresas' },\r\n    { name: 'LOJAS', path: '/lojas-locais-recarga' },\r\n    { name: 'ROTAS E LINHAS', path: '/rotas-e-linhas' },\r\n    { name: 'QUEM SOMOS', path: '/quem-somos' },\r\n    { name: 'FALE CONOSCO', path: '/fale-conosco' },\r\n    { name: 'ENTRAR', path: '/login' },\r\n    { name: 'CADASTRAR', path: '/dashboard' },\r\n  ];\r\n\r\n  const count = useRef(0);\r\n  const mapRef = useRef(null);\r\n  const {\r\n    changeDestination,\r\n    changeRoutes,\r\n    routes: directionsRoutes,\r\n    changeRechargeAddress,\r\n    origin,\r\n    destination,\r\n    mapCoordinates,\r\n    infoWindows,\r\n    selectedRoute,\r\n    changeRechargeAddresCoordinates,\r\n  } = useMap();\r\n  const [directionsData, setDirectionsData] = useState();\r\n  const { push } = useHistory();\r\n  const [menuToggle, setMenuToggle] = useState<boolean>(false);\r\n  const [selectedMarker, setSelectedMarker] = useState<MarkerProps>(null);\r\n  const [mapContainerStyle, setMapContainerStyle] = useState({\r\n    width: '100vw',\r\n    height: '94.5vh',\r\n  });\r\n  console.log({ directionsData });\r\n\r\n  const onMapLoad = useCallback(map => {\r\n    mapRef.current = map;\r\n  }, []);\r\n\r\n  const handleSelectMarker = useCallback(marker => {\r\n    setSelectedMarker(marker);\r\n    mapRef.current.panTo({ lat: marker.lat, lng: marker.lng });\r\n  }, []);\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleSelect = useCallback(\r\n    async address => {\r\n      try {\r\n        const geoCode = await getGeocode({ address });\r\n        const { lat, lng } = await getLatLng(geoCode[0]);\r\n        mapRef.current.panTo({ lat, lng });\r\n        changeRechargeAddress(address);\r\n        changeRechargeAddresCoordinates({ lat, lng });\r\n        setActive(true);\r\n      } catch (err) {\r\n        console.error(err);\r\n      }\r\n    },\r\n    [changeRechargeAddresCoordinates, changeRechargeAddress, setActive],\r\n  );\r\n\r\n  const handleDestination = useCallback(\r\n    address => {\r\n      changeDestination(address);\r\n      setActive(true);\r\n    },\r\n    [changeDestination, setActive],\r\n  );\r\n\r\n  const handleToggleMenu = useCallback(() => {\r\n    setMenuToggle(!menuToggle);\r\n  }, [menuToggle]);\r\n\r\n  const handleDirectionsCallback = useCallback(\r\n    res => {\r\n      if (res) {\r\n        if (res.status === 'OK' && count.current <= 2) {\r\n          count.current += 1;\r\n\r\n          setDirectionsData(res);\r\n        }\r\n        if (res.status === 'OK' && count.current === 2) {\r\n          changeRoutes(res);\r\n        }\r\n      }\r\n    },\r\n    [changeRoutes],\r\n  );\r\n\r\n  const markers = useMemo(() => {\r\n    return markersData;\r\n  }, [markersData]);\r\n\r\n  useEffect(() => {\r\n    mapRef?.current?.panTo(mapCoordinates);\r\n  }, [mapCoordinates]);\r\n\r\n  useEffect(() => {\r\n    if (!asideOpen && count.current > 1) {\r\n      count.current = 0;\r\n    }\r\n  }, [asideOpen]);\r\n\r\n  useEffect(() => {\r\n    if (window.screen.width <= 1024) {\r\n      setMapContainerStyle({\r\n        width: '100vw',\r\n        height: '100vh',\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <Container>\r\n      {loadError && <h1>Erro ao Carregar o mapa</h1>}\r\n      {!isLoaded && <h1>Carregando o mapa</h1>}\r\n      {isLoaded && (\r\n        <>\r\n          {routes && !asideOpen && (\r\n            <div className=\"inputMap\">\r\n              <input\r\n                className=\"SearchMap\"\r\n                name=\"SearchMap\"\r\n                onChange={e => handleDestination(e.target.value)}\r\n                placeholder=\"Qual o seu local de destino?\"\r\n              />\r\n            </div>\r\n          )}\r\n          {!routes && (\r\n            <div className=\"inputMap\">\r\n              <input\r\n                name=\"SearchMap\"\r\n                onChange={e => handleSelect(e.target.value)}\r\n                placeholder=\"Qual o seu local de destino?\"\r\n                type=\"recharge\"\r\n              />\r\n            </div>\r\n          )}\r\n          <GoogleMap\r\n            ref={mapRef}\r\n            mapContainerStyle={mapContainerStyle}\r\n            zoom={18}\r\n            center={centerCordinates}\r\n            options={options}\r\n            onLoad={onMapLoad}\r\n          >\r\n            {markers.map((marker: MarkerProps) => (\r\n              <Marker\r\n                key={marker.id}\r\n                position={{ lat: marker.lat, lng: marker.lng }}\r\n                icon={markerIcon}\r\n                onClick={() => handleSelectMarker(marker)}\r\n              />\r\n            ))}\r\n            {selectedMarker && (\r\n              <InfoWindow\r\n                position={{\r\n                  lat: selectedMarker.lat,\r\n                  lng: selectedMarker.lng,\r\n                }}\r\n              >\r\n                <div className=\"info-window-content\">\r\n                  <h4>{selectedMarker.name}</h4>\r\n                  <p>{selectedMarker?.address}</p>\r\n                </div>\r\n              </InfoWindow>\r\n            )}\r\n            {infoWindows.length > 0 &&\r\n              infoWindows.map((item: any) => (\r\n                <div key={item} style={{ display: 'block' }}>\r\n                  <InfoWindow position={item.start_location}>\r\n                    <div className=\"info-window-content\">\r\n                      <h4>{item.short_name}</h4>\r\n                    </div>\r\n                  </InfoWindow>\r\n                </div>\r\n              ))}\r\n            {!!origin && !!destination && count.current <= 2 ? (\r\n              <DirectionsService\r\n                options={{\r\n                  origin,\r\n                  destination,\r\n                  travelMode: google.maps.TravelMode.TRANSIT,\r\n                  provideRouteAlternatives: true,\r\n                  transitOptions: {\r\n                    modes: ['BUS' as google.maps.TransitMode.BUS],\r\n                  },\r\n                  optimizeWaypoints: true,\r\n                  unitSystem: google.maps.UnitSystem.METRIC,\r\n                }}\r\n                callback={handleDirectionsCallback}\r\n              />\r\n            ) : (\r\n              <div />\r\n            )}\r\n            {!!Object.keys(directionsRoutes).length && (\r\n              <>\r\n                {Object.keys(selectedRoute).length === 0 && (\r\n                  <DirectionsRenderer\r\n                    options={{\r\n                      directions: directionsRoutes,\r\n                      hideRouteList: true,\r\n                      suppressMarkers: true,\r\n                      suppressInfoWindows: true,\r\n                      polylineOptions: {\r\n                        strokeColor: '#e3692a',\r\n                        strokeWeight: 5,\r\n                      },\r\n                    }}\r\n                  />\r\n                )}\r\n                {!!Object.keys(selectedRoute).length && (\r\n                  <div className=\"polyline\">\r\n                    <Polyline\r\n                      key={selectedRoute.overview_polyline}\r\n                      path={selectedRoute.overview_path}\r\n                      options={{\r\n                        strokeColor: '#e3692a',\r\n                        strokeWeight: 5,\r\n                      }}\r\n                    />\r\n                  </div>\r\n                )}\r\n                {directionsRoutes.routes.map((item: any) => (\r\n                  <Polyline\r\n                    key={item.overview_polyline}\r\n                    path={item.overview_path}\r\n                    options={{\r\n                      strokeColor: '#777777',\r\n                      strokeWeight: 5,\r\n                    }}\r\n                  />\r\n                ))}\r\n              </>\r\n            )}\r\n          </GoogleMap>\r\n        </>\r\n      )}\r\n      <>\r\n        <button type=\"button\" className=\"menu\" onClick={handleToggleMenu}>\r\n          <strong> &#9776;</strong>\r\n        </button>\r\n        <HamburguerMenuContainer active={menuToggle}>\r\n          <button type=\"button\" className=\"menu\" onClick={handleToggleMenu}>\r\n            <strong> &#9776;</strong>\r\n          </button>\r\n          <ItensContainer>\r\n            {navItens.map(item => (\r\n              <NavItem\r\n                onClick={() => handleRedirect(item.path)}\r\n                active={false}\r\n                menuActive={menuToggle}\r\n                key={item.name}\r\n              >\r\n                {item.name}\r\n              </NavItem>\r\n            ))}\r\n          </ItensContainer>\r\n        </HamburguerMenuContainer>\r\n      </>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Map;\r\n\r\nexport type { MarkerProps };\r\n","export default __webpack_public_path__ + \"static/media/ic-recharge-stop.9c4501ff.svg\";","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\nconst LatLngDistance = (\r\n  lat1: any,\r\n  lon1: any,\r\n  lat2: any,\r\n  lon2: any,\r\n  unit: any,\r\n): any => {\r\n  if (lat1 === lat2 && lon1 === lon2) {\r\n    return 0;\r\n  }\r\n\r\n  const radlat1 = (Math.PI * lat1) / 180;\r\n  const radlat2 = (Math.PI * lat2) / 180;\r\n  const theta = lon1 - lon2;\r\n  const radtheta = (Math.PI * theta) / 180;\r\n  let dist =\r\n    Math.sin(radlat1) * Math.sin(radlat2) +\r\n    Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);\r\n  if (dist > 1) {\r\n    dist = 1;\r\n  }\r\n  dist = Math.acos(dist);\r\n  dist = (dist * 180) / Math.PI;\r\n  dist = dist * 60 * 1.1515;\r\n  if (unit === 'K') {\r\n    dist *= 1.609344;\r\n  }\r\n  if (unit === 'N') {\r\n    dist *= 0.8684;\r\n  }\r\n  return dist;\r\n};\r\n\r\nexport { LatLngDistance };\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  active: boolean;\r\n}\r\n\r\ninterface navItemProps {\r\n  active?: boolean;\r\n}\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  aside {\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 999;\r\n    width: 383px;\r\n    position: fixed;\r\n    overflow-y: auto;\r\n\r\n    height: 95vh;\r\n    transform: translateX(0);\r\n    @media (max-width: 1024px) {\r\n      height: 100vh;\r\n    }\r\n    @media (max-width: 768px) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  ${props =>\r\n    !props.active &&\r\n    css`\r\n      aside {\r\n        transform: translateX(-383px);\r\n\r\n        @media (max-width: 768px) {\r\n          transform: translateX(-100vw);\r\n        }\r\n      }\r\n    `};\r\n`;\r\n\r\nexport const Header = styled.header`\r\n  background: var(--white);\r\n  padding: 0 40px;\r\n  box-shadow: 0 -1px 0 #e8e8e8 inset;\r\n  color: #626162;\r\n  display: flex;\r\n  width: 100vw;\r\n  justify-content: space-between;\r\n\r\n  @media (max-width: 1024px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  transition: all 0.3s;\r\n  overflow-y: auto;\r\n  height: 95vh;\r\n  background: var(--white);\r\n  border-right: 1px solid #dedede;\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  grid-area: main;\r\n  background: var(--white);\r\n`;\r\n\r\nexport const InputsWrapper = styled.div`\r\n  background: linear-gradient(45deg, #dc582a -20%, #dc582a 20%, #f98041 100%);\r\n  width: 100%;\r\n  height: 144px;\r\n  padding: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  color: #fff;\r\n  font-weight: bold;\r\n  font-size: 22px;\r\n`;\r\n\r\nexport const RoutesWrapper = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n`;\r\n\r\nexport const RouteItem = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n  border-bottom: 1px solid #dadada;\r\n  padding: 20px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  h1 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    line-height: 24px;\r\n    color: #3b393b;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 0;\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    line-height: 1.3;\r\n    color: #626162;\r\n  }\r\n\r\n  small {\r\n    svg {\r\n      margin-right: 5px;\r\n    }\r\n    margin-top: 10px;\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: normal;\r\n    line-height: 16px;\r\n    color: #626162;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: #e8e8e8;\r\n  }\r\n`;\r\n\r\nexport const LogoContainer = styled.div`\r\n  width: 135px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  img {\r\n    width: auto;\r\n    height: 33.599999999999994px;\r\n    margin: 5.200000000000003px 0;\r\n  }\r\n`;\r\n\r\nexport const ItensContainer = styled.ul`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  list-style: none;\r\n  margin-left: 30px;\r\n  width: 76%;\r\n`;\r\n\r\nexport const NavItem = styled.li<navItemProps>`\r\n  font-weight: bold;\r\n  line-height: 24px;\r\n  text-transform: uppercase;\r\n  color: #626162;\r\n  cursor: pointer;\r\n  margin-right: 15px;\r\n\r\n  transition: color 0.3s ease;\r\n\r\n  &:hover {\r\n    color: var(--orange);\r\n  }\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      color: var(--orange);\r\n      font-weight: 700;\r\n      border-bottom: 2px solid var(--orange);\r\n    `}\r\n`;\r\n\r\nexport const ButtonsContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 10px;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n\r\n  a {\r\n    color: var(--orange);\r\n    font-size: 0.99rem;\r\n    line-height: 1rem;\r\n    margin-right: 15px;\r\n    transition: color 0.3s ease;\r\n\r\n    &:hover {\r\n      color: #626162;\r\n    }\r\n  }\r\n\r\n  button {\r\n    height: 32px;\r\n    background: var(-orange);\r\n    border-radius: 10px;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n      background: #dc5129;\r\n    }\r\n  }\r\n\r\n  .cadastrar {\r\n    margin: 0px;\r\n\r\n    &:hover {\r\n      color: white;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const SliderContainer = styled.div`\r\n  position: fixed;\r\n  right: 0;\r\n  bottom: 24px;\r\n  left: 0;\r\n  margin: 0 24px;\r\n\r\n  overflow-x: scroll;\r\n  overflow-y: hidden;\r\n  -webkit-overflow-scrolling: touch;\r\n  display: none;\r\n\r\n  @media (max-width: 768px) {\r\n    display: inherit;\r\n  }\r\n`;\r\n\r\nexport const SliderItem = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n  border-bottom: 1px solid #dadada;\r\n  padding: 20px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  h1 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    line-height: 24px;\r\n    color: #3b393b;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 0;\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    line-height: 1.3;\r\n    color: #626162;\r\n  }\r\n\r\n  small {\r\n    svg {\r\n      margin-right: 5px;\r\n    }\r\n    margin-top: 10px;\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 12px;\r\n    font-weight: normal;\r\n    line-height: 16px;\r\n    color: #626162;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: #e8e8e8;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport React, {\r\n  useState,\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n} from 'react';\r\nimport { FaClock } from 'react-icons/fa';\r\nimport { useLocation, useHistory, Link } from 'react-router-dom';\r\nimport Slider from 'react-slick';\r\nimport { useLoadScript } from '@react-google-maps/api';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport { getGeocode, getLatLng } from 'use-places-autocomplete';\r\nimport SearchMap from '../../components/SearchMap';\r\nimport Map, { MarkerProps } from '../../components/Map';\r\nimport { useMap, LatLng } from '../../hooks/map';\r\nimport Icon from '../../assets/Shared/ic-recharge-stop.svg';\r\nimport Logo from '../../assets/Shared/logo-v2.png';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport Button from '../../components/Button';\r\nimport CoreService from '../../services/core';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { LatLngDistance } from '../../utils/calculateLatLngDistance';\r\nimport {\r\n  Container,\r\n  Header,\r\n  Aside,\r\n  Main,\r\n  InputsWrapper,\r\n  RoutesWrapper,\r\n  RouteItem,\r\n  LogoContainer,\r\n  ItensContainer,\r\n  NavItem,\r\n  ButtonsContainer,\r\n  SliderContainer,\r\n  SliderItem,\r\n} from './styles';\r\nimport Input from '../../components/Input';\r\n\r\ndeclare type Libraries = (\r\n  | 'drawing'\r\n  | 'geometry'\r\n  | 'localContext'\r\n  | 'places'\r\n  | 'visualization'\r\n)[];\r\n\r\nconst settings = {\r\n  responsive: [\r\n    {\r\n      breakpoint: 768,\r\n      settings: {\r\n        fade: false,\r\n        slidesToShow: 2,\r\n        slidesToScroll: 2,\r\n        infinite: false,\r\n      },\r\n    },\r\n    {\r\n      breakpoint: 425,\r\n      settings: {\r\n        fade: false,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        infinite: false,\r\n      },\r\n    },\r\n  ],\r\n};\r\n\r\nconst libraries: Libraries = ['places'];\r\n\r\nconst RecargaMap: React.FC = () => {\r\n  const { isLoaded } = useLoadScript({\r\n    googleMapsApiKey: process.env.REACT_APP_GOOGLE_MAPS_API_KEY,\r\n    libraries,\r\n    language: 'pt-BR',\r\n  });\r\n\r\n  const services = { coreService: new CoreService() };\r\n  const [markersData, setMarkersData] = useState<MarkerProps[]>([]);\r\n  const [active, setActive] = useState<boolean>(false);\r\n  const [googleAddress, setGoogleAddress] = useState('');\r\n  const [latLng, setLatLng] = useState<LatLng>({} as LatLng);\r\n  const formRef = useRef<FormHandles>(null);\r\n  const { addToast } = useToast();\r\n  const {\r\n    changeRechargeAddress,\r\n    changeMapCoordinates,\r\n    changeRechargeAddresCoordinates,\r\n    rechargeAddresCoordinates,\r\n  } = useMap();\r\n\r\n  const { pathname } = useLocation();\r\n  const { push } = useHistory();\r\n  const { user } = useAuth();\r\n\r\n  const navItens = [\r\n    { name: 'HOME', path: '/' },\r\n    { name: 'CARTÕES E RECARGA', path: '/cartoes-recarga' },\r\n    { name: 'PARA EMPRESAS', path: '/para-empresas' },\r\n    { name: 'LOJAS', path: '/lojas-locais-recarga' },\r\n    { name: 'ROTAS E LINHAS', path: '/rotas-e-linhas' },\r\n    { name: 'QUEM SOMOS', path: '/quem-somos' },\r\n    { name: 'FALE CONOSCO', path: '/fale-conosco' },\r\n  ];\r\n\r\n  const handleRedirectMap = useCallback(() => {\r\n    if (googleAddress) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?lat=${latLng.lat}&lng=${latLng.lng}&address=${googleAddress}`,\r\n      );\r\n      window.location.href = `/pontos-de-recarga/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro o Endereço',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [googleAddress, latLng, addToast]);\r\n\r\n  const setMapCoordinates = useCallback(\r\n    async address => {\r\n      const geoCode = await getGeocode({ address });\r\n      const { lat, lng } = await getLatLng(geoCode[0]);\r\n      changeRechargeAddress(address);\r\n      setLatLng({ lat, lng });\r\n      setGoogleAddress(address);\r\n    },\r\n    [changeRechargeAddress],\r\n  );\r\n\r\n  const getRechargePoints = useCallback(async () => {\r\n    try {\r\n      const response = await services.coreService.getRechargePoint();\r\n      const changedRechargePoints = response.data.results.map(\r\n        (point: MarkerProps) => {\r\n          const rechargePoint = {\r\n            ...point,\r\n            lat: Number(point.lat),\r\n            lng: Number(point.lng),\r\n          };\r\n          return rechargePoint;\r\n        },\r\n      );\r\n      setMarkersData(changedRechargePoints);\r\n    } catch (err) {\r\n      console.error(err);\r\n    }\r\n  }, [services.coreService]);\r\n\r\n  useEffect(() => {\r\n    getRechargePoints();\r\n  }, []);\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  const handleRecharge = useCallback(\r\n    address => {\r\n      changeRechargeAddress(address);\r\n    },\r\n    [changeRechargeAddress],\r\n  );\r\n  const handleSubmit = useCallback(() => {\r\n    return {};\r\n  }, []);\r\n\r\n  const handleChangeMapCoordinates = useCallback(\r\n    latiLng => {\r\n      changeMapCoordinates(latiLng);\r\n    },\r\n    [changeMapCoordinates],\r\n  );\r\n\r\n  useEffect(() => {\r\n    const stringParams = decodeURIComponent(window.location.href.split('/')[4]);\r\n    if (stringParams) {\r\n      setTimeout(() => {\r\n        const params = new URLSearchParams(stringParams);\r\n        const lat = params.get('lat');\r\n        const lng = params.get('lng');\r\n        const address = params.get('address');\r\n        changeRechargeAddress(address);\r\n        changeRechargeAddresCoordinates({ lat: Number(lat), lng: Number(lng) });\r\n        changeMapCoordinates({ lat: Number(lat), lng: Number(lng) });\r\n        setActive(true);\r\n      }, 1000);\r\n    }\r\n  }, [\r\n    changeMapCoordinates,\r\n    changeRechargeAddresCoordinates,\r\n    changeRechargeAddress,\r\n  ]);\r\n\r\n  const changedMarkers = useMemo(() => {\r\n    const returnMarkers = markersData.map((point: MarkerProps) => {\r\n      const rechargePoint = {\r\n        ...point,\r\n        lat: Number(point.lat),\r\n        lng: Number(point.lng),\r\n        distance: LatLngDistance(\r\n          rechargeAddresCoordinates.lat,\r\n          rechargeAddresCoordinates.lng,\r\n          point.lat,\r\n          point.lng,\r\n          'k',\r\n        ),\r\n      };\r\n      return rechargePoint;\r\n    });\r\n\r\n    const sortedMarkers = returnMarkers.sort((a: MarkerProps, b: MarkerProps) =>\r\n      a.distance < b.distance ? -1 : 1,\r\n    );\r\n    return sortedMarkers;\r\n  }, [rechargeAddresCoordinates, markersData]);\r\n\r\n  return (\r\n    <Container active={active}>\r\n      <Header>\r\n        <LogoContainer>\r\n          <a href=\"https://transfacil.com.br\">\r\n            <img src={Logo} alt=\"Logo transfacil\" />\r\n          </a>\r\n        </LogoContainer>\r\n\r\n        <ItensContainer>\r\n          {navItens.map(item => (\r\n            <NavItem\r\n              onClick={() => handleRedirect(item.path)}\r\n              active={!!(pathname === item.path)}\r\n              key={item.name}\r\n            >\r\n              {item.name}\r\n            </NavItem>\r\n          ))}\r\n        </ItensContainer>\r\n        <ButtonsContainer>\r\n          <Link to={user ? '/dashboard' : '/login'}>Entrar</Link>\r\n          <Button\r\n            color=\"orange\"\r\n            padding=\"2\"\r\n            onClick={() => handleRedirect('/cadastrar')}\r\n          >\r\n            CADASTRAR\r\n          </Button>\r\n        </ButtonsContainer>\r\n      </Header>\r\n      <Aside>\r\n        {isLoaded && (\r\n          <>\r\n            <InputsWrapper>Locais de Recarga </InputsWrapper>\r\n            <RoutesWrapper>\r\n              {active && (\r\n                <>\r\n                  <div style={{ padding: '15px' }}>\r\n                    {/* <SearchMap\r\n                      onSelect={address => handleRecharge(address)}\r\n                      type=\"recharge\"\r\n                      placeholder=\"Pesquisar por locais de recarga\"\r\n                      routes={false}\r\n                      recharge\r\n                    /> */}\r\n                    <Form ref={formRef} onSubmit={handleRedirectMap}>\r\n                      <p className=\"highlight-label\">\r\n                        Digite a região ou endereço que deseja buscar\r\n                      </p>\r\n                      {/* <p>Usar localização</p> */}\r\n                      <Input\r\n                        name=\"endereçoOrigem\"\r\n                        onChange={e => setMapCoordinates(e.target.value)}\r\n                        defaultValue={googleAddress}\r\n                        placeholder=\"endereço\"\r\n                        type=\"recharge\"\r\n                      />\r\n                      <div\r\n                        style={{\r\n                          display: 'flex',\r\n                          justifyContent: 'center',\r\n                        }}\r\n                      >\r\n                        <Button\r\n                          style={{\r\n                            marginBottom: '4px',\r\n                            marginTop: '4px',\r\n                            marginLeft: '-4px',\r\n                          }}\r\n                          type=\"submit\"\r\n                          color=\"purple\"\r\n                          padding=\"4\"\r\n                          rounded\r\n                        >\r\n                          Buscar\r\n                        </Button>\r\n                      </div>\r\n                    </Form>\r\n                  </div>\r\n                </>\r\n              )}\r\n              {changedMarkers.length > 0 &&\r\n                changedMarkers.map(marker => (\r\n                  <div key={marker.id}>\r\n                    <RouteItem\r\n                      onClick={() =>\r\n                        handleChangeMapCoordinates({\r\n                          lat: marker.lat,\r\n                          lng: marker.lng,\r\n                        })\r\n                      }\r\n                    >\r\n                      <h1>{marker.name}</h1>\r\n                      <h2>{marker.address}</h2>\r\n                      <small>\r\n                        <FaClock />\r\n                        {marker.opening}\r\n                      </small>\r\n                    </RouteItem>\r\n                  </div>\r\n                ))}\r\n\r\n              {changedMarkers.length === 0 && (\r\n                <div>Nenhum Ponto de recarga encontrado</div>\r\n              )}\r\n            </RoutesWrapper>\r\n          </>\r\n        )}\r\n      </Aside>\r\n      <Main>\r\n        <>\r\n          <Map\r\n            markersData={changedMarkers}\r\n            markerIcon={Icon}\r\n            setActive={setActive}\r\n            asideOpen={active}\r\n          />\r\n          {changedMarkers.length > 0 && (\r\n            <SliderContainer>\r\n              <Slider {...settings}>\r\n                {changedMarkers.map(marker => (\r\n                  <div key={marker.id}>\r\n                    <SliderItem\r\n                      onClick={() =>\r\n                        handleChangeMapCoordinates({\r\n                          lat: marker.lat,\r\n                          lng: marker.lng,\r\n                        })\r\n                      }\r\n                    >\r\n                      <h1>{marker.name}</h1>\r\n                      <h2>{marker.address}</h2>\r\n                      <small>\r\n                        <FaClock />\r\n                        {marker.opening}\r\n                      </small>\r\n                    </SliderItem>\r\n                  </div>\r\n                ))}\r\n              </Slider>\r\n            </SliderContainer>\r\n          )}\r\n        </>\r\n      </Main>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default RecargaMap;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  h1 {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    margin: 0px auto;\r\n    outline: none;\r\n    z-index: 10;\r\n    transform: translateY(-134%);\r\n    font-family: 'BrandonText', Helvetica, Arial, sans-serif;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    line-height: 24px;\r\n    color: #3b393b;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n`;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\nimport LoaderAnimation from '../../assets/notFoundMarker.json';\r\nimport { Container } from './styles';\r\n\r\nconst EmptyRoute: React.FC = () => {\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: LoaderAnimation,\r\n    rendererSettings: {\r\n      preserveAspectRatio: 'xMidYMid slice',\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Container>\r\n      <Lottie\r\n        height={150}\r\n        width={150}\r\n        options={defaultOptions}\r\n        isStopped={false}\r\n        isPaused={false}\r\n      />\r\n      <h1>Nenhuma Rota Encontrada</h1>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default EmptyRoute;\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface ActiveProps {\r\n  active: boolean;\r\n  titleColor?: string;\r\n}\r\n\r\nexport const Container = styled.div`\r\n  width: 100%;\r\n`;\r\n\r\nexport const AccordionItem = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n\r\n  border-radius: 20.5px;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .icon-container {\r\n    background-color: transparent;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 13px;\r\n    font-weight: normal;\r\n    line-height: 16px;\r\n    color: #626162;\r\n\r\n    svg {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    list-style-type: square !important;\r\n  }\r\n`;\r\n\r\nexport const CollapseContainer = styled.div<ActiveProps>`\r\n  transition: all 0.5s ease;\r\n  margin-top: 10px;\r\n  min-height: 0;\r\n  height: 0;\r\n  transition: all 0.2s ease-out;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  span {\r\n    color: var(--title-higlight);\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 1.1rem;\r\n    line-height: 1.1rem;\r\n  }\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      min-height: 30px;\r\n      height: auto;\r\n      transition: all 0.25s ease-in;\r\n    `}\r\n`;\r\n\r\nexport const InitialContainer = styled.div<ActiveProps>`\r\n  display: flex;\r\n\r\n  p {\r\n    color: red !important;\r\n  }\r\n\r\n  .ball-container {\r\n    margin-right: 15px;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    height: 100%;\r\n\r\n    div {\r\n      width: 66px;\r\n      height: 66px;\r\n      border-radius: 50%;\r\n      background: var(--soft-orange);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  .text-container {\r\n    width: 100%;\r\n    font-family: 'Source Sans Pro' !important;\r\n\r\n    > div {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    h1 {\r\n      color: ${props =>\r\n        props.titleColor ? `var(--${props.titleColor})` : 'var(--orange)'};\r\n\r\n      font-size: 1.75rem;\r\n      line-height: 1.7rem;\r\n      @media (max-width: 685px) {\r\n        font-size: 1.50rem;\r\n      }\r\n      @media (max-width: 578px) {\r\n        font-size: 1.25rem;\r\n      }\r\n    }\r\n    .subtitle-container {\r\n      \r\n  }\r\n\r\n  button {\r\n    color: var(--orange);\r\n    transition: all 0.5s ease;\r\n    cursor: pointer;\r\n    background: transparent;\r\n    height: 0;\r\n\r\n    svg {\r\n\r\n      ${props =>\r\n        props.active &&\r\n        css`\r\n          transform: rotate(90deg);\r\n        `}\r\n    }\r\n  }\r\n`;\r\n","import React, { useState, useCallback } from 'react';\r\nimport { MdKeyboardArrowDown } from 'react-icons/md';\r\n\r\nimport {\r\n  Container,\r\n  AccordionItem,\r\n  InitialContainer,\r\n  CollapseContainer,\r\n} from './styles';\r\n\r\nexport interface AccordionProps {\r\n  title: string;\r\n}\r\n\r\nconst Accordion: React.FC<AccordionProps> = ({ title, children }) => {\r\n  const [active, setActive] = useState(false);\r\n\r\n  const handleToggle = useCallback(() => {\r\n    setActive(!active);\r\n  }, [active]);\r\n  return (\r\n    <Container>\r\n      <AccordionItem>\r\n        <InitialContainer active={active}>\r\n          <button\r\n            type=\"button\"\r\n            className=\"icon-container\"\r\n            onClick={handleToggle}\r\n          >\r\n            <MdKeyboardArrowDown />\r\n            <small>{title}</small>\r\n          </button>\r\n        </InitialContainer>\r\n        <CollapseContainer active={active}>{children}</CollapseContainer>\r\n      </AccordionItem>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default Accordion;\r\n","/* eslint-disable no-nested-ternary */\r\nimport styled, { css } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  active: boolean;\r\n  asideOpacity: boolean;\r\n}\r\n\r\ninterface navItemProps {\r\n  active?: boolean;\r\n}\r\n\r\ninterface TurnByTurnProps {\r\n  travelMode: string;\r\n}\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  .seeMap {\r\n    position: fixed;\r\n    bottom: 25px;\r\n    left: 50%;\r\n    transform: translate(-50%, 0);\r\n    background: var(--orange);\r\n    color: var(--white);\r\n    padding: 15px;\r\n    border-radius: 32px;\r\n    width: 250px;\r\n    display: none;\r\n    z-index: 9999999;\r\n\r\n    @media (max-width: 768px) {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .mb20 {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  aside {\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 999;\r\n    width: 383px;\r\n    position: fixed;\r\n    overflow-y: auto;\r\n    opacity: 1;\r\n\r\n    height: 100vh;\r\n    transform: translateX(0);\r\n\r\n    @media (max-width: 768px) {\r\n      width: 100vw;\r\n    }\r\n  }\r\n\r\n  ${props =>\r\n    !props.active &&\r\n    css`\r\n      aside {\r\n        transform: translateX(-383px);\r\n\r\n        @media (max-width: 768px) {\r\n          transform: translateX(-100vw);\r\n        }\r\n      }\r\n    `};\r\n\r\n  ${props =>\r\n    !props.asideOpacity &&\r\n    css`\r\n      aside {\r\n        display: none;\r\n      }\r\n    `};\r\n`;\r\n\r\nexport const Header = styled.header`\r\n  background: var(--white);\r\n  padding: 0 40px;\r\n  box-shadow: 0 -1px 0 #e8e8e8 inset;\r\n  color: #626162;\r\n  display: flex;\r\n  width: 100vw;\r\n  justify-content: space-between;\r\n\r\n  @media (max-width: 1024px) {\r\n    display: none;\r\n  }\r\n`;\r\n\r\nexport const Aside = styled.aside`\r\n  transition: all 0.3s;\r\n  overflow-y: auto;\r\n  height: 95vh;\r\n  background: var(--white);\r\n  border-right: 1px solid #dedede;\r\n`;\r\n\r\nexport const AsideDetail = styled.aside`\r\n  transition: all 0.3s;\r\n  overflow-y: auto;\r\n  height: 95vh;\r\n  background: var(--white);\r\n  border-right: 1px solid #dedede;\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  position: relative;\r\n  background: var(--white);\r\n`;\r\n\r\nexport const InputsWrapper = styled.div`\r\n  background: var(--orange);\r\n  width: 100%;\r\n  height: 180px;\r\n  padding: 20px;\r\n  display: flex;\r\n\r\n  .backContainer {\r\n    align-self: baseline;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .inputsContainer {\r\n    width: 100%;\r\n    margin-left: 17px;\r\n  }\r\n`;\r\n\r\nexport const DetailTitleWrapper = styled.div`\r\n  background: linear-gradient(45deg, #dc582a -20%, #dc582a 20%, #f98041 100%);\r\n  width: 100%;\r\n  min-height: 144px;\r\n  padding: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  color: #fff;\r\n  font-weight: bold;\r\n  font-size: 22px;\r\n`;\r\n\r\nexport const RouteContainer = styled.div`\r\n  width: 100%;\r\n  padding: 10px 12px;\r\n  border-bottom: 1px solid #dadada;\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n`;\r\n\r\nexport const RoutePathItem = styled.div`\r\n  width: 100%;\r\n  min-height: 50px;\r\n  display: flex;\r\n  margin-bottom: 12px;\r\n\r\n  font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  line-height: 24px;\r\n  color: #3b393b;\r\n\r\n  .title {\r\n    margin-right: 15px;\r\n  }\r\n`;\r\n\r\nexport const RoutesWrapper = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n`;\r\n\r\nexport const RouteItem = styled.div`\r\n  background: var(--white);\r\n  width: 100%;\r\n  border-bottom: 1px solid #dadada;\r\n  padding: 20px;\r\n  transition: background 0.3s ease;\r\n  display: flex;\r\n\r\n  .price {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 92px;\r\n    margin-right: 10px;\r\n\r\n    .timeText {\r\n      color: #423434;\r\n      font-weight: 600;\r\n      margin-bottom: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      font-family: '\"Roboto\"', Helvetica, Arial, sans-serif;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .value {\r\n      font-family: '\"Roboto\"', Helvetica, Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: #7d7d7d;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  .location {\r\n    color: #3b393b;\r\n\r\n    .min {\r\n      font-family: '\"Roboto\"', Helvetica, Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: bold;\r\n      display: flex;\r\n      color: #cd5a57;\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .start {\r\n      margin-bottom: 10px;\r\n      font-size: 14px;\r\n\r\n      .ballon {\r\n        display: inline-block;\r\n        padding: 3px 8px;\r\n        font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n        font-size: 14px;\r\n        border-radius: 8px;\r\n        color: #fff;\r\n        background: linear-gradient(\r\n          45deg,\r\n          #dc582a -20%,\r\n          #dc582a 20%,\r\n          #dc582a 100%\r\n        );\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: #e8e8e8;\r\n  }\r\n`;\r\n\r\nexport const LogoContainer = styled.div`\r\n  width: 135px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  img {\r\n    width: auto;\r\n    height: 33.599999999999994px;\r\n    margin: 5.200000000000003px;\r\n  }\r\n`;\r\n\r\nexport const ItensContainer = styled.ul`\r\n  display: flex;\r\n  align-items: center;\r\n  list-style: none;\r\n  margin-left: 50px;\r\n`;\r\n\r\nexport const NavItem = styled.li<navItemProps>`\r\n  font-weight: bold;\r\n  line-height: 24px;\r\n  text-transform: uppercase;\r\n  color: #626162;\r\n  cursor: pointer;\r\n  margin-right: 15px;\r\n\r\n  transition: color 0.3s ease;\r\n\r\n  &:hover {\r\n    color: var(--orange);\r\n  }\r\n\r\n  ${props =>\r\n    props.active &&\r\n    css`\r\n      color: var(--orange);\r\n      font-weight: 700;\r\n      border-bottom: 2px solid var(--orange);\r\n    `}\r\n`;\r\n\r\nexport const ButtonsContainer = styled.div`\r\n  display: flex;\r\n  margin-top: 10px;\r\n  justify-content: center;\r\n  align-items: baseline;\r\n\r\n  a {\r\n    color: var(--orange);\r\n    font-size: 0.99rem;\r\n    line-height: 1rem;\r\n    margin-right: 15px;\r\n    transition: color 0.3s ease;\r\n\r\n    &:hover {\r\n      color: #626162;\r\n    }\r\n  }\r\n\r\n  button {\r\n    height: 32px;\r\n    background: var(-orange);\r\n    border-radius: 10px;\r\n    transition: all 0.2s;\r\n\r\n    &:hover {\r\n      background: #dc5129;\r\n    }\r\n  }\r\n\r\n  .cadastrar {\r\n    margin: 0px;\r\n\r\n    &:hover {\r\n      color: white;\r\n    }\r\n  }\r\n`;\r\nexport const TurnByTurnContainer = styled.div``;\r\n\r\nexport const TurnByTurnItem = styled.div<TurnByTurnProps>`\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  .imageContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    min-width: 48px;\r\n    margin: 0 16px;\r\n    margin-top: -5px;\r\n    text-align: right;\r\n\r\n    svg {\r\n      max-width: 24px;\r\n      font-size: 24px;\r\n      color: black;\r\n    }\r\n  }\r\n\r\n  .path {\r\n    width: 12px;\r\n    min-width: 12px;\r\n\r\n    .circle {\r\n      position: relative;\r\n      width: 12px;\r\n      height: 12px;\r\n      background-color: #fff;\r\n      border-spacing: 2px;\r\n      border-style: solid;\r\n      border-radius: 50%;\r\n\r\n      .circleText {\r\n        transform: translate3d(-45px, -8px, 0);\r\n        color: #636363;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .circleTextEnd {\r\n        transform: translate3d(-50px, -11px, 0);\r\n        color: #636363;\r\n        font-weight: 600;\r\n        margin-bottom: 50px;\r\n      }\r\n\r\n      ${props =>\r\n        props.travelMode === 'WALKING' &&\r\n        css`\r\n          border-color: #ebbe54;\r\n        `}\r\n\r\n      ${props =>\r\n        props.travelMode === 'TRANSIT' &&\r\n        css`\r\n          border-color: var(--orange);\r\n        `}\r\n\r\n      ${props =>\r\n        props.travelMode === 'ENDING' &&\r\n        css`\r\n          border-style: double;\r\n          margin-left: -2px;\r\n          border-width: 8px;\r\n          border-color: #3b393b;\r\n        `}\r\n    }\r\n\r\n    .line {\r\n      width: 0;\r\n      height: 100%;\r\n      margin: auto;\r\n      border-right-width: 2px;\r\n      border-right-style: ${props =>\r\n        props.travelMode === 'WALKING' ? 'dotted' : 'solid'};\r\n      border-color: ${props =>\r\n        props.travelMode === 'WALKING' ? '#ebbe54' : 'var(--orange)'};\r\n    }\r\n  }\r\n\r\n  .content {\r\n    margin: 0 16px;\r\n    margin-top: -6px;\r\n    margin-bottom: 6px;\r\n\r\n    .title {\r\n      margin-top: 16px;\r\n      margin-bottom: 8px;\r\n      font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n      font-size: 18px;\r\n      font-weight: bold;\r\n      line-height: 24px;\r\n      color: #3b393b;\r\n    }\r\n\r\n    .last {\r\n      margin-top: 0;\r\n      margin-bottom: 35px;\r\n    }\r\n\r\n    .stepType {\r\n      margin-top: 14px;\r\n      margin-bottom: 14px;\r\n      font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n      line-height: 16px;\r\n      color: #3b393b;\r\n\r\n      .ballon {\r\n        display: inline-block;\r\n        padding: 3px 8px;\r\n        font-family: 'BrandonText', Helvetica, Arial, sans-serif;\r\n        font-size: 14px;\r\n        border-radius: 8px;\r\n        color: #fff;\r\n        background: linear-gradient(\r\n          45deg,\r\n          #dc582a -20%,\r\n          #dc582a 20%,\r\n          #f98041 100%\r\n        );\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n    .stops {\r\n      font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n      font-size: 13px;\r\n      font-weight: normal;\r\n      line-height: 16px;\r\n      color: #626162;\r\n    }\r\n  }\r\n\r\n  .instructionsItem {\r\n    font-family: 'Roboto', Helvetica, Arial, sans-serif;\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    color: #626162;\r\n    list-style-type: initial;\r\n    margin-bottom: 10px;\r\n  }\r\n`;\r\n\r\nexport const CloseContainer = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  cursor: pointer;\r\n  margin-top: 15px;\r\n\r\n  svg {\r\n    transition: color 0.3s ease;\r\n    &:hover {\r\n      color: #dadada;\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable react/no-danger */\r\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\r\nimport {\r\n  MdDirectionsWalk,\r\n  MdDirectionsBus,\r\n  MdClose,\r\n  MdArrowBack,\r\n} from 'react-icons/md';\r\nimport { useLocation, useHistory, Link } from 'react-router-dom';\r\nimport { format } from 'date-fns';\r\nimport { FormHandles } from '@unform/core';\r\nimport { Form } from '@unform/web';\r\nimport SearchMap from '../../components/SearchMap';\r\nimport Map, { MarkerProps } from '../../components/Map';\r\nimport EmptyRoute from '../../components/EmptyRoute';\r\nimport { useMap } from '../../hooks/map';\r\nimport { formatPrice } from '../../services/currency';\r\nimport Icon from '../../assets/Shared/ic-recharge-stop.svg';\r\nimport Logo from '../../assets/Shared/logo-v2.png';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport Button from '../../components/Button';\r\nimport Accordion from '../../components/RoutesAndLinesMap/Accordion';\r\nimport {\r\n  Container,\r\n  Header,\r\n  Aside,\r\n  AsideDetail,\r\n  Main,\r\n  InputsWrapper,\r\n  RoutesWrapper,\r\n  RouteItem,\r\n  LogoContainer,\r\n  ItensContainer,\r\n  NavItem,\r\n  ButtonsContainer,\r\n  DetailTitleWrapper,\r\n  RouteContainer,\r\n  RoutePathItem,\r\n  TurnByTurnContainer,\r\n  TurnByTurnItem,\r\n  CloseContainer,\r\n} from './styles';\r\nimport api from '../../services/api';\r\nimport Input from '../../components/Input';\r\nimport { useToast } from '../../hooks/toast';\r\n\r\nconst RoutesAndLinesMap: React.FC = () => {\r\n  const [markersData] = useState<MarkerProps[]>([]);\r\n  const [active, setActive] = useState<boolean>(false);\r\n  const [horaAtual, setHoraAtual] = useState<string>('');\r\n  const [asideOpacity, setAsideOpacity] = useState<boolean>(true);\r\n  const [detailActive, setDetailActive] = useState<boolean>(false);\r\n  const [lineFare, setLineFare] = React.useState<any>(undefined);\r\n  const [origin, setOrigin] = React.useState<string>('');\r\n  const [destination, setDestination] = React.useState<string>('');\r\n  const [selectedLeg, setSelectedLeg] = useState(null);\r\n  const formRef = useRef<FormHandles>(null);\r\n  const {\r\n    routes,\r\n    changeDestination,\r\n    changeOrigin,\r\n    changeRoutes,\r\n    changeInfoWindows,\r\n    changeSelectedRoute,\r\n  } = useMap();\r\n\r\n  const { pathname } = useLocation();\r\n  const { push } = useHistory();\r\n  const { user } = useAuth();\r\n  const { addToast } = useToast();\r\n\r\n  const navItens = [\r\n    { name: 'INICIO', path: '/' },\r\n    { name: 'CARTÕES E RECARGA', path: '/cartoes-recarga' },\r\n    { name: 'PARA EMPRESAS', path: '/para-empresas' },\r\n    { name: 'LOJAS', path: '/lojas-locais-recarga' },\r\n    { name: 'ROTAS E LINHAS', path: '/rotas-e-linhas' },\r\n    { name: 'QUEM SOMOS', path: '/quem-somos' },\r\n    { name: 'FALE CONOSCO', path: '/fale-conosco' },\r\n  ];\r\n\r\n  const handleRedirect = useCallback(\r\n    path => {\r\n      push(path);\r\n    },\r\n    [push],\r\n  );\r\n\r\n  // const handleDestination = useCallback(\r\n  //   address => {\r\n  //     changeDestination(address);\r\n  //   },\r\n  //   [changeDestination],\r\n  // );\r\n\r\n  // const handleOrigin = useCallback(\r\n  //   address => {\r\n  //     changeOrigin(address);\r\n  //   },\r\n  //   [changeOrigin],\r\n  // );\r\n\r\n  const handleOrigin = useCallback(\r\n    address => {\r\n      setOrigin(address);\r\n      changeOrigin(address);\r\n    },\r\n    [changeOrigin],\r\n  );\r\n\r\n  const handleDestination = useCallback(\r\n    address => {\r\n      setDestination(address);\r\n      changeDestination(address);\r\n    },\r\n    [changeDestination],\r\n  );\r\n\r\n  const handleCloseAside = useCallback(() => {\r\n    setActive(false);\r\n    changeOrigin('');\r\n    changeDestination('');\r\n    changeRoutes({} as google.maps.DirectionsResult);\r\n  }, [changeDestination, changeOrigin, changeRoutes]);\r\n\r\n  const getLineFare = React.useCallback(async () => {\r\n    try {\r\n      const { data } = await api.get(`/core/qr-code/lines/`);\r\n      setLineFare(data);\r\n    } catch (e) {\r\n      console.log(e);\r\n    }\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getLineFare();\r\n  }, []);\r\n\r\n  const handleDetail = useCallback(\r\n    (leg, route) => {\r\n      setSelectedLeg(leg);\r\n      changeInfoWindows(leg);\r\n      changeSelectedRoute(route);\r\n      setDetailActive(true);\r\n    },\r\n    [changeInfoWindows, changeSelectedRoute],\r\n  );\r\n\r\n  const handleSearchMap = useCallback(() => {\r\n    if (destination && origin) {\r\n      const encodedQueryParams = encodeURI(\r\n        `?origin=${origin}&destination=${destination}`,\r\n      );\r\n      window.location.href = `/trajetos/${encodedQueryParams}`;\r\n    } else {\r\n      addToast({\r\n        type: 'info',\r\n        title: 'Selecione primeiro a origem e destino',\r\n        description: 'Não foi possível redirecionar para o mapa',\r\n      });\r\n    }\r\n  }, [destination, origin, addToast]);\r\n\r\n  useEffect(() => {\r\n    const formatedDate = format(new Date(), 'HH:mm');\r\n    setHoraAtual(formatedDate);\r\n    const stringParams = decodeURIComponent(window.location.href.split('/')[4]);\r\n    if (stringParams) {\r\n      const params = new URLSearchParams(stringParams);\r\n      setOrigin(params.get('origin'));\r\n      setDestination(params.get('destination'));\r\n      changeOrigin(params.get('origin'));\r\n      changeDestination(params.get('destination'));\r\n      setActive(true);\r\n    }\r\n  }, [changeDestination, changeOrigin]);\r\n\r\n  return (\r\n    <Container active={active} asideOpacity={asideOpacity}>\r\n      <Header>\r\n        <LogoContainer>\r\n          <a href=\"https://transfacil.com.br\">\r\n            <img src={Logo} alt=\"Logo transfacil\" />\r\n          </a>\r\n        </LogoContainer>\r\n\r\n        <ItensContainer>\r\n          {navItens.map(item => (\r\n            <NavItem\r\n              onClick={() => handleRedirect(item.path)}\r\n              active={!!(pathname === item.path)}\r\n              key={item.name}\r\n            >\r\n              {item.name}\r\n            </NavItem>\r\n          ))}\r\n        </ItensContainer>\r\n        <ButtonsContainer>\r\n          <Link to={user ? '/dashboard' : '/login'}>Entrar</Link>\r\n          <Button\r\n            color=\"orange\"\r\n            padding=\"2\"\r\n            onClick={() => handleRedirect('/cadastrar')}\r\n          >\r\n            CADASTRAR\r\n          </Button>\r\n        </ButtonsContainer>\r\n      </Header>\r\n      {!detailActive && (\r\n        <Aside>\r\n          <InputsWrapper>\r\n            {active && (\r\n              <>\r\n                <div className=\"backContainer\">\r\n                  <MdArrowBack\r\n                    onClick={() => handleCloseAside()}\r\n                    color=\"#fff\"\r\n                    size={23}\r\n                  />\r\n                </div>\r\n                <div className=\"inputsContainer\">\r\n                  {/* <SearchMap\r\n                    onSelect={address => handleOrigin(address)}\r\n                    placeholder=\"Qual o seu local de origem?\"\r\n                    type=\"origin\"\r\n                    routes={false}\r\n                    aside\r\n                  />\r\n                  <SearchMap\r\n                    onSelect={address => handleDestination(address)}\r\n                    type=\"destination\"\r\n                    placeholder=\"Qual o seu local de destino?\"\r\n                    routes={false}\r\n                    aside\r\n                  /> */}\r\n                  <Form ref={formRef} onSubmit={handleSearchMap}>\r\n                    <Input\r\n                      onChange={e => handleOrigin(e.target.value)}\r\n                      defaultValue={origin}\r\n                      name=\"OrigemInput\"\r\n                      placeholder=\"Qual o seu local de origem?\"\r\n                    />\r\n                    <Input\r\n                      onChange={e => handleDestination(e.target.value)}\r\n                      defaultValue={destination}\r\n                      name=\"DestinoInput\"\r\n                      placeholder=\"Qual o seu local de destino?\"\r\n                    />\r\n                    <div\r\n                      style={{\r\n                        display: 'flex',\r\n                        justifyContent: 'center',\r\n                      }}\r\n                    >\r\n                      <Button\r\n                        style={{\r\n                          marginBottom: '4px',\r\n                          marginTop: '2px',\r\n                          marginLeft: '-4px',\r\n                        }}\r\n                        type=\"submit\"\r\n                        color=\"purple\"\r\n                        padding=\"4\"\r\n                        rounded\r\n                      >\r\n                        Buscar\r\n                      </Button>\r\n                    </div>\r\n                  </Form>\r\n                </div>\r\n              </>\r\n            )}\r\n          </InputsWrapper>\r\n          <RoutesWrapper>\r\n            {!!Object.keys(routes).length && (\r\n              <>\r\n                {!!routes.routes &&\r\n                  routes.routes.map((route: any) => (\r\n                    <div key={route.overview_polyline}>\r\n                      {route.legs.map((leg: any) => (\r\n                        <RouteItem\r\n                          key={leg.start_address}\r\n                          onClick={() => handleDetail(leg, route)}\r\n                        >\r\n                          <div className=\"price\">\r\n                            <p className=\"timeText\">{route.timeText}</p>\r\n\r\n                            <span className=\"value\">\r\n                              {route?.fare?.value\r\n                                ? formatPrice(route?.fare?.value)\r\n                                : lineFare\r\n                                    .map((datas: any) => {\r\n                                      const matchingLine = route?.lines.find(\r\n                                        (line: any) =>\r\n                                          line?.short_name ===\r\n                                          datas?.id?.linha?.linCodLinhaExterno,\r\n                                      );\r\n                                      if (matchingLine) {\r\n                                        const formattedPrice = formatPrice(\r\n                                          datas?.tarifa?.valorTarifa,\r\n                                        );\r\n                                        return formattedPrice;\r\n                                      }\r\n                                      return null;\r\n                                    })\r\n                                    .filter((data: any) => data !== null)\r\n                                    .join('\\n') || 'Preço não informado'}\r\n                            </span>\r\n                          </div>\r\n                          <div className=\"location\">\r\n                            <span className=\"min\">{leg.duration.text}</span>\r\n                            {route.lines.map((line: any) => (\r\n                              <div key={line.name}>\r\n                                <p className=\"start\">\r\n                                  <div className=\"ballon\">\r\n                                    {line.short_name}\r\n                                  </div>\r\n                                  {` - ${line.name}`}\r\n                                </p>\r\n                              </div>\r\n                            ))}\r\n                          </div>\r\n                        </RouteItem>\r\n                      ))}\r\n                    </div>\r\n                  ))}\r\n              </>\r\n            )}\r\n            {!Object.keys(routes).length && <EmptyRoute />}\r\n          </RoutesWrapper>\r\n        </Aside>\r\n      )}\r\n      {detailActive && (\r\n        <AsideDetail>\r\n          <DetailTitleWrapper>\r\n            <CloseContainer onClick={() => setDetailActive(false)}>\r\n              <MdClose />\r\n            </CloseContainer>\r\n            Sua Viagem\r\n          </DetailTitleWrapper>\r\n          {!!selectedLeg && (\r\n            <>\r\n              <RouteContainer>\r\n                <RoutePathItem>\r\n                  <p className=\"title\">Partida</p>\r\n                  <p>{selectedLeg.start_address}</p>\r\n                </RoutePathItem>\r\n                <RoutePathItem>\r\n                  <p className=\"title\">Destino</p>\r\n                  <p>\r\n                    <p>{selectedLeg.end_address}</p>\r\n                  </p>\r\n                </RoutePathItem>\r\n              </RouteContainer>\r\n\r\n              {selectedLeg.steps.map((step: any, index: any, arr: any) => {\r\n                return (\r\n                  <>\r\n                    <TurnByTurnContainer key={step.encoded_lat_lngs}>\r\n                      <TurnByTurnItem travelMode={step.travel_mode}>\r\n                        {step.travel_mode === 'WALKING' && (\r\n                          <>\r\n                            <div className=\"imageContainer\">\r\n                              <MdDirectionsWalk />\r\n                            </div>\r\n                            <div className=\"path\">\r\n                              <div className=\"circle\">\r\n                                {index === 0 && (\r\n                                  <div className=\"circleText\">{horaAtual}</div>\r\n                                )}\r\n                                {index !== arr.length - arr.length &&\r\n                                  index !== arr.length - 1 &&\r\n                                  arr[index - 1].travel_mode === 'TRANSIT' && (\r\n                                    <div className=\"circleText\">\r\n                                      {arr[index - 1].transit.arrival_time.text}\r\n                                    </div>\r\n                                  )}\r\n                                {index === arr.length - 1 &&\r\n                                  arr[index - 1].travel_mode === 'TRANSIT' && (\r\n                                    <div className=\"circleText\">\r\n                                      {arr[index - 1].transit.arrival_time.text}\r\n                                    </div>\r\n                                  )}\r\n                              </div>\r\n                              <div className=\"line\" />\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {step.travel_mode === 'TRANSIT' && (\r\n                          <>\r\n                            <div className=\"imageContainer\">\r\n                              <MdDirectionsBus />\r\n                            </div>\r\n                            <div className=\"path\">\r\n                              <div className=\"circle\">\r\n                                <div className=\"circleText\">\r\n                                  {step.transit.departure_time.text}\r\n                                </div>\r\n                              </div>\r\n                              <div className=\"line\" />\r\n                            </div>\r\n                          </>\r\n                        )}\r\n                        {step.travel_mode === 'WALKING' && (\r\n                          <div className=\"content\">\r\n                            <h3 className=\"title\">{step.instructions}</h3>\r\n                            <div className=\"stepType\">A pé</div>\r\n                            <Accordion title={`aprox ${step.duration.text}`}>\r\n                              <ul>\r\n                                {step.steps.map((item: any) => (\r\n                                  <li\r\n                                    className=\"instructionsItem\"\r\n                                    key={item.encoded_lat_lngs}\r\n                                    dangerouslySetInnerHTML={{\r\n                                      __html: item.instructions,\r\n                                    }}\r\n                                  />\r\n                                ))}\r\n                              </ul>\r\n                            </Accordion>\r\n                          </div>\r\n                        )}\r\n                        {step.travel_mode === 'TRANSIT' && (\r\n                          <div className=\"content\">\r\n                            <h3 className=\"title\">\r\n                              {step.transit.departure_stop.name}\r\n                            </h3>\r\n                            <div className=\"stepType\">\r\n                              <div className=\"ballon\">\r\n                                {step.transit.line.short_name}\r\n                              </div>\r\n                              {step.transit.line.name}\r\n                            </div>\r\n                            <div className=\"stops\">{`${step.transit.num_stops} paradas (aprox. ${step.duration.text})`}</div>\r\n                          </div>\r\n                        )}\r\n                      </TurnByTurnItem>\r\n                    </TurnByTurnContainer>\r\n                    {index === arr.length - 1 && (\r\n                      <TurnByTurnContainer key=\"END\" className=\"mb20\">\r\n                        <TurnByTurnItem travelMode=\"ENDING\">\r\n                          <div className=\"imageContainer\" />\r\n                          <div className=\"path\">\r\n                            <div className=\"circle\">\r\n                              {arr[index - 1].travel_mode === 'TRANSIT' && (\r\n                                <div className=\"circleTextEnd\">\r\n                                  {arr[index - 1].transit.arrival_time.text}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                          <div className=\"content\">\r\n                            <h3 className=\"title last\">\r\n                              {selectedLeg.end_address}\r\n                            </h3>\r\n                          </div>\r\n                        </TurnByTurnItem>\r\n                      </TurnByTurnContainer>\r\n                    )}\r\n                  </>\r\n                );\r\n              })}\r\n            </>\r\n          )}\r\n        </AsideDetail>\r\n      )}\r\n      <Main>\r\n        <Map\r\n          markersData={markersData}\r\n          markerIcon={Icon}\r\n          setActive={setActive}\r\n          asideOpen={active}\r\n          routes\r\n        />\r\n      </Main>\r\n      {!!routes.routes && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"seeMap\"\r\n          onClick={() => setAsideOpacity(!asideOpacity)}\r\n        >\r\n          Ver mapa\r\n        </button>\r\n      )}\r\n      {!asideOpacity && !!routes.routes && (\r\n        <button\r\n          type=\"button\"\r\n          className=\"seeMap\"\r\n          onClick={() => setAsideOpacity(!asideOpacity)}\r\n        >\r\n          Ver Rotas\r\n        </button>\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default RoutesAndLinesMap;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 268px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    margin-bottom: 4rem;\r\n    @media (max-width: 750px) {\r\n      margin-top: 2rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 1.5rem 0;\r\n  line-height: 1.5rem;\r\n\r\n  h2 {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .title {\r\n    font-size: 1.3rem;\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n  }\r\n\r\n  p {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  span {\r\n    margin-left: 1rem;\r\n  }\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable react/no-danger */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React from 'react';\r\n\r\nimport { TitleSection, Main } from './styles';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\nimport api from '../../services/api';\r\n\r\nconst PoliticaPrivacidade: React.FC = () => {\r\n  const [privacyPolicy, setPrivacyPolicy] = React.useState<any>(undefined);\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get(`/accounts/privacy-policy/`);\r\n      setPrivacyPolicy(response?.data);\r\n    } catch (e: any) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getPrivacyPolicy();\r\n  }, []);\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage>\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">\r\n                Política de Privacidade e Proteção de Dados Pessoais\r\n              </h1>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <Main>\r\n            <p>\r\n              {privacyPolicy?.updated_at &&\r\n                `Emissão em ${privacyPolicy?.updated_at}`}\r\n            </p>\r\n            {privacyPolicy?.text && (\r\n              <div dangerouslySetInnerHTML={{ __html: privacyPolicy?.text }} />\r\n            )}\r\n          </Main>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PoliticaPrivacidade;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  height: 268px;\r\n  width: 98%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: var(--white);\r\n\r\n  h1 {\r\n    font-size: 2.9rem;\r\n    line-height: 4rem;\r\n    margin-bottom: 4rem;\r\n    @media (max-width: 750px) {\r\n      margin-top: 2rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  padding: 1.5rem 0;\r\n  line-height: 1.5rem;\r\n\r\n  h2 {\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .title {\r\n    font-size: 1.3rem;\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n  }\r\n\r\n  p {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  span {\r\n    margin-left: 1rem;\r\n  }\r\n\r\n  a {\r\n    color: #4141c1;\r\n  }\r\n`;\r\n","import React from 'react';\r\n\r\nimport { TitleSection, Main } from './styles';\r\nimport { Container, Content, Blur } from '../../styles/components';\r\n\r\nimport Header from '../../components/Home/Header';\r\nimport NavBar from '../../components/Home/NavBar';\r\nimport Footer from '../../components/Home/Footer';\r\n\r\nconst PoliticaCookies: React.FC = () => {\r\n  return (\r\n    <>\r\n      <Container>\r\n        <Content>\r\n          <Header />\r\n        </Content>\r\n      </Container>\r\n      <Container backgroundImage>\r\n        <Blur>\r\n          <Content className=\"content\">\r\n            <NavBar />\r\n            <TitleSection>\r\n              <h1 className=\"h1\">Política de Cookies</h1>\r\n            </TitleSection>\r\n          </Content>\r\n        </Blur>\r\n      </Container>\r\n      <Container>\r\n        <Content>\r\n          <Main>\r\n            <h2>Emissão em 27 de julho de 2021</h2>\r\n            <p>\r\n              Quando você usa nossos sites, aplicativos para telefone móvel e\r\n              serviços online (o &quot;Site&quot;), podemos armazenar cookies em\r\n              seu navegador.Outros sites de terceiros que você decida acessar\r\n              poderão fazer o mesmo.Esta Política deCookiesexplica o que é um\r\n              cookie, como você pode gerenciar seus cookies e que tipos de\r\n              cookies poderão ser capturados em nossos Sites.\r\n            </p>\r\n            <h1 className=\"title\">O que é um cookie e por que o usamos?</h1>\r\n            <p>\r\n              Cookies são pequenos pedaços de texto. Eles são fornecidos pela\r\n              maioriados sites e armazenados por seu navegador dawebno\r\n              computador, telefoneou outro dispositivo que você estiver\r\n              utilizando. Oscookiesservem a muitospropósitos. Eles podem ajudar\r\n              umsitea lembrar suas preferências, a entenderque áreas são úteis e\r\n              que áreas precisam ser aprimoradas, e podem lheoferecer anúncios\r\n              direcionados ou conteúdo personalizado. Às vezes,oscookiessão\r\n              ativados quandopixelssão colocados em um site. Os pixelstambém são\r\n              chamados dewebbeacons,clear gifsetags. Eles permitem aos sites ler\r\n              e colocar cookies.\r\n            </p>\r\n            <h1 className=\"title\">Cookies primários e cookies de terceiros</h1>\r\n            <p>\r\n              Os cookies podem ser primários ou de terceiros. Um cookie primário\r\n              é aquele que você recebe diretamente do Transfácil ao visitar um\r\n              de nossos Sites.\r\n            </p>\r\n            <p>\r\n              Um cookie de terceiros é aquele que você recebeu de uma outra\r\n              parte, como por exemplo o Google ou o Facebook. Não controlamos o\r\n              que terceiros fazem em outros sites. Entretanto, poderemos\r\n              trabalhar com determinados provedores terceirizados, como o Google\r\n              ou o Facebook, para permitir queseus cookies funcionem através de\r\n              nosso Site, assim poderemos aprender mais sobre sua experiência em\r\n              nosso Site e personalizar melhor nossos serviços para você.\r\n            </p>\r\n            <h1 className=\"title\">Cookies persistentes e cookies de sessão</h1>\r\n            <p>\r\n              Um cookie persistente é um cookie armazenado pelo navegador da web\r\n              emseu dispositivo até que expire ou que você o elimine. A\r\n              expiração de um cookie persistente é determinada pelo criador do\r\n              cookiee pode ocorrer em uma determinada data ou após a passagem de\r\n              um tempo da sessão. Isso significa que, durante toda a vida útil\r\n              do cookie, suas informações serão transmitidas ao servidor do\r\n              criador toda vez que o usuário visitar o site ao qual ele pertence\r\n              ou outros site configurado para verificar esse cookie(como um\r\n              anúncio colocado nesse site). Por esse motivo, os\r\n              cookiespersistentes também são chamados de &quot;cookies de\r\n              rastreamento&quot;.\r\n            </p>\r\n            <p>\r\n              Um cookie de sessão é criado temporariamente em seu dispositivo\r\n              para serusado por um site durante sua visita. Esse tipo de cookie\r\n              poderá armazenar informações inseridas e rastrear sua atividade no\r\n              site. Um cookie de sessão é eliminado depois que você sai do site\r\n              ou quando o navegador é fechado. Um bom exemplo de cookie de\r\n              sessão é o carrinho de compras em um site de comércio eletrônico.\r\n              O cookie de sessão armazena os itens que você adicionaao carrinho\r\n              para que não sejam esquecidos enquanto você visualiza produtos em\r\n              outras páginas do site. Usando um cookie de sessão, todos os itens\r\n              estarão no carrinho quando você for para a página de checkout.\r\n            </p>\r\n            <h1 className=\"title\">Como gerencio cookies?</h1>\r\n            <p>\r\n              A maioria dos navegadores permite que você escolha se aceita\r\n              oscookies. Amaioria também permite eliminar oscookiesjá definidos.\r\n              As opções disponíveise o mecanismo usado variam de navegador para\r\n              navegador. Essasconfigurações do navegador são normalmente\r\n              encontradas no menu &quot;opções&quot;,&quot;ferramentas&quot; ou\r\n              &quot;preferências&quot;. Você também poderá consultar o menu\r\n              &quot;ajuda&quot; do navegador. Por exemplo:\r\n            </p>\r\n            <p>\r\n              <a href=\"https://support.microsoft.com/pt-br/windows/excluir-e-gerenciar-cookies-168dab11-0753-043d-7c16-ede5947fc64d\">\r\n                Configurações de cookies no Internet Explorer\r\n              </a>\r\n            </p>\r\n            <p>\r\n              <a href=\"https://support.mozilla.org/pt-BR/kb/cookies-informacoes-sites-armazenam-no-computador\">\r\n                Configurações de cookies no Firefox\r\n              </a>\r\n            </p>\r\n            <p>\r\n              <a href=\"https://support.google.com/accounts/answer/61416?hl=pt-BR\">\r\n                Configurações de cookies no Chrome\r\n              </a>\r\n            </p>\r\n            <p>\r\n              <a href=\"https://support.apple.com/pt-br/guide/safari/sfri11471/mac\">\r\n                Configurações de cookies no Safari\r\n              </a>\r\n            </p>\r\n            <p>\r\n              Existem ferramentas disponíveis para limpeza de todos os cookies\r\n              deixados pelos sites que você visitou. Geralmente, a eliminação de\r\n              cookies torna anônimas as informações associadas ao pixel e o site\r\n              não receberá mais nenhuma informação associada.\r\n            </p>\r\n            <h1 className=\"title\">Que tipos de cookies usamos?</h1>\r\n            <p>\r\n              O Site poderá usar Cookies Estritamente Necessários, Cookies de\r\n              Desempenho, Cookies Funcionais, Cookies de Segmentação e Cookies\r\n              de Mídia Social.\r\n            </p>\r\n            <p>\r\n              Quaisquer desses cookies poderão ser cookies primários ou cookies\r\n              de terceiros, persistentes ou de sessão. Consulte o item &quot;\r\n              Como Gerencio Cookies&quot; desta Política de Cookies para obter\r\n              informações sobre como gerenciar essescookies através do seu\r\n              navegador.\r\n            </p>\r\n            <p>\r\n              <ul>\r\n                <li>\r\n                  Cookies Estritamente Necessários: São cookies sem os quais\r\n                  você não seria capaz de usar o Site. Por exemplo, os Cookies\r\n                  Estritamente Necessários ajustam os dados do Site transmitidos\r\n                  para que correspondam à sua conexão com a internet, levam você\r\n                  às versões seguras do Site e ajudam a oferecer serviços que\r\n                  você solicita especificamente. Se você configurar seu\r\n                  navegador para bloquear esses cookies,algumas partes do Site\r\n                  não funcionarão.Cookies Estritamente Necessários não armazenam\r\n                  DadosPessoais.\r\n                </li>\r\n              </ul>\r\n            </p>\r\n            <p>\r\n              <ul>\r\n                <li>\r\n                  Cookies de Desempenho: Usamos esses cookies para contar\r\n                  visitas e fontes de tráfego, para medir e melhorar o\r\n                  desempenho do Site. Eles nos ajudam a saber quais são as\r\n                  páginas mais e menos populares, e a ver como os visitantes se\r\n                  movem pelo Site. Os Cookies de Desempenho não armazenam Dados\r\n                  Pessoais.\r\n                </li>\r\n              </ul>\r\n            </p>\r\n            <p>\r\n              <ul>\r\n                <li>\r\n                  Cookies Funcionais: Esses cookies permitem que o Site se\r\n                  lembre das escolhas que você faz e oferecem funcionalidades\r\n                  aprimoradas e recursos mais personalizados. Dependendo do\r\n                  contexto,os Cookies Funcionais poderão armazenar certos tipos\r\n                  de DadosPessoais, conforme necessário para oferecer\r\n                  funcionalidade.\r\n                </li>\r\n              </ul>\r\n            </p>\r\n            <p>\r\n              <ul>\r\n                <li>\r\n                  Cookies de Segmentação: Os Cookies de Segmentação nos ajudam a\r\n                  gerenciar e exibir nossos anúncios, com base em sua atividade\r\n                  no Site e em outros sites. Esta atividade é conhecida como\r\n                  publicidade baseada em interesses. Os Cookies de Segmentação\r\n                  se baseiam principalmente na identificação exclusiva do seu\r\n                  navegador e dispositivo de internet.Optar por não receber\r\n                  publicidade baseada em interesses não significa que você não\r\n                  verá mais publicidade online, mas que as empresas que você\r\n                  desabilitou não exibirão mais anúncios que foram adaptados aos\r\n                  seus interesses.\r\n                </li>\r\n              </ul>\r\n            </p>\r\n            <p>\r\n              <ul>\r\n                <li>\r\n                  Cookies de Mídia Social:Os Cookies de Mídia Social facilitam o\r\n                  compartilhamento em redes sociais, fornecem ferramentas para\r\n                  que você se conecte ao Sitee nos ajudam a entender melhor\r\n                  tanto o público-alvo do Site como a eficácia de nossa\r\n                  divulgação nas mídias sociais.Estes são cookies de terceiros.\r\n                  Suas escolhas em relação aesses cookies são determinadas pelas\r\n                  plataformas de mídia social nas quais você tem conta.\r\n                </li>\r\n              </ul>\r\n            </p>\r\n            <h1 className=\"title\">Atualizações a essa Política de Cookies</h1>\r\n            <p>\r\n              Poderemos alterar esta Política de Cookies a qualquer momento.\r\n              Quaisquer alterações nesta Política de Cookies entrarão em vigor\r\n              quando a Políticade Cookies revisada estiver disponível no ou\r\n              através do Site. Tais atualizações serão devidamente divulgadas\r\n              pelo Transfácil.\r\n            </p>\r\n            <h1 className=\"title\">Política de Privacidade de Dados Pessoais</h1>\r\n            <p>\r\n              Caso você tenha interesse em entender como o Transfácil realiza o\r\n              tratamentodos Dados Pessoais capturados seja através de Cookies ou\r\n              não, acesse anossa Política de Privacidade.\r\n            </p>\r\n          </Main>\r\n        </Content>\r\n      </Container>\r\n      <Container>\r\n        <Footer />\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PoliticaCookies;\r\n","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  min-width: 300px;\r\n  min-height: 600px;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 1024px) {\r\n    height: 155vh;\r\n  }\r\n  @media (max-width: 677px) {\r\n    height: 150vh;\r\n  }\r\n  @media (max-width: 500px) {\r\n    height: 165vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    border-radius: 20px;\r\n    padding: 5px 30px 15px 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .qrcode {\r\n      justify-content: center;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n\r\nexport const Button = styled.button`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  padding: 14px 23px 14px 23px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: var(--purple);\r\n  color: #f2f5f7;\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: var(--white);\r\n    }\r\n  }\r\n`;\r\nexport const ButtonsDownload = styled.div`\r\n  flex-direction: row;\r\n  display: flex;\r\n  justify-content: center;\r\n  text-align: left;\r\n  width: 100%;\r\n  margin-top: 10px;\r\n  background-color: #f5f5f5;\r\n  @media (max-width: 600px) {\r\n    flex-direction: column;\r\n  }\r\n`;\r\n\r\nexport const ButtonCompartilhar = styled.button`\r\n  background: var(--orange);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  padding: 14px 23px 14px 23px;\r\n  color: var(--white);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: var(--orange);\r\n  color: #f2f5f7;\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: var(--white);\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TextSpan = styled.span`\r\n  color: var(--red);\r\n  margin-top: -10px;\r\n`;\r\n\r\nexport const QrCodeLine = styled.div`\r\n  background-color: var(--aside-background);\r\n  border-radius: 20px;\r\n  padding: 1%;\r\n  margin: 1%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  .icon {\r\n    flex-direction: row;\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    margin-right: 2%;\r\n    align-items: center;\r\n    color: white;\r\n    background-color: var(--purple);\r\n    p {\r\n      color: white;\r\n      margin-top: 0;\r\n    }\r\n    padding: 1%;\r\n    border-radius: 20px;\r\n    width: 120px;\r\n  }\r\n`;\r\n\r\nexport const QrCodeLineInfo = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const QrCodeInfo = styled.div`\r\n  display: flex;\r\n  text-align: center;\r\n  border: 4px solid var(--aside-background);\r\n  border-radius: 20px;\r\n  margin: 2% 1%;\r\n  justify-content: space-evenly;\r\n\r\n  .iconI {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-left: 1%;\r\n  }\r\n`;\r\n","/* eslint-disable no-nested-ternary */\r\n/* eslint-disable no-unsafe-finally */\r\n/* eslint-disable consistent-return */\r\n/* eslint-disable react/jsx-key */\r\n/* eslint-disable no-unneeded-ternary */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable react/button-has-type */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable jsx-a11y/img-redundant-alt */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport { formatCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport React, { useEffect } from 'react';\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport DirectionsBusIcon from '@mui/icons-material/DirectionsBus';\r\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\r\nimport RefreshIcon from '@mui/icons-material/Refresh';\r\nimport { Button, ModalPixPagamento, ButtonCompartilhar, TextSpan, ButtonsDownload, QrCodeLine, QrCodeInfo } from './styles';\r\nimport api from '../../services/api';\r\n\r\n\r\ninterface ModalPixProps {\r\n  code: string\r\n  line: string\r\n  value: number\r\n  closeModal: () => void\r\n  image: string\r\n  lineName?: string;\r\n  dataValidade?:any;\r\n  tempoExpiracao?: any;\r\n  gerando?: boolean;\r\n}\r\n\r\nconst ModalTicket: React.FC<ModalPixProps> = ({\r\n  code,\r\n  line,\r\n  value,\r\n  closeModal,\r\n  image,\r\n  lineName,\r\n  dataValidade,\r\n  tempoExpiracao,\r\n  gerando,\r\n}) => {\r\n\r\n  const [lineNames, setLineNames] = React.useState<any>();\r\n  const [tempo, setTempo] = React.useState(0);\r\n  const [minutos, setMinutos] = React.useState(0);\r\n\r\n  const componentRef = React.useRef(null);\r\n\r\n  const reactToPrintContent = React.useCallback(() => {\r\n    return componentRef.current;\r\n  }, [componentRef?.current]);\r\n\r\n  const handlePrint = useReactToPrint({\r\n    content: reactToPrintContent,\r\n    documentTitle: \"TransfacilQRCode\",\r\n    removeAfterPrint: false\r\n  });\r\n\r\n  const getList = React.useCallback(async () => {\r\n    try {\r\n      const { data } = await api.get(`/core/qr-code/lines/`);\r\n      const lineNameIs = data?.filter((dados: any) => dados?.id?.linha?.linCodLinhaExterno === line)\r\n      setLineNames (lineNameIs)\r\n    } catch (e) {\r\n      console.log(e);\r\n    }\r\n  }, [line]);\r\n\r\n  const UpdateTime = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get(`/ticketing/qr-code/reissue-ticket-by-value/${code}/ `);\r\n      const tempoExpiracaoEmSegundos = response?.data?.tempo_expiracao;\r\n\r\n    if (tempoExpiracaoEmSegundos !== undefined) {\r\n      const minutosCalculados = Math.floor(tempoExpiracaoEmSegundos / 60);\r\n      setMinutos(minutosCalculados);\r\n    }\r\n    } catch (err: any) {\r\n      const { ...error } = err;\r\n      console.log(error);\r\n      if(error?.response?.data?.message === \"Ticket não encontrado.\") {\r\n        window.location.reload();\r\n      }\r\n      setMinutos(undefined)\r\n    }\r\n  }, [dataValidade]);\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n\r\n\r\n  React.useEffect(() => {\r\n    getList();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    let interval: any;\r\n    try {\r\n      if (dataValidade) {\r\n        interval = setInterval(() => {\r\n          UpdateTime();\r\n        }, 15000);\r\n      }\r\n    } catch (e) {\r\n      console.log(e)\r\n    } finally {\r\n      return () => clearInterval(interval);\r\n    }\r\n    \r\n  }, [dataValidade, minutos]);\r\n\r\n  useEffect(() => {\r\n    const tempoExpiracaoEmSegundos = tempoExpiracao;\r\n\r\n    if (tempoExpiracaoEmSegundos !== undefined) {\r\n      const minutosCalculados = Math.floor(tempoExpiracaoEmSegundos / 60);\r\n      setTempo(minutosCalculados);\r\n    }\r\n\r\n  }, [tempoExpiracao, minutos]);\r\n\r\n  return (\r\n    <ModalPixPagamento\r\n      style={gerando ? { height: \"100vh\" } : {}}\r\n    >\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div ref={componentRef}>\r\n          <div className=\"row\" style={{ backgroundColor: 'white', borderRadius: \"20PX\", marginTop: \"0\" }}>\r\n            <div>\r\n              <h1 style={{ textAlign: \"center\" }}>QR Code</h1>\r\n              <QrCodeInfo>\r\n                <div className='iconI'>\r\n                  <ErrorOutlineIcon  sx={{ marginRight: \"1%\", width: \"50px\", height: \"50px\" }}/>\r\n                </div>\r\n                <p>Toque no QR Code na tela do validador e aponte o código abaixo para liberar sua passagem.</p>\r\n              </QrCodeInfo>\r\n              <QrCodeLine>\r\n                <div className='icon'>\r\n                  <DirectionsBusIcon sx={{width: \"50px\", height: \"50px\" }}/>\r\n                  <p>{`${line}`}</p>\r\n                </div>\r\n                \r\n                <div>\r\n                  {lineName ? (\r\n                    <p style={{ marginTop: \"0\" }}>{`${lineName}`} </p>\r\n                  ) : (\r\n                    <p style={{ marginTop: \"0\" }}>{`${lineNames?.[0]?.id?.linha?.linNomeLinha}`} </p>\r\n                  )}\r\n                  <p style={{ marginTop: \"0\" }}> <strong> Valor da tarifa: </strong> R$ {formatCurrency(value)} </p>\r\n                </div>\r\n              </QrCodeLine>\r\n\r\n              <div className='qrcode'>\r\n                <img\r\n                  src={image}\r\n                  alt=\"ticket image\"\r\n                  style={{\r\n                    height: '300px',\r\n                    width: '300px',\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n            <p style={{ marginTop: 0, marginBottom: 5 }}>O QrCode expira às: <strong style={{ color: \"var(--purple)\" }}>{dataValidade}</strong></p>\r\n            <div style={{ display: \"flex\", flexDirection: \"row\", marginTop: 5, marginBottom: 5, alignItems: \"center\" }}>\r\n              <RefreshIcon sx={{ animation: \"spin 2s linear infinite\" }}/>\r\n              <p style={{ marginTop: 0 }}>Tempo restante: <strong style={{ color: \"var(--purple)\" }}>{minutos !== 0 ? minutos === 30 ? 29 : minutos : tempo} { minutos === 1 ? 'minuto' :'minutos'}</strong></p>\r\n            </div>\r\n            \r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            marginTop: '20px',\r\n            marginBottom: '20px',\r\n            display: 'flex',\r\n            width: '100%',\r\n            justifyContent: 'center',\r\n            alignItems: 'center'\r\n          }}\r\n        >\r\n          <TextSpan>\r\n            *Está no celular? Pressione o dedo sobre o QrCode para compartilha-lo para os seus contatos.\r\n\r\n          </TextSpan>\r\n        </div>\r\n          <Button onClick={handlePrint}>\r\n            DOWNLOAD\r\n          </Button>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalTicket;\r\n","import styled, { css } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  isFocused: boolean;\r\n  isErrored: boolean;\r\n  isCorrect: boolean;\r\n}\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  .react-select__control {\r\n    background: var(--white);\r\n    color: var(--text);\r\n    border: 1px solid var(--gray-line);\r\n    padding: 0 0 0 5px;\r\n    width: 100%;\r\n    height: 41px;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  .react-select__placeholder {\r\n    color: var(--gray-line);\r\n  }\r\n\r\n  .react-select__indicator-separator {\r\n    height: 25px;\r\n  }\r\n\r\n  ${props =>\r\n    props.isErrored &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: #c53030;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.isFocused &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: #d65b15 !important;\r\n      }\r\n    `}\r\n\r\n  ${props =>\r\n    props.isCorrect &&\r\n    css`\r\n      .react-select__control {\r\n        border-color: green !important;\r\n        color: green;\r\n      }\r\n    `}\r\n`;\r\n\r\nexport const Error = styled.label`\r\n  height: 20px;\r\n  font-size: 15px;\r\n  margin-bottom: 3px;\r\n  color: #c53030;\r\n  display: flex;\r\n`;\r\n\r\nexport const Label = styled.label`\r\n  margin-left: 10px;\r\n  font-size: 18px;\r\n`;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useRef, useCallback, useState } from 'react';\r\nimport ReactSelect, {\r\n  OptionTypeBase,\r\n  Props as SelectProps,\r\n} from 'react-select';\r\nimport api from '../../../../services/api';\r\n\r\nimport { Container, Label } from './styles';\r\n\r\ninterface Props extends SelectProps<OptionTypeBase> {\r\n  label?: string;\r\n  onChange: (e: any) => void;\r\n}\r\nconst Select: React.FC<Props> = ({ label, onChange, ...rest }) => {\r\n  const selectRef = useRef(null);\r\n  const [lines, setLines] = React.useState([]);\r\n  const [isFocused, setIsFocused] = useState(false);\r\n\r\n  const handleInputFocus = useCallback(() => {\r\n    setIsFocused(true);\r\n  }, []);\r\n\r\n  const handleInputBlur = useCallback(async () => {\r\n    setIsFocused(false);\r\n  }, []);\r\n\r\n  const getList = React.useCallback(async () => {\r\n    try {\r\n      const { data } = await api.get(`/core/qr-code/lines/`);\r\n      setLines(data);\r\n    } catch (e) {\r\n      console.log(e);\r\n    }\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getList();\r\n  }, []);\r\n\r\n  return (\r\n    <div style={{ width: '100%' }}>\r\n      {label && <Label>{label}</Label>}\r\n      <Container isErrored={false} isFocused={isFocused} isCorrect={false}>\r\n        <ReactSelect\r\n          options={lines}\r\n          onFocus={handleInputFocus}\r\n          onBlur={handleInputBlur}\r\n          ref={selectRef}\r\n          classNamePrefix=\"react-select\"\r\n          onChange={onChange}\r\n          {...rest}\r\n        />\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\nexport default Select;\r\n","/* eslint-disable no-nested-ternary */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable no-return-await */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-empty-interface */\r\nimport { formatCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport * as React from 'react';\r\nimport api from '../../../../services/api';\r\nimport Button from '../../../Button';\r\nimport ModalTicket from '../../../ModalTicket';\r\nimport Select from '../Select';\r\nimport { useToast } from '../../../../hooks/toast';\r\nimport { useLoader } from '../../../../hooks/loader';\r\n\r\nconst Content: React.FC<any> = ({ handleClose }) => {\r\n  // const [title, setTitle] = React.useState('');\r\n  const [line, setLine] = React.useState<any>(undefined);\r\n  const [ticket, setTicket ] = React.useState<any>(undefined);\r\n\r\n  const { addToast } = useToast();\r\n  const { changeLoader } = useLoader();\r\n\r\n  const getList = React.useCallback(async () => {\r\n    try {\r\n      const { data } = await api.get(`/core/qr-code/lines/`);\r\n      console.log(data)\r\n    } catch (e) {\r\n      console.log(e);\r\n    }\r\n  }, []);\r\n  const estacoes = [\r\n    {\r\n      linha: '1000',\r\n      nome: 'ESTAÇÃO DIAMANTE',\r\n    },\r\n    {\r\n      linha: '1001',\r\n      nome: 'ESTAÇÃO DIAMANTE',\r\n    },\r\n    {\r\n      linha: '1002',\r\n      nome: 'ESTAÇÃO DIAMANTE ACESSO LOJAS',\r\n    },\r\n    {\r\n      linha: '2000',\r\n      nome: 'ESTACAO VENDA NOVA',\r\n    },\r\n    {\r\n      linha: '2001',\r\n      nome: 'ESTAÇÃO VENDA NOVA',\r\n    },\r\n    {\r\n      linha: '3000',\r\n      nome: 'ACESSO ESTAÇÃO SAO GABRIEL',\r\n    },\r\n    {\r\n      linha: '3001',\r\n      nome: 'ESTAÇÃO SÃO GABRIEL',\r\n    },\r\n    {\r\n      linha: '3002',\r\n      nome: 'ESTAÇÃO MOVE SÃO GABRIEL (TARIFA A)',\r\n    },\r\n    {\r\n      linha: '4001',\r\n      nome: 'ESTAÇÃO BARREIRO',\r\n    },\r\n    {\r\n      linha: '4002',\r\n      nome: 'ESTAÇAO BARREIRO',\r\n    },\r\n    {\r\n      linha: '4003',\r\n      nome: 'ESTAÇÃO BARREIRO SAÍDA / ACESSO SHOPPING',\r\n    },\r\n    {\r\n      linha: '4004',\r\n      nome: 'ESTAÇÃO BARREIRO ACESSO LOJAS',\r\n    },\r\n    {\r\n      linha: '6000',\r\n      nome: 'ACESSO ESTAÇÃO PAMPULHA',\r\n    },\r\n    {\r\n      linha: '6001',\r\n      nome: 'ESTAÇÃO PAMPULHA',\r\n    },\r\n    {\r\n      linha: '7000',\r\n      nome: 'LINHAS ACESSO ESTAÇÃO VILARINHO',\r\n    },\r\n    {\r\n      linha: '7001',\r\n      nome: 'ESTAÇÃO VILARINHO',\r\n    },\r\n    {\r\n      linha: 'AC01',\r\n      nome: 'ESTAÇÃO TRANSF. CANDELÁRIA',\r\n    },\r\n    {\r\n      linha: 'AC02',\r\n      nome: 'ESTAÇÃO TRANSF. MINAS CAIXA',\r\n    },\r\n    {\r\n      linha: 'AC03',\r\n      nome: 'ESTAÇÃO TRANSF. QUADRAS DO VILARINHO',\r\n    },\r\n    {\r\n      linha: 'AC04',\r\n      nome: 'ESTAÇÃO TRANSF. UPA VENDA NOVA',\r\n    },\r\n    {\r\n      linha: 'AC05',\r\n      nome: 'ESTAÇÃO TRANSF. CRISTIANO GUIMARÃES',\r\n    },\r\n    {\r\n      linha: 'AC06',\r\n      nome: 'ESTAÇÃO TRANSF. PLANALTO',\r\n    },\r\n    {\r\n      linha: 'AC07',\r\n      nome: 'ESTAÇÃO TRANSF. SÃO JOÃO BATISTA',\r\n    },\r\n    {\r\n      linha: 'AC08',\r\n      nome: 'ESTAÇÃO TRANSF. LAGOA DO NADO',\r\n    },\r\n    {\r\n      linha: 'AC09',\r\n      nome: 'ESTAÇÃO TRANSF. MONTESE',\r\n    },\r\n    {\r\n      linha: 'AC10',\r\n      nome: 'ESTAÇÃO TRANSF. MONTE CASTELO',\r\n    },\r\n    {\r\n      linha: 'AC12',\r\n      nome: 'ESTAÇÃO TRANSF. SANTA ROSA',\r\n    },\r\n    {\r\n      linha: 'AC13',\r\n      nome: 'ESTAÇÃO TRANSF. MINEIRÃO',\r\n    },\r\n    {\r\n      linha: 'AC14',\r\n      nome: 'ESTAÇÃO TRANSF. UFMG',\r\n    },\r\n    {\r\n      linha: 'AC15',\r\n      nome: 'ESTAÇÃO TRANSF. LIBERDADE',\r\n    },\r\n    {\r\n      linha: 'AC16',\r\n      nome: 'ESTAÇÃO TRANSF. COLÉGIO MILITAR',\r\n    },\r\n    {\r\n      linha: 'AC17',\r\n      nome: 'ESTAÇÃO TRANSF. SÃO FRANCISCO',\r\n    },\r\n    {\r\n      linha: 'AC18',\r\n      nome: 'ESTAÇÃO TRANSF. CACHOEIRINHA',\r\n    },\r\n    {\r\n      linha: 'AC19',\r\n      nome: 'ESTAÇÃO TRANSF. AMÉRICO VESPÚCIO',\r\n    },\r\n    {\r\n      linha: 'AC20',\r\n      nome: 'ESTAÇÃO TRANSF. APARECIDA',\r\n    },\r\n    {\r\n      linha: 'AC21',\r\n      nome: 'ESTAÇÃO TRANSF. OPERÁRIOS',\r\n    },\r\n    {\r\n      linha: 'AC22',\r\n      nome: 'ESTAÇÃO TRANSF. HOSPITAL BELO HORIZONTE',\r\n    },\r\n    {\r\n      linha: 'AC23',\r\n      nome: 'ESTAÇÃO TRANSF. IAPI',\r\n    },\r\n    {\r\n      linha: 'AC24',\r\n      nome: 'ESTAÇÃO TRANSF. HOSPITAL ODILON BEHRENS',\r\n    },\r\n    {\r\n      linha: 'AC25',\r\n      nome: 'ESTAÇÃO TRANSF. SENAI',\r\n    },\r\n    {\r\n      linha: 'AC26',\r\n      nome: 'ESTAÇÃO TRANSF. LAGOINHA',\r\n    },\r\n    {\r\n      linha: 'CM02',\r\n      nome: 'ESTAÇÃO DE TRANSF. MINAS SHOPPING',\r\n    },\r\n    {\r\n      linha: 'CM03',\r\n      nome: 'ESTAÇÃO DE TRANSF. OURO MINAS',\r\n    },\r\n    {\r\n      linha: 'CM04',\r\n      nome: 'ESTAÇÃO DE TRANSF. UNIÃO',\r\n    },\r\n    {\r\n      linha: 'CM05',\r\n      nome: 'ESTAÇÃO DE TRANSF. IPIRANGA',\r\n    },\r\n    {\r\n      linha: 'CM06',\r\n      nome: 'ESTAÇÃO DE TRANSF. CIDADE NOVA',\r\n    },\r\n    {\r\n      linha: 'CM07',\r\n      nome: 'ESTAÇÃO DE TRANSF. FEIRA DOS PRODUTORES',\r\n    },\r\n    {\r\n      linha: 'CM08',\r\n      nome: 'ESTAÇÃO DE TRANSF. SÃO JUDAS TADEU',\r\n    },\r\n    {\r\n      linha: 'CM09',\r\n      nome: 'ESTAÇÃO DE TRANSF. SAGRADA FAMÍLIA',\r\n    },\r\n    {\r\n      linha: 'CM10',\r\n      nome: 'ESTAÇÃO DE TRANSF. SILVIANO BRANDÃO',\r\n    },\r\n    {\r\n      linha: 'PR01',\r\n      nome: 'ESTAÇÃO DE TRANSF. TAMOIOS',\r\n    },\r\n    {\r\n      linha: 'PR02',\r\n      nome: 'ESTAÇÃO DE TRANSF. CARIJÓS',\r\n    },\r\n    {\r\n      linha: 'SD01',\r\n      nome: 'ESTAÇÃO DE TRANSF. SÃO PAULO',\r\n    },\r\n    {\r\n      linha: 'SD02',\r\n      nome: 'ESTAÇÃO DE TRANSF. RIO DE JANEIRO',\r\n    },\r\n  ];\r\n\r\n  React.useEffect(() => {\r\n    getList();\r\n  }, [line]);\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        style={{\r\n          height: 500,\r\n          width: '100%',\r\n        }}\r\n      >\r\n        {/* <Input\r\n          placeholder=\"Linhas\"\r\n          label=\"Linhas\"\r\n          value={title}\r\n          onChange={(e: any) => setTitle(e.target.value)}\r\n        /> */}\r\n        <Select\r\n          placeholder=\"Linhas\"\r\n          label=\"Linhas\"\r\n          getOptionLabel={label => {\r\n            const codigoLinha = label.id.linha.linCodLinhaExterno;\r\n    \r\n            const linhaEstacoes = estacoes.find((dados: any) => dados?.linha === codigoLinha);\r\n            return linhaEstacoes?.linha === label.id.linha.linCodLinhaExterno ?\r\n            `${linhaEstacoes?.nome}` : `${label.id.linha.linCodLinhaExterno  } - ${label.id.linha.linNomeLinha}`\r\n          }}\r\n          getOptionValue={value => {\r\n            return value.id.linha.linCodLinhaExterno || value.id.linha.linNomeLinha;\r\n          }}\r\n          onChange={(e: any) => setLine(e)}\r\n        />\r\n        {line && (\r\n          <div style={{ marginTop: 20 }}>\r\n            <div><b>Valor da tarifa:</b> R${formatCurrency(line?.tarifa?.valorTarifa)}</div>\r\n          </div>\r\n        )}\r\n        {line && (\r\n          <Button\r\n            style={{\r\n              marginTop: '30px',\r\n            }}\r\n            color=\"orange\"\r\n            padding=\"\"\r\n            rounded\r\n            className=\"button-generate-ticket-qrcode\"\r\n            type=\"button\"\r\n            onClick={async () => {\r\n              try {\r\n                const response = await api.post('/ticketing/qr-code/create-ticket-by-value/', {\r\n                  line_main_code: line?.id?.linha?.id,\r\n                  value: line?.tarifa?.valorTarifa\r\n                })\r\n                setTicket({\r\n                  code: response?.data?.codigoQRCode,\r\n                  line: response?.data?.linha,\r\n                  value: response?.data?.valor,\r\n                  image: response?.data?.imagemBase64,\r\n                  lineName: line?.id?.linha?.linNomeLinha,\r\n                  dataValidade: response?.data?.dataHoraFimValidadeCarga,\r\n                  tempoExpiracao: response?.data?.tempo_expiracao\r\n                })\r\n                \r\n              }catch (err: any) {\r\n                changeLoader(false);\r\n                const { ...error } = err;\r\n                console.log(error);\r\n                if (error?.response?.data?.detail === \"Cartão transfácil está bloqueado.\") {\r\n                  addToast({\r\n                    type: 'error',\r\n                    title: `${error?.response?.data?.detail}`,\r\n                    description:\r\n                      error?.response?.data?.detail &&\r\n                      `${error?.response?.data?.detail}`,\r\n                  });\r\n                } else {\r\n                  addToast({\r\n                    type: 'error',\r\n                    title: `${error?.response?.data?.message}`,\r\n                    description:\r\n                      error?.response?.data?.sub_message &&\r\n                      `${error?.response?.data?.sub_message}`,\r\n                  });\r\n                }\r\n                \r\n              }\r\n              \r\n              // handleClose()\r\n            }}\r\n          >\r\n            GERAR\r\n          </Button>\r\n        )}\r\n      </div>\r\n      {ticket && (\r\n        <ModalTicket\r\n          code={ticket?.code}\r\n          line={ticket?.line}\r\n          value={ticket?.value}\r\n          closeModal={() => setTicket(undefined)}\r\n          image={ticket?.image}\r\n          lineName={ticket?.lineName}\r\n          dataValidade={ticket?.dataValidade}\r\n          tempoExpiracao={ticket?.tempoExpiracao}\r\n          gerando={false}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport { Content };\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-empty-interface */\r\nimport * as React from 'react';\r\nimport Modal from '../../Modal';\r\nimport { Content } from './Content';\r\n\r\ninterface IModalGerarTicketQrCode {\r\n  title: string;\r\n  handleClose: () => void;\r\n  show: boolean;\r\n}\r\n\r\nconst ModalGerarTicketQrCode: React.FC<IModalGerarTicketQrCode> = ({\r\n  title,\r\n  handleClose,\r\n  show,\r\n}) => {\r\n  return (\r\n    <Modal title={title} handleClose={handleClose} show={show}>\r\n      <Content handleClose={handleClose} />\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport { ModalGerarTicketQrCode };\r\n","/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-empty-interface */\r\nimport * as React from 'react';\r\nimport Button from '../Button';\r\nimport { ModalGerarTicketQrCode } from './ModalGerarTicketQrCode';\r\n\r\ninterface IButtonGerarTicketQrCode {}\r\n\r\nconst ButtonGerarTicketQrCode: React.FC<IButtonGerarTicketQrCode> = () => {\r\n  const [open, setOpen] = React.useState(false);\r\n  return (\r\n    <>\r\n      <Button\r\n        color=\"orange\"\r\n        padding=\"0\"\r\n        rounded\r\n        className=\"button-generate-ticket-qrcode\"\r\n        type=\"button\"\r\n        onClick={() => setOpen(true)}\r\n        style={{\r\n          height: '48px',\r\n          padding: '14px 23px 14px 23px',\r\n          marginRight: '10px',\r\n          marginBottom: '15px',\r\n        }}\r\n      >\r\n        GERAR TICKET QR CODE\r\n      </Button>\r\n      {open && (\r\n        <ModalGerarTicketQrCode\r\n          title=\"GERAR TICKET QR CODE\"\r\n          handleClose={() => setOpen(false)}\r\n          show={open}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport { ButtonGerarTicketQrCode };\r\n","import styled from 'styled-components';\r\n\r\nexport const Buttons = styled.button`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 125px;\r\n  padding: 4px 18px 4px 18px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: var(--purple);\r\n  color: #f2f5f7;\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: var(--white);\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  width: 100%;\r\n`;\r\n\r\nexport const DivPrincipal = styled.div`\r\n  @media (max-width: 600px) {\r\n    display: grid;\r\n  }\r\n  .paper {\r\n    box-shadow: none;\r\n    @media only screen and (max-width: 830px) {\r\n      display: flex;\r\n      max-width: 100%;\r\n      justify-content: center;\r\n      margin-left: -3%;\r\n    }\r\n  }\r\n  .Tabela {\r\n    max-width: 100%;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  .specifitcell {\r\n    word-wrap: break-word;\r\n    word-break: break-all;\r\n    width: 100%;\r\n    justify-content: center;\r\n  }\r\n\r\n  table {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    border-collapse: collapse;\r\n    border-spacing: 0;\r\n  }\r\n  #cell-1-undefined {\r\n    max-width: 150px;\r\n  }\r\n\r\n  #cell-2-undefined {\r\n    max-width: 100px;\r\n    text-align: center;\r\n  }\r\n\r\n  #cell-3-undefined {\r\n    max-width: 70px;\r\n    text-align: center;\r\n  }\r\n\r\n  #cell-4-undefined {\r\n    max-width: 200px;\r\n    text-align: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  #cell-5-undefined {\r\n    max-width: 200px;\r\n    text-align: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  /* Adjust responsiveness for smaller screens */\r\n  @media only screen and (max-width: 500px) {\r\n    .Tabela {\r\n      min-width: 300px; /* Adjust as needed */\r\n    }\r\n\r\n    #cell-1-undefined {\r\n      max-width: 100px;\r\n      min-width: 100px;\r\n      word-wrap: break-word;\r\n      word-break: break-all;\r\n      text-align: center;\r\n    }\r\n\r\n    #cell-2-undefined {\r\n      max-width: 50px;\r\n      min-width: 40px;\r\n    }\r\n\r\n    #cell-3-undefined {\r\n      max-width: 50px;\r\n      min-width: 60px;\r\n    }\r\n\r\n    #cell-4-undefined {\r\n      max-width: 130px; /* Adjust as needed */\r\n    }\r\n\r\n    #cell-5-undefined {\r\n      max-width: 180px; /* Adjust as needed */\r\n    }\r\n    div[data-column-id='2'] {\r\n      max-width: 120px;\r\n      justify-content: center;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 50px;\r\n        min-width: 40px;\r\n      }\r\n    }\r\n    div[data-column-id='3'] {\r\n      max-width: 120px;\r\n      justify-content: center;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 100px;\r\n        min-width: auto;\r\n      }\r\n    }\r\n  }\r\n\r\n  .nodata {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    .icon {\r\n      color: var(--purple);\r\n      margin-bottom: 10px;\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  .infonotdata {\r\n    color: var(--purple);\r\n    margin-top: 20px;\r\n    margin-left: 10px;\r\n  }\r\n  .botoes {\r\n    display: flex;\r\n    flex-direction: row;\r\n    padding: 10px;\r\n    margin-bottom: 20px;\r\n    @media only screen and (max-width: 850px) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n  .button-cadastrar {\r\n    margin-top: 10px;\r\n    margin-right: 10px;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  margin-top: 15px;\r\n  border-radius: 20px 20px;\r\n  max-width: 100%;\r\n  overflow-x: auto; /* Enable horizontal scrolling if needed */\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  .rdt_Table {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    max-width: 900px;\r\n  }\r\n\r\n  .rdt_TableHead,\r\n  .rdt_TableRow {\r\n    display: flex;\r\n    width: 100%;\r\n  }\r\n\r\n  .rdt_TableCol {\r\n    flex: 1;\r\n    padding: 0 5px;\r\n    background-color: var(--aside-background);\r\n    font-size: 0.875rem;\r\n    text-align: left;\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-weight: 400;\r\n    line-height: 1.43;\r\n    border-bottom: 1px solid rgba(224, 224, 224, 1);\r\n    letter-spacing: 0.01071em;\r\n    color: var(--purple);\r\n    font-weight: bold;\r\n  }\r\n\r\n  .rdt_TableRow {\r\n    font-size: 16px;\r\n    @media only screen and (max-width: 800px) {\r\n      font-size: 14px;\r\n    }\r\n    @media only screen and (max-width: 600px) {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  .rdt_TableCell > div {\r\n    white-space: inherit;\r\n  }\r\n  .rdt_TableCell #cell-3-undefined {\r\n    white-space: nowrap; /* Prevent wrapping */\r\n    overflow: hidden; /* Hide overflow */\r\n    text-overflow: ellipsis; /* Show ellipsis (...) for overflowed text */\r\n  }\r\n\r\n  .emptyText {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-empty-interface */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport DataTable from 'react-data-table-component';\r\nimport { Container } from './styles';\r\n\r\ninterface ITable {\r\n  columns: any[];\r\n  data: any[];\r\n  title?: any;\r\n}\r\n\r\nconst TableMap: React.FC<ITable> = ({ columns, data, title }) => {\r\n  const customColumns = columns.map((col: any) => {\r\n    if (col.name === 'Linha') {\r\n      return { ...col, width: '50px' }; // Ajuste a largura conforme necessário\r\n    }\r\n    return col;\r\n  });\r\n  return (\r\n    <Container style={{ maxWidth: '100%' }}>\r\n      <DataTable\r\n        style={{ maxWidth: '100%' }}\r\n        columns={customColumns}\r\n        data={data}\r\n        title={title}\r\n      />\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport { TableMap };\r\n","/* eslint-disable no-nested-ternary */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable react/destructuring-assignment */\r\n/* eslint-disable no-alert */\r\n/* eslint-disable react/display-name */\r\n/* eslint-disable react/button-has-type */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport { formatCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport * as React from 'react';\r\nimport { FiXCircle } from 'react-icons/fi';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport ModalTicket from '../../../components/ModalTicket';\r\nimport { Table } from '../../../components/Table';\r\nimport { useToast } from '../../../hooks/toast';\r\nimport Loader from '../../../components/Loader';\r\nimport api from '../../../services/api';\r\nimport { Buttons, DivPrincipal, Main } from './styles';\r\nimport Button from '../../../components/Button';\r\nimport { TableMap } from './tableMapHistory';\r\n\r\nconst MapHistory: React.FC<any> = () => {\r\n  const [mapHistory, setMapHistory] = React.useState([]);\r\n  const [ticket, setTicket] = React.useState<any>(false);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [hasData, setHasData] = React.useState<boolean>(true);\r\n  const [botao1, setBotao1] = React.useState<boolean>(true);\r\n  const [botao2, setBotao2] = React.useState<boolean>(true);\r\n  const [botao3, setBotao3] = React.useState<boolean>(true);\r\n  const [botao4, setBotao4] = React.useState<boolean>(true);\r\n  const { addToast } = useToast();\r\n\r\n\r\n    const convertStringToDate = (dataHoraEvento: any) => {\r\n      if (!dataHoraEvento) {\r\n        return '2'; // Ou defina um valor padrão, se necessário\r\n      }\r\n\r\n      const [date, time] = dataHoraEvento.split(' ');\r\n      const [day, month, year] = date.split('/').map(Number);\r\n      const [hours, minutes, seconds] = time.split(':').map(Number);\r\n      // Mês no JavaScript começa do zero, então subtraia 1 do mês\r\n      return new Date(day, month - 1, year, hours, minutes, seconds);\r\n    };\r\n\r\n\r\n  const getMapHistory = React.useCallback(async () => {\r\n    try {\r\n      setBotao1(false);\r\n      setBotao2(true);\r\n      setBotao3(true);\r\n      setBotao4(true);\r\n      setLoading(true);\r\n      const { data } = await api.get(\r\n        `/ticketing/qr-code/map/?start_date=2021-01-01`,\r\n      );\r\n      const newData = data?.conteudo?.filter((dados: any) =>dados?.codigoQRCode !== null) || []\r\n      setMapHistory(newData);\r\n      if (newData.conteudo.length === 0) {\r\n        setLoading(false);\r\n        setHasData(false);\r\n      }\r\n      setLoading(false);\r\n    } catch (e) {\r\n      console.log({ e });\r\n      setLoading(false);\r\n    }\r\n  }, []);\r\n  const handleDisponiveis = React.useCallback(\r\n    async () => {\r\n      try {\r\n        setBotao1(true);\r\n        setBotao2(false);\r\n        setBotao3(true);\r\n        setBotao4(true);\r\n        setMapHistory([]);\r\n        setLoading(true);\r\n        const { data } = await api.get(\r\n          `/ticketing/qr-code/map/?start_date=2021-01-01`,\r\n        );\r\n        const newData = data?.conteudo?.filter((dados: any) => dados?.codigoQRCode !== null) || [];\r\n        const datadisp = newData.find ((dados: any) => dados?.statusUso === 0 ? dados?.statusUso === 0 : '')\r\n        if (datadisp?.statusUso === 0) {\r\n          setMapHistory([datadisp]);\r\n          setLoading(false);\r\n        } else {\r\n          setHasData(false);\r\n          setLoading(false);\r\n        }\r\n      } catch (e) {\r\n        setLoading(false);\r\n        console.log({ e });\r\n      }\r\n    },\r\n    [],\r\n  );\r\n  const handleExp = React.useCallback(\r\n    async () => {\r\n      try {\r\n        setBotao1(true);\r\n        setBotao2(true);\r\n        setBotao3(false);\r\n        setBotao4(true);\r\n        setMapHistory([]);\r\n        setLoading(true);\r\n        const { data } = await api.get(\r\n          `/ticketing/qr-code/map/?start_date=2021-01-01`,\r\n        );\r\n        const newData = data?.conteudo?.filter((dados: any) =>dados?.codigoQRCode !== null) || [];\r\n        const datadisp = newData.find ((dados: any) => dados?.statusUso === 2)\r\n        if (datadisp?.statusUso === 2) {\r\n          setMapHistory([datadisp]);\r\n          setLoading(false);\r\n        } else {\r\n          setHasData(false);\r\n          setLoading(false);\r\n        }\r\n\r\n      } catch (e) {\r\n        setLoading(false);\r\n        console.log({ e });\r\n        addToast({\r\n          type: 'error',\r\n          title: 'Erro Ticket',\r\n          description: 'Erro Ticket!',\r\n        });\r\n      }\r\n    },\r\n    [],\r\n  );\r\n  const handleUtil = React.useCallback(\r\n    async () => {\r\n      try {\r\n        setBotao1(true);\r\n        setBotao2(true);\r\n        setBotao3(true);\r\n        setBotao4(false);\r\n        setMapHistory([]);\r\n        setLoading(true);\r\n        const { data } = await api.get(\r\n          `/ticketing/qr-code/map/?start_date=2021-01-01`,\r\n        );\r\n\r\n        const newData = data?.conteudo?.filter((dados: any) =>dados?.codigoQRCode !== null) || [];\r\n        const datadisp = newData.find ((dados: any) => dados?.statusUso === 1)\r\n        if (datadisp?.statusUso === 1) {\r\n          setMapHistory([datadisp]);\r\n          setLoading(false);\r\n        } else {\r\n          setHasData(false);\r\n          setLoading(false);\r\n        }\r\n      } catch (e) {\r\n        setLoading(false);\r\n        console.log({ e });\r\n        addToast({\r\n          type: 'error',\r\n          title: 'Erro Ticket',\r\n          description: 'Erro Ticket!',\r\n        });\r\n      }\r\n    },\r\n    [],\r\n  );\r\n\r\n\r\n  // const HandleDate90 = () => {\r\n  //   const Date90 = new Date(currentDate);\r\n  //   Date90.setDate(currentDate.getDate() - 90);\r\n  //   setDateStart(Date90);\r\n  // };\r\n\r\n  React.useEffect(() => {\r\n    getMapHistory();\r\n  }, []);\r\n  return (\r\n    <DivPrincipal>\r\n        <h1 className=\"datatext\">\r\n          Histórico de QrCodes\r\n        </h1>\r\n       <div className=\"botoes\">\r\n        <Button\r\n          color={botao1 ? 'var(--orange)' : 'var(--purple)'}\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cadastrar\"\r\n          type=\"submit\"\r\n          onClick={getMapHistory}\r\n          style={{\r\n            backgroundColor: botao1 ? 'var(--orange)' : 'var(--purple)',\r\n          }}\r\n        >\r\n          TODOS\r\n        </Button>\r\n        <Button\r\n          color={botao2 ? 'var(--orange)' : 'var(--purple)'}\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cadastrar\"\r\n          type=\"submit\"\r\n          style={{\r\n            backgroundColor: botao2 ? 'var(--orange)' : 'var(--purple)',\r\n          }}\r\n          onClick={handleDisponiveis}\r\n        >\r\n          DISPONÍVEIS\r\n        </Button>\r\n        <Button\r\n          color={botao3 ? 'var(--orange)' : 'var(--purple)'}\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cadastrar\"\r\n          type=\"submit\"\r\n          style={{\r\n            backgroundColor: botao3 ? 'var(--orange)' : 'var(--purple)',\r\n          }}\r\n          onClick={handleExp}\r\n        >\r\n          EXPIRADOS\r\n        </Button>\r\n        <Button\r\n          color={botao4 ? 'var(--orange)' : 'var(--purple)'}\r\n          padding=\"3.5\"\r\n          rounded\r\n          className=\"button-cadastrar\"\r\n          type=\"submit\"\r\n          style={{\r\n            backgroundColor: botao4 ? 'var(--orange)' : 'var(--purple)',\r\n          }}\r\n          onClick={handleUtil}\r\n        >\r\n          UTILIZADOS\r\n        </Button>\r\n      </div>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <Main>\r\n        {hasData ? (\r\n          <Paper className=\"paper\">\r\n            <div className=\"Tabela\">\r\n              <TableMap\r\n                title=\"\"\r\n                columns={[\r\n                  {\r\n                    name: 'Código QRCode',\r\n                    selector: 'codigoqrcode',\r\n                    cell: ({ codigoQRCode }: any) => (\r\n                      <div className=\"specifitcell\">{codigoQRCode}</div>\r\n                      \r\n                    ),\r\n                  },\r\n                  {\r\n                    name: 'Linha',\r\n                    selector: 'linha',\r\n                    cell: ({ linha }: any) => (\r\n                      <div className=\"specifitcell\">{linha}</div>\r\n                    ),\r\n                  },\r\n                  {\r\n                    name: 'Valor',\r\n                    selector: 'valor',\r\n                    cell: ({ valor }: any) => (\r\n                      <div className=\"specifitcell\">{`R$ ${formatCurrency(\r\n                        Number(valor),\r\n                      )}`}</div>)\r\n                  },\r\n                  {\r\n                    name: 'Data da compra',\r\n                    selector: 'datacompra',\r\n                    cell: ({ dataHoraEvento }: any) => {\r\n                      const datafinal = convertStringToDate(dataHoraEvento);\r\n\r\n                      return <div className=\"specifitcell\">{dataHoraEvento}</div>;\r\n                    }\r\n                      ,\r\n                  },\r\n                  {\r\n                    name: 'Ações / Status',\r\n                    selector: (row: any) => {\r\n                      if (!row?.codigoQRCode) return null\r\n\r\n                      switch (row?.statusUso) {\r\n                        case 0:\r\n                          return (\r\n                            <Buttons\r\n                              onClick={async () => {\r\n                                try {\r\n                                  const response = await api.get(`/ticketing/qr-code/reissue-ticket-by-value/${row?.codigoQRCode}/ `);\r\n                                  setTicket({\r\n                                    code: row?.codigoQRCode,\r\n                                    line: row?.linha,\r\n                                    value: Number(row?.valor),\r\n                                    image: response?.data?.imagemBase64,\r\n                                    dataHora: response?.data?.dataHoraFimValidadeCarga,\r\n                                    tempoExpiracao: response?.data?.tempo_expiracao\r\n                                  })\r\n                                  console.log(response?.data);\r\n                                  setLoading(true)\r\n                                  console.log({ row });\r\n                                } catch (e) {\r\n                                  console.log({ e });\r\n                                  setTicket(undefined)\r\n                                  setLoading(false)\r\n                                } finally {\r\n                                  setLoading(false)\r\n                                }\r\n                              }}\r\n                            >\r\n                              Visualizar ticket\r\n                            </Buttons>\r\n                          )\r\n                        case 1:\r\n                          return <p> Confirmada Utilização </p>\r\n                        case 2:\r\n                          return <p> Expirado </p>\r\n                        case 3:\r\n                          return <p> Ressarcido </p>\r\n                        case 4:\r\n                          return <p> Estorno Ressarcimento </p>\r\n                        default:\r\n                          return null\r\n                      }\r\n                    }\r\n                  },\r\n                ]}\r\n                data={mapHistory}\r\n              />\r\n            </div>\r\n          </Paper>\r\n        ) : (\r\n        <div className=\"nodata\">\r\n          <FiXCircle size={80} className=\"icon\" />\r\n          <h3 className=\"infonotdata\">\r\n            Sem dados disponíves para o filtro selecionado.\r\n          </h3>\r\n        </div>\r\n        )}\r\n        </Main>\r\n      )}\r\n      {ticket && (\r\n        <ModalTicket\r\n          code={ticket?.code}\r\n          line={ticket?.line}\r\n          value={ticket?.value}\r\n          closeModal={() => setTicket(undefined)}\r\n          image={ticket?.image}\r\n          dataValidade={ticket?.dataHora}\r\n          tempoExpiracao={ticket?.tempoExpiracao}\r\n          gerando\r\n        />\r\n      )}\r\n    </DivPrincipal>\r\n  );\r\n};\r\n\r\nexport { MapHistory };\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  h1,\r\n  h4 {\r\n    color: var(--purple);\r\n  }\r\n\r\n  .button-transparent {\r\n    background-color: var(--transparent) !important;\r\n    color: var(--orange) !important;\r\n    border: 1px solid var(--orange) !important;\r\n  }\r\n\r\n  .VirtualCard {\r\n    h2 {\r\n      margin: 2px 0px 2px 0px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 492px) {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .Table {\r\n    @media only screen and (max-width: 1200px) {\r\n      display: grid;\r\n      max-width: 100%;\r\n    }\r\n    @media only screen and (max-width: 395px) {\r\n      margin-left: -5%;\r\n    }\r\n    @media only screen and (max-width: 380px) {\r\n      margin-left: -10%;\r\n    }\r\n    .specifitcell {\r\n      width: 100%;\r\n    }\r\n    #cell-1-undefined {\r\n      padding: 0px 5px;\r\n      max-width: 200px;\r\n    }\r\n    #cell-2-undefined {\r\n      padding: 0px 5px;\r\n      @media only screen and (max-width: 500px) {\r\n        width: 40px;\r\n      }\r\n    }\r\n    div[data-column-id='1'] {\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 100px;\r\n      }\r\n    }\r\n    div[data-column-id='2'] {\r\n      @media only screen and (max-width: 500px) {\r\n        min-width: 20px;\r\n      }\r\n    }\r\n    div[data-column-id='3'] {\r\n      justify-content: center;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 50px;\r\n      }\r\n      @media only screen and (max-width: 400px) {\r\n        max-width: 90px;\r\n      }\r\n    }\r\n    #cell-3-undefined {\r\n      padding: 0px 5px;\r\n      max-width: 150px;\r\n      @media only screen and (max-width: 500px) {\r\n        max-width: 60px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0 60px 0;\r\n  color: var(--purple);\r\n  max-width: 100%;\r\n\r\n  .historico {\r\n    color: var(--orange);\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    margin-left: 20px;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    margin-bottom: 30px;\r\n    padding: 2px 0px 2px 0px;\r\n    @media (max-width: 492px) {\r\n      line-height: 3.5rem;\r\n    }\r\n  }\r\n  h4 {\r\n    margin-top: 30px;\r\n  }\r\n`;\r\n\r\nexport const ButtonBuy = styled.button`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  height: 48px;\r\n  padding: 14px 20px 14px 20px;\r\n  margin-right: 25px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media only screen and (max-width: 800px) {\r\n    margin-top: 10px;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: var(--purple);\r\n  color: #f2f5f7;\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: var(--white);\r\n    }\r\n  }\r\n`;\r\n\r\nexport const QrCodeButtons = styled.div`\r\n  margin-bottom: 50px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  @media (max-width: 700px) {\r\n    flex-direction: column;\r\n    margin-bottom: 50px;\r\n  }\r\n`;\r\n\r\nexport const LinkHistory = styled.a`\r\n  :hover {\r\n    color: var(--orange);\r\n  }\r\n`;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\n/* eslint-disable react/jsx-boolean-value */\r\n/* eslint-disable prefer-template */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\nimport * as React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ButtonGerarTicketQrCode } from '../../components/buttonGerarTicketQrCode';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport Loader from '../../components/Loader';\r\nimport api from '../../services/api';\r\nimport { MapHistory } from './MapHistory';\r\nimport RecargaHistorico from './RecargaHistorico';\r\nimport { ReissueTicketByValue } from './ReissueTicketByValue';\r\nimport { ButtonBuy, Container, TitleSection, QrCodeButtons, LinkHistory } from './styles';\r\nimport Card from '../../components/MyCards/Card';\r\nimport AccountsService from '../../services/accounts';\r\n\r\ninterface IQrCodeBalance {\r\n  card_number: string\r\n  id: number\r\n  nickname?: string\r\n  saldo: number\r\n}\r\n\r\nconst QrCode: React.FC = () => {\r\n  const history = useHistory()\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const [qrCodeBalance, setQrCodeBalance] = React.useState<IQrCodeBalance | undefined>(undefined);\r\n  const [newCardValue, setNewCardValue] = React.useState(undefined);\r\n  const [newCardNumber, setNewCardNumber] = React.useState(undefined);\r\n  const [qrcodeHistory, setQrcodeHistory] = React.useState(false);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n\r\n  \r\n  const QrCodeCreate = React.useCallback(async () => {\r\n    try {\r\n      const newCard = await api.post('/ticketing/qr-code/request/');\r\n      setNewCardValue(newCard);\r\n      const datas = newCard?.data?.card_number;\r\n      const newDatas = datas?.slice(0, -1) + \"-\" + datas?.slice(-1);\r\n      setNewCardNumber(newDatas)\r\n    } catch (e) {\r\n      console.log({ e });\r\n    }\r\n  },[]);\r\n\r\n  const getQrCodeBalance = React.useCallback(async () => {\r\n    try {\r\n      const { data } = await api.get(`/ticketing/qr-code/balance/`);\r\n      setQrCodeBalance(data);\r\n    } catch (e) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n  const start = React.useCallback(async () => {\r\n    try {\r\n      await QrCodeCreate();\r\n      await getQrCodeBalance();\r\n    } catch (e) {\r\n      console.log({ e });\r\n    }\r\n    \r\n  },[]);\r\n  const QrCodeHistorico = React.useCallback(() => {\r\n    if(qrcodeHistory) {\r\n      setQrcodeHistory(false);\r\n    } else if(!qrcodeHistory) {\r\n      setQrcodeHistory(true);\r\n    }\r\n\r\n  }, [qrcodeHistory]);\r\n  React.useEffect(() => {\r\n    start();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        if (\r\n          response.data.address == null ||\r\n          response.data.birth_date == null ||\r\n          response.data.cpf == null ||\r\n          response.data.email == null ||\r\n          response.data.full_name == null\r\n        )\r\n          setLoading(false);\r\n        localStorage.setItem('@Transfacil:user', JSON.stringify(response.data));\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n  if (!qrCodeBalance) return <Loader />\r\n  return (\r\n    <DashboardLayout>\r\n      <Container>\r\n        <TitleSection>\r\n          <h1>Qr Code</h1>\r\n          <Card\r\n            key={newCardValue?.data?.id}\r\n            cardNumber={newCardNumber}\r\n            saldo={qrCodeBalance?.saldo}\r\n            qrcode={true}\r\n          />\r\n          <p onClick={() => history.push(`/qr-code/RecargaHistorico`)} className='historico'>HISTÓRICO DE RECARGAS</p>\r\n        </TitleSection>\r\n        <QrCodeButtons>\r\n          <ButtonBuy\r\n            style={{ marginRight: 10}}\r\n            onClick={() => history.push(`/qr-code/${qrCodeBalance?.id}/buy`)}\r\n          >\r\n            COMPRAR QR CODE\r\n          </ButtonBuy>\r\n         <ButtonGerarTicketQrCode />\r\n         <ButtonBuy\r\n            style={{ marginRight: 10 }}\r\n            onClick={QrCodeHistorico}\r\n          >\r\n            HISTÓRICO DE QRCODES\r\n          </ButtonBuy>\r\n        </QrCodeButtons>\r\n        {/* <div className='VirtualCard'style={{ marginBottom: 10 }}>\r\n          <ReissueTicketByValue value={qrCodeBalance?.saldo} />\r\n        </div> */}\r\n        {qrcodeHistory &&\r\n          <div style={{ marginBottom: 50 }}className='Table'>\r\n            <MapHistory />\r\n          </div>\r\n        }\r\n      </Container>\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport { QrCode };\r\n","/* eslint-disable @typescript-eslint/no-empty-interface */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport * as React from 'react';\r\n\r\ninterface IInformCVV {\r\n  cvv: any;\r\n  setCvv: any;\r\n}\r\n\r\nconst InformCVV: React.FC<IInformCVV> = ({ cvv, setCvv }) => {\r\n  return (\r\n    <div>\r\n      <h1> Informe o CVV </h1>\r\n      <div\r\n        style={{\r\n          marginTop: 20,\r\n        }}\r\n      >\r\n        <input\r\n          placeholder=\"Digite aqui\"\r\n          style={{\r\n            padding: 10,\r\n            border: '1px solid purple',\r\n            borderRadius: 4,\r\n          }}\r\n          value={cvv}\r\n          type=\"number\"\r\n          onChange={(e): any => {\r\n            setCvv(e.target.value);\r\n          }}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { InformCVV };\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport * as React from 'react';\r\nimport NumberFormat from 'react-number-format';\r\nimport {\r\n  formatCurrency,\r\n  parseCurrency,\r\n} from '@brazilian-utils/brazilian-utils';\r\nimport { useState, useEffect } from 'react';\r\n\r\ninterface IInformValue {\r\n  onClick: any;\r\n  qtyInput: number;\r\n}\r\n\r\nconst InformValue: React.FC<IInformValue> = ({ onClick, qtyInput }) => {\r\n  const [valueChange, setValueChange] = useState('');\r\n\r\n  useEffect(() => {\r\n    setValueChange(formatCurrency(qtyInput));\r\n  }, [qtyInput]);\r\n  return (\r\n    <>\r\n      {/* <NumberFormat\r\n        prefix=\"R$ \"\r\n        className=\"inputcash\"\r\n        value={qtyInput}\r\n        onValueChange={(e): any => {\r\n          onClick(Number(qtyInput));\r\n        }}\r\n        thousandSeparator=\".\"\r\n        decimalSeparator=\",\"\r\n        fixedDecimalScale\r\n        decimalScale={2}\r\n        placeholder=\"R$ 0,00\"\r\n        allowNegative={false}\r\n      /> */}\r\n      <h1> Ou informe outro valor </h1>\r\n      <div\r\n        style={{\r\n          marginTop: 20,\r\n        }}\r\n      >\r\n        <input\r\n          placeholder=\"Digite aqui\"\r\n          style={{\r\n            padding: 10,\r\n            border: '1px solid purple',\r\n            borderRadius: 4,\r\n          }}\r\n          value={valueChange}\r\n          onInput={(e: any) => {\r\n            const parseNumber = parseCurrency(e.target.value);\r\n            const formatNumber = formatCurrency(parseNumber);\r\n            e.target.value = `${formatNumber.toString()}`;\r\n          }}\r\n          onChange={(e): any => {\r\n            onClick(e.target.value);\r\n          }}\r\n        />\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { InformValue };\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\nimport Loader from '../../../components/Loader';\r\nimport api from '../../../services/api';\r\n\r\ninterface IPaymentMethod {\r\n  formPayment: any;\r\n  onClick: any;\r\n}\r\n\r\nconst PaymentMethod: React.FC<IPaymentMethod> = ({ formPayment, onClick }) => {\r\n  const [loading, setLoading] = React.useState<boolean>(false);\r\n  const [paymentMethods, setPaymentMethods] = React.useState<any>([]);\r\n  const getPaymentMethod = React.useCallback(async () => {\r\n    try {\r\n      setLoading(true);\r\n      const response = await api.get(\r\n        `/ticketing/recharge-limits/?card_type=qr_code`,\r\n      );\r\n      setPaymentMethods(response?.data?.results);\r\n    } catch (e: any) {\r\n      console.log({ e });\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, []);\r\n  React.useEffect(() => {\r\n    getPaymentMethod();\r\n  }, []);\r\n  if (loading) return <Loader />;\r\n  return (\r\n    <>\r\n      <h1> Selecione a forma de pagamento </h1>\r\n      <div\r\n        style={{\r\n          marginTop: 20,\r\n          display: 'flex',\r\n          flexWrap: 'wrap',\r\n          flexDirection: 'row',\r\n        }}\r\n      >\r\n        {paymentMethods?.flatMap((form: any, i: any) => {\r\n          return (\r\n            <div\r\n              onClick={() => onClick(form)}\r\n              key={i}\r\n              style={{\r\n                cursor: 'pointer',\r\n                display: 'flex',\r\n                justifyContent: 'center',\r\n                alignItems: 'center',\r\n                height: 40,\r\n                width: 170,\r\n                marginRight: 20,\r\n                marginBottom: 20,\r\n                border: '1px solid purple',\r\n                borderRadius: 20,\r\n                backgroundColor:\r\n                  formPayment?.id === form?.id ? 'purple' : 'white',\r\n              }}\r\n            >\r\n              <h3\r\n                style={{\r\n                  color: formPayment?.id !== form?.id ? 'purple' : 'white',\r\n                }}\r\n              >\r\n                {form?.payment_type_display}\r\n              </h3>\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { PaymentMethod };\r\n","/* eslint-disable no-console */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\n\r\ninterface ISelectQuantity {\r\n  onClick: any;\r\n  qty: number;\r\n}\r\n\r\nconst SelectQuantity: React.FC<ISelectQuantity> = ({ onClick, qty }) => {\r\n  return (\r\n    <>\r\n      <h1> Selecione a quantidade </h1>\r\n      <div\r\n        style={{\r\n          marginTop: 20,\r\n          display: 'flex',\r\n          flexWrap: 'wrap',\r\n          flexDirection: 'row',\r\n        }}\r\n      >\r\n        {[1, 2, 4, 6, 10].flatMap((value: number, i: number) => (\r\n          <div\r\n            onClick={() => {\r\n              onClick(value);\r\n            }}\r\n            key={i}\r\n            style={{\r\n              cursor: 'pointer',\r\n              display: 'flex',\r\n              justifyContent: 'center',\r\n              alignItems: 'center',\r\n              height: 40,\r\n              width: 150,\r\n              marginRight: 20,\r\n              marginBottom: 20,\r\n              border: '1px solid purple',\r\n              borderRadius: 20,\r\n              backgroundColor: qty === value ? 'purple' : 'white',\r\n            }}\r\n          >\r\n            <h3 style={{ color: qty !== value ? 'purple' : 'white' }}>\r\n              {value}\r\n            </h3>\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { SelectQuantity };\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  h1,\r\n  h4 {\r\n    color: var(--purple);\r\n  }\r\n\r\n  .button-transparent {\r\n    background-color: var(--transparent) !important;\r\n    color: var(--orange) !important;\r\n    border: 1px solid var(--orange) !important;\r\n  }\r\n`;\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0 60px 0;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n    @media (max-width: 492px) {\r\n      line-height: 3.5rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ModalContentBanner = styled.div`\r\n  height: 300px;\r\n  width: 500px;\r\n  padding: 0px 10px 20px 10px;\r\n  text-align: center;\r\n  h2 {\r\n    font-weight: 14px;\r\n  }\r\n  p {\r\n    font-weight: 12px;\r\n    padding-bottom: 10px;\r\n  }\r\n`;\r\n\r\nexport const Buttons = styled.button`\r\n  background: var(--purple);\r\n  border-radius: 20px;\r\n  min-width: 200px;\r\n  padding: 14px 23px 14px 23px;\r\n  margin-right: 25px;\r\n  color: var(--text);\r\n  align-items: center;\r\n  @media (max-width: 940px) {\r\n    margin-bottom: 1rem;\r\n  }\r\n  @media (max-width: 500px) {\r\n    width: 100%;\r\n  }\r\n  @media (max-width: 315px) {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  background: var(--purple);\r\n  color: #f2f5f7;\r\n  svg {\r\n    margin-bottom: 10px;\r\n\r\n    path {\r\n      fill: var(--white);\r\n    }\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  h3 {\r\n    color: var(--purple);\r\n    margin-bottom: 5px;\r\n  }\r\n  .value {\r\n    color: #000000;\r\n    font-weight: 600;\r\n  }\r\n`;\r\n","import { formatCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport * as React from 'react';\r\nimport { Container } from './style';\r\n\r\ninterface ISummaryValue {\r\n  balance?: number;\r\n  rate?: number;\r\n}\r\n\r\nconst SummaryValue: React.FC<ISummaryValue> = ({\r\n  balance = 10.0,\r\n  rate = 0,\r\n}) => {\r\n  const balanceRate = (balance / 100) * rate;\r\n  const total = balance + balanceRate;\r\n  return (\r\n    <Container>\r\n      <h3>\r\n        Saldo: <span className=\"value\"> R$ {formatCurrency(balance)} </span>\r\n      </h3>\r\n      <h3>\r\n        Taxa: <span className=\"value\"> {rate}% </span>\r\n      </h3>\r\n      <h3>\r\n        Total: <span className=\"value\"> R$ {formatCurrency(total)} </span>\r\n      </h3>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport { SummaryValue };\r\n","import styled from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n  .cards-container {\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    box-sizing: border-box;\r\n    &:before,\r\n    &after {\r\n      content: '';\r\n      display: table;\r\n    }\r\n    &:after {\r\n      clear: both;\r\n    }\r\n    margin-top: 20px;\r\n    @media (max-width: 1024px) {\r\n      flex-wrap: wrap;\r\n      width: 50%;\r\n    }\r\n    @media (max-width: 650px) {\r\n      flex-wrap: wrap;\r\n      width: 100%;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AddCard = styled.div`\r\n  background: #f2f5f7;\r\n  height: 10rem;\r\n  width: 100% !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 22px;\r\n  margin-right: 1em;\r\n  margin-bottom: 1em;\r\n  width: 29%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n\r\n  &:hover {\r\n    background: #e6e6e6;\r\n  }\r\n\r\n  span {\r\n    font-family: Source Sans Pro;\r\n    font-style: normal;\r\n    font-weight: normal;\r\n    font-size: 16px;\r\n    line-height: 24px;\r\n\r\n    text-align: center;\r\n    letter-spacing: 0.18px;\r\n    text-transform: uppercase;\r\n\r\n    color: #a1aeb7;\r\n  }\r\n\r\n  img {\r\n    margin-bottom: 15px;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\ninterface CardProps {\r\n  selected?: boolean;\r\n}\r\n\r\nexport const Container = styled.div<CardProps>`\r\n  height: 10rem;\r\n  width: 100% !important;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background: linear-gradient(180deg, #ffc2b0 0%, #dc582a 100%);\r\n  border-radius: 22px;\r\n  margin-right: 1em;\r\n  margin-bottom: 1em;\r\n  width: 29%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  transform: scale(1);\r\n\r\n  &:hover {\r\n    transform: scale(1.03);\r\n    box-shadow: 0px 10px 6px #00000029;\r\n  }\r\n\r\n  ${props =>\r\n    props.selected &&\r\n    `\r\n    transform: scale(1.03);\r\n    box-shadow: 0px 10px 6px #00000029;\r\n    background: var(--purple);\r\n  `};\r\n\r\n  svg {\r\n    font-size: 2.5em;\r\n\r\n    path {\r\n      opacity: 0.6;\r\n      fill: #ffffff;\r\n    }\r\n  }\r\n  .FormControl {\r\n    color: var(--white);\r\n  }\r\n`;\r\n\r\nexport const Nickname = styled.p`\r\n  font-family: Source Sans Pro;\r\n  font-style: normal;\r\n  font-weight: normal;\r\n  font-size: 14px;\r\n  line-height: 1rem;\r\n  margin-bottom: 0.5em;\r\n  text-align: center;\r\n  letter-spacing: 0.18px;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n  @media (max-width: 315px) {\r\n    line-height: 1.5rem;\r\n  }\r\n`;\r\n\r\nexport const CardNumber = styled.span`\r\n  font-family: Source Sans Pro;\r\n  font-style: normal;\r\n  font-weight: bold;\r\n  font-size: 1em;\r\n  margin-bottom: 0.5em;\r\n  line-height: 32px;\r\n  text-align: center;\r\n  letter-spacing: 0.18px;\r\n  text-transform: uppercase;\r\n  color: #ffffff;\r\n`;\r\n","import React, { HTMLAttributes } from 'react';\r\nimport CreditCardIcon from '@material-ui/icons/CreditCard';\r\nimport { Container, Nickname, CardNumber } from './styles';\r\n\r\ninterface CardProps extends HTMLAttributes<HTMLElement> {\r\n  nickname: string;\r\n  cardNumber: string;\r\n  selected?: boolean;\r\n}\r\n\r\nconst Card: React.FC<CardProps> = ({\r\n  nickname,\r\n  cardNumber,\r\n  selected,\r\n  ...rest\r\n}) => {\r\n  // const [checked, setChecked] = useState<boolean>(true);\r\n  // const toggleChecked = () => {\r\n  //   if (checked) {\r\n  //     setChecked(false);\r\n  //   } else {\r\n  //     setChecked(true);\r\n  //   }\r\n  // };\r\n\r\n  // const theme = createMuiTheme({\r\n  //   palette: {\r\n  //     primary: orange,\r\n  //   },\r\n  // });\r\n\r\n  return (\r\n    <>\r\n      <Container {...rest} selected={selected}>\r\n        <Nickname>{nickname}</Nickname>\r\n        <CardNumber>{cardNumber}</CardNumber>\r\n        <CreditCardIcon />\r\n        {/* <ThemeProvider theme={theme}>\r\n          <FormGroup>\r\n            <FormControlLabel\r\n              control={\r\n                <Switch\r\n                  checked={checked}\r\n                  onChange={toggleChecked}\r\n                  color=\"primary\"\r\n                />\r\n              }\r\n              label=\"Cartão Ativo\"\r\n              color=\"secondary\"\r\n              className=\"FormControl\"\r\n            />\r\n          </FormGroup>\r\n        </ThemeProvider> */}\r\n      </Container>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Card;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, { useEffect } from 'react';\r\n\r\nimport { Container, AddCard } from './styles';\r\nimport Card from './Card';\r\n\r\nimport { Column } from '../../../styles/components';\r\nimport Add from '../../../assets/MyCards/addcard.svg';\r\n\r\nimport TicketingService from '../../../services/ticketing';\r\nimport AddPaymentCard from '../../../components/MyCards/AddPaymentCard';\r\n\r\ninterface CardListProps {\r\n  setSelectCard: any;\r\n  selectCard: any\r\n}\r\n\r\nconst ListCard: React.FC<CardListProps> = ({ setSelectCard, selectCard, ...rest }) => {\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [show, setShow] = React.useState(false);\r\n  const [cards, setCards] = React.useState<any[]>([]);\r\n\r\n  const getCards = React.useCallback(async () => {\r\n    try {\r\n      // setLoading(true);\r\n      const response = await services.ticketingService.getPaymentForm();\r\n\r\n      setCards(response?.data?.results);\r\n    } catch (err) {\r\n      console.log({ err });\r\n    } finally {\r\n      // setLoading(false);\r\n    }\r\n  }, []);\r\n  useEffect(() => {\r\n    getCards();\r\n  }, []);\r\n\r\n  return (\r\n    <Container {...rest}>\r\n      <AddPaymentCard\r\n        show={show}\r\n        title=\"Adicionar Cartão\"\r\n        handleClose={() => setShow(false)}\r\n        handleAdd={() => getCards()}\r\n      />\r\n      {cards && (\r\n        <>\r\n          <div className=\"cards-container\">\r\n            <Column small=\"12\" medium=\"4\" large=\"3\">\r\n              <AddCard onClick={() => setShow(!show)}>\r\n                <img src={Add} alt=\"cadastrar cartao\" />\r\n                <span>CADASTRAR NOVO CARTÃO</span>\r\n              </AddCard>\r\n            </Column>\r\n            {cards.filter((card: any) => {\r\n              if (card.is_active && card.payment_type === 'credit_card') {\r\n                return true;\r\n              }\r\n              return false\r\n            }).map((card: any) => (\r\n              <Column key={card.id} small=\"12\" medium=\"4\" large=\"3\">\r\n                <div\r\n                  role=\"button\"\r\n                  onClick={() => setSelectCard(card)}\r\n                  onKeyDown={() => setSelectCard(card)}\r\n                  key={card.id}\r\n                  tabIndex={-1}\r\n                >\r\n                  <Card\r\n                    selected={selectCard?.id === card?.id}\r\n                    nickname={card?.titular_name}\r\n                    cardNumber={card?.card_number_display}\r\n                  />\r\n                </div>\r\n              </Column>\r\n            ))}\r\n          </div>\r\n        </>\r\n      )}\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default ListCard;\r\n","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  height: 125vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 1024px) {\r\n    height: 155vh;\r\n  }\r\n  @media (max-width: 677px) {\r\n    height: 150vh;\r\n  }\r\n  @media (max-width: 500px) {\r\n    height: 165vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    height: 95%;\r\n    padding: 5px 40px 10px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n    padding: 10px;\r\n    @media (max-width: 850px) {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useEffect } from 'react';\r\nimport IconCopy from '../../../assets/MyCards/iconCopy.svg';\r\nimport { ModalPixPagamento } from './styles';\r\n\r\ninterface ModalPixProps {\r\n  show: boolean;\r\n  codeExpiration: any;\r\n  codePix: any;\r\n  codeImage: any;\r\n  closeModal(): void;\r\n}\r\n\r\nconst ModalPix: React.FC<ModalPixProps> = ({\r\n  show = false,\r\n  codeExpiration,\r\n  codePix,\r\n  codeImage,\r\n  closeModal,\r\n}) => {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const dataExp = codeExpiration?.split('T')[0];\r\n  const dataBra = dataExp?.split('-').reverse().join('/');\r\n\r\n  function copiarTexto() {\r\n    navigator.clipboard.writeText(codePix);\r\n    const element: HTMLElement = document.getElementById('copy') as HTMLElement;\r\n    element.innerHTML = 'Copiado';\r\n    element.style.background = '#D3D3D3';\r\n    element.style.color = 'var(--purple)';\r\n    element.style.fontWeight = 'bold';\r\n  }\r\n\r\n  if (!show) return null;\r\n\r\n  return (\r\n    <ModalPixPagamento>\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div className=\"row\">\r\n          <h2>Para finalizar sua compra é só realizar o pagamento com Pix!</h2>\r\n          <p>\r\n            O código é válido até&nbsp;\r\n            <strong>{dataBra}</strong>\r\n            &nbsp;às&nbsp;\r\n            <strong>\r\n              {codeExpiration?.split('T')[1].split(':', 1)}:\r\n              {codeExpiration?.split('T')[1].split(':')[1]}\r\n            </strong>\r\n          </p>\r\n          <img\r\n            src={codeImage}\r\n            alt=\"\"\r\n            style={{\r\n              width: '180px',\r\n              marginTop: '20px',\r\n            }}\r\n          />\r\n          <div className=\"code\">{codePix}</div>\r\n          <button\r\n            type=\"button\"\r\n            id=\"copy\"\r\n            onClick={copiarTexto}\r\n            className=\"buttonCopy\"\r\n          >\r\n            <img\r\n              src={IconCopy}\r\n              alt=\"\"\r\n              style={{\r\n                width: '28px',\r\n                marginRight: '10px',\r\n              }}\r\n            />\r\n            Copiar código\r\n          </button>\r\n          <p style={{ marginTop: '10px', width: '95%' }}>\r\n            <strong>\r\n              Se o pagamento não for confirmado, não se preocupe. O pedido será\r\n              cancelado automaticamente.\r\n            </strong>\r\n          </p>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '30px',\r\n          }}\r\n        >\r\n          <div className=\"number\">1</div>\r\n          <div>Copie o código de pagamento no botão acima</div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">2</div>\r\n          <div>\r\n            Abra o app ou banco de sua preferência e cole o código. Confira\r\n            todas as informações e autorize o pagamento.\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">3</div>\r\n          <div>\r\n            Pronto! Você vai receber a confirmação de pagamento por aqui\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalPix;\r\n","/* eslint-disable indent */\r\n/* eslint-disable implicit-arrow-linebreak */\r\n/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: none;\r\n  z-index: 2;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  img {\r\n    margin-top: 30px;\r\n    height: 60px;\r\n  }\r\n\r\n  section {\r\n    display: flex;\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    border-radius: 10px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    width: 38vw;\r\n\r\n    @media screen and (max-width: 760px) {\r\n      width: 80%;\r\n    }\r\n    @media screen and (min-width: 761px) and (max-width: 1300px) {\r\n      width: 60%;\r\n    }\r\n    height: auto;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    p {\r\n      a {\r\n        color: #2a41c1;\r\n      }\r\n    }\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .title {\r\n      padding-top: 20px;\r\n      padding-bottom: 5px;\r\n      h1 {\r\n        color: var(--orange);\r\n      }\r\n    }\r\n\r\n    .close-container {\r\n      position: fixed;\r\n      top: 13px;\r\n      right: 24px;\r\n      color: var(--title-higlight);\r\n      background: transparent;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      svg {\r\n        margin-top: 4px;\r\n        color: var(--black);\r\n\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .modal-body {\r\n      padding: 20px;\r\n      padding-top: 30px;\r\n      width: 100%;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n\r\n      font-size: 20px;\r\n      font-weight: bold;\r\n      p {\r\n        max-width: 900px;\r\n      }\r\n      Button {\r\n        border-radius: 20px !important;\r\n      }\r\n      .resetPassword {\r\n        border-radius: 10px !important;\r\n      }\r\n    }\r\n\r\n    .react-select__placeholder {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__menu {\r\n      font-size: 18px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .react-select__control {\r\n      height: 45px;\r\n    }\r\n  }\r\n\r\n  ${(props) =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n","/* eslint-disable react/no-unused-prop-types */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable react/require-default-props */\r\nimport React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { Container } from './styles';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  title?: string;\r\n  icon?: any;\r\n  success?: boolean;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst ModalText: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n  title,\r\n  icon,\r\n  children,\r\n}) => (\r\n  <Container show={show}>\r\n    <section className=\"modal-main\">\r\n      <>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={25} onClick={handleClose} />\r\n        </button>\r\n        {icon && <img src={icon} alt=\"icon\" />}\r\n\r\n        {title && (\r\n          <div className=\"title\">\r\n            <h1>{title}</h1>\r\n          </div>\r\n        )}\r\n        <div className=\"modal-body\">{children}</div>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default ModalText;\r\n","/* eslint-disable prettier/prettier */\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\ninterface ContainerProps {\r\n  success?: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  show: boolean;\r\n}\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nconst ContainerTypeVariations = {\r\n  success: css`\r\n    /* width: 100%; */\r\n  `,\r\n  error: css`\r\n    height: 7rem;\r\n  `,\r\n};\r\n\r\nexport const Container = styled.div<ContainerProps>`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: none;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  section {\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n\r\n    border-radius: 15px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    text-align: center;\r\n\r\n    width: 60%;\r\n    height: auto;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    p {\r\n      a {\r\n        color: #2a41c1;\r\n      }\r\n    }\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n    padding: 40px;\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    .close-container {\r\n      position: fixed;\r\n      top: -40px;\r\n      right: 0;\r\n      color: var(--title-higlight);\r\n      background: transparent;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      svg {\r\n        margin-top: 4px;\r\n        color: var(--white);\r\n\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    ${props =>\r\n    props.success &&\r\n    css`\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #5eb245;\r\n        padding: 40px;\r\n        animation: ${EasyIn} 0.5s;\r\n        .close-container {\r\n          position: fixed;\r\n          top: -40px;\r\n          right: 0;\r\n          color: var(--white);\r\n          background: transparent;\r\n\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          svg {\r\n            margin-top: 4px;\r\n            color: var(--white);\r\n\r\n            cursor: pointer;\r\n          }\r\n        }\r\n\r\n        p {\r\n          font-size: 1.5rem;\r\n          color: var(--white);\r\n          margin-top: 17px;\r\n        }\r\n      `}\r\n\r\n    .modal-header {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--dark-blue);\r\n      height: 65px;\r\n      border-top-left-radius: 15px;\r\n      border-top-right-radius: 15px;\r\n      font: normal normal bold 26px/34px IBM Plex Sans;\r\n      color: var(--white);\r\n\r\n      span {\r\n        margin-right: 13px;\r\n      }\r\n\r\n      .close-container {\r\n        position: fixed;\r\n        top: -40px;\r\n        right: 0;\r\n        font: normal normal bold 26px/34px IBM Plex Sans;\r\n        color: var(--white);\r\n        background: transparent;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        svg {\r\n          margin-top: 4px;\r\n          color: var(--white);\r\n\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n\r\n    .modal-body {\r\n      padding: 15px;\r\n      overflow: auto;\r\n      max-height: 80vh;\r\n      font: 400 1rem 'Source Sans Pro', sans-serif;\r\n\r\n      ${props => ContainerTypeVariations[props.typeModal]}\r\n\r\n      p {\r\n        a {\r\n          color: blue !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ${props =>\r\n    props.show &&\r\n    css`\r\n      display: block;\r\n    `}\r\n`;\r\n","import React from 'react';\r\nimport { FiX } from 'react-icons/fi';\r\nimport { FaCheckCircle } from 'react-icons/fa';\r\n\r\nimport { Container } from './styles';\r\n\r\ninterface ModalInterface {\r\n  handleClose(): void;\r\n  show: boolean;\r\n  typeModal?: 'success' | 'error';\r\n  success?: boolean;\r\n  successText: string;\r\n}\r\n\r\nconst ModalSucess: React.FC<ModalInterface> = ({\r\n  handleClose,\r\n  show,\r\n  success,\r\n  successText,\r\n  children,\r\n  typeModal,\r\n}) => (\r\n  <Container show={show} success={success} typeModal={typeModal}>\r\n    <section className=\"modal-main\">\r\n      <>\r\n        {typeModal === 'success' ? (\r\n          <FaCheckCircle color=\"#ffffff\" size={86} />\r\n        ) : (\r\n          <FiX color=\"red\" size={86} />\r\n        )}\r\n        <p>{successText}</p>\r\n        <p>{children}</p>\r\n        <button type=\"button\" className=\"close-container\" onClick={handleClose}>\r\n          <FiX size={25} onClick={handleClose} />\r\n        </button>\r\n      </>\r\n    </section>\r\n  </Container>\r\n);\r\n\r\nexport default ModalSucess;\r\n","/* eslint-disable @typescript-eslint/no-empty-function */\r\n/* eslint-disable react/no-unescaped-entities */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-console */\r\nimport React, {useState, useEffect, useCallback} from 'react';\r\nimport { useHistory, useLocation, useParams } from 'react-router-dom';\r\nimport { parseCurrency } from '@brazilian-utils/brazilian-utils';\r\nimport DashboardLayout from '../../components/DashboardLayout';\r\nimport api from '../../services/api';\r\nimport { InformCVV } from './InformCVV';\r\nimport { InformValue } from './InformValue';\r\nimport { PaymentMethod } from './PaymentMethod';\r\nimport { SelectQuantity } from './SelectQuantity';\r\nimport { Buttons, Container, ModalContentBanner, TitleSection } from './styles';\r\nimport { SummaryValue } from './SummaryValue';\r\nimport TicketingService, { Card } from '../../services/ticketing';\r\nimport Loader from '../../components/Loader';\r\nimport ListCard from './ListCard';\r\nimport ModalPix from './ModalPix';\r\nimport { useToast } from '../../hooks/toast';\r\nimport { useLoader } from '../../hooks/loader';\r\nimport Modal from '../../components/Modal';\r\nimport { formatPrice } from '../../utils/currencyFormatter';\r\nimport FormPayment from '../../components/FormOfPayment/FormPayment';\r\nimport ModalText from './Modal';\r\nimport Button from '../../components/Button';\r\nimport AccountsService from '../../services/accounts';\r\nimport ModalSucess from './ModalSucess';\r\n\r\nconst BuyQrCode: React.FC = () => {\r\n  const params: any = useParams()\r\n  const [qty, setQty] = React.useState<number>(0);\r\n  const [qtyInput, setQtyInput] = React.useState<string>('0.0');\r\n  const [formPayment, setFormPayment] = React.useState<any>(undefined);\r\n  const [selectCard, setSelectCard] = React.useState<any>(undefined);\r\n  const [higherFee, setHigherFee] = React.useState(0);\r\n  const [cvv, setCvv] = React.useState('');\r\n  const [modalPixOpen, setModalPixOpen] = React.useState(false);\r\n  const [pixImage, setPixImage] = React.useState(undefined)\r\n  const [pixCode, setPixCode] = React.useState(undefined)\r\n  const [pixExpiration, setPixExpiration] = React.useState(undefined)\r\n  const [showSuccess, setShowSuccess] = useState<boolean>(false);\r\n  const [successType, setSuccessType] = useState<boolean>(false);\r\n  const [loading, setLoading] = useState(true);\r\n  const [cardtax, setCardtax] = useState<number>();\r\n  const [boletotax, setBoletotax] = useState<number>();\r\n  const [pixtax, setPixtax] = useState<number>();\r\n  const [finaltax, setFinaltax] = useState<number>();\r\n  const [modalPhone, setModalPhone] = useState<boolean>(false);\r\n  const [modalCpf, setModalCpf] = useState<boolean>(false);\r\n  const [phones, setPhones] = React.useState([]);\r\n  const [cpfs, setCpfs] = React.useState([]);\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const [successTypeCredit, setSuccessTypeCredit] = useState(\"\");\r\n\r\n  const { addToast } = useToast();\r\n  const { changeLoader } = useLoader();\r\n  const services = { ticketingService: new TicketingService() };\r\n  const history = useHistory()\r\n  const { push } = useHistory();\r\n\r\n  const resetPay = React.useCallback(() => {\r\n    setQty(0)\r\n    setQtyInput('0.0');\r\n    setFormPayment(undefined);\r\n    setSelectCard(undefined);\r\n    setCvv('');\r\n  }, [])\r\n\r\n  const closeModal = useCallback(() => {\r\n    setModalPixOpen(false);\r\n    push('/qr-code/RecargaHistorico');\r\n  }, [push]);\r\n\r\n\r\n  useEffect(() => {\r\n  }, [successType, pixImage, pixCode, pixExpiration, modalPixOpen])\r\n\r\n  const handleRedirect = useCallback(\r\n    pathLink => {\r\n      push(pathLink);\r\n    },\r\n    [push],\r\n  );\r\n\r\n\r\n  const handleSubmit = React.useCallback(async () => {\r\n    try {\r\n      if (!phones || !cpfs) {\r\n        if (!phones) {\r\n          setModalPhone(true);\r\n        } else {\r\n          setModalCpf(true);\r\n        }\r\n      } else {\r\n        if (formPayment.payment_type === 'credit_card' && Number( qty > 0 ? qty * higherFee : qtyInput ) > Number(formPayment?.maximum)) {\r\n          addToast({\r\n            type: 'info',\r\n            title: `Limite Máximo de Recarga Por Cartão de crédito é de ${formPayment?.maximum}`,\r\n          });\r\n          return;\r\n        }\r\n  \r\n        if (cvv.length < 3 && formPayment.payment_type === 'credit_card') {\r\n          addToast({\r\n            type: 'error',\r\n            title: 'CVV não informado',\r\n          });\r\n          return;\r\n        }\r\n  \r\n        if (formPayment.payment_type === 'pix' && Number( qty > 0 ? qty * higherFee : qtyInput ) > Number(formPayment?.maximum) ) {\r\n          addToast({\r\n            type: 'info',\r\n            title: `Limite Máximo de Recarga Pelo Meio de Pagamento PIX é de R$${formPayment?.maximum}`,\r\n          });\r\n          return;\r\n        }\r\n  \r\n        changeLoader(true);\r\n    \r\n        let formsOfPayment;\r\n        if (formPayment?.id === 8 || formPayment?.id === 3) {\r\n          formsOfPayment = await api.get(`/ticketing/forms-of-payment/?payment_type=${formPayment.payment_type}`)\r\n        }\r\n        \r\n        const form_of_payment = formsOfPayment?.data?.results[0]\r\n  \r\n  \r\n        const response = await services.ticketingService.rechargeCard(\r\n          params?.id,\r\n          formPayment?.id === 1 ? selectCard?.id : form_of_payment?.id,\r\n          (qty > 0) ? (qty * higherFee) : parseCurrency(qtyInput),\r\n          cvv,\r\n        );\r\n  \r\n        if (formPayment.payment_type === 'pix') {\r\n          setModalPixOpen(true);\r\n          setPixImage(response.data.pix_image_link);\r\n          setPixCode(response.data.pix_copy_paste);\r\n          setPixExpiration(response.data.pix_expiration);\r\n        } else {\r\n          setModalPixOpen(false);\r\n        }\r\n\r\n        if (formPayment.payment_type === 'credit_card') {\r\n          setSuccessTypeCredit('credit_card');\r\n          setShowSuccess(true)\r\n        }\r\n      }\r\n      \r\n\r\n      changeLoader(false);\r\n    \r\n\r\n      resetPay()\r\n    \r\n    } catch (err: any) {\r\n      changeLoader(false);\r\n      const { ...error } = err;\r\n      console.log(error);\r\n      if (error?.response?.data?.detail === \"Cartão bloqueado.\") {\r\n        addToast({\r\n          type: 'error',\r\n          title: `${error?.response?.data?.detail}`,\r\n          description:\r\n            error?.response?.data?.detail &&\r\n            `${error?.response?.data?.detail}`,\r\n        });\r\n      } else {\r\n        addToast({\r\n          type: 'error',\r\n          title: `${error?.response?.data?.message}`,\r\n          description:\r\n            error?.response?.data?.sub_message &&\r\n            `${error?.response?.data?.sub_message}`,\r\n        });\r\n      }\r\n      \r\n    }\r\n  }, [ qty, qtyInput, formPayment, cvv, selectCard, higherFee,successType, pixImage, pixCode, pixExpiration, modalPixOpen]);\r\n\r\n  const getQrCodeHigherFee = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get('/core/qr-code/higher-fee/');\r\n      setHigherFee(response?.data?.higher_fee || 0);\r\n    } catch (e) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n  async function asyncGetBoletoLimit() {\r\n    try {\r\n      setLoading(true);\r\n      const response = await services.ticketingService.getBoletoLimit();\r\n\r\n      const cardLimit = response.data.results.filter(\r\n        (billet: any) => billet.payment_type === 'credit_card',\r\n      );\r\n\r\n      const pixLimit = response.data.results.filter(\r\n        (billet: any) => billet.payment_type === 'pix',\r\n      );\r\n\r\n      setCardtax(cardLimit[0]?.rate);\r\n      setPixtax(pixLimit[0]?.rate);\r\n\r\n      if (formPayment.payment_type === 'credit_card') {\r\n        setFinaltax(cardtax);\r\n      } else {\r\n        setFinaltax(pixtax);\r\n      }\r\n\r\n      setLoading(false);\r\n    } catch (err) {\r\n      setLoading(false);\r\n      console.error(err);\r\n    }\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    getQrCodeHigherFee();\r\n    asyncGetBoletoLimit();\r\n  }, [params,selectCard,formPayment, cvv ]);\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setPhones(response?.data?.phone);\r\n        setCpfs(response?.data?.cpf);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        console.error(err);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      <Container>\r\n        <TitleSection>\r\n          <h1>Comprar Qr Code</h1>\r\n        </TitleSection>\r\n        <div style={{ marginBottom: 30 }}>\r\n          <SelectQuantity\r\n            onClick={async (value: number) => {\r\n              if (parseCurrency(qtyInput) > 0) setQtyInput('0.0');\r\n              setQty(value);\r\n            }}\r\n            qty={qty}\r\n          />\r\n        </div>\r\n\r\n        <div style={{ marginBottom: 50 }}>\r\n          <InformValue\r\n            qtyInput={parseCurrency(qtyInput)}\r\n            onClick={(value: string): any => {\r\n              if (qty > 0) setQty(0);\r\n              setQtyInput(value);\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        {(qty > 0 || parseCurrency(qtyInput) > 0) && (\r\n          <div style={{ marginBottom: 30 }}>\r\n            <PaymentMethod\r\n              formPayment={formPayment}\r\n              onClick={(data: any): any => {\r\n                setFormPayment(data);\r\n              }}\r\n            />\r\n            {formPayment?.id === 1 && (\r\n              <div style={{ marginBottom: 20 }}>\r\n                <div\r\n                  style={{ color: 'var(--orange)' }}\r\n                  >\r\n                  * Atenção! As compras na modalidade cartão de crédito\r\n                  estão limitados a 1 compra diária por usuário.\r\n                </div>\r\n                <div>\r\n                  <ListCard setSelectCard={setSelectCard} selectCard={selectCard} />\r\n                </div>\r\n                {selectCard && (\r\n                  <div style={{ marginTop: 20 }}>\r\n                    <InformCVV cvv={cvv} setCvv={setCvv} />\r\n                  </div>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {formPayment && ((formPayment?.id === 1 && cvv !== '') || formPayment?.id !== 1) && (qty > 0 || parseCurrency(qtyInput) > 0) && (\r\n          <>\r\n            <div style={{ marginBottom: 50 }}>\r\n              <SummaryValue\r\n                balance={qty > 0 ? qty * higherFee : parseCurrency(qtyInput)}\r\n                rate={finaltax}\r\n              />\r\n            </div>\r\n            <div\r\n              style={{\r\n                border: '2px solid var(--orange)',\r\n                borderRadius: '10px',\r\n                fontSize: '12px',\r\n                color: 'var(--orange)',\r\n                width: 'auto',\r\n                maxWidth: '800px',\r\n                marginTop: '10px',\r\n                marginBottom: '40px',\r\n                padding: '5px',\r\n              }}\r\n            >\r\n              <span>\r\n                <h1\r\n                  style={{\r\n                    color: 'var(--orange)',\r\n                    fontSize: '14px',\r\n                  }}\r\n                >\r\n                  *Atenção!\r\n                </h1>\r\n                <p>\r\n                  Compra de saldo para gerar sua passagem por QR CODE e utilizar na\r\n                  linha desejada.\r\n                </p>\r\n                <p>\r\n                  Modalidade EXCLUSIVA para PASSAGENS POR QR CODE, não sendo válida\r\n                  para recarga do cartão físico.\r\n                </p>\r\n                <p>\r\n                  Após a recarga não é possível realizar a transferência de crédito\r\n                  para outros meios de embarque.\r\n                </p>\r\n                <p>\r\n                  Os QR Codes gerados possuem validade de 30 minutos, após o período\r\n                  sua utilização é invalidada e os créditos retornam ao seu saldo de\r\n                  QR Codes em até 48h.\r\n                </p>\r\n                <p>\r\n                  QR Codes não são válidos para as regras de integração e podem ser\r\n                  utilizados apenas no sistema municipal de Belo Horizonte.\r\n                </p>\r\n                <p>\r\n                  Não disponível para as linhas suplementares e estações de metrô.\r\n                </p>\r\n              </span>\r\n            </div>\r\n            <Buttons onClick={() => handleSubmit()}>Confirmar compra</Buttons>\r\n          </>\r\n        )}\r\n        {modalPhone && (\r\n        <ModalText\r\n          handleClose={() => setModalPhone(false)}\r\n          show={modalPhone}\r\n          title=\"Telefone não Cadastrado\"\r\n        >\r\n          <ModalContentBanner>\r\n            <p>\r\n              Verificamos que não há um telefone valido cadastrado no seu\r\n              usuário. O telefone junto aos outros dados cadastrados são de\r\n              grande importância que estejam sempre atualizados.\r\n            </p>\r\n            <p>Por favor, cadastre um número de telefone valido.</p>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )}\r\n      {modalCpf && (\r\n        <ModalText\r\n          handleClose={() => setModalCpf(false)}\r\n          show={modalCpf}\r\n          title=\"CPF Não Cadastrado\"\r\n        >\r\n          <ModalContentBanner>\r\n            <p>\r\n              Verificamos que não há um cpf cadastrado no seu usuário. O cpf\r\n              junto aos outros dados cadastrados são de grande importância que\r\n              estejam sempre corretos.\r\n            </p>\r\n            <p>Por favor, cadastre um número de cpf valido.</p>\r\n            <Button\r\n              color=\"orange\"\r\n              padding=\"3.1\"\r\n              rounded\r\n              className=\"button-confirmar\"\r\n              type=\"button\"\r\n              onClick={() => handleRedirect('/meu-perfil')}\r\n              style={{\r\n                marginTop: '50px',\r\n                minHeight: '20px',\r\n              }}\r\n            >\r\n              CADASTRAR\r\n            </Button>\r\n          </ModalContentBanner>\r\n        </ModalText>\r\n      )}\r\n\r\n        {/* {showSuccess && successType !== 'pix' && (\r\n        <Modal\r\n          title='Success Cartão de Credito'\r\n          handleClose={() => closeModal()}\r\n          success\r\n          show={showSuccess}\r\n        >\r\n          {successType === 'credit_card' && (\r\n            <>\r\n              <h1>Pedido de compra de QRCode recebido com sucesso!</h1>\r\n              <br /> Na tela de \"QRCode\" você consegue acompanhar o status\r\n              da sua compra.\r\n            </>\r\n          )}\r\n        </Modal>\r\n      )}\r\n      {showSuccess && successType === 'pix' && (\r\n        <>\r\n          <ModalPix\r\n            closeModal={() => closeModal()}\r\n            codeExpiration={pixExpiration}\r\n            codePix={pixCode}\r\n            codeImage={pixImage}\r\n            show={modalPixOpen}\r\n          />\r\n        </>\r\n      )} */}\r\n      </Container>\r\n      {showSuccess && (\r\n        <ModalSucess\r\n          handleClose={() => closeModal()}\r\n          success\r\n          show={showSuccess}\r\n          successText=\"\"\r\n          typeModal=\"success\"\r\n        >\r\n          {successTypeCredit === 'credit_card' && (\r\n            <>\r\n              <h1>Pedido de recarga recebido com sucesso.</h1>\r\n              <br /> * Atenção! As compras na modalidade cartão de crédito estão\r\n              limitados a 1 compra diária por usuário.\r\n            </>\r\n          )}\r\n        </ModalSucess>\r\n      )}\r\n      {modalPixOpen && (\r\n        <ModalPix\r\n          show={modalPixOpen}\r\n          closeModal={closeModal}\r\n          codeExpiration={pixExpiration}\r\n          codePix={pixCode}\r\n          codeImage={pixImage}\r\n        />\r\n      )}\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport { BuyQrCode };\r\n","import styled, { keyframes } from 'styled-components';\r\n\r\nconst EaseTopDown = keyframes`\r\n  from{ opacity:0;top:0; }\r\n  to{ opacity:1;top:20%;}\r\n`;\r\n\r\nconst EasyIn = keyframes`\r\n  from{ opacity:0; }\r\n  to{ opacity:1; }\r\n`;\r\n\r\nexport const ModalUpdate = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  display: block;\r\n  z-index: 100000000000000;\r\n  animation: ${EasyIn} 0.3s;\r\n\r\n  section {\r\n    position: fixed;\r\n    background: #ffffff;\r\n    animation: ${EaseTopDown} 0.4s;\r\n    width: 100%;\r\n\r\n    border-radius: 10px;\r\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n\r\n    display: flex;\r\n\r\n    width: 60%;\r\n    height: auto;\r\n    max-height: 80vh;\r\n    top: 20%;\r\n    left: 50%;\r\n    transform: translate(-50%, -20%);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #ffffff;\r\n\r\n    animation: ${EasyIn} 0.5s;\r\n\r\n    p {\r\n      color: var(--title-higlight);\r\n      margin-top: 17px;\r\n    }\r\n\r\n    .modal-header {\r\n      width: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: var(--purple);\r\n      height: 65px;\r\n      font: 400 1rem 'Source Sans Pro', sans-serif;\r\n      border-top-left-radius: 10px;\r\n      border-top-right-radius: 10px;\r\n\r\n      color: var(--white);\r\n    }\r\n\r\n    .modal-body {\r\n      overflow: auto;\r\n      padding: 15px;\r\n      width: 100%;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n\r\n      font-size: 25px;\r\n      font-weight: bold;\r\n\r\n      button {\r\n        margin: 2rem 0;\r\n        align-self: center;\r\n        span {\r\n          font: 400 1rem 'Source Sans Pro', sans-serif;\r\n          color: white;\r\n          font-size: 20px;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { useLoader } from '../../hooks/loader';\r\n\r\nimport Button from '../Button';\r\n\r\nimport { ModalUpdate } from './styles';\r\nimport DashBoardLoader from '../DashBoardLoader';\r\n\r\nconst ModalUpdateInformations: React.FC = () => {\r\n  const { isActive } = useLoader();\r\n  return (\r\n    <ModalUpdate>\r\n      {isActive && <DashBoardLoader />}\r\n\r\n      <section className=\"modal-main\">\r\n        <>\r\n          <div className=\"modal-header\">\r\n            <h1>Atualize seu cadastro</h1>\r\n          </div>\r\n          <div className=\"modal-body\">\r\n            <p>\r\n              Para continuar atualize seus dados cadastrais clicando no botão\r\n              atualizar.\r\n            </p>\r\n            <Link to=\"/meu-perfil\">\r\n              <Button type=\"button\" color=\"purple\" padding=\"6\" rounded>\r\n                <span className=\"buttonUpdate\">Atualizar</span>\r\n              </Button>\r\n            </Link>\r\n          </div>\r\n        </>\r\n      </section>\r\n    </ModalUpdate>\r\n  );\r\n};\r\n\r\nexport default ModalUpdateInformations;\r\n","import styled from 'styled-components';\r\n\r\nexport const TitleSection = styled.section`\r\n  margin: 60px 0px 70px 0px;\r\n  color: var(--purple);\r\n\r\n  h1 {\r\n    font-size: 3rem;\r\n    line-height: 2.3rem;\r\n  }\r\n`;\r\n\r\nexport const Main = styled.main`\r\n  width: 100%;\r\n\r\n  .header {\r\n    background-color: var(--aside-background);\r\n    strong {\r\n      color: var(--purple);\r\n    }\r\n  }\r\n\r\n  .tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    width: 120px;\r\n    background-color: green;\r\n    color: yellow;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    position: absolute;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n  }\r\n\r\n  .verPix {\r\n    background: transparent;\r\n    color: rgb(9, 85, 165);\r\n    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;\r\n    font-size: 0.875rem;\r\n  }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const ModalPixPagamento = styled.div`\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(0, 0, 0, 0.6);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  @media (max-width: 850px) {\r\n    height: 170vh;\r\n  }\r\n  @media (max-width: 645px) {\r\n    width: 100vh;\r\n  }\r\n\r\n  h2 {\r\n    margin-bottom: 15px;\r\n    color: var(--purple);\r\n    width: 90%;\r\n    text-align: center;\r\n  }\r\n\r\n  .wrapper {\r\n    background-color: #fff;\r\n    width: 850px;\r\n    height: 95%;\r\n    padding: 5px 40px 10px 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: 1;\r\n    border: 1px solid #cbcbcb;\r\n    text-align: center;\r\n    color: var(--purple);\r\n    background-color: white;\r\n    overflow: scroll;\r\n    overflow: auto;\r\n    @media (max-width: 850px) {\r\n      height: 100%;\r\n    }\r\n    ::-webkit-scrollbar {\r\n      background-color: transparent;\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n      background-color: var(--purple);\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .close {\r\n      background-color: transparent;\r\n      outline: none;\r\n      width: 100%;\r\n      height: 32px;\r\n      right: -15px;\r\n      top: 5px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      position: relative;\r\n\r\n      @media (max-width: 850px) {\r\n        right: 0px;\r\n      }\r\n\r\n      &:before,\r\n      &:after {\r\n        content: ' ';\r\n        position: absolute;\r\n        width: 2.5px;\r\n        height: 24px;\r\n        background-color: #000;\r\n      }\r\n      &:before {\r\n        transform: rotate(45deg);\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg);\r\n      }\r\n    }\r\n  }\r\n\r\n  .row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    background-color: #f5f5f5;\r\n    padding: 10px;\r\n    @media (max-width: 850px) {\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n\r\n  .code {\r\n    margin-top: 20px;\r\n    background-color: #edeaf0;\r\n    border-radius: 10px;\r\n    height: auto;\r\n    padding: 5px 5px 0 5px;\r\n    width: 95%;\r\n    resize: none;\r\n    border: none;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    word-break: break-all;\r\n  }\r\n\r\n  .buttonCopy {\r\n    margin-top: 15px;\r\n    width: 95%;\r\n    background-color: var(--purple);\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .number {\r\n    color: var(--orange);\r\n    border: solid 2px var(--orange);\r\n    width: 30px;\r\n    height: 30px;\r\n    min-width: 30px;\r\n    min-height: 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: bold;\r\n    margin-right: 20px;\r\n  }\r\n`;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport React, { useEffect } from 'react';\r\nimport IconCopy from '../../../../assets/MyCards/iconCopy.svg';\r\nimport { ModalPixPagamento } from './styles';\r\n\r\ninterface ModalPixProps {\r\n  codeExpiration: any;\r\n  codePix: any;\r\n  codeImage: any;\r\n  closeModal(): void;\r\n}\r\n\r\nconst ModalPix: React.FC<ModalPixProps> = ({\r\n  codeExpiration,\r\n  codePix,\r\n  codeImage,\r\n  closeModal,\r\n}) => {\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, []);\r\n\r\n  const dataExp = codeExpiration.split('T')[0];\r\n  const dataBra = dataExp.split('-').reverse().join('/');\r\n\r\n  function copiarTexto() {\r\n    navigator.clipboard.writeText(codePix);\r\n    const element: HTMLElement = document.getElementById('copy') as HTMLElement;\r\n    element.innerHTML = 'Copiado';\r\n    element.style.background = '#D3D3D3';\r\n    element.style.color = 'var(--purple)';\r\n    element.style.fontWeight = 'bold';\r\n  }\r\n\r\n  return (\r\n    <ModalPixPagamento>\r\n      <div className=\"wrapper\">\r\n        <button\r\n          className=\"close\"\r\n          type=\"button\"\r\n          aria-label=\"close\"\r\n          onClick={closeModal}\r\n        />\r\n        <div className=\"row\">\r\n          <h2>Para finalizar sua compra é só realizar o pagamento com Pix!</h2>\r\n          <p>\r\n            O código é válido até&nbsp;\r\n            <strong>{dataBra}</strong>\r\n            &nbsp;às&nbsp;\r\n            <strong>\r\n              {codeExpiration.split('T')[1].split(':', 1)}:\r\n              {codeExpiration.split('T')[1].split(':')[1]}\r\n            </strong>\r\n          </p>\r\n          <img\r\n            src={codeImage}\r\n            alt=\"\"\r\n            style={{\r\n              width: '180px',\r\n              marginTop: '20px',\r\n            }}\r\n          />\r\n          <div className=\"code\">{codePix}</div>\r\n          <button\r\n            type=\"button\"\r\n            id=\"copy\"\r\n            onClick={copiarTexto}\r\n            className=\"buttonCopy\"\r\n          >\r\n            <img\r\n              src={IconCopy}\r\n              alt=\"\"\r\n              style={{\r\n                width: '28px',\r\n                marginRight: '10px',\r\n              }}\r\n            />\r\n            Copiar código\r\n          </button>\r\n          <p style={{ marginTop: '10px', width: '95%' }}>\r\n            <strong>\r\n              Se o pagamento não for confirmado, não se preocupe. O pedido será\r\n              cancelado automaticamente.\r\n            </strong>\r\n          </p>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '30px',\r\n          }}\r\n        >\r\n          <div className=\"number\">1</div>\r\n          <div>Copie o código de pagamento no botão acima</div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">2</div>\r\n          <div>\r\n            Abra o app ou banco de sua preferência e cole o código. Confira\r\n            todas as informações e autorize o pagamento.\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'flex-start',\r\n            textAlign: 'left',\r\n            marginTop: '20px',\r\n          }}\r\n        >\r\n          <div className=\"number\">3</div>\r\n          <div>\r\n            Pronto! Você vai receber a confirmação de pagamento por aqui\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ModalPixPagamento>\r\n  );\r\n};\r\n\r\nexport default ModalPix;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable no-nested-ternary */\r\nimport React, { useState, useEffect } from 'react';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport DashboardLayout from '../../../components/DashboardLayout';\r\nimport Loader from '../../../components/Loader';\r\nimport { formatPrice } from '../../../services/currency';\r\nimport ModalUpdateInformations from '../../../components/ModalUpdateInformations';\r\n\r\nimport { TitleSection, Main } from './styles';\r\n\r\nimport TicketingService, { RecargaQrCode } from '../../../services/ticketing';\r\nimport AccountsService from '../../../services/accounts';\r\nimport ModalPix from './ModalPix';\r\nimport { useAuth } from '../../../hooks/auth';\r\nimport { useToast } from '../../../hooks/toast';\r\n\r\nconst RecargaHistorico: React.FC = () => {\r\n  const servicesProfile = { AccountsService: new AccountsService() };\r\n  const services = { ticketingService: new TicketingService() };\r\n  const [recargas, setRecargas] = React.useState<any>();\r\n  const [pixCode, setPixCode] = useState<any>();\r\n  const [pixImage, setPixImage] = useState<any>();\r\n  const [pixExpiration, setPixExpiration] = useState<any>();\r\n  const [profile, setProfile] = React.useState([]);\r\n  const [modalPixOpen, setModalPixOpen] = React.useState<boolean>(false);\r\n  const [loading, setLoading] = React.useState<boolean>(true);\r\n  const [\r\n    modalUpdateInformationsIsOpen,\r\n    setModalUpdateInformationsIsOpen,\r\n  ] = useState(false);\r\n  const { addToast } = useToast();\r\n  const { signOut } = useAuth();\r\n\r\n  useEffect(() => {\r\n    async function getRecargas() {\r\n      try {\r\n        const response = await services.ticketingService.getRecargaQrCode();\r\n        setRecargas(response.data.results);\r\n        setLoading(false);\r\n      } catch (err) {\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getRecargas();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    async function getProfile() {\r\n      try {\r\n        const response = await servicesProfile.AccountsService.getProfile();\r\n        setProfile(response.data);\r\n        if (\r\n          response.data.cpf == null ||\r\n          response.data.email == null ||\r\n          response.data.full_name == null\r\n        ) {\r\n          setModalUpdateInformationsIsOpen(true);\r\n        }\r\n        setLoading(false);\r\n      } catch (err) {\r\n        const { ...error }: any = err;\r\n\r\n        addToast({\r\n          type: 'error',\r\n          title: `${\r\n            error?.response?.data?.message\r\n              ? error?.response?.data?.message\r\n              : 'Erro no Servidor'\r\n          }`,\r\n          description: `${\r\n            error?.response?.data?.sub_message\r\n              ? error?.response?.data?.sub_message\r\n              : 'Tente deslogar e logar novamente, caso o erro persista entre em contato com o Administrador'\r\n          }`,\r\n        });\r\n        if (err) {\r\n          signOut();\r\n        }\r\n        console.error(err);\r\n        setLoading(false);\r\n      }\r\n    }\r\n    getProfile();\r\n  }, []);\r\n\r\n  return (\r\n    <DashboardLayout>\r\n      {loading ? (\r\n        <Loader />\r\n      ) : (\r\n        <>\r\n          <TitleSection>\r\n            <h1>Histórico de Recargas</h1>\r\n          </TitleSection>\r\n          <Main>\r\n            <Paper>\r\n              <Table>\r\n                <TableHead>\r\n                  <TableRow className=\"header\">\r\n                    <TableCell>\r\n                      <strong>Número do Cartão</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Data do Pedido</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Valor</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Status</strong>\r\n                    </TableCell>\r\n                    <TableCell>\r\n                      <strong>Pagamento</strong>\r\n                    </TableCell>\r\n                  </TableRow>\r\n                </TableHead>\r\n                <TableBody>\r\n                  {recargas &&\r\n                    recargas.map((recarga: RecargaQrCode) => (\r\n                      <TableRow key={Math.random()}>\r\n                        <TableCell>Pedido de Recarga QRCode</TableCell>\r\n                        <TableCell>{recarga.created_at}</TableCell>\r\n                        <TableCell>{formatPrice(recarga.amount)}</TableCell>\r\n                        <TableCell\r\n                          style={{\r\n                            cursor: 'default',\r\n                          }}\r\n                        >\r\n                          {recarga.status_display ===\r\n                          'Aguardando processamento' ? (\r\n                            <div title=\"Pedido aguardando sequência para a próxima etapa.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Pedido em análise' ? (\r\n                            <div title=\"Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando a confirmação do pagamento' ? (\r\n                            <div title=\"O método de pagamento escolhido depende de compensação de pagamento pelo banco, podendo esse procedimento levar até 72 horas.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pagamento confirmado. Pedido em processamento' ? (\r\n                            <div title=\"Seu pedido foi confirmado! Os créditos podem ser disponibilizados em até 3 dias em seu cartão. Em caso de Dúvidas, entre em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pedido processado com sucesso' ? (\r\n                            <div title=\"Sua carga já está disponível, para utilizá-la basta realizar a validação nos leitores dos ônibus.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando confirmação de pagamento' ? (\r\n                            <div title=\"Recebemos seu pedido. Estamos aguardando a confirmação do seu pagamento.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Erro no processamento' ? (\r\n                            <div title=\"Houve uma falha técnica no processamento de seu pedido, gentileza entrar em contato com nosso time de Sucesso do Cliente por telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Pedido negado' ? (\r\n                            <div title=\"Para mais informações, entrar em contato com nosso time de Sucesso do Cliente telefone ou WhatsApp: 3248-7300.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Pagamento recusado' ? (\r\n                            <div title=\"A compra em seu cartão foi recusada; para obter mais informações entre contato com a central de atendimento da operadora do seu cartão de crédito.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display === 'Em processamento' ? (\r\n                            <div title=\"Pedido em processamento.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : recarga.status_display ===\r\n                            'Aguardando pagamento de boleto' ? (\r\n                            <div title=\"Recebemos seu pedido. Estamos aguardando o pagamento do boleto.\">\r\n                              &#9432; {recarga.status_display}\r\n                            </div>\r\n                          ) : (\r\n                            <div title={recarga.status_display}>\r\n                              &#9432; {recarga.status_display}.\r\n                            </div>\r\n                          )}\r\n                        </TableCell>\r\n                        <TableCell>\r\n                          {recarga.tacom_boleto && (\r\n                            <a\r\n                              href={recarga.tacom_boleto}\r\n                              target=\"_blank\"\r\n                              rel=\"noreferrer\"\r\n                              style={{ color: '#0955a5' }}\r\n                            >\r\n                              Ver Boleto\r\n                            </a>\r\n                          )}\r\n                          {recarga.pix_image_link && (\r\n                            <>\r\n                              <button\r\n                                type=\"button\"\r\n                                className=\"verPix\"\r\n                                onClick={() => {\r\n                                  setModalPixOpen(true);\r\n                                  setPixCode(recarga.pix_copy_paste);\r\n                                  setPixImage(recarga.pix_image_link);\r\n                                  setPixExpiration(recarga.pix_expiration);\r\n                                }}\r\n                              >\r\n                                Ver PIX\r\n                              </button>\r\n                            </>\r\n                          )}\r\n                          {!recarga.tacom_boleto &&\r\n                            !recarga.pix_image_link &&\r\n                            '-'}\r\n                        </TableCell>\r\n                      </TableRow>\r\n                    ))}\r\n                </TableBody>\r\n              </Table>\r\n            </Paper>\r\n            {modalUpdateInformationsIsOpen && <ModalUpdateInformations />}\r\n            {modalPixOpen && (\r\n              <>\r\n                <ModalPix\r\n                  closeModal={() => setModalPixOpen(false)}\r\n                  codeExpiration={pixExpiration}\r\n                  codePix={pixCode}\r\n                  codeImage={pixImage}\r\n                />\r\n              </>\r\n            )}\r\n          </Main>\r\n        </>\r\n      )}\r\n    </DashboardLayout>\r\n  );\r\n};\r\n\r\nexport default RecargaHistorico;\r\n","/* eslint-disable react/no-danger */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport api from '../../services/api';\r\nimport Button from '../Button';\r\nimport Modal from '../Modal';\r\n\r\nconst ModalPrivacyPolicy: React.FC<any> = () => {\r\n  const { user, data, setData } = useAuth();\r\n  const [privacyPolicy, setPrivacyPolicy] = React.useState<any>(undefined);\r\n  const [show, setShow] = React.useState<boolean>(false);\r\n  const { push } = useHistory();\r\n\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get(`/accounts/privacy-policy/`);\r\n      setPrivacyPolicy(response?.data);\r\n      setShow(true);\r\n    } catch (e: any) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n\r\n  const handleLogout = () => {\r\n    alert('A politica de privacidade é obrigatória. Entre em contato conosco através do FALE CONOSCO.');\r\n    localStorage.removeItem('@Transfacil:token');\r\n    localStorage.removeItem('@Transfacil:user');\r\n    push(\"fale-conosco\")\r\n    window.location.reload();\r\n    setShow(!show)\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (user && !user?.accepted_privacy_policy) getPrivacyPolicy();\r\n  }, [user]);\r\n  if (!show) return null;\r\n  return (\r\n    <Modal\r\n      title=\"Política de Privacidade\"\r\n      handleClose={handleLogout}\r\n      show={show}\r\n      action={(\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'row',\r\n            width: '100%',\r\n            justifyContent: 'flex-end',\r\n          }}\r\n        >\r\n          <Button\r\n            onClick={async () => {\r\n              await api.post('/accounts/user-accepted-lgpd/', {\r\n                privacy_policy: privacyPolicy?.id,\r\n              });\r\n              data.user = {\r\n                ...data.user,\r\n                accepted_privacy_policy: true,\r\n              }\r\n              setData(data)\r\n              localStorage.setItem('@Transfacil:user', JSON.stringify(data.user));\r\n              setShow(!show);\r\n            }}\r\n            color=\"orange\"\r\n            padding=\"6\"\r\n            className=\"button\"\r\n            rounded\r\n          >\r\n            ACEITAR\r\n          </Button>\r\n        </div>\r\n      )}\r\n    >\r\n      <div>\r\n      <p style={{ color: \"red\", marginTop: \"5px\", marginBottom: \"15px\", border: \"1px solid red\", borderRadius: \"16px\", padding: \"5px\" }}>Caso não concorde com a politica de privacidade em fechar e entre em contato conosco através do FALE CONOSCO</p>\r\n        {privacyPolicy?.text && (\r\n          <div style={{ fontSize: 14, fontWeight: 'normal' }} dangerouslySetInnerHTML={{ __html: privacyPolicy?.text }} />\r\n        )}\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport { ModalPrivacyPolicy };\r\n","/* eslint-disable react/self-closing-comp */\r\n/* eslint-disable react/no-danger */\r\n/* eslint-disable prettier/prettier */\r\n/* eslint-disable camelcase */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable no-console */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport * as React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useAuth } from '../../hooks/auth';\r\nimport api from '../../services/api';\r\nimport Button from '../Button';\r\nimport Modal from '../Modal';\r\n\r\nconst ModalTermsUse: React.FC<any> = () => {\r\n  const { user, data, setData } = useAuth();\r\n  const [termsUse, setTermsUse] = React.useState<any>(undefined);\r\n  const [show, setShow] = React.useState<boolean>(false);\r\n  const { push } = useHistory();\r\n  const getPrivacyPolicy = React.useCallback(async () => {\r\n    try {\r\n      const response = await api.get(`/accounts/terms-of-use/`);\r\n      setTermsUse(response?.data);\r\n      setShow(true);\r\n    } catch (e: any) {\r\n      console.log({ e });\r\n    }\r\n  }, []);\r\n  const handleLogout = () => {\r\n    alert('Os termos de uso são obrigatórios. Entre em contato conosco através do FALE CONOSCO.');\r\n    localStorage.removeItem('@Transfacil:token');\r\n    localStorage.removeItem('@Transfacil:user');\r\n    push(\"fale-conosco\")\r\n    window.location.reload();\r\n    setShow(!show)\r\n  }\r\n  React.useEffect(() => {\r\n    if (user && !user?.accepted_terms_of_use) getPrivacyPolicy();\r\n  }, [user]);\r\n  if (!show) return null;\r\n  return (\r\n    <Modal\r\n      title=\"Termos de Uso\"\r\n      handleClose={handleLogout}\r\n      show={show}\r\n      action={(\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'row',\r\n            width: '100%',\r\n            justifyContent: 'flex-end',\r\n          }}\r\n        >\r\n          <Button\r\n            onClick={async () => {\r\n              await api.post('/accounts/user-accepted-terms-of-use/', {\r\n                terms_of_use: termsUse?.id,\r\n              });\r\n              data.user = {\r\n                ...data.user,\r\n                accepted_terms_of_use: true,\r\n              }\r\n              setData(data)\r\n              localStorage.setItem('@Transfacil:user', JSON.stringify(data.user));\r\n              setShow(!show);\r\n            }}\r\n            color=\"orange\"\r\n            padding=\"6\"\r\n            className=\"button\"\r\n            rounded\r\n          >\r\n            ACEITAR\r\n          </Button>\r\n        </div>\r\n      )}\r\n    >\r\n      <div>\r\n        <p style={{ color: \"red\", marginTop: \"5px\", marginBottom: \"15px\", border: \"1px solid red\", borderRadius: \"16px\", padding: \"5px\" }}>Caso não concorde com os termos clique em fechar e entre em contato conosco através do FALE CONOSCO</p>\r\n        {termsUse?.text && (\r\n          <div style={{ fontSize: 14, fontWeight: 'normal' }} dangerouslySetInnerHTML={{ __html: termsUse?.text }} />\r\n        )}\r\n      </div>\r\n    </Modal>\r\n  );\r\n};\r\n\r\nexport { ModalTermsUse };\r\n","/* eslint-disable react-hooks/rules-of-hooks */\r\nimport React from 'react';\r\nimport { Switch, Route } from 'react-router-dom';\r\n\r\nimport PrivateRoute from './PrivateRoute';\r\nimport { MapProvider } from '../hooks/map';\r\n\r\nimport Home from '../pages/Home';\r\nimport Login from '../pages/Login';\r\nimport RegisterNewPassword from '../pages/ResetPassword';\r\nimport Cadastrar from '../pages/Cadastrar';\r\nimport Dashboard from '../pages/Dashboard';\r\nimport MyCards from '../pages/MyCards';\r\nimport FormOfPayment from '../pages/FormOfPayment';\r\nimport Faq from '../pages/FaqSectionPF';\r\n\r\nimport RoutesAndLines from '../pages/RoutesAndLines';\r\nimport ParaEmpresas from '../pages/ParaEmpresas';\r\nimport FaleConosco from '../pages/FaleConosco';\r\nimport TrabalheConosco from '../pages/TrabalheConosco';\r\nimport LojasLocaisRecarga from '../pages/LojasLocaisRecarga';\r\nimport Noticias from '../pages/Noticias';\r\nimport Parceiros from '../pages/Parceiros';\r\nimport CartoesRecarga from '../pages/CartoesRecarga';\r\nimport MeuPerfil from '../pages/MeuPerfil';\r\nimport MeusPedidos from '../pages/MeusPedidos';\r\nimport TermosDeUso from '../pages/TermosDeUso';\r\nimport QuemSomos from '../pages/QuemSomos';\r\nimport Favoritos from '../pages/Favoritos';\r\nimport NoticiaCompleta from '../pages/NoticiaCompleta';\r\nimport VagasDisponiveis from '../pages/VagasDisponiveis';\r\nimport RecargaMap from '../pages/RecargaMap';\r\nimport RoutesAndLinesMaps from '../pages/RoutesAndLinesMap';\r\n\r\nimport PoliticaPrivacidade from '../pages/PoliticaPrivacidade';\r\nimport PoliticaCookies from '../pages/PoliticaCookies';\r\nimport { QrCode } from '../pages/QrCode';\r\nimport { BuyQrCode } from '../pages/BuyQrCode';\r\nimport RecargaHistorico from '../pages/QrCode/RecargaHistorico';\r\nimport AcceptCookies from '../components/AcceptCookies';\r\nimport { ModalPrivacyPolicy } from '../components/ModalPrivacyPolicy';\r\nimport { ModalTermsUse } from '../components/ModalTermsUse';\r\n\r\nconst routes: React.FC = () => {\r\n  return (\r\n    <>\r\n      <Switch>\r\n        <Route path=\"/\" exact component={Home} />\r\n        <Route path=\"/login\" component={Login} />\r\n        <Route\r\n          path=\"/register-new-password/:code\"\r\n          component={RegisterNewPassword}\r\n        />\r\n        <Route path=\"/cadastrar\" component={Cadastrar} />\r\n        <Route path=\"/rotas-e-linhas\" component={RoutesAndLines} />\r\n        <Route path=\"/para-empresas\" component={ParaEmpresas} />\r\n        <Route path=\"/fale-conosco\" component={FaleConosco} />\r\n        <Route path=\"/trabalhe-conosco\" component={TrabalheConosco} />\r\n        <Route path=\"/lojas-locais-recarga\" component={LojasLocaisRecarga} />\r\n        <Route path=\"/noticias\" component={Noticias} />\r\n        <Route path=\"/parceiros\" component={Parceiros} />\r\n        <Route path=\"/cartoes-recarga\" component={CartoesRecarga} />\r\n        <Route path=\"/termos-de-uso\" component={TermosDeUso} />\r\n        <Route path=\"/politica-privacidade\" component={PoliticaPrivacidade} />\r\n        <Route path=\"/politica-cookies\" component={PoliticaCookies} />\r\n        <Route path=\"/quem-somos\" component={QuemSomos} />\r\n        <Route path=\"/noticia/:id\" component={NoticiaCompleta} />\r\n        <Route path=\"/vagas-disponiveis\" component={VagasDisponiveis} />\r\n        <PrivateRoute path=\"/dashboard\" component={Dashboard} />\r\n        <PrivateRoute path=\"/meu-perfil\" component={MeuPerfil} />\r\n        <PrivateRoute path=\"/meus-cartoes\" component={MyCards} />\r\n        <PrivateRoute exact path=\"/qr-code\" component={QrCode} />\r\n        <PrivateRoute exact path=\"/qr-code/:id/buy\" component={BuyQrCode} />\r\n        <PrivateRoute\r\n          exact\r\n          path=\"/qr-code/RecargaHistorico\"\r\n          component={RecargaHistorico}\r\n        />\r\n        <PrivateRoute path=\"/meus-pedidos\" component={MeusPedidos} />\r\n        <PrivateRoute path=\"/cartoes-credito\" component={FormOfPayment} />\r\n        <PrivateRoute path=\"/favoritos\" component={Favoritos} />\r\n        <PrivateRoute path=\"/faq\" component={Faq} />\r\n        {/* Map Routes */}\r\n        <MapProvider>\r\n          <Route path=\"/pontos-de-recarga\" component={RecargaMap} />\r\n          <Route path=\"/trajetos\" component={RoutesAndLinesMaps} />\r\n          <Route path=\"/lojas-locais-recarga\" component={LojasLocaisRecarga} />\r\n        </MapProvider>\r\n      </Switch>\r\n      <AcceptCookies />\r\n      <ModalPrivacyPolicy />\r\n      <ModalTermsUse />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default routes;\r\n","import React from 'react';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport GlobalStyle from './styles/global';\r\n\r\nimport AppProvider from './hooks';\r\n\r\nimport Routes from './routes';\r\n\r\nconst App: React.FC = () => {\r\n  if (window.location.href === process.env.REACT_APP_REDIRECT_URL) {\r\n    window.location.href = '/';\r\n  }\r\n  return (\r\n    <>\r\n      <BrowserRouter>\r\n        <AppProvider>\r\n          <Routes />\r\n        </AppProvider>\r\n      </BrowserRouter>\r\n      <GlobalStyle />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n"],"sourceRoot":""}