https://industria.hazzin.com.br/_next/static/chunks/2449.d5d64d5fa286ddcc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2449],{2449:function(e,t,r){r.r(t),r.d(t,{default:function(){return z}});var n=r(7437),i=r(2265),o=r(8881),a=r(3576),l=r(2014),s=r(4252),c=r(3537),u=r(5750);function d(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class p extends i.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if((0,c.R)(t)&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,r=(0,c.R)(e)&&e.offsetWidth||0,n=(0,c.R)(e)&&e.offsetHeight||0,i=getComputedStyle(t),o=this.props.sizeRef.current;o.height=parseFloat(i.height),o.width=parseFloat(i.width),o.top=t.offsetTop,o.left=t.offsetLeft,o.right=r-o.width-o.left,o.bottom=n-o.height-o.top}return null}componentDidUpdate(){}render(){return this.props.children}}function h(e){let{children:t,isPresent:r,anchorX:o,anchorY:a,root:l,pop:s}=e,c=(0,i.useId)(),h=(0,i.useRef)(null),f=(0,i.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:m}=(0,i.useContext)(u._),x=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return i.useCallback(function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return e=>{let r=!1,n=t.map(t=>{let n=d(t,e);return r||"function"!=typeof n||(r=!0),n});if(r)return()=>{for(let e=0;e<n.length;e++){let r=n[e];"function"==typeof r?r():d(t[e],null)}}}}(...t),t)}(h,t.props?.ref??t?.ref);return(0,i.useInsertionEffect)(()=>{let{width:e,height:t,top:n,left:i,right:u,bottom:d}=f.current;if(r||!1===s||!h.current||!e||!t)return;let p="left"===o?`left: ${i}`:`right: ${u}`,x="bottom"===a?`bottom: ${d}`:`top: ${n}`;h.current.dataset.motionPopId=c;let w=document.createElement("style");m&&(w.nonce=m);let g=l??document.head;return g.appendChild(w),w.sheet&&w.sheet.insertRule(`
2          [data-motion-pop-id="${c}"] {
3            position: absolute !important;
4            width: ${e}px !important;
5            height: ${t}px !important;
6            ${p}px !important;
7            ${x}px !important;
8          }
9        `),()=>{h.current?.removeAttribute("data-motion-pop-id"),g.contains(w)&&g.removeChild(w)}},[r]),(0,n.jsx)(p,{isPresent:r,childRef:h,sizeRef:f,pop:s,children:!1===s?t:i.cloneElement(t,{ref:x})})}let f=e=>{let{children:t,initial:r,isPresent:o,onExitComplete:l,custom:c,presenceAffectsLayout:u,mode:d,anchorX:p,anchorY:f,root:x}=e,w=(0,a.h)(m),g=(0,i.useId)(),v=!0,b=(0,i.useMemo)(()=>(v=!1,{id:g,initial:r,isPresent:o,custom:c,onExitComplete:e=>{for(let t of(w.set(e,!0),w.values()))if(!t)return;l&&l()},register:e=>(w.set(e,!1),()=>w.delete(e))}),[o,w,l]);return u&&v&&(b={...b}),(0,i.useMemo)(()=>{w.forEach((e,t)=>w.set(t,!1))},[o]),i.useEffect(()=>{o||w.size||!l||l()},[o]),t=(0,n.jsx)(h,{pop:"popLayout"===d,isPresent:o,anchorX:p,anchorY:f,root:x,children:t}),(0,n.jsx)(s.O.Provider,{value:b,children:t})};function m(){return new Map}var x=r(9637);let w=e=>e.key||"";function g(e){let t=[];return i.Children.forEach(e,e=>{(0,i.isValidElement)(e)&&t.push(e)}),t}let v=e=>{let{children:t,custom:r,initial:s=!0,onExitComplete:c,presenceAffectsLayout:u=!0,mode:d="sync",propagate:p=!1,anchorX:h="left",anchorY:m="top",root:v}=e,[b,y]=(0,x.oO)(p),k=(0,i.useMemo)(()=>g(t),[t]),j=p&&!b?[]:k.map(w),_=(0,i.useRef)(!0),C=(0,i.useRef)(k),z=(0,a.h)(()=>new Map),E=(0,i.useRef)(new Set),[N,L]=(0,i.useState)(k),[R,A]=(0,i.useState)(k);(0,l.L)(()=>{_.current=!1,C.current=k;for(let e=0;e<R.length;e++){let t=w(R[e]);j.includes(t)?(z.delete(t),E.current.delete(t)):!0!==z.get(t)&&z.set(t,!1)}},[R,j.length,j.join("-")]);let P=[];if(k!==N){let e=[...k];for(let t=0;t<R.length;t++){let r=R[t],n=w(r);j.includes(n)||(e.splice(t,0,r),P.push(r))}return"wait"===d&&P.length&&(e=P),A(g(e)),L(k),null}let{forceRender:$}=(0,i.useContext)(o.p);return(0,n.jsx)(n.Fragment,{children:R.map(e=>{let t=w(e),i=(!p||!!b)&&(k===R||j.includes(t));return(0,n.jsx)(f,{isPresent:i,initial:(!_.current||!!s)&&void 0,custom:r,presenceAffectsLayout:u,mode:d,root:v,onExitComplete:i?void 0:()=>{if(E.current.has(t)||!z.has(t))return;E.current.add(t),z.set(t,!0);let e=!0;z.forEach(t=>{t||(e=!1)}),e&&($?.(),A(C.current),p&&y?.(),c&&c())},anchorX:h,anchorY:m,children:e},t)})})};var b=r(6247),y=r(4891),k=r(7164);let j="/exit-popup/popup-hero.webp",_="hz_exit_popup_shown_v2";function C(){try{return"1"===window.localStorage.getItem(_)}catch{return!1}}function z(){let[e,t]=(0,i.useState)(!1),[r,o]=(0,i.useState)(!0),a=(0,i.useRef)(!1),l=(0,i.useRef)(!1);(0,i.useEffect)(()=>

9{if(C()){o(!0);return}let e=new URLSearchParams(location.search).get("utm_source")?.toLowerCase()||"";if(e.includes("email")||e.includes("remarketing")){o(!0);return}o(!1)},[]);let s=(0,i.useCallback)(()=>{!a.current&&(C()||(a.current=!0,function(){try{window.localStorage.setItem(_,"1")}catch{}}(),t(!0),(0,k.j)("PopupView",{fonte:"exit_popup",variant:"wa_cta_only"})))},[]),c=(0,i.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"x";l.current||(0,k.j)("PopupClose",{fonte:"exit_popup",reason:e}),t(!1)},[]);return((0,i.useEffect)(()=>{if(r||!window.matchMedia("(min-width: 768px)").matches)return;let e=null,t=window.requestIdleCallback??(e=>window.setTimeout(e,2e3)),n=window.cancelIdleCallback??window.clearTimeout,i=t(()=>{(e=document.createElement("link")).rel="preload",e.as="image",e.href=j,e.type="image/webp",e.setAttribute("fetchpriority","low"),document.head.appendChild(e)});return()=>{if(n(i),e)try{document.head.removeChild(e)}catch{}}},[r]),(0,i.useEffect)(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=t}},[e]),(0,i.useEffect)(()=>{if(!e)return;let t=e=>{"Escape"===e.key&&c("esc")};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[e,c]),(0,i.useEffect)(()=>{if(r)return;let e=!1,t=setTimeout(()=>{e=!0},1500),n=window.matchMedia("(hover: hover) and (pointer: fine)").matches,i=window.scrollY,o=Date.now();function a(t){e&&t.clientY<=0&&s()}function l(){if(!e)return;let t=window.scrollY,r=Date.now()-o,n=t-i,a=document.documentElement.scrollHeight-window.innerHeight;(a>0?t/a*100:0)>=60&&n<-200&&r<400&&s(),i=t,o=Date.now()}return n?document.documentElement.addEventListener("mouseleave",a):window.addEventListener("scroll",l,{passive:!0}),()=>{clearTimeout(t),document.documentElement.removeEventListener("mouseleave",a),window.removeEventListener("scroll",l)}},[r,s]),r)?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(v,{children:e&&(0,n.jsx)(b.E.div,{initial:{opacity:0}

9,animate:{opacity:1},exit:{opacity:0},transition:{duration:.25},className:"fixed inset-0 z-[100] bg-black/65 backdrop-blur-sm grid place-items-center p-4",onClick:e=>{e.target===e.currentTarget&&c("outside")},role:"dialog","aria-modal":"true","aria-labelledby":"exit-popup-title",children:(0,n.jsxs)(b.E.div,{initial:{opacity:0,y:24,scale:.96},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:24,scale:.96},transition:{duration:.35,ease:[.22,1,.36,1]},className:"relative w-full max-w-[480px] md:max-w-[840px] overflow-hidden rounded-2xl bg-white shadow-[0_30px_80px_-20px_rgba(15,23,42,0.35)]",children:[(0,n.jsx)("button",{type:"button",onClick:()=>c("x"),"aria-label":"Fechar",className:"absolute right-3 top-3 z-20 grid h-9 w-9 cursor-pointer place-items-center rounded-full bg-hazzin-ink/5 text-hazzin-ink/65 transition-colors hover:bg-hazzin-ink/10 hover:text-hazzin-ink",children:(0,n.jsx)(y.Z,{size:18,strokeWidth:2.4})}),(0,n.jsxs)("div",{className:"grid md:min-h-[460px] md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]",children:[(0,n.jsx)("div",{className:"relative order-1 hidden md:block overflow-hidden bg-hazzin-ink",children:(0,n.jsx)("img",{src:j,alt:"Oferta exclusiva Hazzin",loading:"eager",decoding:"async",fetchPriority:"high",className:"absolute inset-0 h-full w-full scale-[1.02] object-cover object-center"})}),(0,n.jsxs)("div",{className:"order-2 flex flex-col justify-center px-7 py-10 sm:px-10 sm:py-12 md:px-12 md:py-16",children:[(0,n.jsx)("h2",{id:"exit-popup-title",className:"font-display text-[clamp(24px,3.6vw,34px)] font-extrabold leading-[1.15] tracking-[-0.02em] text-hazzin-ink",children:"Antes de Sair… Que Tal um Desconto Exclusivo?"}),(0,n.jsxs)("p",{className:"mt-5 text-[15px] leading-[1.65] text-hazzin-ink/70",children:["\xdaltima chance! Fale agora com um"," ",(0,n.jsx)("strong",{className:"font-semibold text-hazzin-ink",children:"especialista"})," ","e"," ",(0,n.jsx)("strong",{className:"font-semibold text-hazzin-ink",children:"garanta condi\xe7\xf5es especiais"})," ","para sua tinta ep\xf3xi. Clique no bot\xe3o abaixo e solicite seu or\xe7amento pelo WhatsApp agora!"]}),(0,n.jsxs)("button",{type:"button",onClick:function(){l.current=!0,(0,k.j)("PopupCTAClick",{fonte:"exit_popup",variant:"wa_cta_only",cta:"falar_atendente"}),(0,k.M1)("exit_popup_cta"),t(!1)},"data-track":"popup_cta_click","data-motivo":"exit_popup_cta",className:"group relative mt-8 inline-flex w-fit items-center gap-3 overflow-hidden rounded-full bg-gradient-to-b from-[#37870e] to-[#2d6f0c] px-8 py-4 text-[15px] font-bold text-white ring-2 ring-[#37870e]/40 shadow-[0_0_36px_rgba(55,135,14,0.55),inset_0_1px_0_rgba(255,255,255,0.25)] transition-all duration-500 ease-[cubic-bezier(0.23,1,0.32,1)] hover:-translate-y-0.5 hover:pr-14 hover:shadow-[0_0_48px_rgba(55,135,14,0.8)]",children:[(0,n.jsx)("span",{"aria-hidden":!0,className:"pointer-events-none absolute inset-y-0 left-[-30%] w-[30%] -skew-x-12 bg-gradient-to-r from-transparent via-white/30 to-transparent transition-transform duration-700 ease-out group-hover:translate-x-[450%]"}),(0,n.jsx)(E,{className:"relative z-10 h-5 w-5"}),(0,n.jsx)("span",{className:"relative z-10",children:"Falar com um Atendente"}),(0,n.jsx)("span",{className:"absolute right-2.5 flex h-8 w-8 -rotate-45 items-center justify-center rounded-full bg-white text-[#37870e] opacity-0 transition-opacity duration-300 group-hover:opacity-100",children:(0,n.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M5 12h14"}),(0,n.jsx)("path",{d:"M12 5l7 7-7 7"})]})})]})]})]})]},"modal")},"overlay")})})}function E(e){let{className:t}=e;return(0,n.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",className:t,children:(0,n.jsx)("path",{d:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.

9198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"})})}},2228:function(e,t,r){r.d(t,{default:function(){return c}});var n=r(2265),i={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let o=e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1};var a=r(6775);let l=(0,n.createContext)({}),s=()=>(0,n.useContext)(l),c=(0,n.forwardRef)((e,t)=>{let{color:r,size:l,strokeWidth:c,absoluteStrokeWidth:u,className:d="",children:p,iconNode:h,...f}=e,{size:m=24,strokeWidth:x=2,absoluteStrokeWidth:w=!1,color:g="currentColor",className:v=""}=s()??{},b=u??w?24*Number(c??x)/Number(l??m):c??x;return(0,n.createElement)("svg",{ref:t,...i,width:l??m??i.width,height:l??m??i.height,stroke:r??g,strokeWidth:b,className:(0,a.z)("lucide",v,d),...!p&&!o(f)&&{"aria-hidden":"true"},...f},[...h.map(e=>{let[t,r]=e;return(0,n.createElement)(t,r)}),...Array.isArray(p)?p:[p]])})},5480:function(e,t,r){r.d(t,{Z:function(){return c}});var n=r(2265),i=r(6775);let o=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase()),l=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)};var s=r(2228);let c=(e,t)=>{let r=(0,n.forwardRef)((r,a)=>{let{className:c,...u}=r;return(0,n.createElement)(s.default,{ref:a,iconNode:t,className:(0,i.z)(`lucide-${o(l(e))}`,`lucide-${e}`,c),...u})});return r.displayName=l(e),r}},4891:function(e,t,r){r.d(t,{Z:function(){return n}});let n=(0,r(5480).Z)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},6775:function(e,t,r){r.d(t,{z:function(){return n}});let n=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()}}}]);