https://qazmonitor.com/_next/static/chunks/84.b800619d4582c12f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84],{26679:function(e,i,t){t.d(i,{Z:function(){return a}});var o=t(85893);t(67294);var a=()=>(0,o.jsx)("div",{className:"loader"})},10084:function(e,i,t){t.r(i),t.d(i,{default:function(){return k}});var o=t(85893),a=t(67294),n=t(69135),r=t(11163),d=t(92481),s=t(22546),l=t(25675),c=t.n(l),u=t(26679),m=t(53652),h=t(30667),p=t(96634);let g={story:{display:"flex",position:"relative",transition:"0.6s",aspectRatio:"9/16","@supports not (aspect-ratio: 9/16)":{":before":{content:"''",display:"block",width:"100%",paddingTop:"calc((16 / 9) * 100%)"},"> *":{position:"absolute",top:0,right:0,bottom:0,left:0}},width:"80vw",maxHeight:"100vh",maxWidth:"100vw",margin:"auto",["@media (min-width: ".concat(p.AV.middle,")")]:{width:"auto",height:"86vh"}},video_container:{display:"flex",flex:1,borderRadius:8,overflow:"hidden",backgroundColor:"background"},video:{width:"100%",zIndex:3},image_container:{width:"100%",height:"100%",borderRadius:8,overflow:"hidden",backgroundColor:"background",zIndex:4},image:{zIndex:3},video_paused:{position:"absolute",top:33,right:16,fontSize:11,color:"white",backgroundColor:"rgb(80, 80, 80)",padding:5,borderRadius:3,zIndex:5},progress_bars:{position:"absolute",top:23,left:0,width:"100%",display:"flex",padding:"0 16px",zIndex:5},progress_bar_container:{backgroundColor:"rgb(150, 150, 150)",height:2,margin:"0 2px",flex:1,"&:first-child":{marginLeft:0},"&:last-child":{marginRight:0},["@media (min-width: ".concat(p.AV.middle,")")]:{margin:"0 4px"}},progress:{backgroundColor:"white",height:2,width:0,animationTimingFunction:"linear",animationFillMode:"forwards"},progress_finished:{width:"100%"},progress_paused:{animationPlayState:"paused"},arrow:{width:30,height:"auto",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",top:"50%",right:-20,zIndex:10,cursor:"pointer",transform:"translate(50%,0)",["@media (min-width: ".concat(p.AV.middle,")")]:{right:-30}},reverse_arrow:{transform:"rotate(180deg) translate(50%,0)",right:"auto",left:-20,["@media (min-width: ".concat(p.AV.middle,")")]:{left:-30}},preview:{width:"100%",height:"100%",borderRadius:8,overflow:"hidden",backgroundColor:"background",backgroundPosition:"50% 0",backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"flex",flexDirection:"column",justifyContent:"flex-end",lineHeight:"1.2em",position:"relative",cursor:"pointer",zIndex:3},preview_content:{padding:20,boxSizing:"border-box",zIndex:10,["@media (min-width: ".concat(p.AV.middle,")")]:{padding:30}},preview_title:{color:"white",fontSize:21,lineHeight:"1.2em",fontWeight:600,margin:"0 0 17px",overflow:"hidden",display:"-webkit-box","-webkit-line-clamp":3,"-webkit-box-orient":"vertical",["@media (min-width: ".concat(p.AV.middle,")")]:{fontSize:29}},preview_subtitle:{color:"white",fontSize:16,lineHeight:"1.2em",fontWeight:400,margin:"0 0 17px",overflow:"hidden",display:"-webkit-box","-webkit-line-clamp":3,"-webkit-box-orient":"vertical",["@media (min-width: ".concat(p.AV.middle,")")]:{fontSize:21}},preview_category:{color:"secondary",fontSize:12,fontWeight:600,fontStyle:"italic",["@media (min-width: ".concat(p.AV.middle,")")]:{fontSize:16}},preview_overlay:{position:"absolute",bottom:0,left:0,width:"100%",height:"50%",backgroundImage:"linear-gradient(180deg, rgba(36, 36, 36, 0) 0%, rgba(36, 36, 36, 0.8) 47.1%)"},spinner:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",zIndex:2}},v=()=>({"0%":{width:0},"100%":{width:"100%"}}),w=e=>{let{src:i}=e;return(0,m.J)({id:i,width:432,height:768,resize:!0})},f=e=>{var i,t,n,r;let{story:s,index:l,goToSlide:p,isLast:f,closeStories:x}=e,{css:b,renderer:y}=(0,d.Z)(),{currentSlide:k}=(0,h.CG)(e=>e.rootReducer.counter),[_,j]=(0,a.useState)(0),[S,z]=(0,a.useState)(!1),[N,C]=(0,a.useState)(!0),[I,A]=(0,a.useState)({index:0,duration:5}),R=(0,a.useRef)(),V=y.renderKeyframe(v,{width:"100%"}),E=()=>{var e;C(!0),null===(e=R.current)||void 0===e||e.pause(),_!==s.media.length-1||f?_<s.media.length-1?j(e=>e+1):x():p(l+1)},T=()=>{var e;(null===(e=s.media)||void 0===e?void 0:e[_].type)==="image"&&E()};return(0,a.useEffect)(()=>{s.media&&"video"===s.media[_].type&&R.current&&k===l&&(R.current.load(),R.current.oncanplay=()=>{R.current&&A({index:_,duration:R.current.duration})},R.current.onwaiting=()=>C(!0),R.current.onplaying=()=>C(!1),R.current.onended=()=>E())},[s,_,k]),(0,a.useEffect)(()=>{var e,i;s.media&&(null===(e=s.media)||void 0===e?void 0:e[_].type)==="video"&&R.current&&(null===(i=R.current)||void 0===i||i.play())},[I]),(0,a.useEffect)(()=>{var e;s.media&&(null===(e=s.media)||void 0===e?void 0:e[_].type)==="video"&&R.current&&(S?(R.current.pause(),C(!0)):(R.current.play(),C(!1)))},[S]),(0,a.useEffect)(()=>

1{if(k!==l){var e;C(!0),null===(e=R.current)||void 0===e||e.pause()}else j(0)},[k]),(0,a.useEffect)(()=>{var e;s.media&&(null===(e=s.media)||void 0===e?void 0:e[_].type)==="image"&&A({index:_,duration:s.media[_].duration})},[s,_]),(0,o.jsxs)("div",{className:b(g.story),style:{transform:k===l?"":"scale(0.7)"},children:[(0,o.jsx)("div",{className:b(g.spinner),children:(0,o.jsx)(u.Z,{})}),S&&(0,o.jsx)("div",{className:b(g.video_paused),children:"PAUSED"}),k===l?(0,o.jsxs)("div",{className:b(g.video_container),style:{cursor:(null===(i=s.meta)||void 0===i?void 0:i.link)?"pointer":"default"},...(null===(t=s.meta)||void 0===t?void 0:t.link)?{onClick:()=>{var e;return window.open(null===(e=s.meta)||void 0===e?void 0:e.link,"_blank")}}:{},children:[(0,o.jsx)("div",{className:b(g.progress_bars),children:null===(n=s.media)||void 0===n?void 0:n.map((e,i)=>(0,o.jsx)("div",{className:b(g.progress_bar_container),children:(0,o.jsx)("div",{className:b([g.progress,i<_?g.progress_finished:{},i===_?{animationName:V}:{},N?g.progress_paused:{}]),style:{animationDuration:"".concat(I.duration,"s")},onAnimationEnd:T})},"story-".concat(s.id,"-").concat(i,"}")))}),(null===(r=s.media)||void 0===r?void 0:r[_].type)==="video"?(0,o.jsx)("video",{id:"".concat(s.id,"-").concat(s.media[_].data,"-").concat(_),preload:"metadata",className:b(g.video),onMouseDown:()=>z(!0),onMouseUp:()=>z(!1),ref:e=>{e&&k===l&&(R.current=e)},children:(0,o.jsx)("source",{src:"https://kazmonitor.object.pscloud.io/".concat(s.media[_].data,"#t=0.1")})}):(0,o.jsx)("div",{className:b(g.image_container),onMouseDown:()=>C(!0),onMouseUp:()=>C(!1),children:(0,o.jsx)(c(),{src:s.media[_].data||"/no-image.png",loader:w,alt:"StoryItem-".concat(s.id)||0,className:b(g.image),width:432,height:768,style:{objectFit:"cover",width:"100%",height:"auto"},priority:!0,onLoadingComplete:()=>{k===l&&C(!1)}})})]}):(0,o.jsx)("div",{className:b(g.preview),style:{backgroundImage:"url(".concat((0,m.J)({id:s.preview_image||"/no-image.png",width:432,height:768,resize:!0}))},onClick:()=>p(l)}),(0,o.jsx)("div",{className:b(g.arrow),onClick:E,style:{display:k===l&&(!f||s.media&&_!==s.media.length-1)?"block":"none"},children:(0,o.jsx)(c(),{src:"/icons/arrow.svg",alt:"story-arrow-right",width:35,height:25})}),(0,o.jsx)("div",{className:b([g.arrow,g.reverse_arrow]),onClick:()=>{var e;C(!0),null===(e=R.current)||void 0===e||e.pause(),0===_?p(l-1):j(e=>e-1)},style:{display:k===l&&(0!==l||0!==_)?"block":"none"},children:(0,o.jsx)(c(),{src:"/icons/arrow.svg",alt:"story-arrow-left",width:35,height:25})})]})};var x=t(26560),b=t(89835);let y=e=>{let{index:i,...t}=e,a=(0,s.oc)(),n=(0,h.TL)();return(0,o.jsx)(f,{...t,index:i,goToSlide:e=>{n((0,x.dW)(e)),a.slideTo(e)}})};var k=e=>{let{stories:i,closeStories:t}=e,a=(0,n.useAmp)(),{css:l}=(0,d.Z)({isAmp:a}),c=(0,h.TL)(),u=(0,r.useRouter)(),{currentSlide:m}=(0,h.CG)(e=>e.rootReducer.counter);return(0,o.jsxs)("div",{className:l(b.o.stories_modal),tabIndex:0,children:[(0,o.jsx)("span",{className:l(b.o.close_icon),onClick:t,children:"\xd7"}),(0,o.jsx)(s.tq,{className:l(b.o.stories_modal_list),initialSlide:m,centeredSlides:!0,slidesPerView:1,onSlideChange:e=>{let{activeIndex:t}=e;u.push({pathname:u.pathname,query:{storyId:null==i?void 0:i[t].id}},void 0,{shallow:!0}),c((0,x.dW)(t))},breakpoints:{992:{slidesPerView:3}},children:i.map((e,a)=>(0,o.jsx)(s.o5,{style:{display:"flex"},children:(0,o.jsx)(y,{story:e,index:a,isLast:a===i.length-1,closeStories:t})},"insta-story-".concat(e.id)))})]})}}}]);