https://cineville.nl/_next/static/chunks/pages/account/history-8d8793984a06123f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[120],{4560:(e,r,i)=>{"use strict";i.d(r,{M:()=>g});var t=i(6029),s=i(48230),n=i.n(s),a=i(5341),o=i(57497),l=i(65828),d=i(74555),c=i(39220),u=i(52438),h=i(14370),m=i(27295),x=i(32809);let g=({image:e,href:r,title:i,description:s,direction:g,sizes:p="row"===g?(0,x.o)("@xl calc($maxWidth / 2), @md 50vw, 100vw"):(0,x.o)("@xl $maxWidth, 100vw"),size:f="large",...v})=>{let $=(0,a.T)();return(0,t.jsxs)(l.bL,{withLink:!0,direction:"small"!==f?g:"column",...v,children:[e&&"medium"!==f?(0,t.jsx)(l.$U,{children:(0,t.jsx)(h._,{image:e,width:3,height:2,sizes:p,style:{width:"100%",height:"100%",objectFit:"cover",aspectRatio:1.5}})}):null,(0,t.jsxs)(l.nB,{direction:"column",children:[(0,t.jsxs)(c.s,{direction:"column",justify:"center",css:{flex:1},children:[(0,t.jsx)(u.fV,{variant:"small"===f?"heading3":"heading2",css:{color:"inherit",marginBottom:"$2"},children:(0,t.jsx)(n(),{prefetch:!1,href:r,passHref:!0,legacyBehavior:!0,children:(0,t.jsx)(d.I,{onClick:()=>$(o.V.PressBanner,{props:{banner_title:i,banner_url:r}}),children:i})})}),(0,t.jsx)(m.E,{as:"p",variant:"body2",css:{color:"inherit"},children:s})]}),(0,t.jsx)(l.qY,{css:{marginTop:"$6",square:"$5","@md":{square:"small"===f?"$5":"$10"}}})]})]})}},11542:(e,r,i)=>{"use strict";i.d(r,{J:()=>a});var t=i(6029),s=i(88161),n=i(53204);let a=({text:e,css:r,...i})=>(0,t.jsx)(s.a,{className:"lead-paragraph",css:{marginBottom:"$10","@md":{marginBottom:"$14"},...r},...i,children:(0,t.jsx)(n.c,{allowedElements:["p","em","a"],variant:"body1",children:e})})},12873:(e,r,i)=>{"use strict";i.d(r,{R:()=>l});var t=i(6029),s=i(7030),n=i(88161),a=i(61808),o=i(27295);let l=({message:e})=>{let{t:r}=(0,s.Bd)("common");return(0,t.jsxs)(n.a,{css:{display:"flex",flexDirection:"column",alignItems:"center",gap:"$5",paddingY:"$5"},children:[(0,t.jsx)(a.y,{}),(0,t.jsx)(o.E,{as:"p",size:"20",css:{marginTop:"$5"},children:e||r("loading")})]})}},13693:(e,r,i)=>{"use strict";i.d(r,{I:()=>t.I});var t=i(3154)},28179:(e,r,i)=>{"use strict";i.d(r,{A:()=>s});var t=i(55729);let s=function(e,r){var i=(0,t.useState)(null),s=i[0],n=i[1];return(0,t.useEffect)(function(){if(e.current&&"function"==typeof IntersectionObserver){var i=new IntersectionObserver(function(e){n(e[0])},r);return i.observe(e.current),function(){n(null),i.disconnect()}}return function(){}},[e.current,r.threshold,r.root,r.rootMargin]),s}},41698:(e,r,i)=>{"use strict";i.r(r),i.d(r,{__N_SSG:()=>S,default:()=>N});var t=i(6029),s=i(65911),n=i(89099),a=i(10553),o=i(7030),l=i(55729),d=i(89478),c=i(39220),u=i(26354),h=i(85068),m=i(60446),x=i(69805),g=i(11542),p=i(9794),f=i(33421),v=i(52129),$=i(12873),j=i(13693),b=i(27295),k=i(4560),w=i(19143),y=i(35858),I=i(78811),C=i(48230),B=i.n(C),_=i(18674),E=i(59092),T=i(74555),z=i(63628),D=i(32809);let L=({date:e,isAddedByUser:r,filmTitle:i,filmUrl:s,filmCover:a,fallbackCover:l,rating:d,onDelete:u,onRate:h,css:m,...x})=>{let{t:g}=(0,o.Bd)(["account","films"]),{locale:p}=(0,n.useRouter)();return(0,t.jsxs)(E.Z.bL,{direction:{"@initial":"column","@md":"row"},css:{position:"relative",containerName:"visit-card",...m},...x,children:[a||l?(0,t.jsx)(E.Z.$U,{children:(0,t.jsx)(_.C,{cover:a,fallbackCover:l,sizes:(0,D.o)("@lg 25vw, @md 50vw, 100vw")})}):null,(0,t.jsxs)(E.Z.nB,{css:{justifyContent:"space-between",width:"100%","@lg":{flexDirection:"column"}},children:[(0,t.jsxs)(c.s,{gap:"3",direction:"column",css:{marginBottom:"$2"},children:[(0,t.jsx)(E.Z.hE,{children:s?(0,t.jsx)(B(),{prefetch:!1,href:s,passHref:!0,legacyBehavior:!0,children:(0,t.jsx)(T.I,{children:i})}):i}),e?(0,t.jsx)(b.E,{variant:"body4",children:g(r?"added on":"seen on",{date:(0,I.A)(new Date(e),"d MMMM yyyy",{locale:(0,y.Me)(p)})})}):null,(0,t.jsx)(z.Pk,{rating:d,onRate:h})]}),u?(0,t.jsx)(f.$,{variant:"secondary",size:"small",onClick:u,css:{width:"fit-content",zIndex:1},children:g("delete")}):null]})]})};var V=i(5341),A=i(57497);let M=({userId:e,filmId:r,visitHistoryItemId:i,...n})=>{let[a,o]=(0,l.useState)(!1),d=(0,V.T)(),{mutate:c}=(0,s.VV)({userId:e,visits:[{id:i,filmId:r}]}),{data:u}=(0,s.Zt)({userId:e,filmId:r}),{mutate:h}

1=(0,s.eX)({userId:e,filmId:r}),{mutate:m}=(0,s.OS)({userId:e,ratingId:u?.id,filmId:r}),{mutate:x}=(0,s.j3)({userId:e,ratingId:u?.id,filmId:r});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(L,{...n,rating:u?.rating||0,onDelete:()=>o(!0),onRate:e=>{d(A.V.RateFilm,{props:{action:"add"}}),u?m({rating:e}):h({rating:e})}}),(0,t.jsx)(w.Z,{isOpen:a,onOpenChange:o,onDelete:()=>{d(A.V.ChangeVisitHistory,{props:{action:"remove"}}),c(),x(),o(!1)}})]})},R=(0,p.I4)("ol",{display:"flex",flexDirection:"column",gap:"$6","> * + *":{paddingTop:"$6",borderTop:"$zorroA4 1px solid"}});var S=!0;let N=({page:e,settings:r})=>{let{t:i}=(0,o.Bd)(["account","showtimes","search"]),{locale:p}=(0,n.useRouter)(),{data:w}=(0,a.useSession)(),[y,I]=(0,l.useState)(""),[C,B]=(0,l.useState)(""),_=e?.banner.data||r?.defaultBanner.data,E=(0,l.useCallback)(()=>{B(y)},[y]),{data:T,isLoading:z,fetchNextPage:D,hasNextPage:L,isFetching:V,isPending:A}=(0,s.p5)(w?.user?.id,{locale:p}),S=(0,s.TK)(T),N=!!C.length,{data:O}=(0,s.jo)({userId:w?.user?.id}),{data:X,fetchNextPage:F,hasNextPage:P,isFetching:Z}=(0,s.Lw)({title:{contains:C},id:{in:O},sort:{premiereDate:"asc"},locale:p},{enabled:N&&!!O?.length}),q=(0,s.TK)(X),U=(0,l.useMemo)(()=>q.map(e=>e.id),[q]),{data:Y,isFetching:G}=(0,s.p5)(w?.user?.id,{locale:p,productionId:{in:U},"page[limit]":U.length},{enabled:N&&U.length>0}),H=(0,s.TK)(Y),K=N?H:S,J=(0,l.useCallback)(()=>{!V&&L&&D()},[V,L,D]),Q=(0,l.useCallback)(()=>{!Z&&P&&F()},[Z,P,F]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.Q,{title:i("history"),template:r?.titleTemplate||void 0}),(0,t.jsx)(x.z,{color:"avatar",children:i("history")}),(0,t.jsx)(u.w,{children:(0,t.jsx)(m.X,{main:(0,t.jsxs)(t.Fragment,{children:[e?.introduction?(0,t.jsx)(g.J,{text:e.introduction}):null,S.length>0&&(0,t.jsxs)(c.s,{direction:"row",css:{borderBottom:"1px solid $zorroA4",paddingY:"$4",marginY:"$6"},children:[(0,t.jsx)(j.I,{value:C,onSearch:e=>{I(e),e||B("")},onEnter:B,placeholder:i("search for a film",{ns:"showtimes"})}),(0,t.jsx)(f.$,{variant:"secondary",size:"small",onClick:E,children:i("search",{ns:"search"})})]}),K.length>0&&(0,t.jsx)(R,{children:K.map(({id:e,eventStartDate:i,createdAt:s,isAddedByUser:n,film:a})=>(0,t.jsx)("li",{children:(0,t.jsx)(M,{userId:w?.user?.id,visitHistoryItemId:e,filmId:a.id,isAddedByUser:n,date:new Date(i||s),filmTitle:a.title,filmCover:a.cover||void 0,fallbackCover:r?.fallbackCover.data?.attributes,filmUrl:(0,d.O)(`/films/${a.slug}`,p)})},e))}),N?(0,t.jsx)(v.p,{onInView:Q}):(0,t.jsx)(v.p,{onInView:J}),(Z||G)&&(0,t.jsx)($.R,{}

1),N&&!Z&&!G&&!K.length&&(0,t.jsx)(b.E,{variant:"body3",children:i("no results found in visit history",{ns:"account"})}),!!z&&(0,t.jsx)($.R,{}),!N&&!K.length&&!z&&!A&&(0,t.jsx)(b.E,{variant:"body3",children:i("no visits")})]}),aside:_?(0,t.jsx)(k.M,{color:_.attributes.color,size:"small",image:_.attributes.image.data?.attributes||void 0,href:_.attributes.link,title:_.attributes.title,description:_.attributes.description}):null})})]})}},47541:(e,r,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/history",function(){return i(41698)}])},48776:(e,r,i)=>{"use strict";i.d(r,{M:()=>n});var t=i(6029),s=i(21058);let n=({hoveredElement:e,css:r={},...i})=>{let n=`${e}:hover &, ${e}:focus-within &`,a=r[n];return(0,t.jsx)(s.bL,{...i,css:{flexShrink:0,square:"$5",transition:"transform 0.1s ease-out",...r,[n]:{transform:"translateX(8px)",...a}},children:(0,t.jsx)(s.j0,{})})}},52129:(e,r,i)=>{"use strict";i.d(r,{p:()=>a});var t=i(6029),s=i(55729),n=i(28179);let a=({onInView:e,options:r={}})=>{let i=(0,s.useRef)(null),a=(0,n.A)(i,r);return(0,s.useEffect)(()=>{a?.isIntersecting&&e()},[e,a]),(0,t.jsx)("div",{ref:i})}},60446:(e,r,i)=>{"use strict";i.d(r,{X:()=>a});var t=i(6029),s=i(88161),n=i(56381);let a=({main:e,aside:r,children:i,...a})=>(0,t.jsxs)(n.x,{css:{display:"flex",flexDirection:"column",gap:"$14","@lg":{display:"grid",columnGap:"$5",rowGap:"$20",gridTemplateColumns:"50% 1fr 356px",gridTemplateAreas:'"main gap aside"'}},...a,children:[i,!!e&&(0,t.jsx)(s.a,{css:{gridArea:"main"},children:e}),!!e&&(0,t.jsx)(s.a,{as:"aside",css:{gridArea:"aside"},children:r})]})},61808:(e,r,i)=>{"use strict";i.d(r,{y:()=>d});var t=i(6029);i(55729);var s=i(88161),n=i(9794);let a=(0,n.i7)({"0%, 100%":{transform:"scale(0.0)"},"50%":{transform:"scale(1.0)"}}),o=(0,n.I4)(s.a,{width:"$6",height:"$6",top:"0px",left:"50%",marginLeft:"-$3",display:"inline-block",position:"absolute",backgroundColor:"$mandy9",borderRadius:"100%",transformOrigin:"center",animation:`${a} 1.5s infinite ease-in-out`}),l=(0,n.I4)(o,{top:"auto",bottom:"0px",animationDelay:"-0.75s"}),d=()=>(0,t.jsxs)(s.a,{css:{width:"$10",height:"$10",position:"relative"},children:[(0,t.jsx)(o,{}),(0,t.jsx)(l,{})]})},65828:(e,r,i)=>{"use strict";i.d(r,{$U:()=>o,Ay:()=>u,bL:()=>d,nB:()=>l,qY:()=>c});var t=i(6029);i(55729);var s=i(48776),n=i(39220),a=i(9794);let o=(0,a.I4)("div",{width:"100%"}),l=(0,a.I4)(n.s,{padding:"$6",gap:"$2",flexGrow:1}),d=(0,a.I4)("div",{position:"relative",backgroundColor:"$dune3",variants:{direction:{column:{display:"flex",flexDirection:"column",gap:"0",[`${o}`]:{flexBasis:"auto"},[`${l}`]:{flexBasis:"auto",paddingX:"$6"}},row:{display:"flex",flexDirection:"row",gap:"$4",[`${o}`]:{flexBasis:"50%"},[`${l}`]:{flexShrink:"1",flexBasis:"50%",gap:"$4",paddingX:"$10"}}},withLink:{true:{transition:"background-color 0.2s ease-in-out","&:hover":{backgroundColor:"$dune3"}}},color:{dune:{backgroundColor:"$dune3",color:"$dumbo9"},suspiria:{backgroundColor:"$dune3",color:"$suspiria6"},shrek:{backgroundColor:"$shrek2",color:"$dumbo9"},mandy:{backgroundColor:"$mandy1",color:"$mandy6"}}},compoundVariants:[{color:"dune",withLink:!0,css:{"&:hover":{backgroundColor:"$dune4"}}},{color:"suspiria",withLink:!0,css:{"&:hover":{backgroundColor:"$dune4"}}},{color:"shrek",withLink:!0,css:{"&:hover":{backgroundColor:"$shrek3"}}},{color:"mandy",withLink:!0,css:{"&:hover":{backgroundColor:"$mandy2"}}}],defaultVariants:{direction:"column",color:"dune"}}),c=({...e})=>(0,t.jsx)(s.M,{hoveredElement:d,...e}),u={Root:d,Media:o,Body:l,LinkIcon:c}},69805:(e,r,i)=>{"use strict";i.d(r,{z:()=>a});var t=i(6029),s=i(52438);let n=(0,i(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"}}),a=({color:e,children:r,...i})=>(0,t.jsx)(n,{size:{"@initial":"small","@md":"large"},color:e,...i,children:(0,t.jsx)(s._,{css:{color:"inherit"},children:r})})}

1,85068:(e,r,i)=>{"use strict";i.d(r,{Q:()=>a});var t=i(6029),s=i(77328),n=i.n(s);let a=({title:e,template:r="{{title}}"})=>{let i=""!==r?r.replace("{{title}}",e):e;return(0,t.jsx)(n(),{children:(0,t.jsx)("title",{children:i})})}}},e=>{e.O(0,[593,584,613,636,792],()=>e(e.s=47541)),_N_E=e.O()}]);