https://cineville.nl/_next/static/chunks/394-4c356c19f4cd7667.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[394],{6394:(e,r,i)=>{i.d(r,{C:()=>j});var o=i(6029),t=i(65911),s=i(55729),l=i(48230),a=i.n(l),n=i(5341),d=i(57497),c=i(88161),u=i(59092),m=i(74555),p=i(39220),h=i(78868),g=i(27295),f=i(53204),x=i(51838),b=i(27497),$=i(18674);let v=({title:e,url:r,cover:i,fallbackCover:t,sizes:l,trailer:v,description:y,tipDescription:j,highlight:I,extraInfo:k,direction:z="column",colorScheme:C="light",size:w="medium",inline:S=!1,isOnWatchlist:A=!1,isLoadingWatchlistItem:V=!1,onToggleWatchlist:P,isOnVisitHistory:R=!1,isLoadingVisitHistoryItems:H=!1,onToggleVisitHistory:W,rating:F,isLoadingRating:B=!1,onRate:M,css:O,...E})=>{let T=(0,n.T)(),{imageRef:L,bodyRef:Z,descriptionRef:_,clampLines:N}=(e=>{let r=(0,s.useRef)(null),i=(0,s.useRef)(null),o=(0,s.useRef)(null),[t,l]=(0,s.useState)(null);return(0,s.useLayoutEffect)(()=>{let e=r.current,t=i.current,s=o.current;if(!e||!t||!s)return;let a=()=>{let r=e.parentElement;if(!r||"row"!==getComputedStyle(r).flexDirection)return void l(null);s.style.setProperty("-webkit-line-clamp","unset");let i=e.getBoundingClientRect().height,o=t.getBoundingClientRect().height-i,a=parseFloat(getComputedStyle(s.querySelector("p")??s).lineHeight),n=Math.round(s.scrollHeight/a);(s.style.removeProperty("-webkit-line-clamp"),o<=0)?l(null):l(Math.max(1,n-Math.ceil(o/a)))};a();let n=new ResizeObserver(a);return n.observe(e),n.observe(t),()=>n.disconnect()},[e]),{imageRef:r,bodyRef:i,descriptionRef:o,clampLines:t}})(y??""),q=(0,s.useMemo)(()=>S?"dark"===C?"$zorro":"$scream":"transparent",[S,C]);return(0,o.jsxs)(u.Z.bL,{direction:z,size:w,colorScheme:C,css:{position:"relative",containerName:"film-card",backgroundColor:q,...O},...E,children:[i||t?(0,o.jsx)(u.Z.$U,{ref:L,children:(0,o.jsx)($.C,{cover:i,fallbackCover:t,trailer:v,sizes:l})}):null,(0,o.jsxs)(u.Z.nB,{ref:Z,css:{position:v&&"relative",justifyContent:"space-between",padding:S&&"row"===z?"$4 $4 $4 0":S&&"column"===z?"0 $4 $4 $4":0,width:"100%","@lg":{flexDirection:"column"}},children:[(0,o.jsxs)(p.s,{direction:"column",gap:"2",children:[I?(0,o.jsx)(h.W,{colorScheme:C,children:I}):null,(0,o.jsx)(u.Z.hE,{children:r?(0,o.jsx)(a(),{prefetch:!1,href:r,passHref:!0,legacyBehavior:!0,children:(0,o.jsx)(m.I,{onClick:()=>T(d.V.PressFilmCard,{props:{film_title:e}}),children:e})}):e}),j?(0,o.jsx)(f.c,{colorScheme:C,variant:"medium"===w?"body4":"body3",children:`\u2018${j}\u2019`}):y?(0,o.jsx)(c.a,{ref:_,css:N?{display:"-webkit-box",WebkitBoxOrient:"vertical",overflow:"hidden",WebkitLineClamp:N,minHeight:0}:void 0,children:(0,o.jsx)(f.c,{colorScheme:C,variant:"medium"===w?"body4":"body3",children:y})}):null]}),(0,o.jsxs)(p.s,{direction:"column",gap:"large"===w?"2":"4",children:[k?(0,o.jsx)(g.E,{variant:"body5",css:{color:"dark"===C?"$dumbo2":"$dumbo5",justifySelf:"flex-end"},children:k}):null,P||W?(0,o.jsxs)(p.s,{direction:"row",gap:"1",css:{justifySelf:"flex-end",zIndex:1,flexWrap:"wrap"},children:[P?(0,o.jsx)(b.O,{onClick:P,disabled:V,variant:"dark"===C?"tertiary":"primary",isSelected:A}):null,W?(0,o.jsx)(x.q,{onClick:W,disabled:H||B,variant:"dark"===C?"tertiary":"primary",isSelected:R,rating:F,onRate:M}):null]}):null]})]})]})};var y=i(19143);let j=({userId:e,filmId:r,...i})=>{let l=(0,n.T)(),{data:a,isFetching:c}=(0,t.PV)({userId:e,filmId:r}),{watchlistItem:u,rating:m,visitHistoryItems:p}=a||{},{mutate:h,isPending:g}=(0,t.rp)({userId:e,filmId:r}),{mutate:f,isPending:x}=(0,t.Ex)({userId:e,filmId:r,watchlistItemId:u?.id}),b=(0,s.useMemo)(()=>!!u,[u]),$=(0,s.useMemo)(()=>c||g||x,[c,g,x]),j=(0,s.useCallback)(()=>{l(d.V.ChangeWatchlist,{props:{action:b?"remove":"add"}}),b?f():h()},[b,h,f,l]),[I,k]=(0,s.useState)(!1),{mutate:z,isPending:C}=(0,t.LP)({userId:e,filmId:r}),{mutate:w,isPending:S}=(0,t.VV)({userId:e,visits:p?.map(({id:e})=>({id:e,filmId:r}))||[]}),A=(0,s.useMemo)(()=>!!p?.length,[p]),V=(0,s.useMemo)(()=>c||C||S,[c,C,S]),P=(0,s.useCallback)(()=>{A?k(!0):(l(d.V.ChangeVisitHistory,{props:{action:"add"}}),z())},[A,z,l]),{mutate:R,isPending:H}=(0,t.eX)({userId:e,filmId:r}),{mutate:W,isPending:F}=(0,t.OS)({userId:e,ratingId:m?.id,filmId:r}),{mutate:B,isPending:M}=(0,t.j3)({userId:e,ratingId:m?.id,filmId:r}),O=(0,s.useMemo)(()=>c||H||F||M,[c,H,M,F]),E=(0,s.useCallback)(e=>{l(d.V.RateFilm,{props:{action:"add"}}),m?W({rating:e}):R({rating:e})},[m,R,W,l]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(v,{onToggleWatchlist:e?j:void 0,isOnWatchlist:b,isLoadingWatchlistItem:$,onToggleVisitHistory:e?P:void 0,isOnVisitHistory:A,isLoadingVisitHistoryItems:V,onRate:E,rating:m?.rating,isLoadingRating:O,...i}),A?(0,o.jsx)(y.Z,{deletesAll:!0,isOpen:I,onOpenChange:k,onDelete:()=>{p?.length===1&&B(),l(d.V.ChangeVisitHistory,{props:{action:"remove"}}),w(),k(!1)}}):null]})}},27497:(e,r,i)=>{i.d(r,{O:()=>c});var o=i(6029),t=i(7030),s=i(21058),l=i(92833),a=i(9794);let n=(0,a.I4)(s.FW,{width:"20px"}),d=(0,a.I4)(s.Jl,{width:"20px"}),c=({isSelected:e=!1,...r})=>{let{t:i}=(0,t.Bd)("account");return(0,o.jsxs)(l.f,{...r,"aria-pressed":e,"aria-label":i(e?"remove from watchlist":"add to wat

1chlist"),css:{textTransform:"lowercase"},children:[e?(0,o.jsx)(d,{}):(0,o.jsx)(n,{})," ",i("watchlist")]})}},51838:(e,r,i)=>{i.d(r,{q:()=>p});var o=i(6029),t=i(7030),s=i(63628),l=i(5341),a=i(57497),n=i(21058),d=i(92833),c=i(9794);let u=(0,c.I4)(n.FW,{width:"20px"}),m=(0,c.I4)(n.Jl,{width:"20px"}),p=({isSelected:e=!1,rating:r,onRate:i,variant:n,onClick:c,...p})=>{let{t:h}=(0,t.Bd)("account"),g=(0,l.T)();return(0,o.jsxs)(d.f,{...p,variant:n,onClick:r=>{g(a.V.PressSeenButton,{props:{action:e?"remove":"add"}}),c?.(r)},"aria-pressed":e,"aria-label":h(e?"remove from visit history":"add to visit history"),css:{textTransform:"lowercase"},children:[e?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(m,{css:{marginRight:"$1"}}),(0,o.jsx)(s.Pk,{rating:r,onRate:i,colorScheme:"tertiary"===n?"dark":"light"})]}):(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(u,{}),h("seen")]})," "]})}},78868:(e,r,i)=>{i.d(r,{W:()=>l});var o=i(6029),t=i(27295);let s=(0,i(9794).I4)(t.E,{display:"block",lineHeight:1.5,variants:{colorScheme:{light:{color:"$suspiria5"},dark:{color:"$suspiria4"}}},defaultVariants:{colorScheme:"light"}}),l=e=>(0,o.jsx)(s,{size:14,weight:"semibold",...e})},92833:(e,r,i)=>{i.d(r,{f:()=>l});var o=i(6029),t=i(55729);let s=(0,i(9794).I4)("button",{fontFamily:"$averta",fontSize:"$14",lineHeight:"1.25",textAlign:"center",borderRadius:4,display:"inline-flex",alignItems:"center",justifyContent:"center",cursor:"pointer",position:"relative",padding:"$2 $3 $2 $2",width:"fit-content","@md":{padding:"$1 $3 $1 $2"},"&:disabled":{cursor:"default"},variants:{variant:{primary:{backgroundColor:"$dune2",color:"$zorroA2",border:"1px solid $dune2","&:hover:not([disabled])":{color:"$zorro"},"&:focus-visible":{color:"$zorro"},"&:active:not([disabled])":{border:"1px solid $zorroA2",color:"$zorro"},"&[aria-pressed]:not([aria-pressed='false'])":{border:"1px solid $zorroA2",color:"$zorro"},"&[aria-pressed='true']":{border:"1px solid $zorroA2",color:"$zorro"}},secondary:{backgroundColor:"$scream",color:"$zorroA2",border:"1px solid $scream","&:hover:not([disabled])":{color:"$zorro"},"&:focus-visible":{color:"$zorro"},"&:active:not([disabled])":{border:"1px solid $zorroA2",color:"$zorro"},"&[aria-pressed]:not([aria-pressed='false'])":{border:"1px solid $zorroA2",color:"$zorro"},"&[aria-pressed='true']":{border:"1px solid $zorroA2",color:"$zorro"}},tertiary:{backgroundColor:"$zorroA3",color:"$screamA2",border:"1px solid $zorroA3","&:hover:not([disabled])":{color:"$scream"},"&:focus-visible":{color:"$scream"},"&:active:not([disabled])":{border:"1px solid $screamA3",color:"$scream"},"&[aria-pressed]:not([aria-pressed='false'])":{border:"1px solid $screamA3",color:"$scream"},"&[aria-pressed='true']":{border:"1px solid $screamA3",color:"$scream"}}}},defaultVariants:{variant:"primary"}}),l=(0,t.forwardRef)(({as:e="button",...r},i)=>(0,o.jsx)(s,{as:e,...r,ref:i,children:r.children}));l.displayName="ToggleButton"}}]);