https://www.whatchly.com/_next/static/chunks/5434-072c81c260381b10.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5434],{178:function(e,t,l){l.d(t,{j:function(){return m}});var o=l(5893);l(7294);var r=l(5675),a=l.n(r);let i={gold:{card:"hover:border-yellow-400/40 hover:shadow-yellow-500/20",badge:"bg-gradient-to-r from-yellow-300 via-amber-300 to-yellow-400 text-black border-transparent shadow-yellow-500/40"},violet:{card:"hover:border-violet-400/40 hover:shadow-violet-500/20",badge:"bg-gradient-to-r from-violet-300 to-fuchsia-400 text-black border-transparent shadow-violet-500/40"},cyan:{card:"hover:border-cyan-400/50 hover:shadow-cyan-400/20",badge:"bg-gradient-to-r from-cyan-300 to-teal-400 text-black border-transparent shadow-cyan-400/40"},emerald:{card:"hover:border-emerald-400/50 hover:shadow-emerald-400/20",badge:"bg-gradient-to-r from-emerald-300 to-lime-300 text-black border-transparent shadow-emerald-400/40"}},s={rail:{heroClass:"min-h-[200px] sm:min-h-[260px]",titleClass:"text-lg sm:text-2xl font-bold",descriptionClass:"text-[13px] sm:text-base"},grid:{heroClass:"min-h-[240px] sm:min-h-[340px]",titleClass:"text-xl sm:text-3xl font-bold",descriptionClass:"text-sm sm:text-lg"},spotlight:{heroClass:"min-h-[250px] sm:min-h-[400px]",titleClass:"text-xl sm:text-4xl font-extrabold",descriptionClass:"text-xs sm:text-lg"}},n={compact:{spotlight:{heroClass:"min-h-[200px] sm:min-h-[300px]",titleClass:"text-base sm:text-2xl font-extrabold",descriptionClass:"text-[11px] sm:text-sm"}},collection:{spotlight:{heroClass:"min-h-[210px] sm:min-h-[300px]",titleClass:"text-lg sm:text-2xl font-extrabold",descriptionClass:"text-xs sm:text-base"}}},c={default:"text-[10px] sm:text-sm font-semibold text-yellow-200/90 tracking-[0.22em] uppercase",compact:"text-[9px] sm:text-xs font-semibold text-yellow-200/90 tracking-[0.14em] uppercase",collection:"text-[9px] sm:text-[11px] font-semibold text-yellow-200/90 tracking-[0.16em] uppercase"},d={default:"absolute inset-0 flex flex-col justify-between p-3.5 sm:p-6",compact:"absolute inset-0 flex flex-col justify-between p-3 sm:p-5",collection:"absolute inset-0 flex flex-col justify-between p-3 sm:p-4"},p={default:"w-11 h-[60px] sm:w-[70px] sm:h-[110px]",compact:"w-10 h-[52px] sm:w-[60px] sm:h-[90px]",collection:"w-10 h-[58px] sm:w-[58px] sm:h-[88px]"};function m(e){var t,l,r;let{playlistId:m,title:u,description:v,coverImage:f,accent:b="gold",creatorName:g,stats:w,prefetchedMovies:y,prefetchedMovieLimit:j,viewerId:C,telemetrySection:k,onPrefetchedMovieClick:N,layout:P="rail",className:I,topRightSlot:M,descriptionFallback:A,lockMobileLayout:U=!1,size:S="default",onPrefetchedPlaceholderClick:B,prefetchedPlaceholderLabel:z,truncateDescription:D=!0}=e,E=i[b],F=u||"Untitled Playlist",O=(null==v?void 0:v.trim())||A||"",T=O?D?function(e,t){let l=e.trim();if(!l)return"";let o=l.split(/\s+/);return o.length<=5?l:"".concat(o.slice(0,5).join(" "),"...")}(O,0):O:"",V=Math.max(1,null!=j?j:4),_=null!==(l=null==y?void 0:y.slice(0,V))&&void 0!==l?l:[],L="number"==typeof(null==w?void 0:w.movies)?w.movies:_.length,W=[];g&&W.push(g.toUpperCase()),L>0&&W.push("".concat(L," ").concat(1===L?"MOVIE":"MOVIES"));let J=W.length?W.join(" • "):null,Y=null!==(r=null===(t=n[S])||void 0===t?void 0:t[P])&&void 0!==r?r:{},$={...s[P],...Y},q=x($.heroClass,U),G=x($.titleClass,U),H=x($.descriptionClass,U),K=x(d[S],U),Q=x(c[S],U),R=x(p[S],U),X=F.trim().split(/\s+/).filter(Boolean).length>4;return(0,o.jsx)("div",{className:["group flex h-full flex-col rounded-[32px] border border-transparent bg-transparent transition-all duration-300 overflow-hidden",E.card,I].filter(Boolean).join(" "),children:(0,o.jsxs)("div",{className:"relative flex-1 overflow-hidden ".concat(q),children:[(0,o.jsx)(a(),{src:f||"/placeholder-playlist.svg",alt:F,fill:!0,className:"object-cover transition-transform duration-700 group-hover:scale-[1.08]",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 55vw, 420px",priority:!1}),(0,o.jsx)("div",{className:"absolute inset-0 bg-gradient-to-r from-black/90 via-black/60 to-transparent"}),M&&(0,o.jsx)("div",{className:"absolute top-4 right-4 z-20 flex flex-col items-end gap-2",children:M}),(0,o.jsxs)("div",{className:K,children:[(0,o.jsxs)("div",{className:"space-y-3",children:[(0,o.jsx)("h3",{className:[G,"text-white leading-tight drop-shadow-lg",X?"line-clamp-2":""].filter(

1Boolean).join(" "),title:X?F:void 0,"aria-label":X?F:void 0,children:F}),T&&(0,o.jsx)("p",{className:[H,"text-gray-100/90 max-w-2xl leading-relaxed"].join(" "),children:T}),J&&(0,o.jsx)("p",{className:Q,children:J})]}),(0,o.jsx)(h,{movies:_,limit:V,playlistId:m,onPrefetchedMovieClick:N,viewerId:C,telemetrySection:k,lockMobileLayout:U,posterSizeClass:R,onEmptySlotClick:B,emptySlotLabel:z})]})]})})}let h=e=>{let{movies:t,limit:l,playlistId:r,onPrefetchedMovieClick:i,viewerId:s,telemetrySection:n,lockMobileLayout:c,posterSizeClass:d,onEmptySlotClick:p,emptySlotLabel:m}=e,h=t.slice(0,l),u=Math.max(0,l-h.length),v=d||x("w-14 h-20 sm:w-[70px] sm:h-[110px]",c),f="rounded-2xl border border-white/25 bg-black/40 shadow-lg shadow-black/50 backdrop-blur-sm",b=m||"Add",g=e=>{e.preventDefault(),e.stopPropagation(),null==p||p()};return(0,o.jsxs)("div",{className:"flex items-center gap-2",children:[h.map((e,t)=>{var l,c;let d="".concat(r||"playlist","-").concat(null!==(c=null!==(l=e.tmdbId)&&void 0!==l?l:e.title)&&void 0!==c?c:t),p=(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a(),{src:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"w342";return e?e.startsWith("http")?e:"https://image.tmdb.org/t/p/".concat(t).concat(e):"/placeholder-playlist.svg"}(e.posterPath),alt:e.title,fill:!0,sizes:"80px",className:"object-cover"}),(0,o.jsx)("div",{className:"absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 to-transparent p-1",children:(0,o.jsx)("span",{className:"block text-[10px] text-white truncate",children:e.title})})]});return i?(0,o.jsx)("button",{type:"button",onClick:t=>{t.preventDefault(),t.stopPropagation(),e.tmdbId&&n&&function(e){let t=JSON.stringify({...e,timestamp:Date.now()});try{if("undefined"!=typeof navigator&&"function"==typeof navigator.sendBeacon){let e=new Blob([t],{type:"application/json"});navigator.sendBeacon("/api/metrics/prefetch-click",e);return}fetch("/api/metrics/prefetch-click",{method:"POST",headers:{"Content-Type":"application/json"},body:t,keepalive:!0}).catch(()=>{})}catch(e){}}({playlistId:r,tmdbId:e.tmdbId,viewerId:s,section:n}),i(e)},className:"relative overflow-hidden ".concat(f," hover:border-yellow-400/70 transition-all duration-200 ").concat(v),children:p},d):(0,o.jsx)("div",{className:"relative overflow-hidden ".concat(f," ").concat(v),children:p},d)}),Array.from({length:u}).map((e,t)=>{let l="flex flex-col items-center justify-center rounded-2xl text-xs font-semibold uppercase tracking-wide ".concat("border-dashed border-white/30 bg-white/10 text-white/80"," ").concat(v);return p?(0,o.jsxs)("button",{type:"button",onClick:g,className:"".concat(l," hover:border-yellow-400/70 hover:text-yellow-200 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-yellow-400/60"),title:"Add movies or TV shows","aria-label":"Add movies or TV shows",children:[(0,o.jsx)("span",{className:"text-lg leading-none",children:"+"}),(0,o.jsx)("span",{className:"text-[10px] font-semibold tracking-[0.2em]",children:b})]},"placeholder-".concat(t)):(0,o.jsx)("div",{className:l,children:"+"},"placeholder-".concat(t))})]})};function x(e,t){if(!t)return e;let l=["sm:","md:","lg:","xl:","2xl:"];return e.split(/\s+/).filter(e=>e&&!l.some(t=>e.startsWith(t))).join(" ")}},9458:function(e,t,l){l.d(t,{YI:function(){return a},dz:function(){return i},h$:function(){return o}});let o=e=>{if(!e)return 0;if("number"==typeof e.movieCount&&Number.isFinite(e.movieCount))return Math.max(0,e.movieCount);let t=Array.isArray(e.movies)?e.movies.length:0;return t>0?t:Array.isArray(e.prefetchedMovies)?e.prefetchedMovies.length:0},r=e=>e?"posterUrl"in e&&e.posterUrl?e.posterUrl:"posterPath"in e&&"string"==typeof e.posterPath&&e.posterPath?"".concat("https://image.tmdb.org/t/p/w500").concat(e.posterPath):null:null,a=function(e){var t,l;let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/placeholder-playlist.svg";if(!e)return o;let a=null===(t=e.prefetchedMovies)||void 0===t?void 0:t.map(r).find(e=>"string"==typeof e&&e.length>0);return e.coverImage||r(e.heroMovie)||a||r(null===(l=e.movies)||void 0===l?void 0:l[0])||o},i=function(e){var t,l;let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Community";return e&&((null===(t=e.user)||void 0===t?void 0:t.displayName)||(null===(l=e.ownerProfile)||void 0===l?void 0:l.displayName))||o}},3207:function(e,t,l){l.d(t,{w:function(){return a}});let o=(e,t)=>({tmdbId:"number"==typeof e.tmdbId?e.tmdbId:t+1,title:e.title||e.name||"Movie ".concat(t+1),overview:e.overview,releaseDate:e.releaseDate,voteAverage:e.voteAverage,runtime:e.runtime,posterPath:e.posterPath||e.posterUrl||null,backdropPath:e.backdropPath,genreIds:e.genreIds,popularity:e.popularity,topCast:e.topCast,certification:e.certification,lastFetchedAt:e.lastFetchedAt}),r=(e,t)=>(e||[]).map((e,t)=>o(e,t)).filter(e=>!!e.posterPath).slice(0,t);function a(e){var t;let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:4,a=r(e.prefetchedMovies,l);if(a.length)return a;let i=r(e.movies,l);return i.length?i:(null===(t=e.heroMovie)||void 0===t?void 0:t.posterUrl)?[o({title:e.name||e.title||"Featured Pick",posterUrl:e.heroMovie.posterUrl,tmdbId:999999},0)]:[]}}}]);