"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7483],{77197:function(n,e,t){t.d(e,{G:function(){return AccordionAccount}});var o=t(85893),i=t(67294),a=t(42473),r=t(28542),l=t(65856),s=t(37340),c=t(20256);function _templateObject(){let n=(0,s._)(["\n background: ",";\n box-shadow: 0px 0px 10px\n ",";\n position: relative;\n width: 100%;\n opacity: ",";\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,s._)(["\n padding: 20px;\n list-style: none;\n position: relative;\n cursor: pointer;\n\n .arrow {\n position: absolute;\n right: 20px;\n transform: ",";\n top: ",";\n }\n\n @media only screen and (min-width: 768px) {\n padding: 50px;\n top: 3px;\n left: 1px;\n\n padding-bottom: ",";\n\n .arrow {\n right: 52px;\n top: 50%;\n top: ",";\n }\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,s._)(["\n width: 85%;\n\n p {\n font-size: 16px;\n }\n\n @media only screen and (min-width: 768px) {\n p {\n font-size: 18px;\n }\n }\n"]);return _templateObject2=function(){return n},n}function _templateObject3(){let n=(0,s._)(["\n margin-top: 10px;\n padding: 0 20px 30px 20px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n font-size: 13px;\n\n a {\n margin-bottom: 0;\n }\n\n @media only screen and (min-width: 768px) {\n font-size: 14px;\n padding: 0 50px 30px 50px;\n margin-top: 0;\n }\n"]);return _templateObject3=function(){return n},n}let d=c.ZP.div.withConfig({componentId:"sc-1a3305f0-0"})(_templateObject(),n=>n.theme.colors.accordionAccount.background,n=>n.theme.colors.accordionAccount.boxShadow,n=>n.isLoading?.5:1),p=c.ZP.div.withConfig({componentId:"sc-1a3305f0-1"})(_templateObject1(),n=>n.isOpen&&"rotate(180deg)",n=>n.isOpen?"45%":"38%",n=>n.isOpen&&"30px",n=>n.isOpen?"50%":"38%"),u=c.ZP.div.withConfig({componentId:"sc-1a3305f0-2"})(_templateObject2()),m=c.ZP.div.withConfig({componentId:"sc-1a3305f0-3"})(_templateObject3());function AccordionAccount(n){let{title:e,children:t,isLoading:s,className:c}=n,[x,g]=(0,i.useState)(!1);return(0,o.jsxs)(d,{isLoading:s,className:c,children:[(0,o.jsx)(p,{className:"accordion",isOpen:x,onClick:()=>g(!x),children:(0,o.jsxs)(u,{children:[(0,o.jsx)("p",{children:e}),(0,o.jsx)(a.X,{className:"".concat(r.c$.ACCORDION_ARROW," arrow"),name:"arrowDown",size:10})]})}),x?(0,o.jsx)(m,{className:"accordion__content-wrapper",children:t}):null,s?(0,o.jsx)(l.a,{}):null]})}},846:function(n,e,t){t.d(e,{p:function(){return GoogleMapsMarkerPopUp}});var o=t(85893),i=t(5152),a=t.n(i),r=t(20256),l=t(42473),s=t(38538),c=t(37340),d=t(6226);function _templateObject(){let n=(0,c._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: ",";\n\n .content-popup {\n background: ",";\n font-size: 10px;\n text-align: center;\n text-transform: uppercase;\n padding: 12px;\n box-shadow: 0 2px 7px 1px\n ",";\n width: 100%;\n\n &-title {\n margin-bottom: 5px;\n }\n\n > .icon-button {\n position: absolute;\n right: 12px;\n top: 12px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n }\n }\n\n .content-arrow {\n background: linear-gradient(\n 45deg,\n "," 50%,\n transparent 51%,\n transparent 100%\n );\n color: rgb(178 178 178);\n box-shadow: -2px 2px 2px 0\n ",";\n height: 15px;\n width: 15px;\n transform: translateY(-50%) rotate(-45deg);\n }\n"]);return _templateObject=function(){return n},n}let p=r.ZP.div.withConfig({componentId:"sc-3de7dcfa-0"})(_templateObject(),n=>"".concat(n.width,"px")||0,n=>n.theme.colors.googleMaps.popup.background,n=>(0,d.pz)(n.theme.colors.googleMaps.popup.boxShadow,30),n=>n.theme.colors.googleMaps.popup.background,n=>(0,d.pz)(n.theme.colors.googleMaps.popup.boxShadow,30)),u=a()(Promise.resolve().then(t.bind(t,37054)).then(n=>n.InfoBox),{loadableGenerated:{webpack:()=>[37054]}});function GoogleMapsMarkerPopUp(n){let{onClose:e,store:t,isOpen:i,renderCustomContent:a,className:c="",topPosition:d=-50,leftPosition:m=0}=n,x=(0,r.Fg)(),{isMobileL:g}=(0,s.k)(),f=g?250:335,h=new google.maps.LatLng({lat:t.geoPoint.latitude,lng:t.geoPoint.longitude});return(0,o.jsx)(u,{position:h,options:{isHidden:!i,pixelOffset:new window.google.maps.Size(m||-(f/2*1),d),alignBottom:!0},children:(0,o.jsxs)(p,{width:f,className:c,children:[(0,o.jsxs)("div",{className:"content-popup",children:[(0,o.jsx)("button",{type:"button",className:"icon-button",onClick:()=>e(),"aria-label":"Fechar informa\xe7\xe3o",children:(0,o.jsx)(l.X,{name:"closeSmall",fillColor:x.colors.googleMaps.popup.icon,size:10})}),a?a():(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("p",{className:"content-popup-title",children:t.displayName}),(0,o.jsxs)("p",{children:[t.address.line1,", ",t.address.line2,", ",t.address.district,", ",t.address.region.name,", ",t.address.town,","," ",t.address.postalCode]})]})]}),(0,o.jsx)("div",{className:"content-arrow"})]})})}},31100:function(n,e,t){t.d(e,{S:function(){return GoogleMapsMarker}});var o=t(85893),i=t(5152),a=t.n(i),r=t(45142);let l=a()(Promise.resolve().then(t.bind(t,37054)).then(n=>n.Marker),{loadableGenerated:{webpack:()=>[37054]}});function GoogleMapsMarker(n){let{store:e,onClosePopUp:t,isOpen:i,onClick:a,pinSvg:s,options:c}=n;return(0,o.jsx)(l,{icon:s,position:{lat:e.geoPoint.latitude,lng:e.geoPoint.longitude},animation:window.google.maps.Animation.DROP,onClick:a,options:c,children:(0,o.jsx)(r.p,{isOpen:i,store:e,onClose:t})},"".concat(e.name,"-").concat(e.displayName))}},91697:function(n,e,t){t.d(e,{h:function(){return GoogleMaps}});var o=t(85893),i=t(67294),a=t(37054),r=t(5152),l=t.n(r),s=t(82826),c=t(85519),d=t(44562),p=t(37340),u=t(20256);function _templateObject(){let n=(0,p._)(["\n width: 100%;\n height: 100%;\n\n /* Reset info box inside maps */\n .infoBox {\n > img {\n display: none;\n }\n }\n\n .loader {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n div {\n display: flex;\n }\n\n @media only screen and (min-width: 768px) {\n p {\n font-size: 16px;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let m=u.ZP.div.withConfig({componentId:"sc-f7b1491e-0"})(_templateObject()),x=l()(Promise.resolve().then(t.bind(t,37054)).then(n=>n.GoogleMap),{loadableGenerated:{webpack:()=>[37054]}}),g={latitude:0,longitude:0},f={fullscreenControl:!1,zoomControl:!1};function GoogleMaps(n){let{stores:e,onClickMarker:t,centerPosition:r=g,showPopUp:l=!0,currentStore:p,zoom:u=13,mapOptions:h=f,onLoad:b,isCurrentStorePopUpAlwaysOpen:w=!1}=n,[j,_]=(0,i.useState)(),{isLoaded:v,loadError:O}=(0,a.useJsApiLoader)({id:"google-map-script",googleMapsApiKey:"AIzaSyA-5SSptHBGURxgOQUYuJB5HMxUvEVZVfc"});return(0,i.useEffect)(()=>{if(w){let n=e.find(n=>n.geoPoint.latitude===r.latitude&&n.geoPoint.longitude===r.longitude);_(n)}},[r.latitude,r.longitude,w,e]),(0,o.jsx)(m,{children:v&&r?(0,o.jsx)(x,{mapContainerStyle:{width:"100%",height:"100%"},center:{lat:r.latitude,lng:r.longitude},zoom:u,options:h,onLoad:b,children:e.map(n=>(0,o.jsx)(d.S,{onClosePopUp:()=>_(void 0),isOpen:n===j&&l,onClick:()=>{null==t||t(n),_(n)},store:n,isSelected:n.name===(null==p?void 0:p.name)},"".concat(n.name,"-").concat(n.displayName)))}):O?(0,o.jsx)("div",{className:"loader",children:(0,o.jsx)(s.A,{type:"error",fontSize:14,children:(0,o.jsx)("p",{children:"Falha ao carregar o mapa."})})}):(0,o.jsxs)("div",{className:"loader",children:[(0,o.jsx)("p",{children:"Carregando mapa..."}),(0,o.jsx)(c.$,{size:80})]})})}},28219:function(n,e,t){t.d(e,{x:function(){return LabelGiftBag}});var o=t(85893);t(67294);var i=t(42473),a=t(37340),r=t(20256);function _templateObject(){let n=(0,a._)(["\n align-items: center;\n background: ",";\n display: flex;\n padding: ",";\n white-space: ",";\n width: fit-content;\n margin: 7px 0 15px;\n\n @media only screen and (min-width: 768px) {\n padding: ",";\n margin: ",";\n }\n\n .label-gift-bag {\n &__text {\n color: ",";\n font-size: 12px;\n margin-left: ",";\n\n @media only screen and (min-width: 768px) {\n font-size: ",";\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let l=r.ZP.div.withConfig({componentId:"sc-d42e022b-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.label.background},n=>{let{isTagCart:e}=n;return e?"5px":"2px 5px"},n=>{let{isTagCart:e}=n;return e?"unset":"nowrap"},n=>{let{isTagCart:e}=n;return e?"4px 7px":"3px 6px"},n=>{let{isTagCart:e}=n;return e?"10px 0 0":"5px 0"},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.label.text},n=>{let{isTagCart:e}=n;return e?"8px":"4px"},n=>{let{isTagCart:e}=n;return e?"14px":"12px"});function LabelGiftBag(n){let{iconName:e="giftBag",text:t,isTagCart:a,...r}=n;return(0,o.jsxs)(l,{isTagCart:a,className:"label-gift-bag",...r,children:[(0,o.jsx)(i.X,{name:e,size:a?13:11,margin:"0 0 2px"}),(0,o.jsx)("span",{className:"label-gift-bag__text",children:t})]})}},30026:function(n,e,t){t.d(e,{s:function(){return ModalCarousel}});var o=t(85893),i=t(67294),a=t(26126),r=t(5632),l=t(68460),s=t(19931),c=t(96984),d=t(37340),p=t(20256),u=t(94887);function _templateObject(){let n=(0,d._)(["\n .content-container:nth-child(n) {\n background-color: ",";\n color: ",";\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n\n .close-button {\n z-index: 1;\n\n path {\n fill: ",";\n }\n }\n\n .modal-carousel {\n &__header {\n position: absolute;\n top: 0;\n z-index: 1;\n\n &__counter {\n font-size: 13px;\n font-weight: 300;\n padding: 12px 10px;\n }\n }\n\n &__image-container {\n &__transform-wrapper {\n &__image-zoom-wrapper {\n display: flex;\n height: 100vh;\n width: 100vw;\n }\n }\n }\n\n &__zoom-info {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n text-align: center;\n max-width: 420px;\n margin: 0 auto;\n font-size: 13px;\n padding: 15px 10px;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let m=(0,p.ZP)(n=>(0,o.jsx)(u.u,{...n})).withConfig({componentId:"sc-9157f31-0"})(_templateObject(),n=>n.theme.colors.modalCarousel.background,n=>n.theme.colors.modalCarousel.color,n=>n.theme.colors.modalCarousel.color),x={width:550,height:550};function ModalCarousel(n){let{onClose:e,slidesContent:t,mainActiveSlideIndex:d,mainCarousel:p,isOpen:u,className:g,customCarouselOptions:f,modalCarouselBehaviors:h,imageDimensions:b=x,...w}=n,{showHeader:j=!0,showHint:_=!0}=h||{},{childIndex:v,isDragEnabled:O,currentSlidePosition:C,setIsDragEnabled:N,isVideoSlide:k,onAnimationEnded:P,onPanning:S,onZoomStop:y}=(0,s.D)({mainActiveSlideIndex:d,slidesContent:t,mainCarousel:p}),z=(0,i.useMemo)(()=>({hideArrows:!0,hidePagination:!0,initial:C,drag:O,slides:{spacing:20},...f}),[C,f,O]);return(0,o.jsxs)(m,{...w,isOpen:u,onRequestClose:e,lockPageScrollOnOpen:!0,className:g,children:[j?(0,o.jsx)("div",{className:"modal-carousel__header",children:(0,o.jsxs)("h3",{className:"modal-carousel__header__counter",children:[v+1," / ",t.length]})}):null,(0,o.jsx)(l.l,{className:"carousel",options:z,onAnimationEnded:P,children:t.map(n=>{if(!k(n))return(0,o.jsx)(r.q,{className:"modal-carousel",children:(0,o.jsx)("div",{className:"modal-carousel__image-container",children:(0,o.jsx)("div",{className:"modal-carousel__image-container__transform-wrapper",children:(0,o.jsx)(a.d$,{initialScale:1,minScale:1,maxScale:3,limitToBounds:!0,panning:{disabled:O},onZoomStart:()=>N(!1),onZoomStop:n=>y(n),onPanningStop:n=>S(n),children:(0,o.jsx)(a.Uv,{children:(0,o.jsx)("div",{className:"modal-carousel__image-container__transform-wrapper__image-zoom-wrapper",children:(0,o.jsx)(c.M.Image,{src:n.url,alt:(null==n?void 0:n.altText)||"",width:b.width,height:b.height,objectFit:"contain",layout:"fill"})})})})})})},n.url)})}),_?(0,o.jsx)("div",{className:"modal-carousel__zoom-info",children:"Use os dois dedos para aumentar e diminuir o zoom"}):null]})}},66989:function(n,e,t){t.d(e,{r:function(){return ModalSecurityCode}});var o=t(85893),i=t(37340),a=t(20256),r=t(57566);function _templateObject(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n align-items: center;\n\n .content-container:nth-child(n) {\n > button {\n padding: 5px;\n width: auto;\n }\n }\n"]);return _templateObject=function(){return n},n}let l=(0,a.ZP)(r.u).withConfig({componentId:"sc-352589ac-0"})(_templateObject());function ModalSecurityCode(n){return(0,o.jsx)(l,{...n})}},60994:function(n,e,t){t.d(e,{F:function(){return PixTimer}});var o=t(85893),i=t(67294),a=t(42473),r=t(41382),l=t(37340),s=t(20256);function _templateObject(){let n=(0,l._)(["\n margin: 20px 0;\n\n .timer {\n margin: 6px 0 7px;\n display: flex;\n align-content: center;\n align-items: center;\n\n &--expired {\n color: ",";\n }\n\n &__clock {\n margin-left: 10px;\n }\n }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,l._)(["\n width: 160px;\n height: 5px;\n background: ",";\n position: relative;\n\n &::after {\n content: '';\n background: ",";\n position: absolute;\n width: ","%;\n height: 5px;\n }\n"]);return _templateObject1=function(){return n},n}let c=s.ZP.div.withConfig({componentId:"sc-a794508c-0"})(_templateObject(),n=>n.theme.colors.pixTimer.expired),d=s.ZP.div.withConfig({componentId:"sc-a794508c-1"})(_templateObject1(),n=>n.theme.colors.pixTimer.barBackground,n=>n.theme.colors.pixTimer.bar,n=>n.barWidth);function PixTimer(n){let{expirySeconds:e,icon:t,showBar:l=!1,...s}=n,[p,u]=(0,i.useState)("4"),{formattedTimer:m,milliseconds:x}=(0,r.J)(e),g=x<=0;return(0,i.useEffect)(()=>{l&&function(){let n=100*(x/1e3)/14400;u(n.toFixed(2))}()},[14400,x,l]),(0,o.jsxs)(c,{...s,children:[(0,o.jsx)("p",{children:"Seu Pix expira em:"}),(0,o.jsxs)("div",{className:"timer ".concat(g?"timer--expired":"").trim(),children:[t?t():(0,o.jsx)(a.X,{fillColor:"currentColor",name:"clockLight",size:15}),(0,o.jsx)("span",{className:"timer__clock",children:g?"C\xf3digo Pix expirado":m})]}),function(){let n=l&&!g;return n?(0,o.jsx)(d,{barWidth:p}):null}()]})}},19931:function(n,e,t){t.d(e,{D:function(){return useModalCarousel}});var o=t(67294),i=t(6900);function isVideoSlide(n){return i.j.includes(n.type)}function useModalCarousel(n){let{mainActiveSlideIndex:e,slidesContent:t,mainCarousel:i}=n,[a,r]=(0,o.useState)(e),[l,s]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!0),p=(0,o.useMemo)(()=>t.filter(n=>isVideoSlide(n)).length,[t]),u=p>0,m=(0,o.useMemo)(()=>{if(u){let n=0===e,t=n?0:e-p;return t}if(!u)return e},[e,u,p]),x=(0,o.useCallback)(n=>{var e;let t=null===(e=n.track.details)||void 0===e?void 0:e.rel;if(r(t),u){let n=0===t,e=n?0:t+p;null==i||i.moveToIdx(e)}u||null==i||i.moveToIdx(t)},[i,u,p]);return{childIndex:a,isManualNext:l,isDragEnabled:c,currentSlidePosition:m,setChildIndex:r,setIsManualNext:s,setIsDragEnabled:d,isVideoSlide,onAnimationEnded:x,onPanning:function(n){var e,t;let o=setTimeout(()=>{s(!0)},300);l&&(s(!1),d(!0),n.resetTransform());let i=(null===(t=n.instance)||void 0===t?void 0:null===(e=t.bounds)||void 0===e?void 0:e.minPositionX)||0,a=n.state.positionX>85||n.state.positionX+85=f;function renderProductColorName(n){return h?(0,o.jsx)("span",{className:"tw-text-xs tw-font-normal",children:(0,p.Ls)(n)}):null}function renderImage(n,e,a,l){return b?(0,o.jsxs)("div",{className:"tw-relative tw-aspect-[3/3.7] tw-min-h-[90px] tw-w-full\n ".concat(l?"tw-border-2 tw-rounded-md tw-border-black":""),children:[(0,o.jsx)(r.P,{src:n,alt:e,fill:!0,className:"tw-rounded tw-object-cover"}),a?null:(0,o.jsx)("div",{className:"tw-absolute tw-inset-0 tw-size-full tw-rounded tw-bg-black/20 after:tw-absolute after:tw-left-1/2 after:tw-top-1/2 after:tw-h-0.5 after:tw-w-full after:-tw-translate-x-1/2 after:tw-rotate-[127deg] after:tw-bg-black"})]}):(0,o.jsx)(r.P,{src:n,alt:e,width:t,height:i,className:"tw-object-cover"})}function renderSlideOrListItem(){return e.map((n,e)=>{let{url:t,primaryImage:i,description:r,isSelectedColor:s,primaryImageUrl:d,color:p="",sellable:u,isAvailable:m}=n,x=i.url||d,f=s?"tw-border-black":"tw-border-transparent";return j?(0,o.jsxs)(l.q,{"data-testid":"".concat(c.zn.MORE_COLORS_OPTION).concat(e),className:g,children:[(0,o.jsx)(a(),{href:t,prefetch:!1,className:f,children:renderImage(x,r,m||u,s)}),renderProductColorName(p)]},e):(0,o.jsxs)("li",{children:[(0,o.jsx)(a(),{href:t,prefetch:!1,className:f,children:renderImage(x,r,m||u,s)}),renderProductColorName(p)]},e)})}return(0,o.jsxs)(x,{...w,children:[(0,o.jsx)("p",{className:(0,d.C$)({schutz:"tw-mb-4 tw-text-xs tw-font-bold",vans:"tw-mb-2 tw-text-lg tw-font-medium"}),children:u}),j?(0,o.jsx)("div",{className:"carousel-container",children:(0,o.jsx)(s.l,{options:{hidePagination:!0,hideArrows:!0,initial:0,slides:{perView:"auto",spacing:10},...m},className:(0,d.C$)({_common:"carousel-more-colors",schutz:"[&>div]:tw-w-auto md:[&>div]:tw-mx-5"}),"data-testid":c.zn.MORE_COLORS_CAROUSEL,children:renderSlideOrListItem()})}):(0,o.jsx)("ul",{className:"tw-flex tw-list-none tw-justify-start tw-gap-2",children:renderSlideOrListItem()})]})}}}]);