https://unidoodle.com/assets/PresenterMocks-BoMwNFwa.js

1import{i as e}from"./rolldown-runtime-Dd_uD5pT.js";import{t}from"./react-CQOZoUwg.js";import{t as n}from"./jsx-runtime-DREnUpxT.js";import{t as r}from"./createLucideIcon-DbwfXQbr.js";import{t as i}from"./check-DI9yZpUQ.js";import{c as a}from"./use-audience-D6URV343.js";import{t as o}from"./utils-DOQQTBMN.js";import{a as s,i as c,n as l,r as u,t as d}from"./ProductFrame-rtLR4r8S.js";var f=r(`scissors`,[[`circle`,{cx:`6`,cy:`6`,r:`3`,key:`1lh9wr`}],[`path`,{d:`M8.12 8.12 12 12`,key:`1alkpv`}],[`path`,{d:`M20 4 8.12 15.88`,key:`xgtan2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`path`,{d:`M14.8 14.8 20 20`,key:`ptml3r`}]]),p=e(t(),1);function m(){let[e,t]=(0,p.useState)(!1);return(0,p.useEffect)(()=>{let e=window.matchMedia(`(prefers-reduced-motion: reduce)`);t(e.matches);let n=()=>t(e.matches);return e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),e}function h(e,t=1400){let n=(0,p.useRef)(null),r=m(),[i,a]=(0,p.useState)(0),[o,s]=(0,p.useState)(!1);return(0,p.useEffect)(()=>{let e=n.current;if(!e||typeof IntersectionObserver>`u`){s(!0);return}let t=new IntersectionObserver(e=>s(e[0]?.isIntersecting??!1),{threshold:.25});return t.observe(e),()=>t.disconnect()},[]),(0,p.useEffect)(()=>{if(r){a(e-1);return}if(!o)return;let n=window.setInterval(()=>a(t=>(t+1)%e),t);return()=>window.clearInterval(n)},[r,o,e,t]),{ref:n,step:i,reduced:r,playing:o&&!r}}var g=n();function _({device:e=`laptop`}){return(0,g.jsxs)(s,{device:e,path:`unidoodle.app / presenter`,children:[(0,g.jsx)(d,{title:`Presenter home`}),(0,g.jsxs)(`div`,{className:`space-y-3 p-3`,children:[(0,g.jsxs)(`div`,{className:`grid grid-cols-2 gap-2 sm:grid-cols-4`,children:[(0,g.jsx)(c,{label:`Active assignments`,value:`6`}),(0,g.jsx)(c,{label:`Awaiting marking`,value:`14`,hint:`submissions`}),(0,g.jsx)(c,{label:`Classes`,value:`4`}),(0,g.jsx)(c,{label:`Students`,value:`87`})]}),(0,g.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,g.jsx)(u,{title:`My Snips`,children:(0,g.jsx)(`ul`,{className:`space-y-1.5 text-[11px]`,children:[`LC 2024 P1 Q3(b)`,`LC 2023 P2 Q7`,`Mock paper Q4`].map(e=>(0,g.jsxs)(`li`,{className:`flex items-center gap-2 rounded-lg bg-muted/40 px-2 py-1.5 text-muted-foreground`,children:[(0,g.jsx)(f,{className:`h-3 w-3 text-accent`}),` `,e]},e))})}),(0,g.jsx)(u,{title:`Classes`,children:(0,g.jsx)(`ul`,{className:`space-y-1.5 text-[11px]`,children:[[`6th Year Maths H`,`24`],[`5th Year Maths H`,`26`],[`Grinds group A`,`12`]].map(([e,t])=>(0,g.jsxs)(`li`,{className:`flex items-center justify-between rounded-lg bg-muted/40 px-2 py-1.5`,children:[(0,g.jsx)(`span`,{className:`text-muted-foreground`,children:e}),(0,g.jsxs)(`span`,{className:`inline-flex items-center gap-1 font-medium text-foreground`,children:[(0,g.jsx)(a,{className:`h-3 w-3`}),` `,t]})]},e))})})]})]})]})}function v({device:e=`browser`}){let{ref:t,step:n}=h(4,1700);return(0,g.jsx)(`div`,{ref:t,children:(0,g.jsxs)(s,{device:e,path:`unidoodle.app / presenter / snipping`,children:[(0,g.jsx)(d,{title:`Snipping Tool`,right:(0,g.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`Open exam PDF`,`Drag to crop`,`Preview question`,`Saved to My Snips`][n]})}),(0,g.jsxs)(`div`,{className:`grid gap-3 p-3 sm:grid-cols-[1.3fr_1fr]`,children:[(0,g.jsxs)(`div`,{className:`relative rounded-lg border border-border bg-card p-3`,children:[(0,g.jsx)(`p`,{className:`text-[9px] uppercase tracking-wide text-muted-foreground`,children:`Leaving Cert Maths 2024 · Paper 1`}),(0,g.jsx)(`div`,{className:`mt-2 space-y-1.5`,children:[92,78,96,64].map((e,t)=>(0,g.jsx)(`span`,{className:`block h-1.5 rounded-full bg-muted`,style:{width:`${e}%`}},t))}),(0,g.jsxs)(`div`,{className:`relative mt-3 rounded-md bg-muted/40 p-2`,children:[(0,g.jsx)(`p`,{className:`text-[10px] font-medium text-foreground`,children:`3(b) Solve x² − 4 = 0 and interpret the roots.`}),(0,g.jsx)(`div`,{className:`mt-1.5 space-y-1`,children:[88,70].map((e,t)=>(0,g.jsx)(`span`,{className:`block h-1.5 rounded-full bg-muted`,style:{width:`${e}%`}},t))}),(0,g.jsx)(`div`,{className:o(`pointer-events-none absolute inset-0 rounded-md border-2 border-dashed border-accent bg-accent/10 transition-all duration-700`,n===0?`scale-x-0 opacity-0`:`scale-100 opacity-100`),style:{transformOrigin:`left center`},"aria-hidden":!0})]}),(0,g.jsx)(`div`,{className:`mt-3 space-y-1.5`,children:[84,60].map((e,t)=>(0,g.jsx)(`span`,{className:`block h-1.5 rounded-full bg-muted`,style:{width:`${e}%`}},t))})]}),(0,g.jsxs)(`div`,{className:`space-y-2`,children:[(0,g.jsx)(u,{title:`Preview`,children:n>=2?(0,g.jsxs)(`div`,{className:`animate-fade-in rounded-lg border border-accent/40 bg-accent/5 p-2`,children:[(0,g.jsx)(`p`,{className:`text-[10px] font-medium text-accent`,children:`LC 2024 · P1 · Q3(b)`}

1),(0,g.jsx)(`p`,{className:`mt-1 text-[11px] text-foreground/80`,children:`Solve x² − 4 = 0 and interpret the roots.`})]}):(0,g.jsx)(`p`,{className:`text-[11px] text-muted-foreground`,children:`Select a question to preview it.`})}),(0,g.jsx)(u,{title:`My Snips`,children:(0,g.jsxs)(`ul`,{className:`space-y-1.5 text-[11px]`,children:[n>=3&&(0,g.jsxs)(`li`,{className:`animate-scale-in flex items-center gap-2 rounded-lg border border-accent/40 bg-accent/5 px-2 py-1.5 font-medium text-foreground`,children:[(0,g.jsx)(i,{className:`h-3 w-3 text-accent`}),` LC 2024 P1 Q3(b)`]}),[`LC 2023 P2 Q7`,`Mock paper Q4`].map(e=>(0,g.jsx)(`li`,{className:`rounded-lg bg-muted/40 px-2 py-1.5 text-muted-foreground`,children:e},e))]})})]})]})]})})}function y(){let{ref:e,step:t}=h(4,1600);return(0,g.jsx)(`div`,{ref:e,children:(0,g.jsxs)(s,{path:`unidoodle.app / presenter / assignments / new`,children:[(0,g.jsx)(d,{title:`New assignment`}),(0,g.jsxs)(`div`,{className:`grid gap-3 p-3 sm:grid-cols-[1fr_1fr]`,children:[(0,g.jsx)(`div`,{className:`space-y-2`,children:(0,g.jsxs)(u,{title:`Choose questions`,children:[(0,g.jsxs)(`div`,{className:`mb-2 flex gap-1 text-[9px]`,children:[(0,g.jsx)(`span`,{className:`rounded-md bg-accent/15 px-1.5 py-0.5 font-medium text-accent`,children:`My Snips`}),(0,g.jsx)(`span`,{className:`rounded-md bg-muted px-1.5 py-0.5 text-muted-foreground`,children:`UniDoodle Library`})]}),(0,g.jsx)(`ul`,{className:`space-y-1.5 text-[11px]`,children:[`LC 2024 P1 Q3(b)`,`LC 2023 P1 Q5(a)`,`LC 2022 P2 Q7`].map((e,n)=>(0,g.jsx)(`li`,{className:o(`rounded-lg px-2 py-1.5 transition-all duration-500`,t>=1&&n<2?`translate-x-1 border border-accent/40 bg-accent/5 font-medium text-foreground`:`bg-muted/40 text-muted-foreground`),children:e},e))})]})}),(0,g.jsxs)(`div`,{className:`space-y-2`,children:[(0,g.jsxs)(u,{title:`Assignment`,children:[(0,g.jsx)(`p`,{className:`rounded-lg bg-muted/40 px-2 py-1.5 text-[11px] font-medium text-foreground`,children:`Quadratics revision`}),(0,g.jsx)(`p`,{className:`mt-1.5 text-[10px] text-muted-foreground`,children:t>=1?`2 questions selected`:`No questions yet`})]}),(0,g.jsx)(u,{title:`Class & students`,children:(0,g.jsx)(`p`,{className:o(`rounded-lg px-2 py-1.5 text-[11px] transition-colors`,t>=2?`border border-accent/40 bg-accent/5 font-medium text-foreground`:`bg-muted/40 text-muted-foreground`),children:`6th Year Maths H · 24 students`})}),(0,g.jsx)(`div`,{className:o(`rounded-lg px-3 py-2 text-center text-[11px] font-semibold transition-all duration-500`,t>=3?`bg-accent text-accent-foreground`:`bg-muted text-muted-foreground`),children:t>=3?`Published to 24 students`:`Publish`})]})]})]})})}function b(){let{ref:e,step:t}=h(4,1700);return(0,g.jsx)(`div`,{ref:e,children:(0,g.jsxs)(s,{path:`unidoodle.app / presenter / marking`,children:[(0,g.jsx)(d,{title:`Marking · Quadratics revision`,right:(0,g.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`3 of 24`})}),(0,g.jsxs)(`div`,{className:`grid gap-3 p-3 sm:grid-cols-[1.2fr_1fr]`,children:[(0,g.jsx)(u,{title:`Student answer · A. Byrne`,children:(0,g.jsxs)(`div`,{className:`rounded-lg border border-dashed border-border bg-muted/30 p-2`,children:[(0,g.jsx)(`p`,{className:`text-[10px] text-muted-foreground`,children:`Typed working`}),(0,g.jsx)(`p`,{className:`mt-1 text-[11px] text-foreground/80`,children:`x² − 4 = 0 → (x−2)(x+2) = 0 → x = 2, x = −2`}),(0,g.jsx)(`div`,{className:`mt-2 h-14 rounded-md bg-card`}),(0,g.jsx)(`p`,{className:`mt-1 text-[10px] text-muted-foreground`,children:`Sketch attached`})]})}),(0,g.jsxs)(`div`,{className:`space-y-2`,children:[(0,g.jsx)(u,{title:`Mark`,children:(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(`span`,{className:o(`rounded-lg px-2 py-1 text-sm font-bold transition-colors`,t>=1?`bg-accent/15 text-accent`:`bg-muted text-muted-foreground`),children:t>=1?`8`:`–`}),(0,g.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:`/ 10`})]})}),(0,g.jsxs)(u,{title:`Feedback`,children:[(0,g.jsx)(`p`,{className:`min-h-[36px] text-[11px] text-foreground

1/80`,children:t>=2?`Correct roots and clear factorising. Add the vertex next time.`:`…`}),t>=2&&(0,g.jsx)(`p`,{className:`mt-1.5 rounded-md bg-muted/50 px-1.5 py-1 text-[9px] uppercase tracking-wide text-muted-foreground`,children:`Sample AI-assisted suggestion`})]}),(0,g.jsx)(`div`,{className:o(`rounded-lg px-3 py-2 text-center text-[11px] font-semibold transition-all duration-500`,t>=3?`bg-accent text-accent-foreground`:`bg-muted text-muted-foreground`),children:t>=3?`Result released to student`:`Release result`})]})]})]})})}var x=[`AB`,`CD`,`EF`,`GH`,`IJ`,`KL`];function S({device:e=`tablet`}){let{ref:t,step:n}=h(6,1200),r=Math.min(x.length,n*2);return(0,g.jsx)(`div`,{ref:t,children:(0,g.jsxs)(s,{device:e,path:`unidoodle.app / live`,children:[(0,g.jsx)(d,{title:`Live Session`,right:(0,g.jsx)(`span`,{className:`rounded-md bg-accent/15 px-1.5 py-0.5 text-[10px] font-bold tracking-widest text-accent`,children:`JOIN 842‑117`})}),(0,g.jsxs)(`div`,{className:`space-y-3 p-3`,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,g.jsx)(`p`,{className:`text-[11px] font-medium text-foreground`,children:n===0?`Waiting for students…`:`${r} students joined`}),(0,g.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:`unidoodle.ie/live`})]}),(0,g.jsx)(`ul`,{className:`flex gap-1.5`,children:x.map((e,t)=>(0,g.jsx)(`li`,{className:o(`flex h-7 w-7 items-center justify-center rounded-full text-[9px] font-semibold transition-all duration-500`,t<r?`scale-100 bg-primary/10 text-primary opacity-100`:`scale-75 bg-muted text-muted-foreground opacity-30`),children:e},e))}),(0,g.jsx)(u,{title:`Question on screen`,children:(0,g.jsx)(`p`,{className:`text-[11px] text-foreground/80`,children:`Sketch y = x² − 4 and mark the roots.`})}),(0,g.jsxs)(u,{title:`Responses`,children:[(0,g.jsx)(`div`,{className:`grid grid-cols-3 gap-1.5`,children:x.map((e,t)=>(0,g.jsx)(`div`,{className:o(`h-10 rounded-md border transition-all duration-500`,n>=3&&t<(n-2)*2?`border-accent/40 bg-accent/10 opacity-100`:`border-border bg-muted/40 opacity-40`)},e))}),n>=5&&(0,g.jsx)(`p`,{className:`animate-fade-in mt-2 text-[10px] text-muted-foreground`,children:`Presenter reviews responses and marks the common misconception.`})]})]})]})})}function C(){return(0,g.jsxs)(s,{path:`unidoodle.app / presenter / reports`,children:[(0,g.jsx)(d,{title:`Reports · 6th Year Maths H`}),(0,g.jsxs)(`div`,{className:`space-y-3 p-3`,children:[(0,g.jsxs)(`div`,{className:`grid grid-cols-3 gap-2`,children:[(0,g.jsx)(c,{label:`Class accuracy`,value:`71%`}),(0,g.jsx)(c,{label:`Submitted`,value:`22 / 24`}),(0,g.jsx)(c,{label:`Marked`,value:`18`})]}),(0,g.jsx)(u,{title:`Weakest topics`,children:(0,g.jsxs)(`div`,{className:`space-y-2`,children:[(0,g.jsx)(l,{label:`Calculus`,value:44,tone:`primary`}),(0,g.jsx)(l,{label:`Trigonometry`,value:58,tone:`primary`}),(0,g.jsx)(l,{label:`Quadratics`,value:79})]})})]})]})}export{C as a,_ as i,S as n,v as o,b as r,h as s,y as t};