https://www.almashhad.com/_next/static/chunks/pages/infographic-8664a868e6135e12.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9640],{5633:e=>{e.exports={container:"Album_container__O9l2k",aspectRatioBox:"Album_aspectRatioBox__Jy2IO",image:"Album_image__6o4W_",title:"Album_title__ZwVX4",date:"Album_date__uwNIr"}},13763:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/infographic",function(){return i(29852)}])},17434:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>m});var s=i(37876);i(14232);var o=i(95062),n=i.n(o),l=i(78083),r=i(68570),a=i.n(r),c=i(15039),u=i.n(c);function d(e){let{width:t,height:i,aspectRatioClassName:o=null,contentClassName:n=null,children:r}=e;return(0,s.jsx)(l.A,{style:{paddingTop:"".concat(i/t*100,"%")},className:u()(o,a().aspectRatioBox),children:(0,s.jsx)(l.A,{className:u()(n,a().contentBox),children:r})})}d.propTypes={width:n().number.isRequired,height:n().number.isRequired,aspectRatioClassName:n().string,contentClassName:n().string,children:n().node.isRequired};let m=d},28676:e=>{e.exports={moreButton:"LoadMoreButton_moreButton__o6P5M",sportsMoreButton:"LoadMoreButton_sportsMoreButton__IP0eT",economyMoreButton:"LoadMoreButton_economyMoreButton__DvEY7"}},29852:(e,t,i)=>{"use strict";i.r(t),i.d(t,{__N_SSP:()=>h,default:()=>y});var s=i(37876),o=i(66110),n=i(14232),l=i(31777),r=i(41422),a=i(64356),c=i(23276),u=i(78083),d=i(34321),m=i(51013),p=i(76899),x=i(6374),_=i(52804),h=!0;let y=function(){let e=(0,l.wA)(),{page:t,albums:i,hasMore:h,loading:y,loadMoreButton:f}=(0,l.d4)(e=>e.infoGraphicsList);(0,n.useEffect)(()=>{sessionStorage.setItem("page",t)},[t]),(0,n.useEffect)(()=>{e({type:m.ST,payload:{request:{url:d.IL,params:{page:t,limit:8}}}})},[e,t]);let g=(0,n.useCallback)(()=>{e({type:m.L0})},[e]);return y?(0,s.jsx)(u.A,{sx:{display:"flex",justifyContent:"center"},children:(0,s.jsx)(c.A,{})}):(0,s.jsxs)(u.A,{sx:{mb:3.75},children:[(0,s.jsx)(x.default,{id:_.SN.leaderboard,leaderboard:!0}),(0,s.jsx)(o.A,{listTitle:"الرسوم البيانية",isRemoveHover:!0,isH1:!0,className:"albumsList"}),(0,s.jsx)(r.A,{container:!0,children:(null==i?void 0:i.length)>0&&(0,s.jsx)(p.A,{albums:i,isInfoGraphics:!0})}),h&&(0,s.jsx)(a.A,{loading:f,onClick:g})]})}},31212:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>m});var s=i(37876),o=i(78083),n=i(49554),l=i(95062),r=i.n(l),a=i(55768),c=i.n(a),u=i(15039),d=i.n(u);function m(e){let{top:t,containerWidth:i,imageWidth:l,imageHeight:r,onClick:a=null,isCursor:u=!1,ref:m=null,isSports:p=!1}=e;return(0,s.jsx)(o.A,{ref:m,style:{top:t,width:i},onClick:a,className:d()(c().imageContainer,{[c().isCursor]:u}),children:(0,s.jsx)(n.default,{src:p?"/static/icons/playGreen.svg":"/static/icons/play.svg",width:l,height:r,isCenter:!0,alt:"play",priority:!0})})}m.propTypes={top:r().string.isRequired,imageWidth:r().oneOfType([r().number.isRequired,r().string.isRequired]).isRequired,imageHeight:r().oneOfType([r().number.isRequired,r().string.isRequired]).isRequired,containerWidth:r().oneOfType([r().number.isRequired,r().string.isRequired]).isRequired,onClick:r().func,isCursor:r().bool,ref:r().object,isSports:r().bool}},55768:e=>{e.exports={isCursor:"AppVideoImage_isCursor__dKP6o",imageContainer:"AppVideoImage_imageContainer__oXSaw"}},59050:e=>{e.exports={listTitle:"HeaderSectionTitle_listTitle__WZ9_N",title:"HeaderSectionTitle_title__PFCgK",exploreAll:"HeaderSectionTitle_exploreAll__CWWlQ",isRemoveHover:"HeaderSectionTitle_isRemoveHover__qdgKP",listTitleVod:"HeaderSectionTitle_listTitleVod__DCMl8",yellowText:"HeaderSectionTitle_yellowText__E70eN",economyText:"HeaderSectionTitle_economyText__4LBoN",borderWhite:"HeaderSectionTitle_borderWhite__LW46u"}},64356:(e,t,i)=>{"use strict";i.d(t,{A:()=>p});var s=i(37876),o=i(78083),n=i(79316),l=i(95062),r=i.n(l),a=i(28676),c=i.n(a),u=i(15039),d=i.n(u);function m(e){let{loading:t,onClick:i,isSports:l=!1,isEconomy:r=!1}=e;return(0,s.jsx)(o.A,{sx:{display:"flex",justifyContent:"center",mt:3.75},children:(0,s.jsx)(n.default,{loading:t,color:"secondary",variant:"contained",className:d()(c().moreButton,{[c().sportsMoreButton]:l,[c().economyMoreButton]:r}),onClick:i,children:(0,s.jsx)("span",{children:"المزيد"})})})}

1m.propTypes={onClick:r().func.isRequired,loading:r().bool.isRequired,isSports:r().bool,isEconomy:r().bool};let p=m},66110:(e,t,i)=>{"use strict";i.d(t,{A:()=>y});var s=i(37876),o=i(14232),n=i(95062),l=i.n(n),r=i(88484),a=i(15039),c=i.n(a),u=i(78083),d=i(59050),m=i.n(d),p=i(77324),x=i(89099),_=i(94692);function h(e){let{listTitle:t,onClick:i=null,className:n=null,isHoverAnimation:l=!1,marginLeft:a=0,isRemoveHover:d=!1,isH1:h=!1,to:y="hide",gtmID:f="",isSports:g=!1,isEconomy:A=!1}=e,b=(0,o.useRef)(),v=(0,o.useCallback)(()=>{b.current.style.maxWidth="0",b.current.style.opacity="0",b.current.style.cursor="default",b.current.style.transform="",b.current.style.transition="max-width 1s, opacity 1s, transform 750ms,-webkit-transform 750ms,-moz-transform 750ms,-o-transform 750ms"},[]),j=(0,o.useCallback)(()=>{b.current.style.display="inline-block",b.current.style.cursor="pointer",b.current.style.maxWidth="350px",b.current.style.width="60px",b.current.style.transform="translate(-1vw,0)",b.current.style.opacity="1",b.current.style.transition="max-width 1s, opacity 1s, transform 750ms,-webkit-transform 750ms,-moz-transform 750ms,-o-transform 750ms"},[]),{pathname:R}=(0,x.useRouter)(),T=(0,o.useMemo)(()=>R.includes(_.Ay.VOD)||R.includes(_.Ay.showDetails)||R.includes(_.Ay.movieDetails)||R.includes(_.Ay.movies)||R.includes(_.Ay.shows)||R.includes(_.Ay.videosPerGenre)||R.includes(_.Ay.videosPerCategory)||R.includes(_.Ay.vodSearch)||R.includes(_.Ay.watch)||R.includes(_.Ay.showDetails)||R.includes(_.Ay.movieDetails)||R===_.Ay.live||R===_.Ay.latestVideos,[R]);return(0,s.jsx)(u.A,{sx:{marginLeft:a},className:c()(m().listTitle,n,{[m().listTitleVod]:T,[m().borderWhite]:g||A}),onMouseLeave:l?v:null,children:(0,s.jsx)("div",{onClick:i,role:i?"button":"none",tabIndex:0,id:f||t,children:(0,s.jsx)(r.default,{maxOneRow:!0,className:c()(m().title,{[m().isRemoveHover]:d,[m().yellowText]:g,[m().economyText]:A}),children:(0,s.jsxs)(p.default,{id:f||t,to:y,className:c()(m().title,{[m().isRemoveHover]:d}),children:[(0,s.jsx)("div",{onMouseEnter:l?j:null,id:f||t,children:h?(0,s.jsx)("h1",{children:t}):t}),l&&(0,s.jsx)("div",{ref:b,onMouseLeave:v,className:m().exploreAll,id:f||t,style:{color:"inherit"},children:"المزيد"})]})})})})}h.propTypes={listTitle:l().string.isRequired,onClick:l().func,className:l().string,isHoverAnimation:l().bool,marginLeft:l().number,isRemoveHover:l().bool,isH1:l().bool,to:l().string,gtmID:l().string,isSports:l().bool,isEconomy:l().bool};let y=h},68570:e=>{e.exports={aspectRatioBox:"AspectRatioBox_aspectRatioBox__MhRxg",contentBox:"AspectRatioBox_contentBox__OlVqd"}},76899:(e,t,i)=>{"use strict";i.d(t,{A:()=>v});var s=i(37876),o=i(78083),n=i(17434),l=i(49554),r=i(41422),a=i(88484),c=i(66906),u=i(14232),d=i(89099),m=i.n(d),p=i(94692),x=i(95062),_=i.n(x),h=i(26361),y=i(31212),f=i(5633),g=i.n(f),A=i(77324);function b(e){let{albums:t,isImage:i=!1,setImage:d=null,isVideoGallery:x=!1,isInfoGraphics:_=!1,isSingleInfoGraphic:f=!1}=e,{isXMobile:b}=(0,h.A)(),v=(0,u.useCallback)((e,t)=>()=>{i&&d(t)},[i,d]),j=(0,u.useCallback)((e,t)=>{var s,o;return x?"".concat(p.Ay.articleDetails,"/").concat(null==t?void 0:t.categoryId,"-").concat(null==t?void 0:t.categorySlug,"/").concat(e,"-").concat(null==t?void 0:t.slug):_?"".concat(p.Ay.imagesPerInfoGraphic,"/").concat(e,"-").concat(null==t||null==(o=t.title)?void 0:o.split(" ").join("-")):i||f?"".concat(m().query.id,"?image=").concat(e):"".concat(p.Ay.imagesPerAlbum,"/").concat(e,"-").concat(null==t||null==(s=t.title)?void 0:s.split(" ").join("-"))},[x,_,i,f]);return null==t?void 0:t.map(e=>{let{title:t,date:u,id:d,link:m,description:p,createdDate:x,isVideo:_,categoryId:h,categorySlug:f,slug:R,medium:T,highRes:C}=e;return(0,s.jsx)(r.A,{size:{lg:3,md:4,sm:6,xs:12},children:(0,s.jsxs)(o.A,{sx:{ml:2.5*!b,mt:3.75},className:g().container,onClick:v(d,{link:C,title:t,slug:R,description:p,id:d,categoryId:h,categorySlug:f}),children:[(0,s.jsx)(A.default,{isReplace:i,to:j(d,{link:m,title:t,slug:R,description:p,id:d,categoryId:h,categorySlug:f}),children:(0,s.jsxs)(n.default,{width:16,height:9,contentClassName:g().aspectRatioBox,children:[(0,s.jsx)(l.default,{src:T,width:"100%",height:"100%",alt:t||"",className:g().image}),_&&(0,s.jsx)(y.default,{imageHeight:"25%",imageWidth:"25%",top:"25%",containerWidth:"100%"})]})}),t&&!i&&(0,s.jsx)(o.A,{sx:{mt:11/8,height:70},children:(0,s.jsx)(A.default,{to:j(d,{link:m,title:t,slug:R,description:p,id:d,categoryId:h,categorySlug:f}),children:(0,s.jsx)(a.default,{className:g().title,maxTwoRows:!0,children:t})})}

1),(u||x)&&!i&&(0,s.jsx)(A.default,{to:j(d,{link:m,title:t,slug:R,description:p,id:d,categoryId:h,categorySlug:f}),children:(0,s.jsx)(o.A,{className:g().date,children:(0,c.Ay)(u||x)})})]})},d)})}b.propTypes={albums:_().array.isRequired,isImage:_().bool,setImage:_().func,isVideoGallery:_().bool,isInfoGraphics:_().bool,isSingleInfoGraphic:_().bool};let v=b}},e=>{e.O(0,[1422,6374,636,6593,8792],()=>e(e.s=13763)),_N_E=e.O()}]);