(this.webpackJsonponboarding=this.webpackJsonponboarding||[]).push([[0],{12:function(e,a,t){},15:function(e,a,t){"use strict";t.r(a);var n=t(0),i=t.n(n),s=t(2),r=t.n(s),o=t(3),c=t(4),l=t(5),d=t(6),m=(t(12),t(13),document.getElementById("header_sticky")),u=document.getElementById("searcher_inner"),h=document.getElementById("quick_links"),g=document.getElementsByClassName("featured-news"),v=document.getElementsByClassName("trending"),f=function(e){Object(d.a)(t,e);var a=Object(l.a)(t);function t(e){var n;return Object(o.a)(this,t),(n=a.call(this,e)).closeOnBoarding=function(e){n.setState({activeOB:!n.state.activeOB}),m.classList.remove("highlight"),u.classList.remove("highlight"),h.classList.remove("highlight");for(var a=0;a<g.length;a++)g[a].classList.remove("highlight");for(var t=0;t<v.length;t++)v[t].classList.remove("highlight")},n.openOnboarding=function(e){e.preventDefault(),n.setState({activeOB:!n.state.activeOB}),window.location.href="#header_sticky"},n.siguiente1=function(e){e.preventDefault();var a=e.currentTarget.offsetParent;window.location.href="#header_sticky",setTimeout((function(){a.classList.add("hide"),m.classList.add("highlight"),n.modal2.current.classList.add("show")}),300)},n.siguiente2=function(e){console.log("Segundo paso Buscador"),e.preventDefault();var a=e.currentTarget.offsetParent;window.location.href="#buscador",null==u&&(u=document.getElementById("searcher_inner")),setTimeout((function(){a.classList.add("hide"),u.classList.add("highlight"),m.classList.remove("highlight"),n.modal3.current.classList.add("show")}),300)},n.siguiente3=function(e){e.preventDefault();var a=e.currentTarget.offsetParent;window.location.href="#quickLinks",null==h&&(h=document.getElementById("quick_links")),setTimeout((function(){a.classList.add("hide"),h.classList.add("highlight"),u.classList.remove("highlight"),n.modal4.current.classList.add("show")}),300)},n.siguiente4=function(e){e.preventDefault();var a=e.currentTarget.offsetParent;window.location.href="#featured-news",null==g&&(g=document.getElementById("featured-news")),setTimeout((function(){a.classList.add("hide");for(var e=0;e<g.length;e++)g[e].classList.add("highlight");h.classList.remove("highlight"),n.modal5.current.classList.add("show")}),300)},n.siguiente5=function(e){e.preventDefault();var a=e.currentTarget.offsetParent;window.location.href="#trending";for(var t=0;t<g.length;t++)g[t].classList.remove("highlight");null==v&&(v=document.getElementsByClassName("trending")),setTimeout((function(){a.classList.add("hide");for(var e=0;e<v.length;e++)v[e].classList.add("highlight");n.modal5.current.classList.remove("highlight"),n.modal6.current.classList.add("show")}),300)},n.state={activeOB:!1},n.onBoarding=i.a.createRef(),n.modal2=i.a.createRef(),n.modal3=i.a.createRef(),n.modal4=i.a.createRef(),n.modal5=i.a.createRef(),n.modal6=i.a.createRef(),n}return Object(c.a)(t,[{key:"render",value:function(){var e=this;return i.a.createElement("div",{className:"onBoardingWrapper"},i.a.createElement("div",{id:"top"}),i.a.createElement("div",{className:"buttonActive",onClick:function(a){return e.openOnboarding(a)}}),this.state.activeOB?i.a.createElement("div",{ref:this.onBoarding,className:"onBoarding"},i.a.createElement("div",{className:"introModal"},i.a.createElement("div",{className:"col1"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit1"},"\xa1Hola!"),i.a.createElement("div",{className:"tit2"},"Te presentamos nuestro nuevo Portal"),i.a.createElement("div",{className:"modalText"},"Hola, en Ecopetrol queremos darte la bienvenida a nuestro nuevo portal. En \xe9l, podr\xe1s encontrar toda nuestra informaci\xf3n m\xe1s importante, podr\xe1s realizar tus procesos y pagos y encontrar\xe1s muchas otras funcionalidades que hemos dise\xf1ado especialmente para ti."),i.a.createElement("a",{href:"#",className:"butSiguiente",onClick:function(a){return e.siguiente1(a)}}," Comenzar "))),i.a.createElement("div",{ref:this.modal2,className:"modal position2"},i.a.createElement("div",{className:"step uno"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit2"},"Men\xfa"),i.a.createElement("div",{className:"modalText"},"Esta secci\xf3n te permitir\xe1 acceder al  contenido que tenemos para ofrecerte en nuestro nuevo portal."),i.a.createElement("a",{href:"#section1",className:"butSiguiente",onClick:function(a){return e.siguiente2(a)}}," Continuar visita guiada"),i.a.createElement("a",{href:"#",className:"link_omitir",onClick:function(a){return e.closeOnBoarding(a)}},"Omitir visita guiada"))),i.a.createElement("div",{ref:this.modal3,className:"modal position3"},i.a.createElement("div",{className:"step dos"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit2"},"Buscador"),i.a.createElement("div",{className:"modalText"},"Ac\xe1 podr\xe1s encontrar un buscador que te permitir\xe1 navegar a trav\xe9s del sitio y consultar la informaci\xf3n que necesites."),i.a.createElement("a",{href:"#",className:"butSiguiente",onClick:function(a){return e.siguiente3(a)}}," Continuar visita guiada"),i.a.createElement("a",{href:"#",className:"link_omitir",onClick:function(a){return e.closeOnBoarding(a)}},"Omitir visita guiada"))),i.a.createElement("div",{ref:this.modal4,className:"modal position4"},i.a.createElement("div",{className:"step tres"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit2"},"Enlaces r\xe1pidos"),i.a.createElement("div",{className:"modalText"},"Estos enlaces te ayudar\xe1n a acceder de manera inmediata a las herramientas m\xe1s destacadas."),i.a.createElement("a",{href:"#",className:"butSiguiente",onClick:function(a){return e.siguiente4(a)}}," Continuar visita guiada"),i.a.createElement("a",{href:"#",className:"link_omitir",onClick:function(a){return e.closeOnBoarding(a)}},"Omitir visita guiada"))),i.a.createElement("div",{ref:this.modal5,className:"modal position5"},i.a.createElement("div",{className:"step cuatro"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit2"},"Destacados"),i.a.createElement("div",{className:"modalText"},"En esta secci\xf3n podr\xe1s encontrar la informaci\xf3n de las noticias m\xe1s relevantes sobre nuestro negocio y c\xf3mo lo hacemos responsablemente."),i.a.createElement("a",{href:"#",className:"butSiguiente",onClick:function(a){return e.siguiente5(a)}}," Continuar visita guiada"),i.a.createElement("a",{href:"#",className:"link_omitir",onClick:function(a){return e.closeOnBoarding(a)}},"Omitir visita guiada"))),i.a.createElement("div",{ref:this.modal6,className:"modal position6"},i.a.createElement("div",{className:"step cinco"}),i.a.createElement("div",{className:"col2"},i.a.createElement("div",{className:"tit2"},"Trending"),i.a.createElement("div",{className:"modalText"},"Ac\xe1 puedes ver las notas o post m\xe1s destacados de todas nuestras redes sociales."),i.a.createElement("a",{href:"#",className:"butSiguiente",onClick:function(a){return e.closeOnBoarding(a)}}," Finalizar visita guiada")))):i.a.createElement("div",null))}}]),t}(i.a.Component);var E=function(){return i.a.createElement("div",{className:""},i.a.createElement(f,null))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));r.a.render(i.a.createElement(i.a.StrictMode,null,i.a.createElement(E,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()}))},7:function(e,a,t){e.exports=t(15)}},[[7,1,2]]]);
//# sourceMappingURL=main.59fa6ab6.chunk.js.map