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]="7f8ab9f2-7ef8-4348-902c-be0b7f7d1d52",e._sentryDebugIdIdentifier="sentry-dbid-7f8ab9f2-7ef8-4348-902c-be0b7f7d1d52")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5668],{86561:function(e,t,a){Promise.resolve().then(a.bind(a,82567))},95779:function(e,t,a){"use strict";a.d(t,{Am:function(){return u},pm:function(){return m}});var r=a(75316);let s=0,l=new Map,n=e=>{if(l.has(e))return;let t=setTimeout(()=>{l.delete(e),c({type:"REMOVE_TOAST",toastId:e})},1e6);l.set(e,t)},i=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,1)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case"DISMISS_TOAST":{let{toastId:a}=t;return a?n(a):e.toasts.forEach(e=>{n(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===a||void 0===a?{...e,open:!1}:e)}}case"REMOVE_TOAST":if(void 0===t.toastId)return{...e,toasts:[]};return{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},o=[],d={toasts:[]};function c(e){d=i(d,e),o.forEach(e=>{e(d)})}function u(e){let{...t}=e,a=(s=(s+1)%Number.MAX_SAFE_INTEGER).toString(),r=()=>c({type:"DISMISS_TOAST",toastId:a});return c({type:"ADD_TOAST",toast:{...t,id:a,open:!0,onOpenChange:e=>{e||r()}}}),{id:a,dismiss:r,update:e=>c({type:"UPDATE_TOAST",toast:{...e,id:a}})}}function m(){let[e,t]=r.useState(d);return r.useEffect(()=>(o.push(t),()=>{let e=o.indexOf(t);e>-1&&o.splice(e,1)}),[e]),{...e,toast:u,dismiss:e=>c({type:"DISMISS_TOAST",toastId:e})}}},20568:function(e,t,a){"use strict";var r=a(72982);a(75316),t.Z=function(e){let{className:t}=e;return(0,r.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,"data-sentry-element":"svg","data-sentry-component":"IconAiChat","data-sentry-source-file":"ai-chat.tsx",children:[(0,r.jsx)("path",{d:"M18.6357 15.6701L20.3521 10.5208C21.8516 6.02242 22.6013 3.77322 21.414 2.58595C20.2268 1.39869 17.9776 2.14842 13.4792 3.64788L8.32987 5.36432C4.69923 6.57453 2.88392 7.17964 2.36806 8.06698C1.87731 8.91112 1.87731 9.95369 2.36806 10.7978C2.88392 11.6852 4.69923 12.2903 8.32987 13.5005C8.91282 13.6948 9.2043 13.792 9.44793 13.9551C9.68404 14.1131 9.88687 14.316 10.0449 14.5521C10.208 14.7957 10.3052 15.0872 10.4995 15.6701C11.7097 19.3008 12.3148 21.1161 13.2022 21.6319C14.0463 22.1227 15.0889 22.1227 15.933 21.6319C16.8204 21.1161 17.4255 19.3008 18.6357 15.6701Z",stroke:"currentColor",strokeWidth:"1.5","data-sentry-element":"path","data-sentry-source-file":"ai-chat.tsx"}),(0,r.jsx)("path",{d:"M17.7895 6.2107L13.5789 10.3748",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round","data-sentry-element":"path","data-sentry-source-file":"ai-chat.tsx"})]})}},29140:function(e,t,a){"use strict";a.d(t,{z:function(){return x}});var r=a(72982),s=a(75316),l=a(84695),n=a(77079),i=a(65390);let o=e=>{let{isLoading:t}=e;return t?(0,r.jsx)(i.Z,{className:"h-5 w-5 animate-spin"}):null};var d=a(81198),c=a(1459),u=a(19792);let m=(0,n.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:bg-violetgrey disabled:text-white disabled:border-none",{variants:{variant:{primary:"bg-violetblue text-white hover:bg-darkviolet",default:"text-violetblue hover:text-darkviolet",destructive:"bg-redbackground text-red hover:bg-red hover:text-white",outline:"border border-linetable bg-white hover:border-violetblue hover:bg-lightlightviolet",secondary:"bg-white text-violetblue hover:bg-violetblue hover:text-white border border-violetblue",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-violetblue underline-offset-4 hover:underline",plusPrimary:"bg-violetblue text-white hover:bg-darkviolet group",plusSecondary:"bg-white text-violetblue hover:bg-violetblue hover:text-white border border-violetblue group",arrowPrimary:"bg-violetblue text-white hover:bg-darkviolet group",arrowSecondary:"bg-white text-violetblue hover:bg-violetblue hover:text-white border border-violetblue group"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),x=s.forwardRef((e,t)=>
1{let{className:a,variant:s,size:n,asChild:i=!1,isLoading:x,children:f,...p}=e,h=i?l.g7:"button";return(0,r.jsx)(h,{className:(0,u.cn)(m({variant:s,size:n,className:a})),ref:t,...p,children:x?(0,r.jsxs)("div",{className:"flex flex-row gap-2",children:[(0,r.jsx)(o,{isLoading:x})," ",f]}):(0,r.jsxs)(r.Fragment,{children:[f,("arrowPrimary"===s||"arrowSecondary"===s)&&(0,r.jsx)(d.Z,{className:"ml-2 h-4 w-4 transition-transform duration-200 group-hover:translate-x-1","aria-hidden":"true"}),("plusPrimary"===s||"plusSecondary"===s)&&(0,r.jsx)(c.Z,{className:"ml-2 h-5 w-5 transition-transform duration-200 group-hover:scale-110","aria-hidden":"true"})]})})});x.displayName="Button"},52909:function(e,t,a){"use strict";a.d(t,{II:function(){return o},WU:function(){return c},ox:function(){return d}});var r=a(72982),s=a(75316),l=a(19792),n=a(2656),i=a(39032);let o=s.forwardRef((e,t)=>{let{className:a,type:s,hasError:n,...i}=e;return(0,r.jsx)("input",{type:s,className:(0,l.cn)("flex h-10 w-full rounded-md border-2 px-3 py-2 text-sm text-dark outline-none",n?"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,...i})});o.displayName="Input";let d=s.forwardRef((e,t)=>{let{className:a,hasError:s,...n}=e;return(0,r.jsx)("textarea",{className:(0,l.cn)("flex h-full max-h-[6rem] w-full resize-none rounded-md px-3 py-2 text-sm text-dark outline-none",s?"border-red":"focus:border-violetblue","placeholder:text-violetgrey disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...n})});d.displayName="InputArea";let c=s.forwardRef((e,t)=>{let{className:a,...d}=e,[c,u]=(0,s.useState)(!1),m=""===d.value||void 0===d.value||d.disabled;return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)(o,{type:c?"text":"password",className:(0,l.cn)("hide-password-toggle pr-10",a),ref:t,...d}),(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:m,children:[c&&!m?(0,r.jsx)(n.Z,{className:"h-4 w-4","aria-hidden":"true"}):(0,r.jsx)(i.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){"use strict";a.d(t,{_:function(){return d}});var r=a(72982),s=a(75316),l=a(63097),n=a(77079),i=a(19792);let o=(0,n.j)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-darkviolet"),d=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.f,{ref:t,className:(0,i.cn)(o(),a),...s})});d.displayName=l.f.displayName},67436:function(e,t,a){"use strict";a.d(t,{Bw:function(){return f},DI:function(){return u},Ph:function(){return c},Ql:function(){return h},i4:function(){return x},ki:function(){return m},n5:function(){return p}});var r=a(72982),s=a(75316),l=a(2420),n=a(81094),i=a(50730),o=a(4826),d=a(19792);let c=l.fC,u=l.ZA,m=l.B4,x=s.forwardRef((e,t)=>{let{className:a,children:s,...i}=e;return(0,r.jsxs)(l.xz,{ref:t,className:(0,d.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",a),...i,children:[s,(0,r.jsx)(l.JO,{asChild:!0,children:(0,r.jsx)(n.Z,{className:"h-4 w-4 opacity-50"})})]})});x.displayName=l.xz.displayName,s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.u_,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",a),...s,children:(0,r.jsx)(i.Z,{className:"h-4 w-4"})})}).displayName=l.u_.displayName,s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.$G,{ref:t,className:(0,d.cn)("flex cursor-default items-center justify-center py-1",a),...s,children:(0,r.jsx)(n.Z,{className:"h-4 w-4"})})}).displayName=l.$G.displayName;let f=s.forwardRef((e,t)=>
1{let{className:a,children:s,position:n="popper",...i}=e;return(0,r.jsx)(l.h_,{children:(0,r.jsx)(l.VY,{ref:t,className:(0,d.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"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n,...i,children:(0,r.jsx)(l.l_,{className:(0,d.cn)("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:s})})})});f.displayName=l.VY.displayName;let p=s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.__,{ref:t,className:(0,d.cn)("py-1.5 pl-4 pr-2 text-sm font-semibold text-darkviolet",a),...s})});p.displayName=l.__.displayName;let h=s.forwardRef((e,t)=>{let{className:a,children:s,...n}=e;return(0,r.jsxs)(l.ck,{ref:t,className:(0,d.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",a),...n,children:[(0,r.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,r.jsx)(l.wU,{children:(0,r.jsx)(o.Z,{className:"h-4 w-4"})})}),(0,r.jsx)(l.eT,{children:s})]})});h.displayName=l.ck.displayName,s.forwardRef((e,t)=>{let{className:a,...s}=e;return(0,r.jsx)(l.Z0,{ref:t,className:(0,d.cn)("-mx-1 my-1 h-px bg-lightviolet",a),...s})}).displayName=l.Z0.displayName},57676:function(e,t,a){"use strict";a.d(t,{Separator:function(){return i}});var r=a(72982),s=a(75316),l=a(60106),n=a(19792);let i=s.forwardRef((e,t)=>{let{className:a,orientation:s="horizontal",decorative:i=!0,variant:o="primary",...d}=e;return(0,r.jsx)(l.f,{ref:t,decorative:i,orientation:s,className:(0,n.cn)("shrink-0","bg-linetable","horizontal"===s?"h-[2px] w-full":"h-full w-[2px]",a),...d})});i.displayName=l.f.displayName},82567:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return H}});var r=a(72982),s=a(75316),l=a(87206),n=a(91282),i=a(87310),o=a(29140),d=a(88639),c=a(29037),u=a(52909),m=a(67117),x=a(57676),f=a(95779),p=a(47378),h=a(73978),g=e=>{let{onStepChange:t}=e,{toast:a}=(0,f.pm)(),[l,n]=(0,s.useState)(!1),[i,g]=(0,s.useState)("");(0,s.useRef)(null);let b=async e=>{e.preventDefault();try{n(!0);let a=new FormData(e.currentTarget),r=await (0,c.y1)(a);r.success?(console.log("User signed up and Stripe customer created:",r),t(1)):console.error("Sign up error:",r.error)}catch(e){console.error("Unexpected error:",e)}finally{n(!1)}},v=async e=>{let t=(0,d.e)(),r="kamoo.ai"===window.location.hostname,s="staging.kamoo.ai"===window.location.hostname,l=r?"https://kamoo.ai":s?"https://staging.kamoo.ai":window.location.origin;try{n(!0),await t.auth.signInWithOAuth({provider:e,options:{redirectTo:"".concat(l,"/auth/callback?next=/dashboard/sign-up?step=1")}})}catch(t){console.error("".concat(e," sign in error:"),t),a({variant:"destructive",title:"Inloggen mislukt",description:"Er is een fout opgetreden bij het inloggen met OAuth."})}finally{n(!1)}};return(0,r.jsxs)("div",{className:"flex flex-col gap-6","data-sentry-component":"Step0","data-sentry-source-file":"step0.tsx",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col items-center gap-1 text-center",children:[(0,r.jsx)("h1",{className:"text-3xl font-semibold text-darkviolet",children:"Nieuw account aanmaken"}),(0,r.jsx)("p",{className:"text-sm text-darkgrey",children:"Maak een account aan en ontvang 25 Kamoo's om te starten."})]}),(0,r.jsx)("form",{noValidate:!0,className:"mb-4",onSubmit:b,children:(0,r.jsxs)("div",{className:"grid gap-2",children:[(0,r.jsxs)("div",{className:"mb-4 grid gap-5",children:[(0,r.jsxs)("div",{className:"flex w-full flex-row gap-2",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col gap-1",children:[(0,r.jsx)(m._,{"data-sentry-element":"Label","data-sentry-source-file":"step0.tsx",children:"Voornaam"}),(0,r.jsx)(u.II,{id:"first-name",placeholder:"John",type:"text",name:"firstname",autoCapitalize:"none",autoComplete:"given-name",autoCorrect:"off","data-sentry-element":"Input","data-sentry-source-file":"step0.tsx"})]}),(0,r.jsxs)("div",{className:"flex w-full flex-col gap-1",children:[(0,r.jsx)(m._,{"data-sentry-element":"Label","data-sentry-source-file":"step0.tsx",children:"Achternaam"}),(0,r.jsx)(u.II,{id:"lastname",placeholder:"Doe",type:"text",name:"lastname",autoCapitalize:"none",autoComplete:"family-name",autoCorrect:"off","data-sentry-element":"Input","data-sentry-source-file":"step0.tsx"})]})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,r.jsx)(m._,{htmlFor:"email","data-sentry-element":"Label","data-sentry-source-file":"step0.tsx",children:"E-mail"}),(0,r.jsx)(u.II,{id:"email",placeholder:"[email protected]",type:"email",name:"email",autoCapitalize:"none",autoComplete:"email",autoCorrect:"off","data-sentry-element":"Input","data-sentry-source-file":"step0.tsx"})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,r.jsx)(m._,{htmlFor:"password","data-sentry-element":"Label","data-sentry-source-file":"step0.tsx",children:"Wachtwoord"}),(0,r.jsx)(u.WU,{id:"password",placeholder:"Wachtwoord..",name:"password",autoComplete:"new-password",value:i,onChange:e=>g(e.target.value),"data-sentry-element":"PasswordInput","data-sentry-source-file":"step0.tsx"}),(0,r.jsx)("p",{className:"mt-1 text-xs text-violetgrey",children:"Wachtwoord moet minimaal 8 tekens bevatten, waarvan ten minste 1 hoofdletter, 1 kleine letter, 1 cijfer en 1 speciaal teken."})]})]}),(0,r.jsx)(o.z,{variant:"primary",type:"submit",className:"mt-1",disabled:l,"data-sentry-element":"Button","data-sentry-source-file":"step0.tsx",children:l?"Bezig...":"Doorgaan"})]})}),(0,r.jsxs)("div",{className:"flex flex-row items-center gap-4",children:[(0,r.jsx)(x.Separator,{className:"flex-1","data-sentry-element":"Separator","data-sentry-source-file":"step0.tsx"}),(0,r.jsx)("p",{className:"text-xs text-violetgrey",children:"Of"}),(0,r.jsx)(x.Separator,{className:"flex-1","data-sentry-element":"Separator","data-sentry-source-file":"step0.tsx"})]}),(0,r.jsx)("div",{className:"flex flex-row gap-4",children:(0,r.jsxs)(o.z,{variant:"outline",className:"flex-grow gap-3 border border-linetable",type:"button",onClick:()=>v("google"),"data-sentry-element":"Button","data-sentry-source-file":"step0.tsx",children:[(0,r.jsx)(p.default,{src:h.Z,alt:"Google logo",width:24,height:24,"data-sentry-element":"Image","data-sentry-source-file":"step0.tsx"}),(0,r.jsx)("p",{className:"text-vioetgrey text-sm font-medium",children:"Account aanmaken met Google"})]})})]})},b=a(67436);let v=[{value:"content-marketing",label:"Content Marketing"},{value:"social-media-marketing",label:"Social Media Marketing"},{value:"seo",label:"SEO Specialist"},{value:"sem",label:"SEM/PPC Specialist"},{value:"email-marketing",label:"Email Marketing"},{value:"brand-management",label:"Brand Management"},{value:"marketing-analytics",label:"Marketing Analytics"},{value:"product-marketing",label:"Product Marketing"},{value:"pr",label:"Public Relations"},{value:"growth-marketing",label:"Growth Marketing"},{value:"conversion-optimization",label:"Conversion Rate Optimization"},{value:"influencer-marketing",label:"Influencer Marketing"},{value:"affiliate-marketing",label:"Affiliate Marketing"},{value:"event-marketing",label:"Event Marketing"},{value:"copywriting",label:"Copywriting"},{value:"marketing-strategy",label:"Marketing Strategy"}],y=[{value:"freelancer",label:"Freelancer"}
1,{value:"startup",label:"Startup (1-10 medewerkers)"},{value:"small-agency",label:"Kleine agency (11-50 medewerkers)"},{value:"medium-agency",label:"Middelgrote agency (51-200 medewerkers)"},{value:"large-agency",label:"Grote agency (201-500 medewerkers)"},{value:"enterprise",label:"Onderneming (501-1000 medewerkers)"},{value:"corporation",label:"Grote corporatie (1000+ medewerkers)"}],j=[{value:"marketeer",label:"Marketeer"},{value:"senior-marketeer",label:"Senior Marketeer"},{value:"marketing-manager",label:"Marketing Manager"},{value:"content-manager",label:"Content Manager"},{value:"social-media-manager",label:"Social Media Manager"},{value:"seo-manager",label:"SEO Manager"},{value:"brand-manager",label:"Brand Manager"},{value:"product-marketing-manager",label:"Product Marketing Manager"},{value:"growth-manager",label:"Growth Manager"},{value:"marketing-director",label:"Marketing Director"},{value:"cmo",label:"Chief Marketing Officer (CMO)"},{value:"marketing-consultant",label:"Marketing Consultant"},{value:"agency-owner",label:"Agency Owner"},{value:"marketing-strategist",label:"Marketing Strategist"},{value:"marketing-analyst",label:"Marketing Analyst"}];var w=e=>{let{onStepChange:t}=e,[a,l]=(0,s.useState)(""),[n,i]=(0,s.useState)(""),[d,c]=(0,s.useState)(""),u=(e,t,a,s,l)=>(0,r.jsxs)("div",{className:"space-y-2","data-sentry-component":"renderSelectField","data-sentry-source-file":"step1.tsx",children:[(0,r.jsx)("label",{className:"text-darkviolet",children:a}),(0,r.jsxs)(b.Ph,{onValueChange:t,value:e,"data-sentry-element":"Select","data-sentry-source-file":"step1.tsx",children:[(0,r.jsx)(b.i4,{className:"text-violetgrey","data-sentry-element":"SelectTrigger","data-sentry-source-file":"step1.tsx",children:(0,r.jsx)(b.ki,{placeholder:l,"data-sentry-element":"SelectValue","data-sentry-source-file":"step1.tsx"})}),(0,r.jsx)(b.Bw,{"data-sentry-element":"SelectContent","data-sentry-source-file":"step1.tsx",children:s.map(e=>(0,r.jsx)(b.Ql,{value:e.value,className:"cursor-pointer [&:hover]:bg-lightviolet",children:(0,r.jsx)("p",{className:"text-sm",children:e.label})},e.value))})]})]});return(0,r.jsxs)("div",{className:"flex w-full flex-col gap-6","data-sentry-component":"Step1","data-sentry-source-file":"step1.tsx",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col items-center gap-1 text-center",children:[(0,r.jsx)("h1",{className:"text-3xl font-semibold text-darkviolet",children:"Account inrichten"}),(0,r.jsx)("p",{className:"text-base",children:"Beantwoord een paar korte vragen om je account in te stellen."})]}),(0,r.jsxs)("div",{className:"space-y-6",children:[u(a,l,"Wat voor werk doe je?",v,"Selecteer het type werk"),u(n,i,"Hoe groot is je bedrijf?",y,"Selecteer de bedrijfsgrootte"),u(d,c,"Wat is jouw functie?",j,"Selecteer jouw functie"),(0,r.jsxs)("div",{className:"flex justify-end gap-4",children:[(0,r.jsx)(o.z,{variant:"default",onClick:()=>t(2),"data-sentry-element":"Button","data-sentry-source-file":"step1.tsx",children:"Overslaan"}),(0,r.jsx)(o.z,{variant:"arrowPrimary",onClick:()=>{a&&n&&d&&t(2)},disabled:!a||!n||!d,"data-sentry-element":"Button","data-sentry-source-file":"step1.tsx",children:"Volgende"})]})]})]})},N=e=>{let{onStepChange:t}=e,[a,l]=(0,s.useState)("");return(0,r.jsxs)("div",{className:"flex w-full flex-col items-center","data-sentry-component":"Step2","data-sentry-source-file":"step2.tsx",children:[(0,r.jsx)("h2",{className:"mb-8 text-3xl font-semibold text-darkviolet",children:"Heb je al eens met AI gewerkt?"}),(0,r.jsxs)("div",{className:"flex w-full flex-col gap-4",children:[["Nee, nog nooit","Ja, een paar keer","Ja, regelmatig","Ja, dagelijks"].map(e=>(0,r.jsx)("div",{className:"flex h-12 w-full cursor-pointer items-center justify-between rounded-xl border-2 p-4 hover:border-violetblue ".concat(a===e?"border-violetblue":"border-linetable bg-white text-darkviolet"),onClick:()=>l(e),children:(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)("div",{className:"size-5 rounded-full border-2 border-linetable ".concat(a===e?"border-violetblue bg-white ring ring-violetblue ring-offset-2":""),children:a===e&&(0,r.jsx)("div",{className:"h-full w-full rounded-full bg-violetblue"})}),(0,r.jsx)("span",{className:"text-base",children:e})]})},e)),(0,r.jsxs)("div",{className:"mt-6 flex justify-end gap-4",children:[(0,r.jsx)(o.z,{variant:"default",onClick:()=>t(1),"data-sentry-element":"Button","data-sentry-source-file":"step2.tsx",children:"Vorige"}),(0,r.jsx)(o.z,{variant:"arrowPrimary",onClick:()=>{a&&t(3)},disabled:!a,"data-sentry-element":"Button","data-sentry-source-file":"step2.tsx",children:"Volgende"})]})]})]})},k=e=>{let{onStepChange:t}
1=e,[a,l]=(0,s.useState)("");return(0,r.jsxs)("div",{className:"flex w-full flex-col items-center","data-sentry-component":"Step3","data-sentry-source-file":"step3.tsx",children:[(0,r.jsx)("h2",{className:"mb-8 text-3xl font-semibold text-darkviolet",children:"Wat brengt je hier vandaag bij Kamoo?"}),(0,r.jsxs)("div",{className:"flex w-full flex-col gap-4",children:[["AI leren kennen","Effici\xebnter werken","Beter schrijven","Inspiratie opdoen"].map((e,t)=>(0,r.jsx)("div",{className:"flex h-12 w-full cursor-pointer items-center justify-between rounded-xl border-2 p-4 hover:border-violetblue ".concat(a===e?"border-violetblue":"border-linetable bg-white text-darkviolet"),onClick:()=>l(e),children:(0,r.jsxs)("div",{className:"flex items-center gap-4",children:[(0,r.jsx)("div",{className:"size-5 rounded-full border-2 border-linetable ".concat(a===e?"border-violetblue bg-white ring ring-violetblue ring-offset-2":""),children:a===e&&(0,r.jsx)("div",{className:"h-full w-full rounded-full bg-violetblue"})}),(0,r.jsx)("span",{className:"text-base",children:e})]})},e)),(0,r.jsxs)("div",{className:"mt-6 flex justify-end gap-4",children:[(0,r.jsx)(o.z,{variant:"default",onClick:()=>t(2),"data-sentry-element":"Button","data-sentry-source-file":"step3.tsx",children:"Vorige"}),(0,r.jsx)(o.z,{variant:"arrowPrimary",onClick:()=>{a&&t(4)},disabled:!a,"data-sentry-element":"Button","data-sentry-source-file":"step3.tsx",children:"Volgende"})]})]})]})},S=e=>{let{onComplete:t}=e;return(0,r.jsxs)("div",{className:"flex w-full flex-col items-center","data-sentry-component":"Step4","data-sentry-source-file":"step4.tsx",children:[(0,r.jsx)("div",{className:"mb-8 flex h-20 w-20 items-center justify-center rounded-full bg-lightviolet",children:(0,r.jsx)(p.default,{src:"/Kamoo-logo.svg",alt:"Account setup completed",width:48,height:48,"data-sentry-element":"Image","data-sentry-source-file":"step4.tsx"})}),(0,r.jsx)("h2",{className:"mb-4 text-3xl font-semibold text-darkviolet",children:"Account voltooid!"}),(0,r.jsx)("p",{className:"mb-8 text-center text-base text-darkgrey",children:"Gefeliciteerd, je account is nu klaar voor gebruik. Laten we beginnen. \uD83D\uDC47"}),(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)(o.z,{variant:"primary",onClick:t,"data-sentry-element":"Button","data-sentry-source-file":"step4.tsx",children:"Naar overzicht"})})]})},C=e=>{let{allowEmail:t,redirectMethod:a,currentStep:o,onStepChange:d}=e,c=(0,i.useRouter)(),u=(0,s.useCallback)(e=>{d(e),c.replace("/dashboard/sign-up?step=".concat(e))},[d,c]),m=[(0,r.jsx)(g,{onStepChange:u},"step0"),(0,r.jsx)(w,{onStepChange:u},"step1"),(0,r.jsx)(N,{onStepChange:u},"step2"),(0,r.jsx)(k,{onStepChange:u},"step3"),(0,r.jsx)(S,{onComplete:()=>c.push("/dashboard/overview")},"step4")];return(0,s.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get("step");if(e){let t=parseInt(e);!isNaN(t)&&t>=0&&t<m.length?d(t):(console.error("Invalid step number in URL"),d(0))}},[m.length,d]),(0,r.jsx)("main",{className:"flex w-full flex-col items-center justify-between","data-sentry-component":"OnboardingSteps","data-sentry-source-file":"OnboardingSteps.tsx",children:(0,r.jsx)(l.M,{mode:"wait","data-sentry-element":"AnimatePresence","data-sentry-source-file":"OnboardingSteps.tsx",children:(0,r.jsx)(n.E.div,{initial:{opacity:0}
1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},className:"w-full","data-sentry-element":"unknown","data-sentry-source-file":"OnboardingSteps.tsx",children:m[o]},"step".concat(o))})})},I=a(68431);a(83714);var A=(0,a(15093).$)("3231f4c7b0281b2ed955c3e11ecc9ec0f71febda"),M=a(57540),O=a(94152),z=e=>{let{wordCount:t}=e;return(0,r.jsxs)("div",{"data-sentry-component":"Header","data-sentry-source-file":"Header.tsx",children:[(0,r.jsxs)("div",{className:"mb-3 flex flex-row justify-between",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,r.jsx)("p",{className:"font-medium text-black",children:"Nieuw gesprek.."}),(0,r.jsx)("p",{className:"text-sm text-violetgrey",children:"Specialisme: Marketing"})]}),(0,r.jsxs)("div",{className:"flex flex-col items-end gap-1",children:[(0,r.jsx)("p",{className:"rounded bg-greenbackground px-2 py-1 text-right text-xs text-[#50935F]",children:"Goed geheugen"}),(0,r.jsxs)("p",{className:"text-right text-sm text-violetgrey",children:["Aantal woorden: ",t]})]})]}),(0,r.jsx)(x.Separator,{"data-sentry-element":"Separator","data-sentry-source-file":"Header.tsx"})]})};let _=e=>{let{question:t,onClick:a}=e;return(0,r.jsx)("div",{className:"cursor-pointer rounded-xl border border-lightviolet p-5 hover:border-violetblue",onClick:()=>a(t),"data-sentry-component":"QuestionBox","data-sentry-source-file":"QuestionGrid.tsx",children:(0,r.jsx)("p",{className:"text-xs text-darkviolet",children:t})})};var D=e=>{let{onQuestionClick:t}=e;return(0,r.jsx)("div",{className:"grid grid-cols-2 gap-4","data-sentry-component":"QuestionGrid","data-sentry-source-file":"QuestionGrid.tsx",children:["Wat zijn de meest effectieve social media platforms voor B2B-marketing in 2024?","Hoe kan AI worden ingezet om personalisatie in e-mailmarketing te verbeteren?","Wat zijn de belangrijkste trends in content marketing voor het komende jaar?","Welke strategie\xebn zijn het meest effectief voor het verhogen van klantloyaliteit in e-commerce?"].map((e,a)=>(0,r.jsx)(_,{question:e,onClick:t},a))})},E=a(20568),T=a(80647),P=a(63501);let Z=e=>{let{selectedAnswer:t,setSelectedAnswer:a}=e;return(0,r.jsxs)("div",{className:"flex","data-sentry-component":"AnswerTypeSwitch","data-sentry-source-file":"InputComponents.tsx",children:[(0,r.jsx)("div",{className:"cursor-pointer rounded-l-md border border-lightviolet p-2.5 ".concat("kort"===t?"bg-white text-violetblue":""),onClick:()=>a("kort"),children:"Kort antwoord"}),(0,r.jsx)("div",{className:"cursor-pointer rounded-r-md border-b border-r border-t border-lightviolet p-2.5 ".concat("lang"===t?"bg-white text-violetblue":""),onClick:()=>a("lang"),children:"Lang antwoord"})]})},R=e=>{let{selectedAnswer:t,setSelectedAnswer:a,currentQuestion:s,setCurrentQuestion:l,onSendMessage:n}=e;return(0,r.jsxs)("div",{className:"rounded-lg bg-[#F7F7F9] px-5 py-3","data-sentry-component":"InputSection","data-sentry-source-file":"InputComponents.tsx",children:[(0,r.jsx)("div",{children:(0,r.jsx)(u.ox,{className:"h-16 bg-transparent p-0 text-base text-violetgrey",placeholder:"Type hier je vraag...",value:s,onChange:e=>l(e.target.value),onKeyPress:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),n())},"data-sentry-element":"InputArea","data-sentry-source-file":"InputComponents.tsx"})}),(0,r.jsxs)("div",{className:"flex flex-row justify-between",children:[(0,r.jsxs)("div",{className:"flex flex-row gap-3",children:[(0,r.jsx)("div",{className:"flex cursor-pointer items-center rounded-md border border-lightviolet p-2.5 hover:border-violetblue",children:(0,r.jsx)(p.default,{src:T.default,alt:"Stars icon",width:24,height:24,"data-sentry-element":"Image","data-sentry-source-file":"InputComponents.tsx"})}),(0,r.jsx)("div",{className:"flex cursor-pointer items-center rounded-md border border-lightviolet p-2.5 hover:border-violetblue",children:(0,r.jsx)(p.default,{src:P.default,alt:"Link icon",width:24,height:24,"data-sentry-element":"Image","data-sentry-source-file":"InputComponents.tsx"})}),(0,r.jsx)(Z,{selectedAnswer:t,setSelectedAnswer:a,"data-sentry-element":"AnswerTypeSwitch","data-sentry-source-file":"InputComponents.tsx"})]}),(0,r.jsx)("div",{className:"flex h-11 w-11 cursor-pointer items-center justify-center rounded-full bg-violetblue hover:bg-darkviolet",onClick:n,children:(0,r.jsx)(E.Z,{className:"text-white","data-sentry-element":"IconAiChat","data-sentry-source-file":"InputComponents.tsx"})})]})]})};var W=a(2309),B=a(26269);let F=e=>e.trim().split(/\s+/).length,L=e=>{let{conversation:t}
1=e,[a,l]=(0,s.useState)(new Date);(0,s.useEffect)(()=>{let e=setInterval(()=>{l(new Date)},6e4);return()=>clearInterval(e)},[]);let n=e=>{let t=(0,W.Q)(e,{addSuffix:!0,locale:B.nl});return t.includes("minder dan een minuut")?"1 min geleden":t.replace("minuten","min").replace("minuut","min")};return(0,r.jsx)("div",{className:"flex flex-col gap-4","data-sentry-component":"ConversationView","data-sentry-source-file":"OnboardingAside.tsx",children:t.map((e,t)=>e.content&&(0,r.jsxs)("div",{className:"flex flex-col ".concat("user"===e.role?"items-end":"items-start"),children:[(0,r.jsx)("div",{className:"mb-2",children:"user"===e.role?(0,r.jsxs)("div",{className:"flex flex-row items-center gap-3",children:[(0,r.jsx)("p",{className:"text-xs text-violetgrey",children:n(e.timestamp)}),(0,r.jsx)("p",{className:"text-xs text-violetgrey",children:"â¢"}),(0,r.jsx)("p",{className:"text-xs font-medium text-darkviolet",children:"Jij"}),(0,r.jsx)(p.default,{src:O.Z,alt:"User avatar",width:32,height:32})]}):(0,r.jsxs)("div",{className:"flex flex-row items-center gap-3",children:[(0,r.jsx)(p.default,{alt:"Kamoo Assistant",src:O.Z,width:32,height:32}),(0,r.jsx)("p",{className:"text-xs font-medium text-darkviolet",children:"Kamoo"}),(0,r.jsx)("p",{className:"text-xs text-violetgrey",children:"â¢"}),(0,r.jsx)("p",{className:"text-xs text-violetgrey",children:n(e.timestamp)})]})}),(0,r.jsx)("div",{className:"max-w-[80%] rounded-lg p-4 ".concat("user"===e.role?"bg-[#FAFAFA] text-darkgrey":"bg-lightlightviolet text-darkgrey"),children:(0,r.jsx)(I.U,{className:"prose prose-sm max-w-none text-darkviolet",components:{p:e=>{let{node:t,...a}=e;return(0,r.jsx)("p",{className:"text-sm",...a})},h1:e=>{let{node:t,...a}=e;return(0,r.jsx)("h1",{className:"mb-4 text-2xl font-semibold",...a})},h2:e=>{let{node:t,...a}=e;return(0,r.jsx)("h2",{className:"mb-3 text-xl font-semibold",...a})},h3:e=>{let{node:t,...a}=e;return(0,r.jsx)("h3",{className:"mb-2 text-lg font-semibold",...a})},ul:e=>{let{node:t,...a}=e;return(0,r.jsx)("ul",{className:"list-outside list-disc pl-5",...a})},ol:e=>{let{node:t,...a}=e;return(0,r.jsx)("ol",{className:"list-outside list-decimal space-y-2 pl-5",...a})},li:e=>{let{node:t,children:a,...s}=e;return(0,r.jsx)("li",{className:"pl-1",...s,children:(0,r.jsx)("span",{children:a})})},a:e=>{let{node:t,...a}=e;return(0,r.jsx)("a",{className:"text-violetblue hover:underline",...a})}},children:e.content})})]},t))})};var V=()=>{let[e,t]=(0,s.useState)("kort"),[a,l]=(0,s.useState)(""),[n,i]=(0,s.useState)([]),[o,d]=(0,s.useState)(!1),[c,u]=(0,s.useState)(0),{toast:m}=(0,f.pm)();(0,s.useEffect)(()=>{u(n.reduce((e,t)=>e+F(t.content),0))},[n]);let x=async()=>{if(""===a.trim())return;if(n.filter(e=>"user"===e.role).length>=3){m({variant:"destructive",title:"Limiet bereikt",description:"Je hebt de maximale limiet van 3 berichten bereikt. Maak een account aan om gratis verder te gaan."});return}d(!0);let t={role:"user",content:a,answerLength:e,timestamp:new Date};i(e=>[...e,t]);try{let{messages:e,newMessage:a}=await A([...n,t]);i(e=>[...e,{role:"assistant",content:"",timestamp:new Date}]);let r="";for await(let e of(0,M.mj)(a))r+=e,i(e=>[...e.slice(0,-1),{role:"assistant",content:r,timestamp:new Date}]);l("")}catch(e){console.error("Error in handleSendMessage:",e),m({variant:"destructive",title:"Fout",description:"Er is een fout opgetreden bij het verwerken van je bericht. Probeer het later opnieuw."})}};return(0,r.jsxs)("div",{className:"m-5 my-12 flex h-full max-h-[720px] min-w-[620px] max-w-md flex-col justify-between rounded-2xl bg-white p-5 shadow-signUpChat","data-sentry-component":"OnboardingAside","data-sentry-source-file":"OnboardingAside.tsx",children:[(0,r.jsx)(z,{wordCount:c,"data-sentry-element":"Header","data-sentry-source-file":"OnboardingAside.tsx"}),(0,r.jsx)("div",{className:"mb-5 flex h-full flex-col overflow-y-auto pt-5",children:o?(0,r.jsx)(L,{conversation:n}):(0,r.jsx)("div",{className:"mx-12 flex flex-grow items-center justify-center",children:(0,r.jsx)(D,{onQuestionClick:e=>{l(e)}})})}),(0,r.jsx)(R,{selectedAnswer:e,setSelectedAnswer:t,currentQuestion:a,setCurrentQuestion:l,onSendMessage:x,"data-sentry-element":"InputSection","data-sentry-source-file":"OnboardingAside.tsx"})]})},G=e=>{let{currentStep:t,totalSteps:a}=e;return(0,r.jsx)("div",{className:"mt-8 flex justify-center space-x-2","data-sentry-component":"StepIndicator","data-sentry-source-file":"StepIndicator.tsx",children:[...Array(a)].map((e,a)=>(0,r.jsx)("div",{className:"h-1 w-8 rounded-full ".concat(t===a?"bg-violetblue":"bg-lightviolet")},a))})},U={src:"/_next/static/media/arrow.847d669c.svg",height:275,width:259,blurWidth:0,blurHeight:0},J=a(70964);
1function H(){let[e,t]=(0,s.useState)(0);return(0,s.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get("step");e&&t(parseInt(e))},[]),(0,r.jsxs)("div",{className:"flex h-dvh flex-row","data-sentry-component":"SignUpPage","data-sentry-source-file":"page.tsx",children:[(0,r.jsxs)("main",{className:"z-10 flex flex-1 flex-shrink-0 flex-col items-center justify-between border-r border-lightviolet bg-white p-8",children:[(0,r.jsxs)("div",{className:"flex w-full flex-row items-center justify-between",children:[(0,r.jsx)("a",{href:"https://kamoo.ai",children:(0,r.jsx)(p.default,{alt:"","aria-hidden":"true",src:"/Kamoo-logo.svg",width:42,height:42,"data-sentry-element":"Image","data-sentry-source-file":"page.tsx"})}),(0,r.jsxs)("div",{className:"text-sm text-violetgrey",children:["Heb je al een account?",(0,r.jsx)(J.default,{href:"/dashboard/login","data-sentry-element":"Link","data-sentry-source-file":"page.tsx",children:(0,r.jsx)("span",{className:"font-medium text-violetblue",children:" Inloggen"})})]})]}),(0,r.jsx)("div",{className:"flex w-full max-w-[420px] flex-col justify-between gap-8",children:(0,r.jsx)(C,{allowEmail:!0,redirectMethod:"someMethod",currentStep:e,onStepChange:e=>{t(e)},"data-sentry-element":"OnboardingSteps","data-sentry-source-file":"page.tsx"})}),(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsx)(G,{currentStep:e,totalSteps:5,"data-sentry-element":"StepIndicator","data-sentry-source-file":"page.tsx"}),(0,r.jsxs)("p",{className:"max-w-[520px] text-center text-xs text-violetgrey",children:["Door verder te gaan, accepteert u Kamoo's"," ",(0,r.jsx)(J.default,{href:"https://www.kamoo.ai/juridisch/algemene-voorwaarden",className:"underline","data-sentry-element":"Link","data-sentry-source-file":"page.tsx",children:"algemene voorwaarden"})," ","en"," ",(0,r.jsx)(J.default,{href:"https://www.kamoo.ai/juridisch/privacybeleid",className:"underline","data-sentry-element":"Link","data-sentry-source-file":"page.tsx",children:"privacybeleid"}),", en gaat u akkoord met het ontvangen van updates per e-mail."]})]})]}),(0,r.jsxs)("aside",{className:"relative hidden flex-1 flex-shrink basis-1/4 flex-col items-center justify-center bg-[#F7F7F9] xl:flex",children:[(0,r.jsx)("div",{className:"absolute -left-16 top-0 transform",children:(0,r.jsxs)("div",{className:"relative hidden 2xl:block",children:[(0,r.jsx)(p.default,{src:U,alt:"Zwevende arrow",width:240,height:269,className:"-scale-y-100 transform","data-sentry-element":"Image","data-sentry-source-file":"page.tsx"}),(0,r.jsx)("div",{className:"absolute left-24 top-full z-20 mt-4 w-[320px] -rotate-12 text-center text-violetgrey",children:(0,r.jsx)("p",{className:"text-sm",children:"Durf jij het aan? Stel Kamoo op de proef met jouw slimste marketingvraag. Wie weet overtref je jezelf! \uD83C\uDFC6\uD83C\uDFAD"})})]})}),(0,r.jsx)("div",{className:"flex h-full items-center",children:(0,r.jsx)(V,{"data-sentry-element":"OnboardingAside","data-sentry-source-file":"page.tsx"})})]})]})}},29037:function(e,t,a){"use strict";a.d(t,{m3:function(){return s},y1:function(){return n},yP:function(){return l}}),a(83714);var r=a(15093);(0,r.$)("d7e3fc9b0050273ce372f1b88f0225d2127a36e1");var s=(0,r.$)("95d7df53005514daa25d045df989b43ad8baec83");(0,r.$)("51e87ab4a172cf169b8488c8956ed7e3aab0d1d1"),(0,r.$)("6eebc3463866deb55babd3ae1a08eb364ff1688c"),(0,r.$)("a2d638c9e1a36d55cc954ff2d8f0f61631478071");var l=(0,r.$)("a9dd5368e0a0961c5279a71f5194cb78eb2a6275"),n=(0,r.$)("5ad34cf761426b2d644f5232cac551706e6e46b3");(0,r.$)("78fa67b912b77e751d9913f248e0f0e81c5a3ca6"),(0,r.$)("ce92c6690a74e4274babd7d770f44cefdbc5a50a"),(0,r.$)("92b55ab38a6da7acba9a860202426762a8aacf5c")},19792:function(e,t,a){"use strict";a.d(t,{cn:function(){return l}});var r=a(53946),s=a(62915);function l(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.m6)((0,r.W)(t))}},88639:function(e,t,a){"use strict";a.d(t,{e:function(){return s}});var r=a(23150);function s(){return(0,r.createBrowserClient)("https://api.kamoo.ai","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InFqYXd3dWNvZ3dzaW92YW1jdGdwIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjEzOTUzMjcsImV4cCI6MjAzNjk3MTMyN30.SRNkvCPk87hLqudyTvZrZbJfWTOSu40XOY49hIYbm-Q")}},73978:function(e,t){"use strict";t.Z={src:"/_next/static/media/google.229c407f.svg",height:48,width:48,blurWidth:0,blurHeight:0}},63501:function(e,t,a){"use strict";a.r(t),t.default={src:"/_next/static/media/icon_link.064510ef.svg",height:16,width:17,blurWidth:0,blurHeight:0}},80647:function(e,t,a){"use strict";a.r(t),t.default={src:"/_next/static/media/icon_stars.5426015d.svg",height:16,width:17,blurWidth:0,blurHeight:0}},94152:function(e,t){"use strict";t.Z={src:"/_next/static/media/kamoo-submark.4dfcbf0b.svg",height:200,width:196,blurWidth:0,blurHeight:0}}},function(e){e.O(0,[9548,968,4817,4548,7797,5477,3150,776,2110,6398,6560,4937,5173,3535,
11744],function(){return e(e.s=86561)}),_N_E=e.O()}]);
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.