https://nouns.movie/_next/static/chunks/pages/cast-and-crew-dc232400ad2e012e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[169],{5822:(e,l,t)=>{"use strict";t.r(l),t.d(l,{default:()=>w});var a=t(37876),r=t(84947),s=t(68558),i=t(14232);let n=async()=>{try{let e=await fetch("".concat("https://api.atrium.art","/api/v1/movie/nouns/collaborators"),{headers:{"Content-Type":"application/json"},method:"GET"});return{data:await e.json()}}catch(e){console.log(e)}};var d=t(52505),o=t(87189),c=t(4176),u=t(19357);t(6104),t(65776);let x=e=>{let{categories:l,selectedCategory:t,setSelectedCategory:r}=e,s=(0,i.useRef)(null);return(0,a.jsxs)("div",{className:"sticky top-[0] self-start lg:top-8 xl:top-[2.5vw] bg-black-primary z-[1] pt-2 md:pt-0",children:[(0,a.jsx)("div",{className:"mb-2 text-[1.4rem] leading-5 font-medium text-grey-dark tracking-[1.12px]",children:"CAST & CREW"}),(0,a.jsx)("div",{className:"md:hidden cast-crew-slider pb-2 mb-2 relative after:content-[''] after:block after:w-[calc(100%+32px)] after:h-[1px] after:absolute after:-left-4 after:bottom-[0] after:bg-grey-light",children:(0,a.jsx)(u.A,{ref:s,...{className:"slider variable-width",dots:!1,infinite:!1,centerMode:!1,slidesToShow:1,slidesToScroll:1,variableWidth:!0,swipeToSlide:!0},children:null==l?void 0:l.map((e,l)=>(0,a.jsx)("div",{className:"",children:(0,a.jsx)("div",{onClick:()=>{var t;r(e),null==s||null==(t=s.current)||t.slickGoTo(l),"undefined"!==window&&window.scrollTo({top:0,behavior:"smooth"})},className:"text-[2.4rem] leading-[3.2rem] tracking-[0.48px] font-merriweather cursor-pointer ".concat(t===e?"text-white":"text-grey-dark"," mr-6"),children:e})},"cat_".concat(l)))})}),(0,a.jsx)("div",{className:"w-full flex-col gap-1 hidden md:flex",children:null==l?void 0:l.map((e,l)=>(0,a.jsx)("div",{className:"lg:inline-flex shrink-0",children:(0,a.jsx)("div",{onClick:()=>{r(e),"undefined"!==window&&window.scrollTo({top:0,behavior:"smooth"})},className:"md:text-[2.4rem] md:tracking-[0.48px] xl:text-[3.2rem] xl:leading-9 tracking-[0.64px] font-merriweather cursor-pointer ".concat(t===e?"text-white":"text-grey-dark"),children:e})},"".concat(e,"_").concat(l)))})]})},m=e=>{var l,t,r,s,i;let{artist:n,getArtistRoles:d,scrollPosition:u}=e,x=d(n);return(0,a.jsxs)("a",{href:"https://atrium.art/artist/".concat(null==n||null==(l=n.artistData)?void 0:l.slug),target:"_blank",className:"md:border border-grey-light grid grid-cols-[48px_auto] xl:grid-cols-[96px_auto] items-center gap-4 py-4 px-2 xl:px-5",children:[(0,a.jsx)("div",{className:"w-full aspect-square rounded-full relative overflow-hidden",children:(0,a.jsx)(o.LazyLoadImage,{alt:null==n||null==(t=n.artistData)?void 0:t.name,src:(0,c.Hx)(null==n||null==(r=n.artistData)?void 0:r.profilePic,"small"),effect:"opacity",placeholder:(0,a.jsx)("div",{className:"h-[48px] w-[48px] xl:h-[96px] xl:w-[96px] animate-pulse overflow-hidden rounded bg-skeletalLoader"}),className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 min-w-full min-h-full overflow-hidden",scrollPosition:u,delayTime:0})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-[1.6rem] leading-6 xl:text-[2rem] xl:leading-[3.2rem] font-medium mb-1",children:null==n||null==(s=n.artistData)?void 0:s.name}),(0,a.jsx)("div",{className:"text-[1.2rem] leading-4 xl:text-[1.4rem] xl:leading-6 text-grey-dark flex items-center gap-x-2 flex-wrap",children:null==x?void 0:x.map((e,l)=>{var t;return(0,a.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,a.jsx)("div",{children:e}),l!==x.length-1&&(0,a.jsx)("div",{children:"•"})]},"role_".concat(null==n||null==(t=n.artistData)?void 0:t.slug,"_").concat(l))})})]})]},null==n||null==(i=n.artistData)?void 0:i.slug)},g=e=>{let{artists:l,getArtistRoles:t}=e;return(0,a.jsx)("div",{className:"grid md:grid-cols-2 md:gap-4 lg:gap-6 items-start",children:null==l?void 0:l.map(e=>{var l;return(0,a.jsx)(m,{artist:e,getArtistRoles:t},null==e||null==(l=e.artistData)?void 0:l.slug)})})},p=()=>(0,a.jsx)("div",{className:"grid md:grid-cols-2 md:gap-4 lg:gap-6 items-start",children:[...Array(8)].map((e,l)=>(0,a.jsxs)("div",{className:"md:border border-grey-light grid grid-cols-[48px_auto] xl:grid-cols-[96px_auto] items-center gap-4 py-4 px-2 xl:px-5",children:[(0,a.jsx)("div",{className:"w-full aspect-square animate-pulse bg-skeletalLoader rounded-full"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"w-full max-w-[8rem] h-[2.4rem] xl:h-[3.2rem] animate-pulse bg-skeletalLoader mb-1"}),(0,a.jsx)("div",{className:"w-full max-w-[6rem] h-[1.6rem] xl:h-[2.4rem] animate-pulse bg-skeletalLoader"})]})]},"loading_artist_".concat(l)))}),v=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"mb-1 text-[1.4rem] leading-5 font-medium text-grey-dark tracking-[1.12px]",children:"CAST & CREW"}),(0,a.jsx)("div",{className:"md:hidden flex items-center gap-6 pb-2 mb-2 relative after:content-[''] after:block after:w-[calc(100%+32px)] after:h-[1px] after:absolute after:-left-4 after:bottom-[0] after:bg-grey-light",children:[void 0,void 0].map((e,l)=>(0,a.jsx)("div",{className:"w-[120px] h-[3.2rem] animate-pulse bg-skeletalLoader"},"loading_sidebar_".concat(l)))}),(0,a.jsx)("div",{className:"w-full flex flex-col gap-1 hidden md:flex",children:[...Array(6)].map((e,l)=>(0,a.jsx)("div",{className:"w-full h-[3.2rem] xl:h-[4.8rem] animate-pulse bg-skeletalLoader"},"loading_artist_".concat(l)))})]}),(0,a.jsx)(p,{})]}),h=function(e){let{}=e,[l,t]=(0,i.useState)(!0),[r,s]=(0,i.useState)(!1),[o,c]=(0,i.useState)(null),[u,m]=(0,i.useState)(null),[h,f]=(0,i.useState)("All Artists"),w=async()=>{try{var e;let l=await n(),a=null==l||null==(e=l.data)?void 0:e.artists;c(a),m(a),t(!1)}catch(e){console.log(e,"error fetching collaborators"),t(!1)}};return(0,i.useEffect)(()=>{w()},[]),(0,i.useEffect)(()=>

1{if(s(!0),"All Artists"===h)m(o);else{let e=null===d.KM||void 0===d.KM?void 0:d.KM[h],l=null==e?void 0:e.map(e=>null==e?void 0:e.slug);m(null==o?void 0:o.filter(e=>{var t;return null==l?void 0:l.includes(null==e||null==(t=e.artistData)?void 0:t.slug)}))}s(!1)},[h]),(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"overflow-clip flex flex-col grow",children:(0,a.jsx)("div",{className:"text-white xl:max-w-[83.33vw] mx-auto px-4 xl:px-[0] my-10 lg:my-8 lg:my-[2.5vw] relative h-full grow w-full flex flex-col",children:(0,a.jsx)("div",{className:"md:grid grid-cols-[200px_auto] xl:grid-cols-[376px_auto] gap-4 lg:gap-8",children:l?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(v,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(x,{categories:d.Y0,selectedCategory:h,setSelectedCategory:f}),r?(0,a.jsx)(p,{}):(0,a.jsx)(g,{artists:u,getArtistRoles:e=>{var l,t;if("All Artists"===h){let t=[];return null==(l=Object.keys(d.KM))||l.map(l=>{var a;null===d.KM||void 0===d.KM||null==(a=d.KM[l])||a.map(l=>{var a;(null==l?void 0:l.slug)===(null==e||null==(a=e.artistData)?void 0:a.slug)&&(null==t||t.push(null==l?void 0:l.role))})}),t}{let l=[];return null===d.KM||void 0===d.KM||null==(t=d.KM[h])||t.map(t=>{var a;(null==t?void 0:t.slug)===(null==e||null==(a=e.artistData)?void 0:a.slug)&&(null==l||l.push(null==t?void 0:t.role))}),l}}})]})})})})})},f=e=>{let{}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s.A,{title:"Cast And Crew"}),(0,a.jsx)(h,{})]})};f.getLayout=function(e){return(0,a.jsx)(r.A,{children:e})};let w=f},58046:(e,l,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/cast-and-crew",function(){return t(5822)}])},84947:(e,l,t)=>{"use strict";t.d(l,{A:()=>o});var a=t(37876),r=t(14232),s=t(18174),i=t(20564),n=t(29454),d=t(29290);let o=function(e){let{children:l}=e,[t,o]=(0,r.useState)([]),[c,u]=(0,r.useState)(null),x="https://nouns.movie"==window.location.origin,[m,g]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=n.A.get("consent");g(x&&void 0===e)},[x]),(0,r.useEffect)(()=>{(async()=>{try{var e,l;let t=await (0,s.E9)(),a=null==t?void 0:t.lastReleasedEpisode,r=await (0,s.uN)(null==a?void 0:a.episodeNumber,null,null,1);(null==r||null==(e=r.nounsScenes)?void 0:e.length)>0&&u(a);

1let i=null==t||null==(l=t.episodes)?void 0:l.filter(e=>(null==e?void 0:e.releaseStatus)!=="COMING_SOON");o(i)}catch(e){console.log(e)}})()},[]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"min-h-screen flex flex-col",children:[(0,a.jsx)(i.A,{episodes:t,sceneEpisode:c}),(0,a.jsx)("main",{className:"grow flex flex-col",children:l})]}),m&&(0,a.jsx)(d.A,{grantConsent:function(){try{let e=new Date(new Date().getTime()+31536e6);n.A.set("consent","true",{expires:e}),window.dataLayer=window.dataLayer||[],!function(){window.dataLayer.push(arguments)}("consent","update",{ad_user_data:"granted",ad_personalization:"granted",ad_storage:"granted",analytics_storage:"granted"}),g(!1)}catch(e){}},denyConsent:function(){let e=new Date(new Date().getTime()+31536e6);n.A.set("consent","false",{expires:e}),g(!1)}})]})}}},e=>{e.O(0,[8230,7189,6693,3165,9240,636,6593,8792],()=>e(e.s=58046)),_N_E=e.O()}]);