https://www.aparat.com/clover/aparat/_next/static/chunks/vpnBannerChunk.db222c14e281cad0.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="ed89fdb5-10c2-4df2-ae6b-8d4cf483e8eb",e._sentryDebugIdIdentifier="sentry-dbid-ed89fdb5-10c2-4df2-ae6b-8d4cf483e8eb")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4771],{95078:function(e,n,t){t.r(n),t.d(n,{VpnBanner:function(){return u}});var r=t(27573),a=t(7653),s=t(65123),i=t(96),o=t(8794),l=t(46364),c=t(78399),d=c.default.div.withConfig({componentId:"sc-23dfed2d-0"})(["",";"],e=>{let{theme:{isDark:n,vpnBannerHeight:t},$isMobile:r,$isAnimating:a}=e;return(0,c.css)(["position:fixed;top:0;left:0;right:0;z-index:1001;height:",";width:100%;background:"," !important;background-color:"," !important;display:flex;align-items:center;justify-content:center;transform:",";transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out,background-color 0.3s ease-in-out;opacity:",";.close-button{position:absolute;left:12px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;z-index:1;.close-icon{width:16px;height:16px;transition:opacity 0.2s ease-in-out;svg,path{fill:",";}}&:hover .close-icon{opacity:0.7;}}.banner-content{display:flex;align-items:center;justify-content:center;width:100%;max-width:375px;padding:0;gap:12px;.vpn-icon{width:20px !important;transition:fill 0.3s ease-in-out;svg,path{fill:",";}}}.banner-message{text-align:center;.message-text{color:"," !important;font-weight:500;font-size:",";line-height:1.2;margin:0;}}& + *{transition:transform 0.3s ease-in-out;transform:",";}"],t,n?"var(--awd-color-warning-light-warning-12-opaque, rgba(40, 36, 24, 1))":"var(--awd-color-warning-light-warning-12-opaque, rgba(255, 247, 224, 1))",n?"var(--awd-color-warning-light-warning-12-opaque, rgba(40, 36, 24, 1))":"var(--awd-color-warning-light-warning-12-opaque, rgba(255, 247, 224, 1))",a?"translateY(-100%)":"translateY(0)",a?"0":"1",n?"var(--AWD-Color-Fixed-White, rgba(255, 255, 255, 1))":"var(--AWD-Color-Background-ExtraBold, rgba(33, 34, 38, 1))",r?"rgba(255, 191, 0, 1)":"var(--AWD-Color-System-Warning-Regular, rgba(255, 191, 0, 1))",n?"var(--AWD-Color-Fixed-White, rgba(255, 255, 255, 1))":"var(--AWD-Color-Background-ExtraBold, rgba(33, 34, 38, 1))",r?"12px":"14px",a?"translateY(-".concat(t,")"):"translateY(0)")});let u=e=>{let{isUsingVpn:n}=e,{t}=(0,s.$G)(),c=(0,i.eIi)(768),[u,g]=(0,a.useState)(!1),p=(0,a.useRef)(new Set),b=(e,n)=>{let t=window.setTimeout(e,n);return p.current.add(t),t},h=()=>{p.current.forEach(e=>clearTimeout(e)),p.current.clear()},f=()=>[document.getElementById("single-wrapper"),document.getElementById("app-header")].filter(Boolean),m=e=>{e?document.body.classList.add("has-vpn-banner"):document.body.classList.remove("has-vpn-banner","vpn-banner-hiding")},v=(0,a.useRef)(!1);(0,a.useEffect)(()=>{if(h(),g(!1),v.current=!1,!n)return;let e=()=>{v.current||(v.current=!0,b(()=>g(!0),2e3))},t=()=>e();return l.Mn.addEventListener(i.FPR.playerEvents.canPlayThrough,t),b(()=>{v.current||e()},5e3),()=>{l.Mn.removeEventListener(i.FPR.playerEvents.canPlayThrough,t),h()}},[n]);let w=(0,a.useRef)(null);return((0,a.useEffect)(()=>{let e=!!(n&&u),t=f();if(!e){var r;t.forEach(e=>e.classList.remove("has-vpn-banner","vpn-banner-hiding")),m(!1),null===(r=w.current)||void 0===r||r.disconnect(),w.current=null;return}t.forEach(e=>e.classList.add("has-vpn-banner")),m(!0);let a=document.getElementById("app-header");return a&&!w.current&&(w.current=new MutationObserver(()=>{a.classList.contains("has-vpn-banner")||a.classList.add("has-vpn-banner")}),w.current.observe(a,{attributes:!0,attributeFilter:["class"]})),()=>{var e;h(),null===(e=w.current)||void 0===e||e.disconnect(),w.current=null,f().forEach(e=>e.classList.remove("has-vpn-banner","vpn-banner-hiding")),m(!1)}},[u,n]),n&&u)?(0,r.jsxs)(d,{$isMobile:c,$isAnimating:!1,className:"vpn-banner",children:[(0,r.jsx)("button",{className:"close-button",onClick:()=>

1{f().forEach(e=>e.classList.add("vpn-banner-hiding")),window.setTimeout(()=>{f().forEach(e=>e.classList.remove("has-vpn-banner","vpn-banner-hiding")),m(!1),g(!1)},300)},"aria-label":"Close banner",children:(0,r.jsx)(o.I5,{name:"Close",className:"close-icon"})}),(0,r.jsxs)("div",{className:"banner-content",children:[(0,r.jsx)(o.I5,{name:"VpnFilled",className:"vpn-icon"}),(0,r.jsx)("div",{className:"banner-message",children:(0,r.jsx)(o.ZT.Body,{size:"3",className:"message-text",children:t("common:vpnBanner.message")})})]})]}):null}}}]);