https://cineville.nl/_next/static/chunks/pages/account/watchlist-5ebb5caaa2b29607.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[145],{11542:(e,i,s)=>{"use strict";s.d(i,{J:()=>l});var t=s(6029),r=s(88161),a=s(53204);let l=({text:e,css:i,...s})=>(0,t.jsx)(r.a,{className:"lead-paragraph",css:{marginBottom:"$10","@md":{marginBottom:"$14"},...i},...s,children:(0,t.jsx)(a.c,{allowedElements:["p","em","a"],variant:"body1",children:e})})},12339:(e,i,s)=>{"use strict";s.d(i,{p:()=>o});var t=s(35858),r=s(89099),a=s(7030),l=s(55729),n=s(88987);function o(e){let{locale:i}=(0,r.useRouter)(),{t:s}=(0,a.Bd)("filters"),o=(0,n.M)();return(0,l.useMemo)(()=>(0,t.T_)((0,t.BM)(e),s,i,o),[e,s,i,o])}},13693:(e,i,s)=>{"use strict";s.d(i,{I:()=>t.I});var t=s(3154)},22078:(e,i,s)=>{"use strict";s.d(i,{I:()=>n});var t=s(35858),r=s(7030),a=s(55729),l=s(88987);function n(e=!0){let{t:i,i18n:{language:s}}=(0,r.Bd)("filters");return(0,a.useMemo)(()=>[...e?[{label:i("days"),value:""}]:[],...(0,t.KN)(new Date,s,(0,l.M)())],[e,s,i])}},39746:(e,i,s)=>{"use strict";s.r(i),s.d(i,{__N_SSG:()=>G,default:()=>X});var t=s(6029),r=s(65911),a=s(35858),l=s(89099),n=s(10553),o=s(7030),d=s(55729),c=s(52330),h=s(89478),u=s(88161),m=s(39220),g=s(26354),x=s(85068),p=s(60446),v=s(69805),j=s(11542),f=s(9794),w=s(33421),b=s(52129),I=s(12873),C=s(13693),$=s(27295),y=s(6394),k=s(51742),D=s(40197),_=s(22078),E=s(70219),F=s(12339),N=s(29978);let T=({filters:e,cities:i,theaters:s,onFiltersChange:r,extraFilters:a,children:l})=>{let{t:n}=(0,o.Bd)("films"),d=(0,k.I)(r),c=(0,D.z)(i),h=(0,E.p)(s),u=(0,_.I)(),m=(0,F.p)(e.day);return(0,t.jsx)(N.Kq,{children:(0,t.jsxs)(N.lV,{children:[(0,t.jsx)(N.DZ,{children:n`filters heading`}),(0,t.jsxs)(N.NQ,{children:[c.length>1?(0,t.jsx)(N.wn,{children:(0,t.jsx)(N.ac,{options:c,value:e?.cityIds||[],onChange:i=>d({...e,cityIds:i})})}):null,h.length?(0,t.jsx)(N.wn,{children:(0,t.jsx)(N.oD,{options:h,value:e?.venueIds||[],onChange:i=>d({...e,venueIds:i})})}):null,(0,t.jsxs)(N.wn,{children:[(0,t.jsx)(N.vC,{options:u,value:e.day,onChange:i=>d({...e,day:i})}),(0,t.jsx)(N.Ci,{options:m,value:e.time,onChange:i=>d({...e,time:i})})]}),(0,t.jsx)(N.Eh,{filterValues:e,extraFilters:a,onChange:d}),l]})]})})};var z=s(58271),A=s(99114),B=s(40830),M=s(48545),P=s(32397);let R=({watchlistFilmIds:e,cities:i,theaters:s,reserveDisclaimer:n,extraFilters:d})=>{let{t:c}=(0,o.Bd)(["showtimes","common"]),{locale:h}=(0,l.useRouter)(),u=(0,A.g)(({venueIds:e,setGlobalFilters:i})=>({cityIds:void 0,venueIds:e,setGlobalFilters:i})),{isReady:m,filters:g,setFilters:x}=(0,B.G)({},u),p=(0,a.x_)((0,P.ZR)(g.cityIds,i,!0)),{query:v}=(0,M.h)({...g,day:void 0},i),{data:j,hasNextPage:f,fetchNextPage:w,isFetchingNextPage:b,isLoading:I,isError:C}=(0,r.NK)({...v,productionId:{in:e},page:{limit:20},country:"NL",locale:h},{enabled:m}),$=(0,r.TK)(j),{data:y=[]}=(0,r.rV)({collection:(0,M.d)(p)},{initialData:s});return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(T,{filters:g,extraFilters:d,cities:i,theaters:y,onFiltersChange:x,children:(0,t.jsx)(N.nB,{isLoading:I,isFetchingNextPage:b,hasNextPage:f,isNotFound:!$?.length,isError:C,errorMessage:c("showtimes loading error"),loadingDescription:c("loading",{ns:"common"}),notFoundDescription:c("no showtimes found"),children:(0,t.jsx)(z.d,{showtimes:$,onEndReached:f?w:void 0,reserveDisclaimer:n})})})})};var S=s(32809),K=s(54521);let V=(0,f.I4)("ol",{display:"flex",flexDirection:"column",gap:"$6","> * + *":{paddingTop:"$6",borderTop:"$zorroA4 1px solid"}}),Z=({films:e,userId:i,locale:s,t:r,fallbackCover:l})=>(0,t.jsx)(V,{children:e.map(e=>(0,t.jsx)("li",{children:(0,t.jsx)(y.C,{userId:i,filmId:e.id,direction:{"@initial":"column","@md":"row"},title:e.title,description:e.shortDescription||void 0,tipDescription:(0,a.PW)(e.highlights||void 0).tip?.description||void 0,url:(0,h.O)(`/films/${e.slug}`,s),cover:e.cover||void 0,fallbackCover:l?.attributes,sizes:(0,S.o)("@lg 25vw, @md 50vw, 100vw"),trailer:e.trailer||void 0,highlight:e.defaultHighlight||void 0,extraInfo:e.premiereDate?(0,c.Z)(r,e.premiereDate,s):void 0})},e.id))});var G=!0;let X=({page:e,settings:i,cities:s,theaters:a,extraFilters:c})=>{let{t:h}=(0,o.Bd)(["account","showtimes","search"]),{locale:f}=(0,l.useRouter)(),{data:y}

1=(0,n.useSession)(),k=(0,K.a)(),[D,_]=(0,d.useState)(""),[E,F]=(0,d.useState)(""),N=(0,d.useCallback)(()=>{F(D)},[D]),{data:T,isLoading:z,fetchNextPage:A,hasNextPage:B,isFetching:M,isPending:P}=(0,r.p6)(y?.user?.id,{"sort[createdAt]":"desc",locale:f}),{data:S}=(0,r.Z8)({userId:y?.user?.id}),{data:V,fetchNextPage:G,hasNextPage:X,isFetching:L}=(0,r.Lw)({title:{contains:E},id:{in:S},sort:{premiereDate:"asc"},locale:f},{enabled:!!S?.length&&!!E.length}),O=(0,r.TK)(T),q=(0,r.TK)(V),H=!!E.length,J=(0,d.useCallback)(()=>{!M&&B&&A()},[M,B,A]),Q=(0,d.useCallback)(()=>{!L&&X&&G()},[L,X,G]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(x.Q,{title:h("watchlist"),template:i?.titleTemplate||void 0}),k?(0,t.jsx)(u.a,{as:"aside",css:{gridArea:"aside",position:"sticky",top:"var(---navigationHeight, 0px)",alignSelf:"start",width:"100%",zIndex:10},children:(0,t.jsx)(R,{watchlistFilmIds:S||[],cities:s,theaters:a,reserveDisclaimer:i?.reserveDisclaimer,extraFilters:c})}):null,(0,t.jsx)(v.z,{color:"avatar",children:h("watchlist")}),(0,t.jsx)(g.w,{children:(0,t.jsx)(p.X,{main:(0,t.jsxs)(t.Fragment,{children:[e?.introduction?(0,t.jsx)(j.J,{text:e.introduction}):null,O.length>0&&(0,t.jsxs)(m.s,{direction:"row",css:{borderBottom:"1px solid $zorroA4",paddingY:"$4",marginY:"$6"},children:[(0,t.jsx)(C.I,{value:E,onSearch:e=>{_(e),e||F("")},onEnter:F,placeholder:h("search for a film",{ns:"showtimes"})}),(0,t.jsx)(w.$,{variant:"secondary",size:"small",onClick:N,children:h("search",{ns:"search"})})]}),H?(0,t.jsxs)(t.Fragment,{children:[q.length>0&&(0,t.jsx)(Z,{films:q,userId:y?.user?.id,locale:f,t:h,fallbackCover:i?.fallbackCover.data}),(0,t.jsx)(b.p,{onInView:Q}),!q.length&&X&&L&&(0,t.jsx)(I.R,{}),!q.length&&!X&&!L&&(0,t.jsx)($.E,{variant:"body3",children:h("no results found in watchlist",{ns:"account"})})]}):(0,t.jsxs)(t.Fragment,{children:[O.length>0&&(0,t.jsx)(Z,{films:O.map(e=>e.film),userId:y?.user?.id,locale:f,t:h,fallbackCover:i?.fallbackCover.data}),(0,t.jsx)(b.p,{onInView:J}),!!z&&(0,t.jsx)(I.R,{}),!O.length&&!z&&!P&&(0,t.jsx)($.E,{variant:"body3",children:h("no watchlist items")})]})]}),aside:k?null:(0,t.jsx)(R,{watchlistFilmIds:S||[],cities:s,theaters:a,reserveDisclaimer:i?.reserveDisclaimer,extraFilters:c})})})]})}},40197:(e,i,s)=>{"use strict";s.d(i,{z:()=>t});let t=e=>e.filter(e=>!!e.attributes.collection).map(({attributes:{name:e,collection:i}})=>({label:e,value:i?.collectionId||""}))},52330:(e,i,s)=>{"use strict";s.d(i,{Z:()=>l});var t=s(35858),r=s(54297),a=s(10299);let l=(e,i,s)=>{if(!i)return;let l=new Date(i),n=(0,t.ru)(l,new Date,s,"EEEE d MMMM y");return!function(e,i){(0,a.A)(2,arguments);var s=(0,r.A)(e),t=(0,r.A)(i);return s.getTime()>t.getTime()}(l,new Date)?void 0:e("premieres on",{ns:"films",date:n})}},59201:(e,i,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/watchlist",function(){return s(39746)}])},60446:(e,i,s)=>{"use strict";s.d(i,{X:()=>l});var t=s(6029),r=s(88161),a=s(56381);let l=({main:e,aside:i,children:s,...l})=>(0,t.jsxs)(a.x,{css:{display:"flex",flexDirection:"column",gap:"$14","@lg":{display:"grid",columnGap:"$5",rowGap:"$20",gridTemplateColumns:"50% 1fr 356px",gridTemplateAreas:'"main gap aside"'}},...l,children:[s,!!e&&(0,t.jsx)(r.a,{css:{gridArea:"main"},children:e}),!!e&&(0,t.jsx)(r.a,{as:"aside",css:{gridArea:"aside"},children:i})]})},69805:(e,i,s)=>{"use strict";s.d(i,{z:()=>l});var t=s(6029),r=s(52438);let a=(0,s(9794).I4)("div",{textAlign:"center",variants:{size:{small:{padding:"$12 $5"},large:{padding:"$24"}},color:{dune:{backgroundColor:"$dune5",color:"$suspiria9"},mandy:{backgroundColor:"$mandy1",color:"$mandy5"},shrek:{backgroundColor:"$shrek2",color:"$shrek8"},avatar:{backgroundColor:"$avatar1",color:"$avatar8"}}},defaultVariants:{size:"large",color:"dune"}}),l=({color:e,children:i,...s})=>(0,t.jsx)(a,{size:{"@initial":"small","@md":"large"},color:e,...s,children:(0,t.jsx)(r._,{css:{color:"inherit"},children:i})})},70219:(e,i,s)=>{"use strict";s.d(i,{p:()=>t});let t=e=>e.map(e=>({label:e.name,value:e.id}))}},e=>{e.O(0,[593,584,216,613,394,697,403,636,792],()=>e(e.s=59201)),_N_E=e.O()}]);