https://mymgconnect.com/assets/NativeOnboarding-BUgy4842.js

1import{r as i,j as e}from"./vendor-react-CoJda1Bd.js";import{L as g}from"./LogoMark-C8Gzk_Eb.js";import{B as y}from"./button-ozMsoqIh.js";import{hapticSelection as c,hapticSuccess as b}from"./haptics-IUZ9jpTP.js";import{A as v}from"./index-DRQAaCbt.js";import{B as K}from"./index-DRQAaCbt.js";import{s as j}from"./illus-empty-notebook-Dq0FBX_y.js";import{s as N}from"./illus-share-letter-DejqdJqS.js";import{s as w}from"./hero-window-bird-cheerful-BV5_I_3a.js";import{s as k,a as S}from"./hero-window-bird-CMd2JEm4.js";import{B}from"./branding-CSuvK0zE.js";import{a as E}from"./vendor-router-BG1ccVOB.js";import{a_ as R}from"./vendor-icons-BbhXjgy5.js";import"./vendor-radix-I618Mglk.js";import"./vendor-supabase-BI1TbgRl.js";import"./vendor-charts-Df9hQbmF.js";import"./vendor-query-_n4XbDCE.js";import"./vendor-date-Ctl2uRge.js";const d=[{img:j,title:"Your MG story, organized",body:"Bring your symptoms, treatments, and questions into one calm place — designed for myasthenia gravis."},{img:N,title:"Walk into every visit prepared",body:"Generate a clinician-ready summary in seconds. Never forget what you wanted to ask again."},{img:w,title:"Mary, between visits",body:"A private companion who knows your history and helps you prepare.",video:S,poster:k}];function F(){const[s,p]=i.useState(0),[x,r]=i.useState(!1),n=i.useRef(null),u=E(),t=d[s],o=s===d.length-1;i.useEffect(()=>{r(!1),n.current?.pause()},[s]);const f=async()=>{const a=n.current;if(a){await c(),a.muted=!1,a.currentTime=0;try{await a.play(),r(!0)}catch{r(!1)}}};i.useEffect(()=>(document.body.style.background="radial-gradient(ellipse at top, hsl(35 64% 60% / 0.10) 0%, hsl(var(--background)) 55%)",()=>{document.body.style.background=""}),[]);const m=async()=>{await v(),await b(),u("/auth?mode=signup",{replace:!0})},h=async()=>{if(o){await m();return}await c(),p(a=>a+1)};return e.jsxs("div",{className:"fixed inset-0 flex flex-col bg-background",style:{paddingTop:"env(safe-area-inset-top, 0px)",paddingBottom:"env(safe-area-inset-bottom, 0px)",paddingLeft:"env(safe-area-inset-left, 0px)",paddingRight:"env(safe-area-inset-right, 0px)"},children:[e.jsxs("div",{className:"flex items-center justify-between px-4 h-12 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(g,{className:"h-6 w-6 text-primary"}),e.jsx("span",{className:"text-[15px] font-semibold tracking-tight",children:B})]}),!o&&e.jsx("button",{onClick:()=>m(),className:"text-[15px] text-muted-foreground active:text-foreground px-3 py-2 min-h-[44px] touch-manipulation",children:"Skip"})]}),e.jsxs("div",{className:"flex-1 min-h-0 flex flex-col items-center justify-end px-6 pb-2 text-center",children:[e.jsx("div",{className:"flex-1 min-h-0 flex items-center justify-center w-full",children:t.video?e.jsxs("div",{className:"relative flex items-center justify-center",children:[e.jsx("video",{ref:n,poster:t.poster,src:t.video,playsInline:!0,preload:"metadata",onEnded:()=>r(!1),"aria-label":`${t.title} video`,className:"max-h-[55vh] w-auto rounded-2xl mix-blend-multiply"}),!x&&e.jsx("button",{type:"button",onClick:f,"aria-label":`Play video: ${t.title}`,className:"absolute min-h-11 min-w-11 h-14 w-14 flex items-center justify-center rounded-full bg-background/80 text-foreground shadow-md backdrop-blur-sm active:scale-95 transition-transform",children:e.jsx(R,{className:"h-6 w-6 fill-current"})})]}):e.jsx("img",{src:t.img,alt:"",className:"max-h-[55vh] w-auto object-contain mix-blend-multiply"})}),e.jsx("h1",{className:"font-serif text-[28px] leading-tight font-semibold text-foreground max-w-sm mt-4",children:t.title}),e.jsx("p",{className:"mt-3 text-[16px] leading-relaxed text-muted-foreground max-w-sm",children:t.body})]}),e.jsxs("div",{className:"px-6 pb-8 shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center py-4",style:{gap:"6px"},children:d.map((a,l)=>e.jsx("span",{"aria-hidden":!0,className:"block transition-all duration-200",style:{height:"3px",width:l===s?"20px":"10px",borderRadius:"9999px",backgroundColor:l===s?"hsl(var(--primary))":"hsl(var(--muted-foreground) / 0.3)"}},l))}),e.jsx(y,{onClick:h,className:"w-full h-[52px] text-[17px] font-semibold rounded-[12px]",size:"lg",children:o?"Get Started":"Continue"})]})]})}export{F as default,K as hasSeenNativeOnboarding};