https://www.drivable.app/build/assets/Verification-Bmjzl60l.js

1import{r as o,j as e,S as F,m as c}from"./app-KP3JO_A_.js";import{V as S}from"./VerificationFlowModal-CK75i4PE.js";import{M as C}from"./mail-CdRR5ue8.js";import{P as E}from"./phone-Cz3G5bQH.js";import{C as D}from"./car-front-BhUZBc9S.js";import{I as _}from"./id-card-udfQPNXb.js";import{L as z}from"./lock-BMbBSMcB.js";import{A}from"./arrow-left-B5ZWJqA9.js";import{C as V}from"./check-BZJ5S41N.js";/* empty css            */import"./index-8Rm7pLfe.js";import"./confetti.module-ONDKWxYZ.js";const n=[{id:1,key:"email",label:"E-Mail bestätigen",icon:C,why:"Damit wir dir Buchungsbestätigungen und Nachrichten vom Vermieter zustellen können."},{id:2,key:"phone",label:"Telefonnummer",icon:E,why:"Vermieter erreichen dich bei der Übergabe direkt — und du bekommst Änderungen per SMS."},{id:3,key:"license",label:"Führerschein",icon:D,why:"Pflicht vor jeder Fahrt: der Vermieter muss prüfen, dass du das Fahrzeug fahren darfst."},{id:4,key:"id",label:"Ausweis",icon:_,why:"Bestätigt, dass du wirklich du bist. Schützt beide Seiten vor Betrug."}],H=({user:s,redirect:g="/",welcome:u=!1,initialStep:m=1})=>{const[r,b]=o.useState(m),[d,j]=o.useState("eingabe"),[v,w]=o.useState([]);o.useEffect(()=>{const i=n.filter(t=>t.id<r).map(t=>t.key);w(t=>{const a=i.filter(l=>!t.includes(l));return a.length?[...t,...a]:t})},[r]);const h=i=>v.includes(i.key)?!0:s?i.key==="email"?!!s.email_verified:i.key==="phone"?!!s.phone_number_verified:i.key==="license"?!!s.license_verified:i.key==="id"?!!s.id_verified:!1:!1,x=n.filter(i=>!h(i)).length,f=n.find(i=>i.id===r)||n[0],p=i=>{i&&typeof window<"u"&&sessionStorage.setItem("login_success","1"),window.location.href=g||"/"},y="linear-gradient(155deg,#3B1B05 0%,#7A3708 48%,#F97316 100%)",N=()=>{const i=n.length>1?n.findIndex(t=>t.id===r)/(n.length-1)*100:0;return e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute left-[18px] top-3 bottom-3 w-[2px] rounded-full bg-white/15"}),e.jsx(c.div,{className:"absolute left-[18px] top-3 w-[2px] rounded-full",style:{background:"linear-gradient(180deg,#FDBA74,#22C55E)"},initial:!1,animate:{height:`calc((100% - 24px) * ${i/100})`},transition:{type:"spring",stiffness:120,damping:22}}),e.jsx("ul",{className:"relative space-y-7",children:n.map(t=>{const a=h(t),l=t.id===r,k=t.icon;return e.jsxs("li",{className:"flex items-center gap-4",children:[e.jsx(c.div,{initial:!1,animate:{scale:l?1.06:1,backgroundColor:a?"#22C55E":l?"#FFFFFF":"rgba(255,255,255,0.10)"},transition:{type:"spring",stiffness:400,damping:22},className:"relative z-[5] flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-full",children:a?e.jsx(V,{className:"h-4 w-4 text-white",strokeWidth:3}):e.jsx(k,{className:"h-4 w-4",style:{color:l?"#F97316":"rgba(255,255,255,0.55)"}})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("p",{className:`text-[14px] font-psemibold leading-tight ${l||a?"text-white":"text-white/55"}`,children:t.label}),e.jsx("p",{className:`text-[11px] font-pregular leading-tight ${l?"text-white/75":"text-white/40"}`,children:a?"Erledigt":t.why.split(/[.–—]/)[0]})]})]},t.key)})})]})};return e.jsxs(e.Fragment,{children:[e.jsxs(F,{children:[e.jsx("title",{children:"Verifizierung abschließen · Drivable"}),e.jsx("meta",{name:"robots",content:"noindex, nofollow"})]}),e.jsxs("div",{className:"flex min-h-screen bg-[#FAF8F6]",children:[e.jsxs("aside",{className:"relative hidden w-[380px] flex-shrink-0 flex-col justify-between overflow-hidden p-10 lg:flex",style:{background:y},children:[e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"mb-12 flex items-center gap-2.5",children:[e.jsx("img",{src:"/images/logo_drive_withoutText.png",alt:"",className:"h-8 w-8"}),e.jsx("span",{className:"font-psemibold text-white",children:"Drivable"})]}),e.jsx("p",{className:"mb-2 text-[12px] font-pmedium uppercase tracking-[0.2em] text-[#FDBA74]",children:"Verifizierung"}),e.jsx("h2",{className:"mb-10 text-[22px] font-pbold leading-snug text-white",children:u?e.jsxs(e.Fragment,{children:["Willkommen",s!=null&&s.name?`, ${String(s.name).split(" ")[0]}`:""," —",e.jsx("br",{}),"noch vier kurze Schritte."]}):e.jsxs(e.Fragment,{children:["Nur noch ",x===1?"ein Schritt":`${x} Schritte`,",",e.jsx("br",{}),"dann kannst du anfragen."]})}),e.jsx(N,{})]}),e.jsxs("div",{className:"relative flex items-center gap-2 text-[12px] font-pregular text-white/45",children:[e.jsx(z,{className:"h-4 w-4"})," Deine Daten sind verschlüsselt und nur für dich sichtbar."]})]}),e.jsxs("main",{className:"relative flex-1",children:[e.jsxs("div",{className:"sticky top-0 z-20 border-b border-[#F0E7DF] bg-[#FAF8F6]/90 px-5 pb-3 pt-5 backdrop-blur lg:hidden",children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2.5",children:[e.jsx("img",{src:"/images/logo_drive_withoutText.png",alt:"",className:"h-7 w-7"}),e.jsx("span",{className:"text-sm font-psemibold text-gray-900",children:"Drivable"}),e.jsxs("span",{className:"ml-auto text-[12px] font-pmedium text-gray-400",children:["Schritt ",r," / ",n.length]})]}),e.jsx("div",{className:"h-1.5 overflow-hidden rounded-full bg-[#F0E2D6]",children:e.jsx(c.div,{className:"h-full rounded-full",style:{background:"linear-gradient(90deg,#F97316,#22C55E)"},initial:!1,animate:{width:`${r/n.length*100}%`},transition:{type:"spring",stiffness:120,damping:22}})})]}),e.jsxs("div",{className:"relative mx-auto max-w-lg px-5 py-8 sm:px-8 lg:py-16",children:[e.jsxs(c.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},transition:{duration:.3},children:[e.jsx("h1",{className:"mb-1.5 text-[26px] font-pbold text-gray-900",children:d==="code"?"Code eingeben":f.label},`${r}-${d}`),e.jsx("p",{className:"mb-7 text-[15px] font-pregular text-gray-500",children:d==="code"?r===1?"Wir haben dir den Code per E-Mail geschickt.":"Wir haben dir den Code per SMS geschickt.":f.why}),e.jsx(S,{isOpen:!0,variant:"fullscreen",userEmail:s==null?void 0:s.email,initialStep:m,onStepChange:(i,t)=>{b(i),j(t||"eingabe")},onClose:()=>{},onComplete:()=>p(!0)})]}),e.jsxs("button",{onClick:()=>p(!1),className:"mt-8 flex w-full items-center justify-center gap-2 py-2 text-sm font-pmedium text-gray-500 transition-colors hover:text-gray-800",children:[e.jsx(A,{className:"h-4 w-4"}),"Später erledigen"]})]})]})]})]})};export{H as default};