https://www.toertje.nl/_next/static/chunks/6307-1688912031224106.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6307],{1788:function(e,t,r){r.r(t);var l=r(57437),s=r(61396),n=r.n(s),a=r(2265),i=r(37152),o=r(26565),d=r(54440),c=r.n(d);t.default=e=>{let t=(0,a.useRef)(null),{linkProps:r}=(0,i.n)(e,t),{focusProps:s,isFocusVisible:d}=(0,o.Fx)(),{children:u,href:x,target:h,className:p,rel:f,title:b}=e;return(0,l.jsx)(n(),{...r,...s,className:c()(p,"transition outline-none",{"ring-4 ring-black/50 ring-offset-transparent":d}),href:x,ref:t,rel:f,target:h,title:b,children:u})}},12286:function(e,t,r){r.r(t);var l=r(57437),s=r(2265),n=r(26565),a=r(69004),i=r(54440),o=r.n(i),d=r(1788);let c={black:"bg-black text-white font-[500] px-10",white:"bg-white font-medium border-1 border-grey-200 px-10 ",neutral:"bg-white border-black border-1 px-10 font-medium px-10",green:"bg-tertiary text-white font-[500] px-10",warning:"bg-white border-1 border-secondary text-secondary px-10 ",warningFilled:"bg-secondary text-white px-10 font-[500]",unstyled:"hover:underline px-0 py-0"},u=e=>{let t=(0,s.useRef)(null),{focusProps:r,isFocusVisible:i}=(0,n.Fx)(),{buttonProps:d}=(0,a.U)(e,t);return(0,l.jsx)("button",{...d,...r,ref:t,className:o()(e.className,"transition outline-none",{"ring-4 ring-black/50 ring-offset-transparent":i}),children:e.children})};t.default=e=>{let{icon:t,children:r,variant:n="black",className:a,overruleStyling:i=!1,square:x,iconPositition:h,...p}=e;return(0,l.jsxs)(s.Fragment,{children:["href"in e&&(0,l.jsxs)(d.default,{...p,href:e.href,className:o()({"btn w-fit flex items-center justify-center gap-4 disabled:opacity-50":!i,"rounded-lg":e.square,"rounded-full":!e.square,"text-dark-gray pointer-events-none":e.isDisabled,"px-6 py-2":"unstyled"!==e.variant},c[n],a),children:[r&&(0,l.jsx)("span",{className:o()({"text-base":!i}),children:r}),t&&t]}),("onPress"in e||"type"in e)&&(0,l.jsxs)(u,{...p,className:o()({"btn w-fit flex items-center justify-center gap-4 hover:opacity-80 focus:opacity-80 disabled:opacity-50 relative":!i,"rounded-lg p-1.5":e.square,"rounded-full p-3":!e.square,"text-dark-gray pointer-events-none":e.isDisabled},c[n],a),onPress:e.onPress,type:e.type,children:[t&&"left"===h&&(0,l.jsx)("div",{className:"absolute left-6",children:t}),r&&(0,l.jsx)("span",{className:o()({"text-base":!i}),children:r}),t&&"left"!==h&&t]})]})}},11845:function(e,t,r){r.d(t,{y:function(){return h}});var l=r(57437),s=r(2265),n=r(96673),a=r(54440),i=r.n(a),o=r(85730),d=r(91146),c=r(58741),u=r(62167),x=r(91894);function h(e){var t,r,a,h;let{label:p,placeholder:f,register:b,setValue:m,onChange:g,onKeyDown:y,value:j,name:v,id:w,type:N,options:k,error:C,containerClassName:L,className:F,inputRef:q,preview:B,setPreview:D,setFile:R,handleUploadClick:M,rows:E,checked:P=!1,disabled:U,nonActive:W,maxCharacters:Z,watchedValue:_,defaultValue:S,readOnly:V}=e,[z,H]=(0,s.useState)(!1),I=W&&U?"opacity-100 cursor-not-allowed !bg-[#f2f2f2] !text-gray-700 pointer-events-none":"",{getRootProps:J,getInputProps:O}=(0,n.uI)({onDrop:e=>{if(e.length>0){let t=e[0],r=URL.createObjectURL(t);D&&D(r),R&&R(t)}},accept:{"image/jpeg":[".jpeg",".jpg"],"image/png":[".png"]}}),K=e=>{m&&m(v,e),H(!1)};return"select"===N?(0,l.jsxs)("div",{className:L,children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsx)("select",{...b?b(v,{required:!0}):{},onChange:g,id:v,className:i()("w-full px-4 mt-1 border focus:outline-off-black border-off-white rounded-xl h-14",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"!bg-[#e9e9e9]":W||V||U,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),disabled:U||V,value:j,children:null==k?void 0:k.map(e=>(0,l.jsx)("option",{value:e.value,children:e.label},e.value))}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"select-v2"===N?(0,l.jsxs)("div",{className:L,children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsxs)(c.E.button,{type:"button",onClick:()=>H(!z),className:i()("w-full px-3 py-5 border text-xl flex justify-center items-center font-semibold rounded-3xl",{"bg-white":!W,"bg-[#e9e9e9]":W},F),animate:{borderBottomLeftRadius:z?"0px":"24px",borderBottomRightRadius:z?"0px":"24px",borderBottomWidth:z?"0px":"1px"},transition:{duration:.2},children:[(null==k?void 0:null===(t=k.find(e=>e.value===j))||void 0===t?void 0:t.label)||f||p,(0,l.jsx)(c.E.span,{className:"absolute right-6",animate:{rotate:z?90:0},transition:{duration:.3},children:(0,l.jsx)(d.F,{})})]}),(0,l.jsx)(u.M,{children:z&&(0,l.jsx)(c.E.div,{initial:{opacity:0,y:-10}

1,animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},className:"absolute top-full w-full bg-white rounded-3xl rounded-t-none shadow-lg z-10 text-right font-semibold overflow-hidden",children:null==k?void 0:k.map(e=>(0,l.jsx)("div",{onClick:()=>K(e.value),className:i()("p-3 text-lg justify-center cursor-pointer border-t-1 flex",j===e.value?"bg-tertiary font-bold text-white":"hover:bg-gray-100"),children:(0,l.jsx)("p",{children:e.label})},e.value))})})]}),b&&(0,l.jsx)("input",{type:"hidden",value:j,...b(v)}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"color"===N?(0,l.jsxs)("div",{className:i()("flex flex-col",L),children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsxs)("div",{className:i()("w-full px-4 mt-1 border border-off-white rounded-xl h-14 flex flex-row items-center gap-2 cursor-default",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),children:[(0,l.jsx)("input",{type:"color",id:v,...b?b(v,{required:!0}):{},onChange:g,className:i()("border-2 border-offwhite rounded-xl p-1 focus:border-off-black",{"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),value:j,disabled:U||V}),(0,l.jsx)("p",{children:j})]}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"textarea"===N?(0,l.jsxs)("div",{className:L,children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsxs)("div",{className:"relative flex items-end",children:[(0,l.jsx)("textarea",{...b?b(v,{required:!0}):{},...g&&{onChange:g},id:v,placeholder:f||p,rows:E||5,className:i()("w-full px-4 pt-3 mt-1 border focus:outline-off-black border-off-white rounded-xl resize-none",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),value:j,disabled:U||V,maxLength:Z}),Z&&(0,l.jsxs)("p",{className:i()("absolute right-2 bottom-1 text-medium-gray flex text-sm",{"bg-[#e9e9e9]":W||V||U,"bg-white":!W&&!U&&!V}),children:[null!==(a=null!==(r=null==_?void 0:_.length)&&void 0!==r?r:null==j?void 0:j.length)&&void 0!==a?a:0,"/",Z]})]}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"file"===N?(0,l.jsxs)("div",{className:L,children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsxs)("div",{className:"flex flex-col md:flex-row w-full gap-2 pt-3 md:h-40 ",children:[B&&(0,l.jsx)("img",{src:B,alt:"".concat(p," Preview"),className:"h-full object-cover rounded"}),(0,l.jsxs)("div",{...J({className:i()("flex items-center pl-2 justify-center h-40 md:h-full gap-4 border-2 border-dashed border-red-400 rounded-xl w-full",{"border-tertiary":!C,"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F)}),children:[(0,l.jsx)("input",{...O(),name:v,type:"file",className:"hidden",ref:q,disabled:U||V}),(0,l.jsx)(o.Z,{className:i()({"stroke-red-400":C})}),(0,l.jsxs)("div",{className:i()("flex flex-col text-red-400 ",{"text-tertiary":!C}),children:[(0,l.jsxs)("p",{children:[!B&&"Drop hier een afbeelding of ",(0,l.jsx)("button",{type:"button",onClick:M,className:"underline",children:B?"Upload":"upload"}),B&&" een ander beeld"]}),(0,l.jsx)("p",{className:"text-xs",children:"Bestandtypes: jpg, png"})]})]})]}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"checkbox"===N?(0,l.jsxs)("div",{className:i()("flex items-center justify-end flex-row-reverse mt-10 gap-3",L),children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsx)("input",{type:N,...b?b(v,{required:!0}):{},...g&&{onChange:g},id:v,defaultChecked:P,className:i()("w-5 h-5 text-tertiary border-tertiary rounded focus:ring-tertiary hover:bg-tertiary checked:bg-tertiary focus:ring-2 ",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),disabled:U||V}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"checkbox-v2"===N?(0,l.jsxs)("div",{className:i()("flex items-center justify-end flex-row-reverse gap-2",L),children:[(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsx)("input",{type:"checkbox",...b?b(v,{required:!0}):{},...g&&{onChange:g},id:v,defaultChecked:P,className:i()("w-5 h-5 text-secondary border-gray-medium rounded focus:ring-secondary focus:ring-2 cursor-pointer",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"bg-[#e9e9e9]":W||V,"bg-transparent":!W&&!U&&!V,"opacity-100":W&&U},I,F),disabled:U||V}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]}):"radio"===N?(0,l.jsxs)("div",{className:i()("relative flex items-center cursor-pointer self-start",L),children:[(0,l.jsx)("input",{type:"radio",id:w||"".concat(v,"-").concat(j),value:j,defaultChecked:P,...b&&b(v),className:i()("peer h-6 w-6 bg-[unset] cursor-pointer appearance-none border checked:border-tertiary focus:outline-tertiary transition-all rounded-full text-tertiary border-tertiary focus:ring-tertiary hover:bg-tertiary checked:bg-tertiary focus:ring-2",{"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I),disabled:U||V}),(0,l.jsx)("label",{htmlFor:"".concat(v,"-").concat(j),className:"ml-3 hover:cursor-pointer",children:p}),(0,l.jsx)("span",{className:"absolute w-6 h-6 bg-tertiary rounded-full opacity-0 peer-checked:opacity-100 transition-opacity duration-200 pointer-events-none flex items-center justify-center",children:(0,l.jsx)(x.J,{})})]}):(0,l.jsxs)("div",{className:L,children:[!!p&&(0,l.jsx)("label",{htmlFor:v,children:p}),(0,l.jsxs)("div",{className:"relative flex items-end",children:[(0,l.jsx)("input",{value:j,type:N,placeholder:f||p,...b?b(v,{required:!0}):{},...g&&{onChange:g},defaultValue:S,id:v,maxLength:Z,onKeyDown:y,className:i()("mt-1 w-full border focus:outline-off-black border-off-white rounded-xl h-14",{"border-secondary placeholder:text-secondary focus:outline-secondary":C,"bg-[#e9e9e9]":W||V,"bg-white":!W&&!U&&!V,"opacity-100":W&&U},I,F),min:new Date().toISOString().split("T")[0],disabled:U||V}),Z&&"number"!==N&&(0,l.jsxs)("p",{className:i()("absolute right-2 bottom-1 text-medium-gray flex text-sm",{"bg-[#e9e9e9]":W||V||U,"bg-white":!W&&!U&&!V}),children:[null!==(h=(null==_?void 0:_.length)?_.length:null==j?void 0:j.length)&&void 0!==h?h:0,"/",Z]})]}),C&&(0,l.jsx)("p",{className:"text-sm text-secondary mt-1",children:C})]})}},91146:function(e,t,r){r.d(t,{F:function(){return s}});var l=r(57437);let s=e=>{let{rotation:t=0}=e;

1return(0,l.jsx)("svg",{width:"8",height:"15",viewBox:"0 0 8 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{rotate:"".concat(t,"deg")},children:(0,l.jsx)("path",{d:"M0.841064 1.62207L6.84106 7.62207L0.841064 13.6221",stroke:"#1D1D1D",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}},91894:function(e,t,r){r.d(t,{J:function(){return s}});var l=r(57437);let s=e=>{let{stroke:t="white",width:r=14,height:s=12}=e;return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:r,height:s,viewBox:"0 0 16 12",fill:"none",children:(0,l.jsx)("path",{d:"M1 7L5 11L15 1",stroke:t,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}},85730:function(e,t,r){var l=r(57437);t.Z=e=>{let{className:t}=e;return(0,l.jsx)("svg",{width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{className:t,d:"M6.34106 38.1221H34.3411C36.5502 38.1221 38.3411 36.3312 38.3411 34.1221V6.12207C38.3411 3.91293 36.5502 2.12207 34.3411 2.12207H6.34106C4.13193 2.12207 2.34106 3.91293 2.34106 6.12207V34.1221C2.34106 36.3312 4.13193 38.1221 6.34106 38.1221ZM6.34106 38.1221L28.3411 16.1221L38.3411 26.1221M16.3411 13.1221C16.3411 14.7789 14.9979 16.1221 13.3411 16.1221C11.6842 16.1221 10.3411 14.7789 10.3411 13.1221C10.3411 11.4652 11.6842 10.1221 13.3411 10.1221C14.9979 10.1221 16.3411 11.4652 16.3411 13.1221Z",stroke:"#40B79B",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})}}}]);