https://lijsje.be/build/assets/Create-BIsQZgo8.js

1import{a as D,r as i,j as e,b as C,L as S}from"./app-9AKO_Vnh.js";import{G as z}from"./GuestLayout-BpperOuf.js";import{S as F}from"./SEO-pWAA5HAX.js";import{u as U,n as m,B as E,S as I,U as A,k as O,a_ as T,z as R}from"./OfflineBanner-Bzo9Zeue.js";import{I as w}from"./input-Br1nKRAG.js";import{L as g}from"./label-B9XOMbNY.js";import{T as V}from"./TermsCheckbox-DkD4Tr1C.js";import{C as W}from"./checkbox-D14KVnYz.js";import{D as J}from"./datetime-picker-BoyFz4VR.js";import{u as G}from"./useCreateWishlist-Bq1F9snT.js";import{C as H,A as Z}from"./AvatarPicker-9SMsM4xf.js";import{C as q}from"./circle-alert-TFZGd_Ph.js";import{L as $}from"./log-in-BKaeTKoC.js";import{Z as N}from"./zap-Dl--iaKq.js";import{f as K}from"./index-0UsHTrFu.js";import{D as Q}from"./download-Bl9ulyGA.js";import{S as X}from"./shield-D6HWU3he.js";import{B as Y}from"./bell-Bt4gJkPx.js";import{A as ee}from"./arrow-right-O31CNT5n.js";import{M as ae}from"./mouse-pointer-click-beHl39xZ.js";/* empty css            */import"./nl-Cylbdcik.js";import"./format-Dv2Rpa5B.js";import"./endOfMonth-d2X6vBBm.js";import"./chevron-left-Ry1GTLwy.js";import"./calendar-B3uLOikH.js";import"./tabs-WT9Ry_yg.js";import"./shuffle-BiXpHQoM.js";import"./refresh-cw-DH0zOkDa.js";const re=(x,o="adventurer")=>`https://api.dicebear.com/9.x/${o}/svg?seed=${encodeURIComponent(x)}&size=200`;function te(){const{trackEvent:x}=U(),o=G(),{props:v}=D(),u=v.auth?.user,d=!!u,[a,b]=i.useState({title:"",owner_email:u?.email||"",owner_name:u?.name||"",ends_at:void 0,avatar:"",avatar_type:"url",terms:!1,marketing_consent:!1}),[s,f]=i.useState({}),[n,k]=i.useState(!1),[B,y]=i.useState(!1),j=i.useRef(null),l=a.owner_email.includes("@")&&a.owner_email.includes(".");i.useEffect(()=>{n&&k(!1)},[a.owner_email]),i.useEffect(()=>{if(a.owner_name&&a.avatar_type==="url"&&!a.avatar.includes("base64")){const r=re(a.owner_name);a.avatar!==r&&b(t=>({...t,avatar:r}))}},[a.owner_name]);const[_,L]=i.useState(!1);i.useEffect(()=>{if(_&&l&&!d&&j.current&&!a.owner_name){const r=setTimeout(()=>{j.current?.focus()},100);return()=>clearTimeout(r)}},[_,l,d,a.owner_name]);const P=async r=>{r.preventDefault(),f({});const t=l&&!d;if(t&&!a.owner_name.trim()){f({owner_name:"Vul je naam in"}),j.current?.focus();return}if(t&&!a.terms){f({terms:"Je moet akkoord gaan met de voorwaarden"});return}x({name:"wishlist_created",props:{has_email:!!a.owner_email,has_deadline:!!a.ends_at,create_account:t,has_avatar:!!a.avatar}});const h={title:a.title,owner_email:a.owner_email||void 0,owner_name:t&&a.owner_name||void 0,ends_at:a.ends_at?K(a.ends_at,"Europe/Brussels").toISOString():void 0,create_account:t,avatar:t&&a.avatar?a.avatar:void 0,avatar_type:t&&a.avatar?a.avatar_type:void 0,terms:t?a.terms:void 0,marketing_consent:t?a.marketing_consent:void 0};o.mutate(h,{onSuccess:p=>{C.visit(p.redirectUrl)},onError:p=>{p.message.includes("bestaat al een account")||p.message.includes("already exists")?k(!0):f({message:p.message})}})},M=(r,t)=>{b(h=>({...h,avatar:r,avatar_type:t}))},c=(r,t)=>{b(h=>({...h,[r]:t}))};return e.jsxs("form",{onSubmit:P,className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"title",className:"text-base font-medium",children:"Naam van je lijstje"}),e.jsx(w,{id:"title",value:a.title,onChange:r=>c("title",r.target.value),placeholder:"Bijvoorbeeld: Mijn verjaardagslijst",required:!0,className:"h-12 text-lg"}),s.title&&e.jsx("p",{className:"text-sm text-red-500",children:s.title})]}),!d&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"owner_email",className:"text-base font-medium",children:"Je e-mailadres (optioneel)"}),e.jsx(w,{id:"owner_email",type:"email",value:a.owner_email,onChange:r=>c("owner_email",r.target.value),onBlur:()=>L(!0),placeholder:"[email protected]",className:"h-12 text-lg"}),e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"We maken een account aan zodat je altijd bij je lijstjes kunt."}),s.owner_email&&e.jsx("p",{className:"text-sm text-red-500",children:s.owner_email})]}),e.jsxs("div",{className:m("relative overflow-hidden rounded-xl border transition-all duration-500 ease-out",n?"bg-gradient-to-br from-amber-500/10 via-orange-500/5 to-amber-500/10 border-amber-500/40 shadow-lg shadow-amber-500/10":"max-h-0 opacity-0 border-transparent"),children:[e.jsx("div",{className:m("absolute -top-20 -right-20 w-40 h-40 rounded-full transition-opacity duration-700","bg-gradient-to-br from-amber-500/20 to-orange-500/10 blur-3xl",n?"opacity-100":"opacity-0")}),e.jsx("div",{className:m("grid transition-all duration-500 ease-out",n?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:e.jsx("div",{className:"overflow-hidden",children:e.jsx("div",{className:"relative p-4 space-y-4",children:e.jsxs("div",{className:"flex gap-4 items-start",children:[e.jsx("div",{className:"flex-shrink-0 w-12 h-12 rounded-xl bg-amber-500/20 flex items-center justify-center",children:e.jsx(q,{className:"w-6 h-6 text-amber-600 dar

1k:text-amber-400"})}),e.jsxs("div",{className:"flex-1 space-y-3",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-semibold text-foreground",children:"Dit e-mailadres is al geregistreerd"}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:"Log in om je lijstje te koppelen aan je bestaande account."})]}),e.jsxs(E,{type:"button",onClick:()=>C.visit("/login"),className:"bg-amber-600 hover:bg-amber-700 text-white shadow-sm transition-all hover:scale-[1.02]",children:[e.jsx($,{className:"w-4 h-4 mr-2"}),"Inloggen"]})]})]})})})})]}),e.jsxs("div",{className:m("relative overflow-hidden rounded-xl border transition-all duration-500 ease-out",l&&!n?"bg-gradient-to-br from-primary/8 via-accent/5 to-primary/8 border-primary/30 shadow-lg shadow-primary/5":"max-h-0 opacity-0 border-transparent"),children:[e.jsx("div",{className:m("absolute -top-20 -right-20 w-40 h-40 rounded-full transition-opacity duration-700","bg-gradient-to-br from-primary/20 to-accent/10 blur-3xl",l&&!n?"opacity-100":"opacity-0")}),e.jsx("div",{className:m("absolute top-3 right-3 transition-all duration-500",l&&!n?"opacity-100 scale-100":"opacity-0 scale-75"),children:e.jsx(I,{className:"w-4 h-4 text-primary/40"})}),e.jsx("div",{className:m("grid transition-all duration-500 ease-out",l&&!n?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:e.jsx("div",{className:"overflow-hidden",children:e.jsxs("div",{className:"relative p-4 space-y-4",children:[e.jsxs("div",{className:"flex gap-4 items-start",children:[e.jsxs("button",{type:"button",onClick:()=>y(!0),className:m("relative flex-shrink-0 w-20 h-20 rounded-2xl overflow-hidden","bg-gradient-to-br from-muted to-muted/50","border-2 border-dashed border-primary/30 hover:border-primary/50","transition-all duration-300 hover:scale-105 hover:shadow-lg hover:shadow-primary/10","group focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"),children:[a.avatar?e.jsx("img",{src:a.avatar,alt:"Je avatar",className:"w-full h-full object-cover"}):e.jsx("div",{className:"w-full h-full flex items-center justify-center",children:e.jsx(A,{className:"w-8 h-8 text-muted-foreground/50"})}),e.jsx("div",{className:"absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center",children:e.jsx(H,{className:"w-5 h-5 text-white"})})]}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsxs(g,{htmlFor:"account_name",className:"text-sm font-medium flex items-center gap-2",children:[e.jsx(A,{className:"w-3.5 h-3.5 text-muted-foreground"}),"Hoe mogen we je noemen?"]}),e.jsx(w,{ref:j,id:"account_name",type:"text",value:a.owner_name,onChange:r=>c("owner_name",r.target.value),placeholder:"Je naam",className:"h-11 bg-background/80 backdrop-blur-sm border-primary/20 focus:border-primary/40",autoComplete:"name",required:l&&!n}),s.owner_name&&e.jsx("p",{className:"text-sm text-red-500",children:s.owner_name}),e.jsxs("p",{className:"text-xs text-muted-foreground/80 flex items-center gap-1",children:[e.jsx(N,{className:"w-3 h-3"}),"We sturen je een link om direct in te loggen."]})]})]}),e.jsx(V,{checked:a.terms,onChange:r=>c("terms",r),error:s.terms,id:"wishlist_terms"}),e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(W,{id:"wishlist_marketing_consent",checked:a.marketing_consent,onCheckedChange:r=>c("marketing_consent",!!r),className:"mt-0.5"}),e.jsx(g,{htmlFor:"wishlist_marketing_consent",className:"text-sm text-muted-foreground font-normal leading-snug cursor-pointer",children:"Ontvang seizoenstips, herinneringen en updates"})]})]})})})]}),e.jsx(Z,{open:B,onOpenChange:y,currentAvatar:a.avatar,userName:a.owner_name||a.owner_email.split("@")[0],onSelect:M})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(g,{htmlFor:"ends_at",className:"text-base font-medium",children:"Einddatum (optioneel)"}),e.jsx(J,{value:a.ends_at,onChange:r=>c("ends_at",r),placeholder:"Selecteer een einddatum en tijd",minDate:new Date}),e.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400",children:"Na deze datum kunnen mensen geen cadeaus meer afvinken of vrijgeven."}),s.ends_at&&e.jsx("p",{className:"text-sm text-red-500",children:s.ends_at})]}),s.rate_limit&&e.jsx("div",{className:"text-red-500 text-sm mt-1",children:s.rate_limit}),s.message&&e.jsx("div",{className:"text-red-500 text-sm mt-1",children:s.message}),e.jsxs(E,{type:"submit",className:"w-full h-12 text-lg bg-primary hover:bg-primary/90 text-primary-foreground shadow-sm transition-all hover:scale-[1.02]",disabled:o.isPending,"data-testid":"create-wishlist-button",children:[e.jsx(O,{className:"w-5 h-5 mr-2"}),"Maak lijstje"]})]})}function Le({breadcrumbs:x}){const{props:o}=D(),v=o.features?.extensionEnabled??!1,u=!!o.auth?.user,d=o.hasImportServices??!1;return e.jsxs(z,{breadcrumbs:x,children:[e.jsx(F,{title:"Maak je verlanglijst",description:"Maak gratis een online verlanglijstje en deel het met vrienden en familie. Geen account nodig!"}),e.jsxs("div",{className:"py-12 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8",children:[e.jsxs("div",{className:"text-center mb-10",children:[e.jsx("h1",{className:"text-4xl font-extrabold tracking-tight text-foreground mb-4",children:"Start je verlanglijstje"}),e.jsx("p",{className:"text-lg text-muted-foreground",children:"Maak gratis een online verlanglijstje en deel het met vrienden en familie."})]}),e.jsx("div",{className:"bg-card text-card-foreground shadow-sm rounded-xl p-6 sm:p-10 border border-border",children:e.jsx(te,{})}),d&&e.jsx("div",{className:"mt-4 text-center",children:e.jsxs(S,{href:"/importeer",className:"inline-flex items-center gap-1.5 text-sm text-muted-foreground hover:text-primary transition-colors",children:[e.jsx(Q,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Heb je al een verlanglijstje ergens anders? Importeer je lijstje"})]})}),!u&&e.jsxs("div",{className:"mt-8 relative overflow-hidden bg-gradient-to-br from-amber-50 via-orange-50 to-rose-50 dark:from-amber-950/40 dark:via-orange-950/30 dark:to-rose-950/20 rounded-2xl border border-amber-200/60 dark:border-amber-800/30 p-5 sm:p-6",children:[e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-gradient-to-br from-amber-200/40 to-transparent roun

1ded-full blur-3xl -translate-y-1/2 translate-x-1/4"}),e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"flex-shrink-0 w-10 h-10 bg-gradient-to-br from-amber-400 to-orange-500 rounded-xl flex items-center justify-center text-white shadow-lg shadow-amber-500/25",children:e.jsx(I,{className:"w-5 h-5"})}),e.jsx("div",{children:e.jsx("h3",{className:"font-semibold text-foreground",children:"Vul je e-mailadres in en krijg:"})})]}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2.5 text-sm text-foreground",children:[e.jsx(T,{className:"w-4 h-4 text-orange-600 dark:text-orange-400 flex-shrink-0"}),e.jsx("span",{children:"Handig dashboard"})]}),e.jsxs("div",{className:"flex items-center gap-2.5 text-sm text-foreground",children:[e.jsx(X,{className:"w-4 h-4 text-rose-600 dark:text-rose-400 flex-shrink-0"}),e.jsx("span",{children:"Verlies je lijstje nooit meer"})]}),e.jsxs("div",{className:"flex items-center gap-2.5 text-sm text-foreground",children:[e.jsx(N,{className:"w-4 h-4 text-amber-600 dark:text-amber-400 flex-shrink-0"}),e.jsx("span",{children:"Makkelijk inloggen via e-mail"})]}),e.jsxs("div",{className:"flex items-center gap-2.5 text-sm text-foreground",children:[e.jsx(Y,{className:"w-4 h-4 text-amber-600 dark:text-amber-400 flex-shrink-0"}),e.jsx("span",{children:"Stiekem gluren naar reserveringen 👀"})]})]})]})]}),v&&e.jsx(S,{href:"/extensie/installeren",className:"block mt-8 group",children:e.jsxs("div",{className:"relative overflow-hidden bg-gradient-to-br from-purple-50 to-indigo-50 dark:from-purple-950/30 dark:to-indigo-950/30 rounded-xl border border-purple-200/50 dark:border-purple-800/30 p-5 sm:p-6 hover:border-purple-300 dark:hover:border-purple-700/50 transition-all hover:shadow-lg hover:shadow-purple-500/5",children:[e.jsx("div",{className:"absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-purple-200/30 to-transparent rounded-full blur-2xl -translate-y-1/2 translate-x-1/2"}),e.jsxs("div",{className:"relative flex items-center gap-4",children:[e.jsx("div",{className:"flex-shrink-0 w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-xl flex items-center justify-center text-purple-600 dark:text-purple-400",children:e.jsx(R,{className:"w-6 h-6"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("h3",{className:"font-semibold text-foreground group-hover:text-purple-600 dark:group-hover:text-purple-400 transition-colors",children:"Installeer de browser extensie"}),e.jsx(ee,{className:"w-4 h-4 text-muted-foreground group-hover:text-purple-600 dark:group-hover:text-purple-400 group-hover:translate-x-1 transition-all"})]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Voeg met één klik producten toe vanuit elke webshop"})]}),e.jsxs("div",{className:"hidden sm:flex items-center gap-3 text-xs text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(ae,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"1-klik"})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(N,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:"Auto-fill"})]})]})]})]})})]})]})}export{Le as default};