https://www.almashhad.com/_next/static/chunks/pages/podcast-de31ba06aa873de8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8044],{62512:(e,l,s)=>{"use strict";s.r(l),s.d(l,{__N_SSG:()=>j,default:()=>y});var t=s(37876),a=s(49554),i=s(5492),n=s(95062),c=s.n(n),r=s(77324),d=s(14232),o=s(4168),u=s(46093),x=s(85324),m=s(83536);let h=function(){let[e,l]=(0,d.useState)(!0),[s,a]=(0,d.useState)(!1),[i,n]=(0,d.useState)(!1),c=(0,d.useRef)(null),r="6382788871112";(0,d.useEffect)(()=>{let e=setInterval(()=>{var l;let s=null==(l=document)?void 0:l.querySelector('video[data-video-id="'.concat(r,'"]'));s&&(c.current=s,s.muted=!0,clearInterval(e))},250);return()=>clearInterval(e)},[]);let h=(0,d.useCallback)(()=>{n(!0)},[]),g=(0,d.useCallback)(()=>{c.current&&l(e=>{let l=!e;return c.current.muted=l,l})},[]),p=(0,d.useCallback)(()=>{c.current&&a(e=>{var l,s,t,a;let i=!e;return i?null==(l=(s=c.current).play)||l.call(s):null==(t=(a=c.current).pause)||t.call(a),i})},[]);return(0,t.jsxs)("div",{className:"rounded-2xl overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between bg-[#04046e] text-white rounded-2xl px-3 py-2",children:[(0,t.jsx)("div",{className:"px-4 py-2 bg-[#04045b] rounded-md font-bold text-sm",children:"استمع الآن"}),(0,t.jsx)("div",{className:"flex items-center gap-3",children:i?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(x.A,{containerClasses:"w-6 h-6 lg:w-7 lg:h-7",onClick:g,icon:e?"/static/icons/muteWhite.svg":"/static/icons/volume.svg"}),(0,t.jsx)(x.A,{onClick:p,containerClasses:"w-6 h-6 lg:w-7 lg:h-7",icon:s?"/static/icons/pauseButtonWhite.svg":"/static/icons/audioPlayWhite.svg"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-1 text-xs select-none",children:[(0,t.jsx)("span",{className:"md:text-lg lg:text-xl text-red-600 leading-none",children:"●"}),(0,t.jsx)("span",{className:"md:text-lg lg:text-xl",children:"مباشر"})]})]}):(0,t.jsx)(m.A,{size:22})})]}),(0,t.jsx)("div",{style:{display:"none"},children:(0,t.jsx)(u.m,{controls:!1,width:"100%",height:"100%",playerId:o.A.player.ids.liveAudio,isReady:i,onSuccess:h,videoId:r})})]})};var g=s(88484),p=s(6374),f=s(52804);function v(e){var l;let{result:s=null,highlightedShowIndex:n=-1}=e,[c,o]=(0,d.useState)(!1),u=[{key:"Spotify",src:"/static/icons/spotifyLogo.png",linkKey:"spotifyLink"},{key:"Apple",src:"/static/icons/applePodcastLogo.png",linkKey:"applePodcastsLink"},{key:"Anghami",src:"/static/icons/anghamiLogo.png",linkKey:"anghamiLink"},{key:"YouTube",src:"/static/icons/youtubeMusicLogo.png",linkKey:"youTubeMusic"},{key:"Deezer",src:"/static/icons/deezerLogo.png",linkKey:"deezerLink"},{key:"Podeo",src:"/static/icons/podeoLogo.png",linkKey:"podeoLink"}];return(0,d.useEffect)(()=>{o(!0)},[]),(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("h1",{className:"sr-only",children:"أفضل برامج بودكاست عربي"}),(0,t.jsx)("div",{className:"mb-3",children:c&&(0,t.jsx)(h,{})}),n>=0&&(0,t.jsx)("div",{className:"w-full aspect-[16/9]",children:(0,t.jsx)(i.default,{href:s.data[n].redirectionLink,className:"w-full sm:mb-10 md:mb-8",children:(0,t.jsx)(a.default,{src:s.data[n].highlightedThumbnail,alt:"Main Banner",isCenter:!0,priority:!0})})}),(0,t.jsx)(p.default,{id:f.SN.leaderboard,leaderboard:!0}),(null==s||null==(l=s.data)?void 0:l.length)>0?(0,t.jsx)("div",{className:"grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-2 xl:grid-cols-5 2xl:grid-cols-4 gap-6",children:s.data.map(e=>(0,t.jsx)("div",{className:"w-full",children:(0,t.jsxs)("div",{className:"relative w-full 2xl:h-full rounded-2xl flex flex-col bg-[#04046e] pt-[60%] lg:pt-[60%] xl:pt-[60%]",children:[(0,t.jsx)("div",{className:"absolute top-0 left-0 right-0 rounded-t-2xl overflow-hidden w-full",children:(0,t.jsx)(a.default,{src:e.cover,alt:e.name,isCover:!0,className:"w-full object-cover cursor-pointer"})}),(0,t.jsx)("div",{className:"flex justify-evenly pb-3",children:u.map(l=>{var s;let{key:i,src:n,linkKey:c}=l,d=null==(s=e[c])?void 0:s.trim();return d?(0,t.jsx)(r.default,{to:d,className:"w-5 h-5 sm:w-4 sm:h-4 md:w-4 md:h-4 lg:w-5 lg:h-5 2xl:w-7 2xl:h-7",children:(0,t.jsx)(a.default,{src:n,alt:i,unoptimized:!0,className:"transition-transform duration-200 ease-in-out scale-100 md:hover:scale-150"})},i):null})})]})},e.name))}):(0,t.jsx)("div",{className:"w-full flex items-center justify-center py-8",children:(0,t.jsx)(g.default,{className:"md:text-lg  lg:text-xl text-white text-center",children:"لا توجد حلقات بودكاست متاحة حالياً. الرجاء العودة لاحقاً."})})]})}var j=!0;let y=v;v.propTypes={result:c().object,highlightedShowIndex:c().number}},84447:(e,l,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/podcast",function(){return s(62512)}])}},e=>{e.O(0,[6374,636,6593,8792],()=>e(e.s=84447)),_N_E=e.O()}]);