https://kamoo.ai/_next/static/chunks/9779.baadb6864f40da57.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]="9b064592-ce43-4f6a-a9be-f0183e7bb272",e._sentryDebugIdIdentifier="sentry-dbid-9b064592-ce43-4f6a-a9be-f0183e7bb272")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9779],{11909:function(e,t,r){r.d(t,{NI:function(){return h},Wi:function(){return f},l0:function(){return o},lX:function(){return x},pf:function(){return y},xJ:function(){return p},zG:function(){return b}});var a=r(72982),n=r(75316),s=r(84695),l=r(99460),i=r(19792),d=r(67117);let o=l.RV,c=n.createContext({}),f=e=>{let{...t}=e;return(0,a.jsx)(c.Provider,{value:{name:t.name},"data-sentry-element":"unknown","data-sentry-component":"FormField","data-sentry-source-file":"form.tsx",children:(0,a.jsx)(l.Qr,{...t,"data-sentry-element":"Controller","data-sentry-source-file":"form.tsx"})})},u=()=>{let e=n.useContext(c),t=n.useContext(m),{getFieldState:r,formState:a}=(0,l.Gc)(),s=r(e.name,a);if(!e)throw Error("useFormField should be used within <FormField>");let{id:i}=t;return{id:i,name:e.name,formItemId:"".concat(i,"-form-item"),formDescriptionId:"".concat(i,"-form-item-description"),formMessageId:"".concat(i,"-form-item-message"),...s}},m=n.createContext({}),p=n.forwardRef((e,t)=>{let{className:r,...s}=e,l=n.useId();return(0,a.jsx)(m.Provider,{value:{id:l},children:(0,a.jsx)("div",{ref:t,className:(0,i.cn)("space-y-1",r),...s})})});p.displayName="FormItem";let x=n.forwardRef((e,t)=>{let{className:r,...n}=e,{error:s,formItemId:l}=u();return(0,a.jsx)(d._,{ref:t,className:(0,i.cn)(s&&"text-destructive",r),htmlFor:l,...n})});x.displayName="FormLabel";let h=n.forwardRef((e,t)=>{let{...r}=e,{error:n,formItemId:l,formDescriptionId:i,formMessageId:d}=u();return(0,a.jsx)(s.g7,{ref:t,id:l,"aria-describedby":n?"".concat(i," ").concat(d):"".concat(i),"aria-invalid":!!n,...r})});h.displayName="FormControl";let y=n.forwardRef((e,t)=>{let{className:r,...n}=e,{formDescriptionId:s}=u();return(0,a.jsx)("p",{ref:t,id:s,className:(0,i.cn)("text-xs text-violetgrey",r),...n})});y.displayName="FormDescription";let b=n.forwardRef((e,t)=>{let{className:r,children:n,...s}=e,{error:l,formMessageId:d}=u(),o=l?String(null==l?void 0:l.message):n;return o?(0,a.jsx)("p",{ref:t,id:d,className:(0,i.cn)("text-xs text-red",r),...s,children:o}):null});b.displayName="FormMessage"},67117:function(e,t,r){r.d(t,{_:function(){return o}});var a=r(72982),n=r(75316),s=r(63097),l=r(77079),i=r(19792);let d=(0,l.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-darkviolet"),o=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.f,{ref:t,className:(0,i.cn)(d(),r),...n})});o.displayName=s.f.displayName},67436:function(e,t,r){r.d(t,{Bw:function(){return p},DI:function(){return f},Ph:function(){return c},Ql:function(){return h},i4:function(){return m},ki:function(){return u},n5:function(){return x}});var a=r(72982),n=r(75316),s=r(2420),l=r(81094),i=r(50730),d=r(4826),o=r(19792);let c=s.fC,f=s.ZA,u=s.B4,m=n.forwardRef((e,t)=>{let{className:r,children:n,...i}=e;return(0,a.jsxs)(s.xz,{ref:t,className:(0,o.cn)("flex h-10 w-full items-center justify-between rounded-md border border-linetable px-3 py-2 text-sm text-violetgrey placeholder:text-violetgrey disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...i,children:[n,(0,a.jsx)(s.JO,{asChild:!0,children:(0,a.jsx)(l.Z,{className:"h-4 w-4 opacity-50"})})]})});m.displayName=s.xz.displayName,n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.u_,{ref:t,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",r),...n,children:(0,a.jsx)(i.Z,{className:"h-4 w-4"})})}).displayName=s.u_.displayName,n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.$G,{ref:t,className:(0,o.cn)("flex cursor-default items-center justify-center py-1",r),...n,children:(0,a.jsx)(l.Z,{className:"h-4 w-4"})})}).displayName=s.$G.displayName;let p=n.forwardRef((e,t)=>

1{let{className:r,children:n,position:l="popper",...i}=e;return(0,a.jsx)(s.h_,{children:(0,a.jsx)(s.VY,{ref:t,className:(0,o.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-lg bg-white text-sm text-dark shadow-custom data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:l,...i,children:(0,a.jsx)(s.l_,{className:(0,o.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:n})})})});p.displayName=s.VY.displayName;let x=n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.__,{ref:t,className:(0,o.cn)("py-1.5 pl-4 pr-2 text-sm font-semibold text-darkviolet",r),...n})});x.displayName=s.__.displayName;let h=n.forwardRef((e,t)=>{let{className:r,children:n,...l}=e;return(0,a.jsxs)(s.ck,{ref:t,className:(0,o.cn)("relative flex min-h-8 w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&:hover]:bg-lightviolet",r),...l,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(s.wU,{children:(0,a.jsx)(d.Z,{className:"h-4 w-4"})})}),(0,a.jsx)(s.eT,{children:n})]})});h.displayName=s.ck.displayName,n.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(s.Z0,{ref:t,className:(0,o.cn)("-mx-1 my-1 h-px bg-lightviolet",r),...n})}).displayName=s.Z0.displayName},69779:function(e,t,r){r.r(t);var a=r(72982),n=r(75316),s=r(11909),l=r(67436),i=r(99460),d=r(56176),o=r(90564);let c=["Product titel","EAN nummer","Product categorie","Merk"],f=o.z.object(Object.fromEntries(c.map(e=>[e,o.z.string().min(1,"".concat(e," is verplicht"))])));t.default=e=>{let{headers:t,onMappingComplete:r,previewData:o,onMappingStart:u}=e,[m,p]=(0,n.useState)({}),x=(0,i.cI)({resolver:(0,d.F)(f),defaultValues:Object.fromEntries(c.map(e=>[e,""]))}),h=(0,n.useCallback)((e,a)=>{p(n=>{let s={...n,[e]:a};return t.forEach(e=>{c.includes(e)||e in s||(s[e]=e)}),r(s),s})},[r,t]);return(0,n.useEffect)(()=>{u()},[u]),(0,a.jsx)(s.l0,{...x,"data-sentry-element":"Form","data-sentry-component":"FieldMapping","data-sentry-source-file":"FieldMapping.tsx",children:(0,a.jsx)("form",{className:"space-y-4",children:c.map(e=>(0,a.jsx)(i.Qr,{name:e,control:x.control,render:r=>{let{field:{onChange:n,value:i}}=r;return(0,a.jsxs)(s.xJ,{children:[(0,a.jsx)(s.lX,{children:e}),(0,a.jsx)(s.NI,{children:(0,a.jsxs)(l.Ph,{onValueChange:t=>{n(t),h(e,t)},value:i||"",children:[(0,a.jsx)(l.i4,{children:(0,a.jsx)(l.ki,{placeholder:"Selecteer veld"})}),(0,a.jsx)(l.Bw,{children:t.map(e=>(0,a.jsx)(l.Ql,{value:e,children:e},e))})]})}),(0,a.jsx)(s.zG,{})]})}},e))})})}},63097:function(e,t,r){r.d(t,{f:function(){return i}});var a=r(75316),n=r(2012),s=r(72982),l=a.forwardRef((e,t)=>(0,s.jsx)(n.WV.label,{...e,ref:t,onMouseDown:t=>{var r;t.target.closest("button, input, select, textarea")||(null===(r=e.onMouseDown)||void 0===r||r.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));l.displayName="Label";var i=l}}]);