https://www.bemmelenkroon.nl/_next/static/chunks/9217.5b066f4f3686eea4.js?dpl=dpl_AaJMLzbjFMYskQkGTCM366rJJDbc

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5793,9217],{12694:(e,t,r)=>{r.d(t,{A:()=>a});let a={energyLabel:{transformProps:{bg:"ffffff",trim:"color"}},productDimensionalImage:{original:{transformProps:{bg:"ffffff",fit:"fill",h:"auto",trim:"color",trimColor:"ffffff"}},transformProps:{bg:"ffffff",fit:"fill",padRatio:.027,square:!0,trim:"color",trimColor:"ffffff"}},productImage:{original:{transformProps:{bg:"ffffff",fit:"fill",h:"auto",trim:"color",trimColor:"ffffff"}},transformProps:{bg:"ffffff",fit:"fill",padRatio:.027,square:!0,trim:"color",trimColor:"ffffff"}}}},25793:(e,t,r)=>{r.r(t),r.d(t,{default:()=>d});var a=r(39583),o=r(41695),i=r(12694),s=r(4814),l=r(27878);let n=(0,o.forwardRef)(({productId:e,alt:t,brand:r,hash:o="base",name:n,original:d,...c},p)=>{let m=`/product/${(0,s.A)(r)}/${e}/${o}.jpg`;return d?(0,a.Y)(l.A,{...c,alt:t||`${r} ${n}`,src:m,transformProps:i.A?.productImage?.original?.transformProps||{},ref:p}):(0,a.Y)(l.A,{...c,alt:t||`${r} ${n}`,src:m,transformProps:i.A?.productImage?.transformProps||{},ref:p})});n.displayName="ProductImage";let d=n},34768:(e,t,r)=>{r.d(t,{A:()=>x});var a=r(39583),o=r(41695),i=r(46316),s=r(13953),l=r(11317),n=r(98799),d=r(12863),c=r(59830),p=r(60161),m=r(45457),u=r(94794),g=r(52165),f=r(3638),h=r(80635),v=r(14198),b=r(40982),A=r(15060),y=r(40591);let w={name:"Dialog",skipVariantsResolver:!0},C=(0,u.Ay)(l.A,{...w,overridesResolver:({ownerState:e},t)=>[t.root,t[e.variant]],slot:"root"})((({ownerState:e})=>({...e.isDrawer&&{background:"var(--palette-background-paper)"}}))||{}),W=(0,u.Ay)(b.A,{...w,overridesResolver:({ownerState:e},t)=>[t.closeButton],slot:"closeButton"})((({theme:e})=>({marginLeft:"var(--gutter-sm)",padding:"0 !important",display:"inline-flex",alignItems:"center",lineHeight:"30px",fontWeight:"normal",textTransform:"uppercase",color:"inherit !important",border:0,borderRadius:0,background:"transparent",[e.breakpoints.up("md")]:{"&:hover":{textDecoration:"underline",color:"inherit !important",background:"transparent"}}}))||{}),k=(0,o.forwardRef)((e,t)=>{let r=(0,g.A)({...w,props:e}),{className:l,actions:u,children:b,closeButton:k=!0,closeButtonText:x="Sluiten",closeHandler:R,maxWidth:P,modalProps:D,open:N,padding:S=!0,text:B,title:j,variant:Y="standard"}=r||{},{breakpoint:I}=(0,v.d)(),T=["xs","sm"].includes(I),F={...r,isDrawer:T,variant:Y},M=(e=>{let{classes:t,variant:r}=e;return(0,i.A)({closeButton:["closeButton"],root:["root",r]},e=>(0,s.Ay)(w.name,e),t)})(F);return T?(0,a.Y)(C,{className:(0,f.A)(M.root,l),ownerState:F,as:y.A,closeButton:k,closeHandler:R,leftActions:u,modalProps:D,open:N,padding:S,text:B,title:j,children:b}):(0,a.FD)(C,{className:(0,f.A)(M.root,l),ownerState:F,maxWidth:P||I,onClose:R,open:N,ref:t,children:[(j||k)&&(0,a.FD)(n.A,{children:[(0,a.Y)(d.A,{variant:"h3",children:j}),k&&(0,a.Y)(W,{className:M.closeButton,ownerState:F,onClick:R,endIcon:(0,a.Y)(A.A,{path:h.A,size:30}),children:x})]}),(0,a.FD)(c.A,{css:S?void 0:{padding:"0 !important"},children:[B&&(0,a.Y)(p.A,{children:B}),b]}),Array.isArray(u)&&u.length>0&&(0,a.Y)(m.A,{children:u.map((e,t)=>(0,a.Y)(o.Fragment,{children:e},t))})]})});k.displayName="Dialog";let x=k},49217:(e,t,r)=>{r.r(t),r.d(t,{default:()=>X});var a=r(39583),o=r(41695),i=r(46316),s=r(13953),l=r(12863),n=r(67576),d=r(94794),c=r(52165),p=r(3638),m=r(34756),u=r(51030),g=r(67929),f=r(86775),h=r(53604),v=r(15060),b=r(56428),A=r(14224),y=r(42563),w=r(25793);let C={name:"WishlistCard",skipVariantsResolver:!0},W=[0,1,2],k={xs:220,sm:200,lg:160},x={xs:110,sm:100,lg:80},R=(0,d.Ay)(y.A,{...C,overridesResolver:({ownerState:e},t)=>[t.root,t[e.variant]],slot:"root"})((({theme:e})=>({"--WishlistCard-background":"var(--palette-background-paperDark)","--WishlistCard-borderRadius":"var(--shape-md)","--WishlistCard-count-color":"var(--palette-text-secondary)","--WishlistCard-count-fontSize":"14px","--WishlistCard-count-marginTop":"4px","--WishlistCard-name-color":"var(--palette-text-primary)","--WishlistCard-name-marginTop":"var(--spacing-2)","--WishlistCard-padding":"var(--gutter-xs)","--WishlistCard-preview-background":"var(--WishlistCard-background)","--WishlistCard-preview-borderRadius":"var(--shape-sm)","--WishlistCard-preview-gap":"1px","--WishlistCard-previewItem-background":"var(--palette-common-white)","--WishlistCard-previewItem-padding":"var(--spacing-1)",padding:"var(--WishlistCard-padding)",display:"block",textDecoration:"none",color:"var(--WishlistCard-name-color)",borderRadius:"var(--WishlistCard-borderRadius)",background:"var(--WishlistCard-background)",[e.breakpoints.up("md")]:{"&:hover":{"--WishlistCard-name-color":"var(--palette-text-link)"}}}))||{}),P=(0,d.Ay)("div",{...C,overridesResolver:({ownerState:e},t)=>[t.preview],slot:"preview"})({display:"grid",overflow:"hidden",aspectRatio:"4 / 3",gap:"var(--WishlistCard-preview-gap)",gridTemplateColumns:"2fr 1fr",gridTemplateRows:"1fr 1fr",borderRadius:"var(--WishlistCard-preview-borderRadius)",background:"var(--WishlistCard-preview-background)"}),D=(0,d.Ay)("div",{...C,overridesResolver:({ownerState:e},t)=>[t.previewItem],slot:"previewItem"})((({ownerState:e})=>({padding:"var(--WishlistCard-previewItem-padding)",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",minWidth:0,background:"var(--WishlistCard-previewItem-background)","& img":{width:"auto",maxWidth:"100%",height:"auto",maxHeight:"100%",objectFit:"contain"},...e.isPrimary&&{gridRow:"span 2"}}))||{}),N=(0,d.Ay)(l.A,{...C,overridesResolver:({ownerState:e},t)=>[t.name],slot:"name"})({marginTop:"var(--WishlistCard-name-marginTop)",overflow:"hidden",textOverflow:"ellipsis",color:"var(--WishlistCard-name-color)",whiteSpace:"nowrap",transition:"color 0.2s"}),S=(0,d.Ay)(l.A,{...C,overridesResolver:({ownerState:e},t)=>[t.count],slot:"count"})({marginTop:"var(--WishlistCard-count-marginTop)",fontSize:"var(--WishlistCard-count-fontSize)",color:"var(--WishlistCard-count-color)"}),B=(0,o.forwardRef)((e,t)=>{let r=(0,c.A)({...C,props:e}),{wishlistId:o,className:l,itemCount:n=0,name:d,previewProducts:m=[],variant:u="standard"}=r||{},g={...r,variant:u},f=(e=>{let{classes:t,variant:r}=e;return(0,i.A)({count:["count"],name:["name"],preview:["preview"],previewItem:["previewItem"],root:["root",r]},e=>(0,s.Ay)(C.name,e),t)})(g),h=1===n?"1 product":`${n} producten`;return(0,a.FD)(R,{className:(0,p.A)(f.root,l),ownerState:g,href:`/lijstjes/${o}/`,title:`Bekijk je lijstje ${d}`,ref:t,children:[(0,a.Y)(P,{className:f.preview,ownerState:g,children:W.map(e=>{let{productId:t,brand:r,image:o,name:i}=m[e]||{},s=0===e;return(0,a.Y)(D,{className:f.previewItem,ownerState:{...g,isPrimary:s},children:t&&(0,a.Y)(w.default,{brand:r,hash:o?.hash,name:i,productId:t,sizes:s?k:x,width:s?k.xs:x.xs})},e)})}),(0,a.Y)(N,{className:f.name,ownerState:g,variant:"h4",children:d}),(0,a.Y)(S,{className:f.count,ownerState:g,component:"div",children:h})]})});B.displayName="WishlistCard";var j=r(26430),Y=r(40982),I=r(34768);let T={root:{"--WishlistsPageCreateDialog-body-padding":"var(--gutter-sm)","--WishlistsPageCreateDialog-footer-background":"var(--palette-background-paperDark)","--WishlistsPageCreateDialog-footer-borderTop":"1px solid var(--palette-grey-300)","--WishlistsPageCreateDialog-footer-gap":"var(--spacing-2)","--WishlistsPageCreateDialog-footer-padding":"var(--gutter-xs) var(--gutter-sm)","--WishlistsPageCreateDialog-submitButton-marginLeft":"auto"},body:{padding:"var(--WishlistsPageCreateDialog-body-padding)"},footer:{padding:"var(--WishlistsPageCreateDialog-footer-padding)",display:"flex",flexWrap:"wrap",alignItems:"center",gap:"var(--WishlistsPageCreateDialog-footer-gap)",borderTop:"var(--WishlistsPageCreateDialog-footer-borderTop)",background:"var(--WishlistsPageCreateDialog-footer-background)"},submitButton:{marginLeft:"var(--WishlistsPageCreateDialog-submitButton-marginLeft)"}}

1,F={name:"WishlistsPageCreateDialog",skipVariantsResolver:!0},{maxWishlistNameLength:M}=u.A||{},$=(0,d.Ay)(I.A,{...F,overridesResolver:({ownerState:e},t)=>[t.root],slot:"root"})(T.root||{}),z=(0,d.Ay)("div",{...F,overridesResolver:({ownerState:e},t)=>[t.body],slot:"body"})(T.body||{}),H=(0,d.Ay)(j.A,{...F,overridesResolver:({ownerState:e},t)=>[t.field],slot:"field"})(T.field||{}),V=(0,d.Ay)("div",{...F,overridesResolver:({ownerState:e},t)=>[t.footer],slot:"footer"})(T.footer||{}),L=(0,d.Ay)(Y.A,{...F,overridesResolver:({ownerState:e},t)=>[t.submitButton],slot:"submitButton"})(T.submitButton||{}),O=(0,d.Ay)(Y.A,{...F,overridesResolver:({ownerState:e},t)=>[t.cancelButton],slot:"cancelButton"})(T.cancelButton||{}),_=(0,o.forwardRef)((e,t)=>{let r=(0,c.A)({...F,props:e}),{className:l,closeHandler:n,defaultName:d="",open:m=!1}=r||{},{createWishlist:u}=(0,f.n)()||{},[g,h]=(0,o.useState)(null),[v,b]=(0,o.useState)(!1),A={...r},y=(e=>{let{classes:t}=e;return(0,i.A)({body:["body"],cancelButton:["cancelButton"],field:["field"],footer:["footer"],root:["root"],submitButton:["submitButton"]},e=>(0,s.Ay)(F.name,e),t)})(A),w=null===g?d:g,C=(0,o.useCallback)(()=>{h(null),n()},[n]),W=(0,o.useCallback)(async e=>{e.preventDefault();let t=w.trim();t&&!v&&(b(!0),await u({name:t}),b(!1),C())},[u,w,C,v]);return(0,a.Y)($,{className:(0,p.A)(y.root,l),ownerState:A,closeHandler:C,maxWidth:"xs",open:m,padding:!1,title:"Nieuw lijstje",ref:t,children:(0,a.FD)("form",{onSubmit:W,children:[(0,a.Y)(z,{className:y.body,ownerState:A,children:(0,a.Y)(H,{className:y.field,ownerState:A,autoFocus:!0,label:"Naam",onChange:({target:{value:e}})=>h(e),size:"small",slotProps:{htmlInput:{maxLength:M}},value:w})}),(0,a.FD)(V,{className:y.footer,ownerState:A,children:[(0,a.Y)(O,{className:y.cancelButton,ownerState:A,onClick:C,size:"small",children:"Annuleren"}),(0,a.Y)(L,{className:y.submitButton,ownerState:A,color:"secondary",disabled:!w.trim()||v,size:"small",type:"submit",children:"Aanmaken"})]})]})})});_.displayName="WishlistsPageCreateDialog";let E={name:"WishlistsPage",skipVariantsResolver:!0},{maxWishlists:q}=u.A||{},G=(0,d.Ay)(A.A,{...E,overridesResolver:({ownerState:e},t)=>[t.root,t[e.variant]],slot:"root"})({"--WishlistsPage-empty-color":"var(--palette-text-secondary)","--WishlistsPage-empty-padding":"var(--spacing-4) 0","--WishlistsPage-title-marginBottom":0,"--WishlistsPage-toolbar-gap":"var(--spacing-2)","--WishlistsPage-toolbar-marginBottom":"var(--gutter-sm)"}),J=(0,d.Ay)("div",{...E,overridesResolver:({ownerState:e},t)=>[t.toolbar],slot:"toolbar"})({marginBottom:"var(--WishlistsPage-toolbar-marginBottom)",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"var(--WishlistsPage-toolbar-gap)"}),K=(0,d.Ay)(l.A,{...E,overridesResolver:({ownerState:e},t)=>[t.title],slot:"title"})({marginBottom:"var(--WishlistsPage-title-marginBottom)"}),U=(0,d.Ay)(n.A,{...E,overridesResolver:({ownerState:e},t)=>[t.createButton],slot:"createButton"})({flexShrink:0}),Z=(0,d.Ay)(l.A,{...E,overridesResolver:({ownerState:e},t)=>[t.empty],slot:"empty"})({padding:"var(--WishlistsPage-empty-padding)",color:"var(--WishlistsPage-empty-color)"}),Q=(0,o.forwardRef)((e,t)=>{let r=(0,c.A)({...E,props:e}),{className:l,variant:n="standard"}=r||{},{loading:d,wishlists:u=[]}=(0,f.n)()||{},[A,y]=(0,o.useState)(!1),w={...r,variant:n},C=(e=>{let{classes:t,variant:r}=e;return(0,i.A)({createButton:["createButton"],empty:["empty"],root:["root",r],title:["title"],toolbar:["toolbar"]},e=>(0,s.Ay)(E.name,e),t)})(w),W=(0,o.useMemo)(()=>[...new Set(u.flatMap(({items:e})=>Object.keys(e||{}).slice(0,3)))],[u]),k=(0,o.useMemo)(()=>{if(0===W.length)return null;let e=new URLSearchParams(W.map(e=>["productIds",e]));return`/api/products/?${e}`},[W]),{data:{items:x=[]}={}}=(0,m.u)(k,{keepPreviousData:!0}),R=(0,o.useMemo)(()=>x.reduce((e,t)=>{let{productId:r}=t||{};return{...e,[r]:t}},{}),[x]);return(0,a.FD)(G,{className:(0,p.A)(C.root,l),ownerState:w,first:!0,last:!0,ref:t,children:[(0,a.FD)(J,{className:C.toolbar,ownerState:w,children:[(0,a.Y)(K,{className:C.title,ownerState:w,component:"h1",variant:"h1",children:"Mijn lijstjes"}),(0,a.Y)(U,{className:C.createButton,ownerState:w,color:"primary",disabled:u.length>=q,onClick:()=>y(!0),size:"small",startIcon:(0,a.Y)(v.A,{path:g.A,size:20}),children:"Nieuw lijstje"})]}),d&&0===u.length&&(0,a.Y)(b.A,{}),!d&&0===u.length&&(0,a.Y)(Z,{className:C.empty,ownerState:w,component:"p",children:"Je hebt nog geen producten bewaard. Klik op het hartje bij een product om er een lijstje mee te beginnen."}),u.length>0&&(0,a.Y)(h.A,{container:!0,spacing:"sm",children:u.map(({wishlistId:e,items:t,name:r})=>{let o=Object.keys(t||{}),i=o.slice(0,3).map(e=>R[e]);return(0,a.Y)(h.A,{item:!0,xs:12,sm:6,lg:3,children:(0,a.Y)(B,{itemCount:o.length,name:r,previewProducts:i,wishlistId:e})},e)})}),(0,a.Y)(_,{closeHandler:()=>y(!1),defaultName:`Lijstje ${u.length+1}`,open:A})]})});Q.displayName="WishlistsPage";let X=Q},53604:(e,t,r)=>{r.d(t,{A:()=>n});var a=r(39583),o=r(30443),i=r(14198),s=r(83587);let l=({className:e,children:t,item:r,remove:l,size:n,spacing:d,xs:c,sm:p,md:m,lg:u,xl:g,...f})=>{let{breakpoint:h}=(0,i.d)(),{spaces:v}=s.A||{},{responsive:b,values:A}=v||{},y=d;if(y&&"string"==typeof y){let e="xs";

1for(let t of Object.keys(A))if(b?.[A?.[y]]?.[t]&&(e=t),t===h)break;y=b?.[A?.[y]]?.[e]}if(l)return t;let w=Object.fromEntries(Object.entries({xs:c,sm:p,md:m,lg:u,xl:g}).filter(([,e])=>void 0!==e)),C=n||(Object.keys(w).length?w:void 0);return(0,a.Y)(o.A,{...f,className:e,size:C,spacing:y,children:t})};l.displayName="Grid";let n=l},60161:(e,t,r)=>{r.d(t,{A:()=>f});var a=r(41695),o=r(3638),i=r(46316),s=r(58404),l=r(94794),n=r(12317),d=r(12863),c=r(13894),p=r(13953);function m(e){return(0,p.Ay)("MuiDialogContentText",e)}(0,c.A)("MuiDialogContentText",["root"]);var u=r(64255);let g=(0,l.Ay)(d.A,{shouldForwardProp:e=>(0,s.A)(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root"})({}),f=a.forwardRef(function(e,t){let r=(0,n.b)({props:e,name:"MuiDialogContentText"}),{children:a,className:s,...l}=r,d=(e=>{let{classes:t}=e,r=(0,i.A)({root:["root"]},m,t);return{...t,...r}})(l);return(0,u.jsx)(g,{component:"p",variant:"body1",color:"textSecondary",ref:t,ownerState:l,className:(0,o.A)(d.root,s),...r,classes:d})})},67929:(e,t,r)=>{r.d(t,{A:()=>a});let a="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"},98799:(e,t,r)=>{r.d(t,{A:()=>u});var a=r(41695),o=r(3638),i=r(46316),s=r(12863),l=r(94794),n=r(12317),d=r(93243),c=r(24104),p=r(64255);let m=(0,l.Ay)(s.A,{name:"MuiDialogTitle",slot:"Root"})({padding:"16px 24px",flex:"0 0 auto"}),u=a.forwardRef(function(e,t){let r=(0,n.b)({props:e,name:"MuiDialogTitle"}),{className:s,id:l,...u}=r,g=(e=>{let{classes:t}=e;return(0,i.A)({root:["root"]},d.t,t)})(r),{titleId:f=l}=a.useContext(c.A);return(0,p.jsx)(m,{component:"h2",className:(0,o.A)(g.root,s),ownerState:r,ref:t,variant:"h6",id:l??f,...u})})}}]);