https://www.ylive.ai/assets/OnboardingComplete-P8ppfjCE.js

1import{r as l,j as a,A as f,m as e}from"./vendor-motion-IPZE8IrO.js";import{o as N,e as v,u as w,t as c,c as A,B as x,A as u,N as _,C,d as D,f as M,S as P}from"./index-AEzrcV_C.js";import{H as T}from"./heart-aP6sTjLq.js";import{T as S}from"./target-UIs-EXOw.js";import"./vendor-react-BN0qJr-I.js";import"./vendor-trpc-IjFHpi-5.js";/**
2 * @license lucide-react v0.453.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const L=N("Stethoscope",[["path",{d:"M11 2v2",key:"1539x4"}],["path",{d:"M5 2v2",key:"1yf1q8"}],["path",{d:"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1",key:"rb5t3r"}],["path",{d:"M8 15a6 6 0 0 0 12 0v-3",key:"x18d4x"}],["circle",{cx:"20",cy:"10",r:"2",key:"ts1r5v"}]]);function F({currentStep:t,totalSteps:i}){return a.jsxs(e.div,{className:"w-full max-w-xs mx-auto mb-8",initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{duration:.4,ease:[.23,1,.32,1]},children:[a.jsxs("div",{className:"flex items-center justify-between mb-2",children:[a.jsxs("span",{className:"text-xs text-muted-foreground font-medium",children:["Langkah ",t," dari ",i]}),a.jsxs("span",{className:"text-xs text-emerald font-mono",children:[Math.round(t/i*100),"%"]})]}),a.jsx("div",{className:"h-1.5 bg-white/5 rounded-full overflow-hidden",children:a.jsx(e.div,{className:"h-full bg-gradient-to-r from-emerald to-emerald-dark rounded-full",initial:{width:`${(t-1)/i*100}%`},animate:{width:`${t/i*100}%`},transition:{duration:.6,ease:[.23,1,.32,1]}})}),a.jsx("div",{className:"flex justify-between mt-1.5",children:Array.from({length:i}).map((r,n)=>a.jsxs("div",{className:"flex items-center gap-1",children:[a.jsx("div",{className:`w-2 h-2 rounded-full transition-colors duration-300 ${n<t?"bg-emerald":"bg-white/10"}`}),a.jsx("span",{className:`text-[10px] ${n<t?"text-emerald":"text-gray-600"}`,children:n===0?"Apresiasi":"Check-up"})]},n))})]})}function R(){const{user:t,loading:i}=v(),[,r]=w(),[n,h]=l.useState("appreciation"),s=c.analytics.trackEvent.useMutation(),m=c.useUtils(),o=c.fssAccess.enterLobby.useMutation();l.useEffect(()=>{s.mutate({eventType:"page_view",eventData:JSON.stringify({page:"onboarding_complete",phase:"appreciation"})})},[]);const y=l.useCallback(()=>{h("explanation"),s.mutate({eventType:"page_view",eventData:JSON.stringify({page:"onboarding_complete",phase:"explanation"})})},[s]),g=l.useCallback(async()=>{if(s.mutate({eventType:"cta_click",eventData:JSON.stringify({page:"onboarding_complete",action:"start_financial_checkup",variant:"primary_cta"})}),!i){if(t)try{const d=await o.mutateAsync();m.fssAccess.getPolicy.setData(void 0,d)}catch{A.error("Akses Fondasi belum dapat dimulai. Silakan coba lagi.");return}r("/diagnosis")}},[o,i,r,s,t,m]),b=l.useCallback(()=>{s.mutate({eventType:"cta_click",eventData:JSON.stringify({page:"onboarding_complete",action:"skip_to_save_progress",variant:"skip_cta"})}),r("/save-progress")},[s,r]),k=t?.name?.split(" ")[0]||"Investor",j=n==="appreciation"?1:2;return a.jsx("div",{className:"min-h-screen bg-background text-white flex items-center justify-center p-4",children:a.jsxs("div",{className:"w-full max-w-lg mx-auto",children:[a.jsx(F,{currentStep:j,totalSteps:2}),a.jsxs(f,{mode:"wait",children:[n==="appreciation"&&a.jsxs(e.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.98,x:-40},transition:{duration:.5,ease:[.23,1,.32,1]},className:"text-center space-y-8",children:[a.jsxs(e.div,{className:"relative w-28 h-28 mx-auto",children:[a.jsx(e.div,{className:"absolute inset-0 rounded-full bg-emerald/10",animate:{scale:[1,1.3,1],opacity:[.5,0,.5]},transition:{duration:2,repeat:1/0,ease:"easeInOut"}}),a.jsx(e.div,{className:"relative w-28 h-28 rounded-full bg-gradient-to-br from-emerald/20 via-emerald/10 to-copper/20 border-2 border-emerald/30 flex items-center justify-center",initial:{scale:.6,rotate:-10},animate:{scale:1,rotate:0},transition:{duration:.8,ease:[.23,1,.32,1],delay:.1},children:a.jsx(T,{className:"w-14 h-14 text-emerald"})})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.h1,{className:"font-[Playfair_Display] text-3xl md:text-4xl font-bold",initial:{opacity:0,y:15}

6,animate:{opacity:1,y:0},transition:{delay:.3,duration:.5,ease:[.23,1,.32,1]},children:["Alhamdulillah, ",a.jsx("span",{className:"text-emerald",children:k}),"! 🎉"]}),a.jsx(e.p,{className:"text-muted-foreground text-lg leading-relaxed max-w-md mx-auto",initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.5,duration:.5,ease:[.23,1,.32,1]},children:"Langkah pertama Anda sudah dimulai. Kami sangat senang Anda memilih untuk memulai perjalanan investasi syariah bersama kami."}),a.jsx(e.p,{className:"text-muted-foreground text-sm leading-relaxed max-w-sm mx-auto",initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.7,duration:.5,ease:[.23,1,.32,1]},children:"Sebelum masuk ke materi belajar, ada satu langkah penting yang akan membantu kami memahami kondisi keuangan Anda saat ini — sehingga kami bisa memberikan bimbingan yang benar-benar personal."})]}),a.jsx(e.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.9,duration:.5,ease:[.23,1,.32,1]},className:"space-y-3",children:a.jsxs(x,{onClick:y,className:"w-full h-14 bg-gradient-to-r from-emerald to-emerald-dark hover:opacity-90 text-white font-semibold rounded-xl text-base transition-all duration-200 active:scale-[0.97] hover:shadow-[0_0_20px_rgba(16,185,129,0.3)]",children:["Lanjutkan",a.jsx(u,{className:"w-5 h-5 ml-2"})]})})]},"appreciation"),n==="explanation"&&a.jsxs(e.div,{initial:{opacity:0,scale:.95,x:40},animate:{opacity:1,scale:1,x:0},exit:{opacity:0,scale:.98,y:-20},transition:{duration:.5,ease:[.23,1,.32,1]},className:"space-y-6",children:[a.jsxs("div",{className:"text-center space-y-3",children:[a.jsx(e.div,{className:"w-16 h-16 mx-auto rounded-full bg-copper/10 border border-copper/20 flex items-center justify-center",initial:{scale:.8,rotate:-5},animate:{scale:1,rotate:0},transition:{delay:.15,duration:.5,ease:[.23,1,.32,1]},children:a.jsx(L,{className:"w-8 h-8 text-copper"})}),a.jsxs(e.h2,{className:"font-[Playfair_Display] text-2xl md:text-3xl font-bold",initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.25,duration:.4},children:["Financial General ",a.jsx("span",{className:"text-copper",children:"Check-up"})]}),a.jsx(e.p,{className:"text-muted-foreground text-sm",initial:{opacity:0}

6,animate:{opacity:1},transition:{delay:.35},children:"Diagnosis keuangan personal Anda"})]}),a.jsxs(e.div,{className:"bg-white/[0.03] border border-border rounded-2xl p-6 space-y-4",initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.4,duration:.4,ease:[.23,1,.32,1]},children:[a.jsxs("h3",{className:"text-white font-semibold flex items-center gap-2",children:[a.jsx(_,{className:"w-5 h-5 text-emerald"}),"Apa itu Financial General Check-up?"]}),a.jsx("p",{className:"text-muted-foreground text-sm leading-relaxed",children:'Seperti halnya tubuh yang perlu pemeriksaan kesehatan rutin, kondisi keuangan Anda juga perlu "diperiksa" secara menyeluruh. Financial General Check-up adalah proses diagnosis cepat yang akan menganalisis:'}),a.jsx("ul",{className:"space-y-2.5 text-sm",children:["Kondisi pendapatan dan pengeluaran Anda saat ini","Rasio tabungan dan beban hutang","Profil risiko dan tujuan investasi Anda","Rekomendasi jalan keluar terbaik yang sesuai syariah"].map((d,p)=>a.jsxs(e.li,{className:"flex items-start gap-2.5 text-muted-foreground",initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:.5+p*.08,duration:.3},children:[a.jsx(C,{className:"w-4 h-4 text-emerald mt-0.5 shrink-0"}),a.jsx("span",{children:d})]},p))})]}),a.jsxs(e.div,{className:"bg-white/[0.03] border border-border rounded-2xl p-6 space-y-4",initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.6,duration:.4,ease:[.23,1,.32,1]},children:[a.jsxs("h3",{className:"text-white font-semibold flex items-center gap-2",children:[a.jsx(S,{className:"w-5 h-5 text-copper"}),"Mengapa ini penting?"]}),a.jsxs("p",{className:"text-muted-foreground text-sm leading-relaxed",children:["Dengan mengetahui kondisi keuangan Anda secara dini, kami bisa membantu mencarikan ",a.jsx("span",{className:"text-white font-medium",children:"jalan keluar terbaik"})," yang sesuai dengan situasi Anda. Tanpa diagnosis yang akurat, bimbingan yang kami berikan tidak akan optimal — seperti dokter yang meresepkan obat tanpa pemeriksaan."]})]}),a.jsxs(e.div,{className:"bg-gradient-to-r from-amber-500/5 to-orange-500/5 border border-amber-500/20 rounded-2xl p-6 space-y-3",initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{delay:.7,duration:.4,ease:[.23,1,.32,1]},children:[a.jsxs("h3",{className:"text-amber-200 font-semibold flex items-center gap-2",children:[a.jsx(D,{className:"w-5 h-5 text-amber-400"}),"Jujurlah dengan Diri Sendiri"]}),a.jsxs("p",{className:"text-muted-foreground text-sm leading-relaxed",children:["Kami memahami bahwa membicarakan kondisi keuangan bisa terasa tidak nyaman. Namun, ",a.jsx("span",{className:"text-amber-200 font-medium",children:"kejujuran adalah kunci"})," agar hasil diagnosis benar-benar mencerminkan realita Anda. Tidak ada jawaban yang salah — yang penting adalah jawaban yang jujur."]}),a.jsx("p",{className:"text-muted-foreground text-xs leading-relaxed italic",children:'"Barangsiapa yang jujur terhadap dirinya sendiri, maka Allah akan menunjukkan jalan yang terbaik untuknya."'})]}),a.jsxs(e.div,{className:"flex items-center gap-3 px-4 py-3 rounded-xl bg-emerald/5 border border-emerald/15",initial:{opacity:0}

6,animate:{opacity:1},transition:{delay:.8},children:[a.jsx(M,{className:"w-5 h-5 text-emerald shrink-0"}),a.jsxs("p",{className:"text-xs text-muted-foreground",children:["Data Anda ",a.jsx("span",{className:"text-emerald",children:"100% aman dan terenkripsi"}),". Hanya Anda dan AI kami yang bisa mengakses hasil diagnosis ini."]})]}),a.jsxs(e.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.9,duration:.4,ease:[.23,1,.32,1]},className:"space-y-3 pt-2",children:[a.jsxs(x,{onClick:g,disabled:i||o.isPending,className:"w-full h-14 bg-gradient-to-r from-copper to-copper-dark hover:opacity-90 text-white font-semibold rounded-xl text-base transition-all duration-200 active:scale-[0.97] hover:shadow-[0_0_20px_rgba(194,139,74,0.3)]",children:[a.jsx(P,{className:"w-5 h-5 mr-2"}),o.isPending?"Menyiapkan Akses Fondasi...":"Mulai Financial Check-up",a.jsx(u,{className:"w-5 h-5 ml-2"})]}),a.jsx("button",{onClick:b,className:"w-full text-center text-sm text-muted-foreground hover:text-muted-foreground transition-colors duration-200 py-2",children:"Nanti saja, langsung ke Dashboard"}),a.jsx("p",{className:"text-center text-[11px] text-gray-600",children:"Hanya membutuhkan 3-5 menit untuk menyelesaikan"})]})]},"explanation")]})]})})}export{R as default};