(window.webpackJsonpstudiofco_vtex_core_1_0_68=window.webpackJsonpstudiofco_vtex_core_1_0_68||[]).push([[4],{168:function(e,n,t){"use strict";t.r(n);var a=t(3),i=t(0),c=t.n(i),r=t(45),o=t.n(r),l=t(37),s=t.n(l),u=t(44),d=t.n(u),m=t(63),v=t.n(m),f=t(12),b=t.n(f),h=t(8),k=t(32),g=t.n(k),p=t(17),x=t.n(p),E=t(64),N=["icon-search","icon-search-button"],S=function(e){var n=e.isActiveSearch,t=e.setIsActiveSearch,a=e.closeMinicart,i=b()(N).handles;return c.a.createElement("button",{onClick:function(){t((function(e){return!e})),a()},className:"relative bw0 pa0 pointer bg-transparent flex flex-row items-center ".concat(i["icon-search-button"])},c.a.createElement(s.a,{isActive:!0,activeClassName:i["icon-search"],id:n?"sti-close--line":"icon-search"}))},w=t(62),y=t(169),O=t.n(y),j=["link-right-search","link-login","icon-login","login-popUp","login-overlay","search-overlay","back-drop-login","container-login","container-search","icon-login-button","login-button-modal","container-minicart","search-overlay-box","container-search-1","container-search-2","container-search-3","box-search-1-1","box-search-1-2","box-search-2-1","box-search-2-2","box-p-search-1-1","box-p-search-2-1"],_={infinite:!0,showNavigationArrows:"always",showPaginationDots:"never",usePagination:!0,fullWidth:!0,arrowSize:10,itemsPerPage:{desktop:3,tablet:2,phone:2}};n.default=function(e){var n=Object(i.useState)(!1),t=Object(a.a)(n,2),r=t[0],l=t[1],u=Object(i.useState)(!1),m=Object(a.a)(u,2),f=m[0],k=m[1],p=Object(i.useState)(!1),N=Object(a.a)(p,2),y=N[0],A=N[1],C=Object(h.useRuntime)().navigate,D=Object(w.useQuery)(O.a).data,I=Object(i.useRef)(null),T=Object(i.useRef)(null),F=Object(E.b)().setIsColorHidden,q=b()(j).handles,P=e.searchCategorys,R=e.searchTopics;Object(i.useEffect)((function(){F(f||y)}),[f,y,F]),Object(i.useEffect)((function(){y&&B()}),[y]);var B=function(){var e=setInterval((function(){var n=document.querySelector(".vtex-store-components-3-x-autoCompleteOuterContainer .vtex-styleguide-9-x-input");n&&(n.addEventListener("keydown",(function(e){"Enter"===e.key&&A(!1)})),clearInterval(e))}),1e3)};return c.a.createElement(c.a.Fragment,null,c.a.createElement("div",{className:"w-100 flex flex-row justify-end items-center ".concat(q["container-search"]).concat(y?" "+x.a["container-search"]+"--active":"")},y&&c.a.createElement(v.a,null,c.a.createElement("div",{className:q["search-overlay"]},c.a.createElement("div",{className:q["search-overlay-box"]},c.a.createElement("div",{className:q["container-search-1"]},c.a.createElement(h.Block,{id:"search-bar"})),c.a.createElement("div",{className:q["container-search-2"]},c.a.createElement("div",{className:q["box-search-1-1"]},c.a.createElement("p",{className:q["box-p-search-1-1"]},"Recomendaciones:")),c.a.createElement("div",{className:q["box-search-1-2"]},R&&R.length>0&&R.map((function(e){return c.a.createElement(c.a.Fragment,null,c.a.createElement(h.Link,{key:e.title,to:e.url,target:e.target,rel:e.rel,title:e.titleAttribute,className:"".concat(q["link-right-search"])},e.title))})))),c.a.createElement("div",{className:q["container-search-3"]},c.a.createElement("div",{className:q["box-search-2-1"]},c.a.createElement("p",{className:q["box-p-search-2-1"]},"CATEGORIAS DESTACADAS")),c.a.createElement("div",{className:q["box-search-2-2"]},P&&P.length>0&&c.a.createElement(g.a,_,P.map((function(e){return c.a.createElement(c.a.Fragment,null,c.a.createElement(o.a,{src:e.src,link:{url:e.link.url,attributeNofollow:e.link.attributeNoFollow,attributeTitle:e.link.attributeTitle,newTab:e.link.newTab,openNewTab:e.link.openNewTab},alt:e.alt,title:e.title,loading:"lazy",width:"100%"}),c.a.createElement("div",{className:x.a.overlayTextImageSearch},c.a.createElement("p",{className:x.a.textImageSearch,style:{color:e.colorText}},e.textImage)))})))))))),c.a.createElement(S,{isActiveSearch:y,setIsActiveSearch:A,closeMinicart:function(){var e=document.querySelector("button.vtex-minicart-2-x-closeIconButton");e&&e.click()}})),c.a.createElement("div",{className:"relative flex flex-row items-center ".concat(f?x.a["container-login"]+"--active ":"").concat(q["container-login"])},c.a.createElement("button",{ref:T,onClick:function(){var e,n;(null===(n=null===(e=null==D?void 0:D.getSession)||void 0===e?void 0:e.profile)||void 0===n?void 0:n.email)?C({to:"/account#/profile"}):l((function(e){return!e}))},className:"relative bw0 pa0 pointer bg-transparent flex flex-row items-center ".concat(q["icon-login-button"])},c.a.createElement(s.a,{id:"icon-login",isActive:!0,activeClassName:q["icon-login"]})),f&&c.a.createElement("div",{tabIndex:0,role:"button",onClick:function(){k(!1)},className:"fixed w-100 h-100 left-0 top-0 ".concat(q["back-drop-login"])}),c.a.createElement(d.a,{centered:!0,isOpen:r,container:I.current,onClose:function(){return l(!1)}},c.a.createElement(h.Block,{id:"login-content"}))),c.a.createElement("div",{className:"flex flex-row items-center ".concat(q["container-minicart"])},c.a.createElement(h.Block,{id:"minicart.v2"})))}},169:function(e,n){var t={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getSession"},variableDefinitions:[],directives:[{kind:"Directive",name:{kind:"Name",value:"context"},arguments:[{kind:"Argument",name:{kind:"Name",value:"sender"},value:{kind:"StringValue",value:"studiofco.vtex-core@1.0.68",block:!1}}]}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"getSession"},arguments:[],directives:[{kind:"Directive",name:{kind:"Name",value:"context"},arguments:[{kind:"Argument",name:{kind:"Name",value:"provider"},value:{kind:"StringValue",value:"vtex.store-graphql",block:!1}}]},{kind:"Directive",name:{kind:"Name",value:"runtimeMeta"},arguments:[{kind:"Argument",name:{kind:"Name",value:"hash"},value:{kind:"StringValue",value:"9803c9f27e139e5174c0d5392198d62e928c50ebdbde64f1c63e8039d19461d0",block:!1}}]}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"profile"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"email"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"firstName"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"__typename"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:295}};t.loc.source={body:'query getSession @context(sender: "studiofco.vtex-core@1.0.68") {\n getSession @context(provider: "vtex.store-graphql") @runtimeMeta(hash: "9803c9f27e139e5174c0d5392198d62e928c50ebdbde64f1c63e8039d19461d0") {\n profile {\n email\n firstName\n __typename\n }\n __typename\n }\n}\n',name:"GraphQL request",locationOffset:{line:1,column:1}};var a={};function i(e,n){for(var t=0;t0;){var l=o;o=new Set,l.forEach((function(e){r.has(e)||(r.add(e),(a[e]||new Set).forEach((function(e){o.add(e)})))}))}return r.forEach((function(n){var a=i(e,n);a&&t.definitions.push(a)})),t}(t,"getSession")},64:function(e,n,t){"use strict";t.d(n,"a",(function(){return o})),t.d(n,"b",(function(){return l}));var a=t(3),i=t(0),c=t.n(i),r=Object(i.createContext)(void 0),o=function(e){var n=e.children,t=Object(i.useState)(!1),o=Object(a.a)(t,2),l=o[0],s=o[1];return c.a.createElement(r.Provider,{value:{isColorHidden:l,setIsColorHidden:s}},n)},l=function(){var e=Object(i.useContext)(r);if(!e)throw new Error("useNavbar debe ser usado dentro de un NavbarProvider");return e}}}]);