1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[378],{75763:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return F},default:function(){return A}});var n,o=i(50029),r=i(59499),a=i(87794),s=i.n(a),c=i(67294),d=i(9008),l=i.n(d),m=i(10007),u=i(17988),p=i(1254),h=i(7639),f=i(68952),x=i(71383),g=(0,i(28687).gql)(n||(n=(0,x.Z)(['\n query ($hostname: String) {\n activities(hostname: $hostname, order: "?") {\n activities {\n ... on CustomActivityPage {\n isFavorite\n id\n slug\n title\n url\n areaChoiceDisplay\n background: heroFallbackImage {\n ... on ImageObjectType {\n image: rendition(fill: "500x600-c100") {\n url\n }\n }\n }\n }\n }\n }\n }\n']))),v=i(75197),b=i(51331),y=i(9159),w=i(46521),_=i(53952),j=i(85893);function N(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function k(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?N(Object(i),!0).forEach((function(t){(0,r.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):N(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var P=function(e){var t=e.session,i=(0,c.useContext)(u.I),n=i.updateAppState,o=i.localSessionData,r=(0,c.useState)(null),a=r[0],s=r[1];(0,c.useEffect)((function(){var e=o.availableSurveys[Math.floor(Math.random()*o.availableSurveys.length)];s(e)}),[o]);return(0,j.jsx)(w.Z,{"data-test-id":"KTO-modal",children:o&&a&&(0,j.jsxs)("div",{children:[(0,j.jsx)("div",{className:"flex",children:(0,j.jsx)("h2",{className:"mb-10 flex-2/3 lg:flex-3/4",children:a.name})}),(0,j.jsx)("p",{children:"Jouw mening is belangrijk voor ons! Met jouw feedback kunnen wij onze dienstverlening verbeteren."}),(0,j.jsx)("div",{className:"flex flex-col md:flex-row mt-8",children:(0,j.jsx)(_.Z,{target:"_blank",href:a.url,rel:"noopener",node:m.F7,styleType:m.FU,showIcon:!0,onClick:function(){document.body.classList.toggle("modal-open"),n((function(e){return k(k({},e),{},{openModal:!1,showKtoModal:!1})})),(0,v.sp)(t,"mutation ($surveyId: Int!){\n registerSurvey(survey: $surveyId ) {\n success\n msg\n }\n }",{surveyId:parseInt(a.id,10)}),(0,h.Z)("Kto","Kto","click")},children:"Start enqu\xeate"})})]})})},I=P;P.defaultProps={session:{}};var C=i(39985),O=i(1665);function Z(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function z(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(i),!0).forEach((function(t){(0,r.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var S=function(e){var t=e.session,i=e.activities.activities,n=e.userData,r=e.hostname,a=(0,c.useState)("hide"),d=a[0],x=a[1],w=(0,c.useContext)(u.I),N=w.updateAppState,k=w.localSessionData,P=w.showKtoModal,Z=(0,c.useState)("/assets/account_placeholder.png"),S=Z[0],F=Z[1],A=(0,c.useState)(null),M=A[0],D=A[1],E=(0,c.useState)({favoriteActivities:i.filter((function(e){return e.isFavorite&&e})),activities:i,nonFavoriteActivities:i.filter((function(e){return!e.isFavorite&&e}))}),T=E[0],K=E[1];(0,c.useEffect)((function(){(0,p.Z)(N,n),(null===n||void 0===n?void 0:n.availableSurveys.length)>0&&(document.body.classList.toggle("modal-open"),N((function(e){return z(z({},e),{},{showKtoModal:!P,openModal:!0})})))}),[]),(0,c.useEffect)((function(){if(!M&&n){var e=n.availableSurveys[Math.floor(Math.random()*n.availableSurveys.length)];D(e)}k&&F(k.profilePicture)}),[k]);var q="show"===d,B=function(){return x("show"===d?"hide":"show")},W=function(){var e=(0,o.Z)(s().mark((function e(){var i,n;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,v.Z2)(t,g,{hostname:r});case 2:i=e.sent,n=i.activities.activities,K({activities:n,favoriteActivities:n.filter((function(e){return e.isFavorite&&e})),nonFavoriteActivities:n.filter((function(e){return!e.isFavorite&&e}))});case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(l(),{children:(0,j.jsx)("title",{children:"Mijn overzicht"})}),P&&(0,j.jsx)(I,{session:t}),(0,j.jsx)("div",{className:"flex justify-center bg-secondary-300",children:(0,j.jsxs)("div",{className:"container flex flex-col u-block-margins","data-test-id":"my-overview",children:[(0,j.jsxs)(C.wo,{className:"flex flex-col md:flex-row items-center",children:[(0,j.jsx)("img",{src:S,alt:"",className:"mb-4 md:mb-0 rounded-full mr-4","data-test-id":"profile-image"}),(0,j.jsxs)("h2",{className:"text-secondary","data-test-id":"profile-name",children:["Welkom ",k&&k.firstName]})]}),(0,j.jsx)("div",{className:"container mx-auto px-4 mb-3","data-test-id":"favorite-activities",children:(0,j.jsxs)("div",{className:"rounded-base p-4 md:p-9 bg-white",children:[(0,j.jsx)("h2",{className:"mb-4",children:"Mijn favoriete activiteiten"}),T.favoriteActivities&&(0,j.jsx)("p",{className:"mb-6",children:"Dit zijn jouw favoriete activiteiten"}),(0,j.jsx)("div",{className:"flex flex-wrap -mx-2",children:T.favoriteActivities?T.favoriteActivities.map((function(e){var i={query:f.Z,activity:parseInt(e.id,10)};return(0,j.jsx)(O.ActivityCardWrapper,{className:"block px-2 my-2 group flex-full max-w-full lg:flex-1/3 lg:max-w-1/3",children:(0,j.jsx)(b.Z,z({},z(z({},e),{},{session:t,mutationData:i,updateFavoriteState:W})))},e.id)})):(0,j.jsx)("p",{children:"Je hebt nog geen favoriete activiteit toegevoegd."})})]})}),(0,j.jsx)("div",{className:"container mx-auto px-4 ".concat(M?"u-block-margins":"mb-3"),"data-test-id":"you-may-like",children:(0,j.jsxs)("div",{className:"rounded-base p-4 md:p-9 bg-white",children:[(0,j.jsx)("h2",{className:"mb-4",children:"Vind je dit leuk?"}),(0,j.jsxs)(C.rl,{className:"overflow-hidden duration-500 ease-in-out transition-maxHeight",show:q,children:[(0,j.jsx)("p",{className:"mb-6",children:"Dit zijn activiteiten op basis van jouw opgeslagen voorkeuren. Vind je dit leuk, klik op het hartje!"}),T.activities&&(0,j.jsx)("div",{className:"flex flex-wrap -mx-2",children:T.nonFavoriteActivities.map((function(e,i){var n={query:f.Z,activity:parseInt(e.id,10)};return!(i>=6)&&(0,j.jsx)(O.ActivityCardWrapper,{className:"block px-2 my-2 group flex-full max-w-full lg:flex-1/3 lg:max-w-1/3",children:(0,j.jsx)(b.Z,z({},z(z({},e),{},{session:t,mutationData:n,updateFavoriteState:W})))},e.id)}))})]}),(0,j.jsxs)("button",{type:"button",className:"w-full flex justify-center pt-4 cursor-pointer focus:outline-none",onClick:function(){return B()},children:[q&&(0,j.jsx)(y.Z,{icon:"arrow-up",size:20,className:"my-auto text-primary"}),!q&&(0,j.jsx)(y.Z,{icon:"arrow-down",size:20,className:"my-auto text-primary"})]})]})}),M&&(0,j.jsx)("div",{className:"container mx-auto px-4",children:(0,j.jsx)("div",{className:"w-full text-basic-700",children:(0,j.jsxs)("div",{className:"bg-white rounded-base text-center px-4 py-8 lg:py-8 lg:px-12 lg:w-4/6 lg:mx-auto",children:[(0,j.jsx)(C.Gg,{className:"mb-6 text-center",children:M.name}),(0,j.jsx)("p",{className:"mb-6 text-center",children:"Klanttevredenheids-onderzoek Jouw mening is belangrijk voor ons! Met jouw feedback kunnen wij onze dienstverlening verbeteren. Start enquete"}),(0,j.jsx)(_.Z,{target:"_blank",href:M.url,rel:"noopener",className:"w-full lg:max-w-1/2 m-auto",no
1de:m.F7,styleType:m.FU,showIcon:!0,onClick:function(){(0,h.Z)("Kto","Kto","click")},children:"Start enqu\xeate"})]})})})]})})]})};S.defaultProps={userData:{},session:{user:{profilePicture:""}}};var F=!0,A=S},39985:function(e,t,i){"use strict";i.d(t,{Ay:function(){return u},BM:function(){return v},Bm:function(){return m},F3:function(){return x},Gg:function(){return k},Ii:function(){return c},Ls:function(){return N},OU:function(){return l},T5:function(){return _},Tv:function(){return d},WV:function(){return f},XG:function(){return h},Y6:function(){return s},gP:function(){return w},kM:function(){return I},rP:function(){return j},rY:function(){return y},rk:function(){return p},rl:function(){return P},wo:function(){return g},y:function(){return b}});var n=i(39553),o=i(4464),r=i(1938),a=i.n(r),s=n.ZP.div.attrs((function(e){var t=e.active,i=["text-basic","h2","transition-color","duration-150","ease-in-out"],n=[].concat(i,t?["font-bold"]:["text-basic-400"]);return{className:(0,o.p)(n)}})).withConfig({displayName:"accountstyles__TabButton",componentId:"sc-hdi0z6-0"})(["cursor:pointer;display:flex;white-space:nowrap;&:first-child{margin-right:36px;}&:hover{span{border-bottom:3px solid ",";}}"],a().extend.colors.primary.default),c=n.ZP.img.withConfig({displayName:"accountstyles__ProfilePic",componentId:"sc-hdi0z6-1"})(["width:120px;height:120px;@media (min-width:","){width:240px;height:240px;}"],a().screens.lg),d=n.ZP.button.withConfig({displayName:"accountstyles__UpdateProfilePic",componentId:"sc-hdi0z6-2"})(["position:absolute;right:10px;bottom:0;width:32px;height:32px;background:",";border:1px solid ",";border-radius:100%;transition:background 0.2s ease-in-out;@media (min-width:","){right:26px;bottom:8px;width:40px;height:40px;}svg{position:absolute;top:50%;left:50%;width:15px;height:14px;fill:",";transform:translate(-50%,-50%);transition:fill 0.2s ease-in-out;@media (min-width:","){width:19px;height:17px;}}&:focus{outline:none;background:",";svg{fill:",";}}&:hover{background:",";svg{fill:",";}}"],a().extend.colors.white,a().extend.colors.basic[200],a().screens.lg,a().extend.colors.primary.default,a().screens.lg,a().extend.colors.primary.default,a().extend.colors.white,a().extend.colors.primary.default,a().extend.colors.white),l=n.ZP.div.withConfig({displayName:"accountstyles__MyInformationMenu",componentId:"sc-hdi0z6-3"})(["width:100%;padding-top:1.5rem;@media (min-width:","){margin:0 auto;}@media (min-width:","){max-width:83.333333%;}"],a().screens.md,a().screens.xl),m=n.ZP.div.withConfig({displayName:"accountstyles__MyInformationContainer",componentId:"sc-hdi0z6-4"})(["position:relative;padding-top:2.5rem;@media (min-width:","){padding-top:5rem;}@media (min-width:","){padding-top:7rem;}"],a().screens.lg,a().screens.xl),u=n.ZP.div.withConfig({displayName:"accountstyles__DatePickerContainer",componentId:"sc-hdi0z6-5"})(["position:relative;> span{position:absolute;z-index:2;color:",";","}> svg{position:absolute;top:5px;right:14px;z-index:2;fill:",";}.react-datepicker-popper{transform:none !important;inset:-8px 0 auto auto !important;padding-top:10px !important;}.react-datepicker{border-radius:0;border:0;box-shadow:0 10px 50px rgba(32,39,54,0.2);&__tab-loop{position:absolute;width:100%;}&__triangle{top:0 !important;margin-top:-8px !important;&::after{display:none;}&::before{top:-1px !important;bottom:auto !important;border-top:none !important;border-bottom:8px solid "," !important;}}&__header{padding:0;background:",";border-radius:0;border:0;}&__navigation{top:8px;&:focus{outline:none;}&:hover{.react-datepicker__navigation-icon{&::before{border-color:",";}}}}&__navigation-icon{&::before{top:14px;width:11px;height:11px;border-width:2px 2px 0 0;border-color:",";transition:border-color 0.2s ease-in-out;}}&__current-month{line-height:50px;}&__day-names{background:",";}&__day-name{color:",";}&__day{&--keyboard-selected,&--selected{background:",";}}&__day--outside-month{color:",";}}"],a().extend.colors.basic[500],(function(e){return!0===e.open||e.startDate?"top: -20px; font-size: 12px;":"top: 0; font-size: 18px;"}),a().extend.colors.primary.default,a().extend.colors.white,a().extend.colors.white,a().extend.colors.primary.default,a().extend.colors.secondary.default,a().extend.colors.secondary[400],a().extend.colors.white,a().extend.colors.secondary[400],a().extend.colors.basic[300]),p=n.ZP.div.withConfig({displayName:"accountstyles__SplitLayoutContainer",componentId:"sc-hdi0z6-6"})(["min-height:calc(100vh - 64px);padding-top:3rem;padding-bottom:30px;@media (min-width:","){min-height:calc(100vh - 90px);}@media (min-width:","){padding-top:10rem;}@media (min-width:","){min-height:calc(100vh - 108px);}"],a().screens.lg,a().screens.xl,a().screens.xxl),h=n.ZP.div.withConfig({displayName:"accountstyles__MenuWrapper",componentId:"sc-hdi0z6-7"})(["display:flex;justify-content:flex-start;overflow-x:auto;margin-bottom:2rem;@media (min-width:","){margin-bottom:3rem;}"],a().screens.xl),f=n.ZP.div.withConfig({displayName:"accountstyles__AnimatedForm",componentId:"sc-hdi0z6-8"})(["transform:translateX(",");transition:transform 0.3s ease-in-out;display:flex;position:relative;width:200%;overflow:hidden;"],(function(e){return"login"===e.form?"0%":"-50%"})),x=n.ZP.div.withConfig({displayName:"accountstyles__AnimatedInterestForm",componentId:"sc-hdi0z6-9"})(["transform:translateX(",");padding-top:20px;"," display:flex;position:relative;width:200%;overflow:hidden;& > div{height:80vh;overflow-x:auto;scrollbar-width:thin;scrollbar-color:"," ",";&::-webkit-scrollbar{width:0px;}&::-webkit-scrollbar-track{background:",";}&::-webkit-scrollbar-thumb{background-color:$color-border;border-radius:20px;border:0px solid ",";}& + div{padding-bottom:150px;}}"],(function(e){return e.selectedInterest?"-50%":"0%"}),(function(e){return e.passedThemeId?"":"transition: transform 0.3s ease-in-out;"}),a().extend.colors.basic[300],a().extend.colors.basic[100],a().extend.colors.basic[100],a().extend.colors.basic[100]),g=n.ZP.div.withConfig({displayName:"accountstyles__MyOverviewHeader",componentId:"sc-hdi0z6-10"})(["padding:0 1rem;margin-top:3.5rem;margin-bottom:1.5rem;@media (min-width:","){margin-top:5.5rem;margin-bottom:3.5rem;}img{width:100px;height:100px;}"],a().screens.md),v=(n.ZP.div.withConfig({displayName:"accountstyles__MyFavoriteAccommodationsContainer",componentId:"sc-hdi0z6-11"})(["padding:1rem 1rem 0;@media (min-width:","){padding:2.25rem 2.25rem 0.75rem;}@media (min-width:","){padding:2.25rem 2.25rem 0;}"],a().screens.md,a().screens.lg),n.ZP.div.withConfig({displayName:"accountstyles__FavoriteActivityAccommodationHeader",componentId:"sc-hdi0z6-12"})(["padding:2.5rem 0;margin-top:2.5rem;img{width:40px;height:40px;@media (min-width:","){width:80px;height:80px;}}a{flex-shrink:0;}"],a().screens.md),n.ZP.div.withConfig({displayName:"accountstyles__AccountInformationBlock",componentId:"sc-hdi0z6-13"})(["padding:2.25rem 1.5rem 2.25rem 2.25rem;"])),b=n.ZP.a.withConfig({displayName:"accountstyles__AccountBackButton",componentId:"sc-hdi0z6-14"})(["position:absolute;top:0;left:0;&:hover{svg{transform:translateX(-10px);}}"]),y=n.ZP.div.withConfig({displayName:"accountstyles__OrderContainerDesktopFirst",componentId:"sc-hdi0z6-15"})(["order:2;@media (min-width:","){order:1;}"],a().screens.lg),w=n.ZP.div.withConfig({displayName:"accountstyles__OrderContainerDesktopSecond",componentId:"sc-hdi0z6-16"})(["order:1;@media (min-width:","){order:2;}"],a().screens.lg),_=n.ZP.div.withConfig({displayName:"accountstyles__InterestIcon",componentId:"sc-hdi0z6-17"})(["display:none;@media (min-width:","){display:flex;flex:0 0 12.5%;justify-content:center;align-items:center;}"],a().screens.md),j=n.ZP.div.withConfig({displayName:"accountstyles__InterestContent",componentId:"sc-hdi0z6-18"})(["flex:1 1 auto;padding:1rem;@media (min-width:","){padding:2rem 2rem 2rem 0.5rem;}"],a().screens.md),N=n.ZP.div.withConfig({displayName:"accountstyles__LoginImage",componentId:"sc-hdi0z6-19"})(["@media (min-width:","){position:sticky;top:90px;height:calc(100vh - 90px);}@media (min-width:","){top:108px;height:calc(100vh - 108px);}"],a().screens.lg,a().screens.xxl),k=n.ZP.h2.attrs((function(e){return{className:e.classNames}})).withConfig({displayName:"accountstyles__WrappedHeader",componentId:"sc-hdi0z6-20"})(["{word-break:break-word;hyphens:auto;}"]),P=n.ZP.div.withConfig({displayName:"accountstyles__FavoriteActivityCollapse",componentId:"sc-hdi0z6-21"})(["",";"],(function(e){return!0===e.show?"max-height: 120rem;":"max-height: 0;"})),I=n.ZP.div.withConfig({displayName:"accountstyles__FamilyMember",componentId:"sc-hdi0z6-22"})(["border-top:2px solid ",";&:first-child{border-top:0;}"],a().extend.colors.white)},11289:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mijn-omgeving/mijn-overzicht",function(){return i(75763)}])}},function(e){e.O(0,[774,888,179],(function(){return t=11289,e(e.s=t);var t}));var t=e.O();_N_E=t}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.