https://kamoo.ai/_next/static/chunks/721.58fe628957cb4877.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="92baa1da-cce4-4d6f-ac3c-7e0d45d089fc",e._sentryDebugIdIdentifier="sentry-dbid-92baa1da-cce4-4d6f-ac3c-7e0d45d089fc")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[721],{39032:function(e,t,a){a.d(t,{Z:function(){return r}});let r=(0,a(1089).Z)("EyeOff",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]])},2656:function(e,t,a){a.d(t,{Z:function(){return r}});let r=(0,a(1089).Z)("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},47378:function(e,t,a){a.d(t,{default:function(){return l.a}});var r=a(42669),l=a.n(r)},42669:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var a in t)Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}(t,{default:function(){return d},getImageProps:function(){return o}});let r=a(11789),l=a(35103),n=a(10968),s=r._(a(78529));function o(e){let{props:t}=(0,l.getImgProps)(e,{defaultLoader:s.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,a]of Object.entries(t))void 0===a&&delete t[e];return{props:t}}let d=n.Image},11909:function(e,t,a){a.d(t,{NI:function(){return v},Wi:function(){return u},l0:function(){return i},lX:function(){return x},pf:function(){return h},xJ:function(){return p},zG:function(){return b}});var r=a(72982),l=a(75316),n=a(84695),s=a(99460),o=a(19792),d=a(67117);let i=s.RV,c=l.createContext({}),u=e=>{let{...t}=e;return(0,r.jsx)(c.Provider,{value:{name:t.name},"data-sentry-element":"unknown","data-sentry-component":"FormField","data-sentry-source-file":"form.tsx",children:(0,r.jsx)(s.Qr,{...t,"data-sentry-element":"Controller","data-sentry-source-file":"form.tsx"})})},f=()=>{let e=l.useContext(c),t=l.useContext(m),{getFieldState:a,formState:r}=(0,s.Gc)(),n=a(e.name,r);if(!e)throw Error("useFormField should be used within <FormField>");let{id:o}=t;return{id:o,name:e.name,formItemId:"".concat(o,"-form-item"),formDescriptionId:"".concat(o,"-form-item-description"),formMessageId:"".concat(o,"-form-item-message"),...n}},m=l.createContext({}),p=l.forwardRef((e,t)=>{let{className:a,...n}=e,s=l.useId();return(0,r.jsx)(m.Provider,{value:{id:s},children:(0,r.jsx)("div",{ref:t,className:(0,o.cn)("space-y-1",a),...n})})});p.displayName="FormItem";let x=l.forwardRef((e,t)=>{let{className:a,...l}=e,{error:n,formItemId:s}=f();return(0,r.jsx)(d._,{ref:t,className:(0,o.cn)(n&&"text-destructive",a),htmlFor:s,...l})});x.displayName="FormLabel";let v=l.forwardRef((e,t)=>{let{...a}=e,{error:l,formItemId:s,formDescriptionId:o,formMessageId:d}=f();return(0,r.jsx)(n.g7,{ref:t,id:s,"aria-describedby":l?"".concat(o," ").concat(d):"".concat(o),"aria-invalid":!!l,...a})});v.displayName="FormControl";let h=l.forwardRef((e,t)=>{let{className:a,...l}=e,{formDescriptionId:n}=f();return(0,r.jsx)("p",{ref:t,id:n,className:(0,o.cn)("text-xs text-violetgrey",a),...l})});h.displayName="FormDescription";let b=l.forwardRef((e,t)=>{let{className:a,children:l,...n}=e,{error:s,formMessageId:d}=f(),i=s?String(null==s?void 0:s.message):l;return i?(0,r.jsx)("p",{ref:t,id:d,className:(0,o.cn)("text-xs text-red",a),...n,children:i}):null});b.displayName="FormMessage"},52909:function(e,t,a){a.d(t,{II:function(){return d},WU:function(){return c},ox:function(){return i}});var r=a(72982),l=a(75316),n=a(19792),s=a(2656),o=a(39032);let d=l.forwardRef((e,t)=>{let{className:a,type:l,hasError:s,...o}=e;return(0,r.jsx)("input",{type:l,className:(0,n.cn)("flex h-10 w-full rounded-md border-2 px-3 py-2 text-sm text-dark outline-none",s?"border-red":"border-linetable focus:border-violetblue","file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-violetgrey disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...o}

1)});d.displayName="Input";let i=l.forwardRef((e,t)=>{let{className:a,hasError:l,...s}=e;return(0,r.jsx)("textarea",{className:(0,n.cn)("flex h-full max-h-[6rem] w-full resize-none rounded-md px-3 py-2 text-sm text-dark outline-none",l?"border-red":"focus:border-violetblue","placeholder:text-violetgrey disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...s})});i.displayName="InputArea";let c=l.forwardRef((e,t)=>{let{className:a,...i}=e,[c,u]=(0,l.useState)(!1),f=""===i.value||void 0===i.value||i.disabled;return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(d,{type:c?"text":"password",className:(0,n.cn)("hide-password-toggle pr-10",a),ref:t,...i}),(0,r.jsxs)("button",{type:"button",className:"absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",onClick:()=>u(e=>!e),disabled:f,children:[c&&!f?(0,r.jsx)(s.Z,{className:"h-4 w-4","aria-hidden":"true"}):(0,r.jsx)(o.Z,{className:"h-4 w-4","aria-hidden":"true"}),(0,r.jsx)("span",{className:"sr-only",children:c?"Hide password":"Show password"})]}),(0,r.jsx)("style",{children:"\n          .hide-password-toggle::-ms-reveal,\n          .hide-password-toggle::-ms-clear {\n            visibility: hidden;\n            pointer-events: none;\n            display: none;\n          }\n        "})]})});c.displayName="PasswordInput"},67117:function(e,t,a){a.d(t,{_:function(){return i}});var r=a(72982),l=a(75316),n=a(63097),s=a(77079),o=a(19792);let d=(0,s.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-darkviolet"),i=l.forwardRef((e,t)=>{let{className:a,...l}=e;return(0,r.jsx)(n.f,{ref:t,className:(0,o.cn)(d(),a),...l})});i.displayName=n.f.displayName},59568:function(e,t,a){a.d(t,{g:function(){return s}});var r=a(72982),l=a(75316),n=a(19792);let s=l.forwardRef((e,t)=>{let{className:a,hasError:l,...s}=e;return(0,r.jsx)("textarea",{className:(0,n.cn)("flex min-h-[80px] w-full rounded-md border-2 bg-white px-3 py-2 text-sm font-normal text-dark outline-none",l?"border-red":"border-linetable focus:border-violetblue","placeholder:text-violetgrey disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...s})});s.displayName="Textarea"},70721:function(e,t,a){a.r(t);var r=a(72982),l=a(75316),n=a(90564),s=a(11909),o=a(52909),d=a(59568),i=a(47378),c=a(57676);n.z.object({upload_name:n.z.string().min(3,"Uploadnaam moet minimaal 3 tekens bevatten").max(30,"Uploadnaam mag maximaal 30 tekens bevatten"),upload_description:n.z.string().min(20,"Uploadbeschrijving moet minimaal 20 tekens bevatten").max(240,"Uploadbeschrijving mag maximaal 240 tekens bevatten"),file:n.z.instanceof(File).optional()}),t.default=e=>{let{onFileUpload:t,form:a,isLoading:n,isFormSubmitted:u}=e,[f,m]=(0,l.useState)(!1),[p,x]=(0,l.useState)("idle"),[v,h]=(0,l.useState)(!1);(0,l.useEffect)(()=>{h("undefined"!=typeof File),"undefined"!=typeof File&&a.register("file",{validate:e=>e instanceof File||"Een bestand uploaden is verplicht"})},[a]);let b=e=>{t(e,"csv"),a.setValue("file",e),x("success")},y=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),m(!0)},[]),g=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),m(!1)},[]),j=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation()},[]),w=(0,l.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),m(!1);let t=e.dataTransfer.files[0];t&&t.name.endsWith(".csv")&&b(t)},[]);return(0,r.jsxs)("div",{className:"flex h-full flex-col gap-8","data-sentry-component":"FileUpload","data-sentry-source-file":"FileUpload.tsx",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,r.jsx)("h1",{className:"text-2xl font-semibold text-dark",children:"Nieuwe producten toevoegen"}),(0,r.jsx)("p",{className:"text-base text-darkgrey",children:"Upload CSV bestand om nieuwe producten toe te voegen"})]}),(0,r.jsxs)("div",{className:"flex h-full w-full flex-row gap-10",children:[(0,r.jsx)("div",{className:"w-2/5",children:(0,r.jsx)(s.l0,{...a,"data-sentry-element":"Form","data-sentry-source-file":"FileUpload.tsx",children:(0,r.jsxs)("form",{className:"space-y-4",children:[(0,r.jsx)(s.Wi,{control:a.control,name:"upload_name",render:e=>{let{field:t}=e;return(0,r.jsxs)(s.xJ,{children:[(0,r.jsx)(s.lX,{className:"text-sm text-darkviolet",children:"Uploadnaam"}),(0,r.jsx)(s.NI,{children:(0,r.jsx)(o.II,{placeholder:"Geef deze upload een naam..",className:"resize-none hover:border-violetblue",disabled:n||u,...t})}),(0,r.jsx)(s.zG,{})]})},"data-sentry-element":"FormField","data-sentry-source-file":"FileUpload.tsx"}),(0,r.jsx)(s.Wi,{control:a.control,name:"upload_description",render:e=>{let{field:t}=e;return(0,r.jsxs)(s.xJ,{children:[(0,r.jsx)(s.lX,{className:"text-sm text-darkviolet",children:"Korte omschrijving"}),(0,r.jsx)(s.NI,{children:(0,r.jsx)(d.g,{placeholder:"Geef deze upload een korte omschrijving..",className:"resize-none hover:border-violetblue",disabled:n||u,...t})}),(0,r.jsx)(s.zG,{})]})},"data-sentry-element":"FormField","data-sentry-source-file":"FileUpload.tsx"})]})})}),(0,r.jsx)(c.Separator,{orientation:"vertical","data-sentry-element":"Separator","data-sentry-source-file":"FileUpload.tsx"}),(0,r.jsx)("div",{className:"w-3/5",children:v&&(0,r.jsxs)("div",{className:"flex h-56 w-full flex-col items-center justify-center gap-4 roun

1ded-lg border-2 border-dashed hover:border-violetblue ".concat(f?"border-darkviolet bg-violetblue/10":"border-lightviolet"," cursor-pointer py-8"),onDragEnter:y,onDragLeave:g,onDragOver:j,onDrop:w,onClick:()=>{let e=document.getElementById("fileInput");e&&e.click()},children:["idle"===p?(0,r.jsx)(i.default,{src:"/upload_file.svg",width:60,height:60,alt:"Upload file svg"}):(0,r.jsx)(i.default,{src:"/upload_succes.svg",width:60,height:60,alt:"Upload success svg"}),(0,r.jsx)("p",{className:"text-center text-sm text-darkgrey",children:"idle"===p?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"font-medium text-violetblue",children:"Klik om te uploaden"})," ","of sleep een bestand hierheen."]}):(0,r.jsx)("span",{className:"font-medium",children:"Upload succesvol!"})}),(0,r.jsx)("input",{id:"fileInput",type:"file",accept:".csv",onChange:e=>{var t;let a=null===(t=e.target.files)||void 0===t?void 0:t[0];a&&b(a)},className:"hidden"})]})})]})]})}},63097:function(e,t,a){a.d(t,{f:function(){return o}});var r=a(75316),l=a(2012),n=a(72982),s=r.forwardRef((e,t)=>(0,n.jsx)(l.WV.label,{...e,ref:t,onMouseDown:t=>{var a;t.target.closest("button, input, select, textarea")||(null===(a=e.onMouseDown)||void 0===a||a.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));s.displayName="Label";var o=s}}]);