https://www.theringer.com/_next/static/chunks/6323.429d39a9f0d281f1.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="1301b2b8-38f0-486a-ae80-8f9ca9e834f3",e._sentryDebugIdIdentifier="sentry-dbid-1301b2b8-38f0-486a-ae80-8f9ca9e834f3")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6323],{26323:function(e,t,i){i.d(t,{Z:function(){return k}});var s=i(52322),a=i(16634),l=i(84499),n=i(28066),u=i(3517),r=i(2784),o=i(16217),d=i(62240),c=i(47639),x=i(42047),f=i(56804),m=i(10046),h=i(26813),p=i(12387),y=i(425),b=i(66241),v=i(1628),g=i(48485),j=i(68476),w=i(44233);function k(e){return(0,s.jsxs)("div",{className:"ui-w-full ui-h-auto ui-rounded-3xl ui-bg-black ui-px-4 ui-py-8 md:ui-px-12 md:ui-py-16 md:ui-h-[46.875rem] lg:ui-h-[52.5rem] overflow-hidden","data-sentry-component":"PodcastShuffle","data-sentry-source-file":"podcast-shuffle.tsx",children:[(0,s.jsx)(C,{...e,className:"ui-flex md:ui-hidden","data-sentry-element":"Mobile","data-sentry-source-file":"podcast-shuffle.tsx"}),(0,s.jsx)(N,{...e,className:"ui-hidden md:ui-flex ui-h-full","data-sentry-element":"Desktop","data-sentry-source-file":"podcast-shuffle.tsx"})]})}function N(e){var t;let{className:i,selectedCategory:n,setSelectedCategory:u,categories:d,podcasts:x,fetchMore:f,isLoading:h,isFetchingNextPage:y}=e,[g,j]=(0,r.useState)(),{isMd:k,isLg:N}=(0,p.Z)(),C=(0,r.useMemo)(()=>N?5:k?3:5,[k,N]),[[M,E],Z]=(0,r.useState)([0,C]),L=(0,b.Z)(()=>{let e=M+C;e<x.length&&Z([e,E+C]),y||f()},1e3),P=(0,r.useMemo)(()=>x.slice(M,M+C).map(e=>e.id).join("-"),[x,M,C]);return(0,s.jsxs)("div",{className:(0,w.cn)("ui-text-center ui-flex ui-h-full ui-items-center ui-flex-col ui-justify-between",i),"data-module":"podcast-shuffle","data-sentry-component":"Desktop","data-sentry-source-file":"podcast-shuffle.tsx",children:[d.length>1?(0,s.jsxs)(c.J2,{children:[(0,s.jsxs)(c.tW,{className:"ui-rounded-4xl ui-border ui-border-solid ui-border-white/20 ui-inline-block",children:[(0,s.jsx)(c.xo,{asChild:!0,className:(0,w.cn)("ui-px-5 ui-rotate-0 [&_svg]:motion-safe:ui-transition-all [&_svg]:data-[state='open']:ui-rotate-180"),children:(0,s.jsxs)(o.zx,{className:"focus:ui-text-white ui-gap-0 ui-text-body-md-regular ui-text-white disabled:!ui-bg-transparent disabled:!ui-text-white/60 focus:ui-bg-transparent hover:ui-text-white hover:ui-bg-transparent","data-action":"topic-select",disabled:d.length<=0,theme:"white",variant:"text",children:[(0,s.jsxs)("span",{className:"ui-text-white/60 ui-pr-[0.25em]",children:["Discover episodes in"," "]}),null!==(t=null==n?void 0:n.name)&&void 0!==t?t:"all topics",(0,s.jsx)(v._,{className:"ui-ml-2"})]})}),(0,s.jsx)(o.zx,{className:"ui-my-2 ui-mr-2","data-action":"shuffle",onClick:L,theme:"white",variant:"filled",children:"Shuffle"})]}),(0,s.jsx)(z,{align:"start",categories:d,setSelectedCategory:e=>{null==u||u(e),Z([0,C])}})]}):(0,s.jsx)(o.zx,{"data-action":"shuffle",onClick:L,theme:"white",variant:"filled",children:"Shuffle"}),0===x.length&&h?(0,s.jsx)(m.Z,{}):null,0!==x.length||h?null:(0,s.jsx)(_,{}),x.length>0&&!h&&(0,s.jsx)(a.M,{initial:!0,mode:"wait",presenceAffectsLayout:!1,children:(0,s.jsx)(l.E.div,{animate:{opacity:1,x:0},className:"ui-flex ui-mx-5 2xl:ui-mx-auto ui-max-w-[81.25rem] md:ui-mt-10 lg:ui-mt-16",exit:{opacity:0,x:"-100%"},initial:{opacity:0,x:"100%"},children:x.slice(M,M+C).map((e,t)=>(0,s.jsx)(S,{data:e,hoveredIndex:g,id:e.id,index:t,isDesktop:!0,onMouseEnter:()=>{j(t)},onMouseLeave:()=>{j(void 0)}},e.id))},P)}),(0,s.jsx)(D,{"data-sentry-element":"DiscoverButton","data-sentry-source-file":"podcast-shuffle.tsx"})]})}function C(e){var t;let{className:i,selectedCategory:n,categories:u,setSelectedCategory:d,podcasts:x,fetchMore:f,isLoading:h,isFetchingNextPage:p}=e,[[y,j],k]=(0,r.useState)([0,5]),N=(0,b.Z)(()=>{y+5<x.length&&k([y+5,j+5]),p||f()},1e3),C=(0,r.useMemo)(()=>x.slice(y,y+5).map(e=>e.id).join("-"),[x,y]);return(0,s.jsxs)(l.E.div,{className:(0,w.cn)("ui-space-y-4 ui-text-center ui-flex-col ui-items-center ui-mx-auto ui-h-full ui-justify-between",i),layout:"position","data-sentry-element":"unknown","data-sentry-component":"Mobile","data-sentry-source-file":"podcast-shuffle.tsx",children:[u.length>1?(0,s.jsxs)(c.J2,{children:[(0,s.jsxs)(c.tW,{className:"ui-rounded-4xl ui-border ui-border-solid ui-border-white/20 ui-inline-block",children:[(0,s.jsx)(c.xo,{asChild:!0,className:(0,w.cn)("ui-pl-4 ui-pr-3 ui-rotate-0 [&_svg]:motion-safe:ui-transition-all [&_svg]:data-[state='open']:ui-rotate-180"),children:(0,s.jsxs)(o.zx,{className:"focus:ui-text-white ui-text-body-sm-regular ui-text-white disabled:!ui-bg-transparent disabled:!ui-text-white/60 focus:ui-bg-transparent hover:ui-text-white hover:ui-bg-transparent","data-action":"topic-select",disabled:u.length<=0,theme:"white",variant:"text",children:[null!==(t=null==n?void 0:n.name)&&void 0!==t?t:"All topics",(0,s.jsx)(v._,{})]})}),(0,s.jsx)(o.zx,{className:"ui-my-1 ui-mr-1","data-action":"shuffle",onClick:N,size:"small",theme:"white",variant:"filled",children:"Shuffle"})]}),(0,s.jsx)(z,{categories:u,setSelectedCategory:e=>{null==d||d(e),k([0,5])}})]}):(0,s.jsx)(o.zx,{"data-action":"shuffle",onClick:N,size:"small",theme:"white",variant:"filled",children:"Shuffle"}),(0,s.jsx)("div",{className:(0,w.cn)("ui-mx-4 ui-px-4 ui-w-full md:ui-w-[17.5rem] ui-flex ui-justify-center ui-flex-1"),children:x.length<=0?(0,s.jsx)("div",{className:"ui-mx-auto ui-flex ui-items-center ui-h-[18.75rem]",children:h?(0,s.jsx)(m.Z,{}):(0,s.jsx)(_,{})}):(0,s.jsx)(a.M,{initial:!0,mode:"wait",presenceAffectsLayout:!0,children:(0,s.jsx)(l.E.div,{animate:{o

1pacity:1,x:0,scale:1},className:"ui-flex ui-mx-5 2xl:ui-mx-auto ui-max-w-[81.25rem] md:ui-mt-10 lg:ui-mt-16 ui-isolate",exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},children:(0,s.jsx)(g.Z,{children:x.slice(y,y+5).map((e,t)=>(0,s.jsx)(S,{data:e,id:e.id,index:t,isDesktop:!1},e.id))})},C)})}),(0,s.jsx)(D,{"data-sentry-element":"DiscoverButton","data-sentry-source-file":"podcast-shuffle.tsx"})]})}let M=[4,-8,-5,6,4],E=[0,30,-50,30,0];function S(e){var t,i,a,l,o,c,m,p;let{data:b,id:v,index:g,hoveredIndex:k,isDesktop:N,onMouseEnter:C,onMouseLeave:S,cssProperties:z}=e,{Link:D}=(0,y.c)(),_=(0,n.E)(),{rotation:Z,setRotation:L}=function(e){let[t,i]=(0,r.useState)(0);return{rotation:t,setRotation:(0,r.useCallback)(t=>{e?i(t):i(0)},[e])}}(N),{translateY:P,setTranslateY:T}=function(e){let[t,i]=(0,r.useState)(0);return{translateY:t,setTranslateY:(0,r.useCallback)(t=>{e?i(t):i(0)},[e])}}(N),{translateX:A,setTranslateX:B}=function(e){let[t,i]=(0,r.useState)(0);return{translateX:t,setTranslateX:(0,r.useCallback)(t=>{e?i(t):i(0)},[e])}}(N),I=(0,u.J)(),F=["ui-bg-brand-ringer-green","ui-bg-brand-orange","ui-bg-white","ui-bg-brand-red","ui-bg-brand-yellow"],W=F[g%F.length],G=(0,r.useCallback)(()=>M[g%M.length],[g]),J=(0,r.useCallback)(()=>E[g%E.length],[g]);return(0,r.useEffect)(()=>{L(G()),T(J())},[G,J,L,T]),(0,r.useEffect)(()=>{if(void 0===k)B(0);else if(k+1===g){let e=J();B(30),T(e+30)}else B(0)},[J,k,g,B,T]),(0,s.jsx)(j.f6,{theme:"white","data-sentry-element":"ThemeProvider","data-sentry-component":"PodcastCard","data-sentry-source-file":"podcast-shuffle.tsx",children:(0,s.jsx)("div",{className:"ui-relative ui-flex-1 ui-flex",onMouseLeave:()=>{_.start("rest").catch(console.error),L(G()),T(J()),null==S||S()},style:z,children:(0,s.jsxs)("div",{className:(0,w.cn)("-ui-mx-6 ui-my-8 ui-border ui-h-auto ui-max-w-[20.625rem] ui-shadow-elevated-large ui-border-black ui-border-solid lg:ui-mb-24 ui-flex ui-flex-col ui-rounded-3xl ui-pb-8 xl:ui-pb-10 ui-pt-10 motion-safe:ui-transition-all",W,{"ui-will-change-transform":N}),onMouseEnter:()=>{let e=J();L(G()/2),T(e>=0?e-(e-Math.min(...E))-50:e-50),null==C||C()},style:{transform:"rotate(".concat(Z,"deg) translateY(").concat(P,"px) translateX(").concat(A,"px)"),transition:I?"":"transform 0.2s"},children:[(0,s.jsxs)(D,{"aria-label":"Go to ".concat(b.title),className:"ui-grid ui-grid-cols-[1fr,minmax(40%,1fr),1fr] ui-w-full ui-items-center ui-justify-center ui-gap-2 ui-max-w-[90%] ui-mx-auto mb-4",href:b.uri,onMouseEnter:()=>{_.start("active").catch(console.error)},onMouseLeave:()=>{_.start("rest").catch(console.error)},"data-sentry-element":"Link","data-sentry-source-file":"podcast-shuffle.tsx",children:[(0,s.jsx)(h.Z,{className:"ui-col-span-1",controls:_,reversed:!0,"data-sentry-element":"AudioWave","data-sentry-source-file":"podcast-shuffle.tsx"}),b.image?(0,s.jsx)(f.Z,{className:"md:ui-shadow-expressive-dark-medium ui-shadow-expressive-dark ui-aspect-square ui-rounded-md md:ui-rounded-xl ui-col-span-1",height:144,image:b.image,width:144}):null,(0,s.jsx)(h.Z,{className:"ui-col-span-1",controls:_,"data-sentry-element":"AudioWave","data-sentry-source-file":"podcast-shuffle.tsx"})]}),(0,s.jsxs)("div",{className:"ui-px-4 md:ui-px-6 xl:ui-px-8 ui-space-y-2 mb-6",children:[(0,s.jsx)(D,{"aria-label":"Go to the show ".concat(null===(t=b.show)||void 0===t?void 0:t.title),className:"ui-block",href:null!==(p=null===(i=b.show)||void 0===i?void 0:i.uri)&&void 0!==p?p:"","data-sentry-element":"Link","data-sentry-source-file":"podcast-shuffle.tsx",children:(0,s.jsx)(x.Z,{className:"ui-text-body-md-medium",hover:!0,lineClamp:2,texts:[null===(a=b.show)||void 0===a?void 0:a.title,null===(l=b.show)||void 0===l?void 0:l.titleMedium,null===(o=b.show)||void 0===o?void 0:o.titleSmall].filter(

1Boolean),"data-sentry-element":"FittingText","data-sentry-source-file":"podcast-shuffle.tsx"})}),(0,s.jsx)(D,{"aria-label":"Go to the episode ".concat(b.title),className:"ui-block",href:b.uri,"data-sentry-element":"Link","data-sentry-source-file":"podcast-shuffle.tsx",children:(0,s.jsx)(x.Z,{className:"ui-text-body-xl-bold",hover:!0,lineClamp:3,texts:[b.title,null===(c=b.alternativeTitleDesc)||void 0===c?void 0:c.titleMedium,null===(m=b.alternativeTitleDesc)||void 0===m?void 0:m.titleSmall].filter(Boolean),"data-sentry-element":"FittingText","data-sentry-source-file":"podcast-shuffle.tsx"})})]}),(0,s.jsx)("div",{className:"ui-flex ui-flex-1 ui-justify-center",children:(0,s.jsx)(d.ZP,{className:"ui-mt-auto ui-click-area-200",data:(0,d.FE)(b),shape:"round",size:"medium",theme:"black",transform:"grow",variant:"filled","data-sentry-element":"PlayButton","data-sentry-source-file":"podcast-shuffle.tsx"})})]})},v)})}function z(e){let{categories:t,setSelectedCategory:i,align:a}=e;return(0,s.jsx)(c.yk,{align:null!=a?a:"center",className:"ui-bg-black ui-max-w-[21.438rem] hide-scroll ui-overscroll-contain ui-max-h-[28.125rem] ui-overflow-y-scroll",sideOffset:8,size:"small",theme:"black","data-sentry-element":"PopoverContent","data-sentry-component":"TopicsMenu","data-sentry-source-file":"podcast-shuffle.tsx",children:t.map((e,t)=>(0,s.jsxs)(r.Fragment,{children:[0===t&&(0,s.jsx)(c.xp,{asChild:!0,children:(0,s.jsx)(o.zx,{className:"ui-pointer-events-auto ui-cursor-pointer ui-text-body-md-regular ui-w-full ui-justify-start ui-text-white",onClick:()=>{i(void 0)},theme:"black",variant:"text",children:"All topics"})}),(0,s.jsx)(c.xp,{asChild:!0,children:(0,s.jsx)(o.zx,{className:"ui-pointer-events-auto ui-cursor-pointer ui-text-body-md-regular ui-w-full ui-justify-start ui-text-white",onClick:()=>{i(e)},theme:"black",variant:"text",children:e.name})})]},e.slug))})}function D(){let{Link:e}=(0,y.c)();return(0,s.jsx)(o.zx,{asChild:!0,size:"large",theme:"white",variant:"outlined","data-sentry-element":"Button","data-sentry-component":"DiscoverButton","data-sentry-source-file":"podcast-shuffle.tsx",children:(0,s.jsx)(e,{href:"/shows","data-sentry-element":"Link","data-sentry-source-file":"podcast-shuffle.tsx",children:"Explore All Podcasts"})})}function _(){return(0,s.jsxs)("div",{className:"ui-text-white ui-space-y-4 ui-max-w-[21.875rem]","data-sentry-component":"EmptyList","data-sentry-source-file":"podcast-shuffle.tsx",children:[(0,s.jsx)("p",{className:"font-gt-america text-heading-sm-bold",children:"Oh no!"}),(0,s.jsx)("p",{className:"font-bradford text-body-lg-serif-regular italic",children:"No podcasts where found. Please try some other topic or check back later."})]})}}}]);