markdown-flow-ui 0.1.100-beta.13 → 0.1.100-beta.15

package/dist/components/Slide/Slide.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),He=require("../../lib/browserUserActivation.cjs.js"),Ke=require("../../lib/sandboxInteraction.cjs.js"),M=require("../../lib/utils.cjs.js"),Ue=require("../ContentRender/ContentRender.cjs.js"),pe=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const he=require("../../lib/interaction-defaults.cjs.js"),Ve=require("./Player.cjs.js"),ze=require("./useSlide.cjs.js"),Ge=require("./useWakePlayerFromIframe.cjs.js");;/* empty css               */const We=1e3,be=t.memo(({content:y,title:E,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:b,confirmButtonText:S,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C=!1})=>n.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:n.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:E})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:n.jsxRuntimeExports.jsx(Ue.default,{content:y,defaultButtonText:c,defaultInputText:_,defaultSelectedValues:b,confirmButtonText:S,copyButtonText:T,copiedButtonText:R,onSend:F,readonly:C,enableTypewriter:!1,sandboxMode:"content"})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-arrow"})]}));be.displayName="InteractionOverlayCard";const Ye=(y,E)=>y.length===E.length&&y.every((c,_)=>{const b=E[_];return c.sequence_number===b?.sequence_number&&c.type===b?.type&&c.content===b?.content}),Je=({elementList:y=[],showPlayer:E=!0,playerAlwaysVisible:c=!1,playerClassName:_,interactionTitle:b,interactionTexts:S,playerAutoHideDelay:T=3e3,interactionDefaultValueOptions:R,onSend:F,onPlayerVisibilityChange:C,onStepChange:ee,className:ve,onPointerDown:te,...ge})=>{const J=t.useRef(null),Q=t.useRef(null),ne=t.useRef(null),P=t.useRef(null),q=t.useRef(null),A=t.useRef(null),re=t.useRef([]),L=t.useRef(!1),{currentElementList:f,stepElementLists:se,slideElementList:O,currentIndex:p,audioList:oe,currentAudioSequenceIndexes:k,currentInteractionElement:N,canGoPrev:ye,canGoNext:v,handlePrev:ue,handleNext:h}=ze.default(y),le=t.useMemo(()=>{if(!(p<0))return O[p]},[p,O]),Ee=O.filter(e=>e.is_renderable!==!1).length===1,d=E&&(O.length>0||oe.length>0||!!N),[ie,$]=t.useState(!0),[D,B]=t.useState(!1),[Se,X]=t.useState(!1),[Re]=t.useState(()=>He.hasBrowserUserActivation()),we=Re||Se,[Ie,H]=t.useState(-1),[K,U]=t.useState(-1),[r,Z]=t.useState(),[V,z]=t.useState(!1),w=d&&(c||ie),g=t.useCallback(()=>{P.current!==null&&(window.clearTimeout(P.current),P.current=null)},[]),m=t.useCallback(()=>{A.current!==null&&(window.clearTimeout(A.current),A.current=null)},[]),I=t.useCallback(()=>{q.current!==null&&(window.clearTimeout(q.current),q.current=null)},[]),j=t.useCallback(()=>{I(),m(),H(-1),U(-1),Z(void 0),z(!1)},[I,m]),G=t.useCallback(()=>{const e=k[0];return typeof e!="number"?!1:(U(0),H(e),!0)},[k]),W=t.useCallback(()=>{m(),z(!1),!G()&&v&&h()},[v,m,h,G]),i=t.useCallback((e=D)=>{d&&($(!0),g(),!(c||!e||T<=0)&&(P.current=window.setTimeout(()=>{$(!1),P.current=null},T)))},[g,D,c,T,d]);t.useEffect(()=>()=>{I(),g(),m()},[I,m,g]),t.useEffect(()=>(C?.(w),()=>{C?.(!1)}),[C,w]),t.useEffect(()=>{ee?.(le,p)},[p,le,ee]),t.useEffect(()=>{if(!d){g(),$(!1);return}if(c){g(),$(!0);return}D||i(!0)},[g,D,c,d,i]),t.useEffect(()=>{if(typeof window>"u")return;const e=s=>{s.origin===window.location.origin&&Ke.isSandboxInteractionMessage(s.data)&&d&&(B(!0),i(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[d,i]),Ge.default({sectionRef:J,enabled:d,onWake:()=>{B(!0),i(!0)}}),t.useEffect(()=>{if(j(),!(f.length===0&&!N)){if(N){Z(N),z(!0);return}if(!G()&&v)return q.current=window.setTimeout(()=>{q.current=null,h()},We),()=>{I()}}},[v,I,f,N,h,j,G]);const ae=t.useMemo(()=>r?he.getInteractionDefaultValues(typeof r.content=="string"?r.content:void 0,r.user_input,R):{},[r,R]),je=t.useMemo(()=>{if(r)return he.getInteractionDefaultSelectedValues(typeof r.content=="string"?r.content:void 0,r.user_input,R)},[r,R]),ce=!!r?.user_input?.trim(),de=!!r?.readonly||ce,fe=de||ce,_e=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Z(a=>!a||!u?a:{...a,user_input:u}),F?.(e,r),W()},[r,W,F]);t.useEffect(()=>{if(m(),!(!V||!fe))return A.current=window.setTimeout(()=>{A.current=null,W()},2e3),()=>{m()}},[m,W,V,fe]);const Te=e=>e?e.type==="slot"?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?n.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"sandbox",content:e.content}):n.jsxRuntimeExports.jsx(pe.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Ce=(e=[],s=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,a=e.reduce((o,l,x)=>l.is_renderable!==!1?x:o,-1);return n.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const x=o.type==="html"&&o.is_renderable===!1;return n.jsxRuntimeExports.jsx("div",{ref:s&&l===a?ne:null,"aria-hidden":x||void 0,className:M.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",x?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:Te(o)},o.sequence_number??`${o.type}-${l}`)})})},{mountedStepStates:Pe,currentMountedStateIndex:qe}=t.useMemo(()=>{const e=[],s=new Map;return se.forEach((u,a)=>{const o=e.findIndex(l=>Ye(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(a),s.set(a,o);return}e.push({elementList:u,sourceStepIndexes:[a]}),s.set(a,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:p>=0?s.get(p)??-1:-1}},[p,se]),Ae=()=>{const e=J.current;if(e){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},me=t.useCallback(()=>{const e=Q.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),ke=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),ue()},[ue,j,i]),Ne=t.useCallback(()=>{L.current=!0,B(!0),X(!0),i(!0),j(),h()},[h,j,i]),Be=t.useCallback(e=>{if(K<0||k[K]!==e)return;const s=K+1,u=k[s];if(typeof u=="number"){U(s),H(u);return}H(-1),U(-1),v&&h()},[v,k,K,h]),Me=t.useCallback(()=>{r&&z(e=>!e)},[r]),xe=t.useCallback(e=>{e.stopPropagation(),w&&i(!0)},[ie,i]),Fe=t.useCallback(e=>{te?.(e),B(!0),i(!0)},[te,i]),Le=!!r&&V,Y=t.useMemo(()=>f.map((e,s)=>`${e.sequence_number??`${e.type}-${s}`}:${String(e.is_new??"")}`),[f]);return t.useEffect(()=>{const e=re.current,a=(e.length>0&&e.length<Y.length&&e.every((l,x)=>l===Y[x])?f.slice(e.length):[]).some(l=>l.is_new===!1);if(re.current=Y,!a)return;const o=window.requestAnimationFrame(()=>{const l=Q.current,x=ne.current;if(!l||!x)return;const Oe=l.getBoundingClientRect(),$e=x.getBoundingClientRect(),De=l.scrollTop+($e.top-Oe.top);l.scrollTo({top:Math.max(De,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[f,Y]),t.useEffect(()=>{if(!L.current||(L.current=!1,f.length===0))return;const e=window.requestAnimationFrame(()=>{me()});return()=>{window.cancelAnimationFrame(e)}},[f,me]),n.jsxRuntimeExports.jsxs("section",{ref:J,className:M.cn("relative h-full w-full",ve),onPointerDown:Fe,...ge,children:[n.jsxRuntimeExports.jsx("div",{className:M.cn("h-full min-h-0 w-full",Ee?"slide-content--single":"grid gap-4"),children:f.length>0?n.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:n.jsxRuntimeExports.jsx("div",{ref:Q,className:"slide-stage__layer w-full",children:Pe.map((e,s)=>{const u=s===qe;return n.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full",style:{display:u?void 0:"none"},children:Ce(e.elementList,u)},e.sourceStepIndexes[0]??s)})})}):null}),Le?n.jsxRuntimeExports.jsx("div",{className:M.cn("slide-interaction-overlay",w&&d?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:xe,onPointerDown:xe,children:n.jsxRuntimeExports.jsx(be,{content:String(r?.content??""),defaultButtonText:ae.buttonText??"",defaultInputText:ae.inputText??"",defaultSelectedValues:je,confirmButtonText:S?.confirmButtonText,copyButtonText:S?.copyButtonText,copiedButtonText:S?.copiedButtonText,onSend:_e,readonly:de,title:S?.title??b??"Submit the content below to continue."})}):null,d?n.jsxRuntimeExports.jsx(Ve.default,{audioList:oe,className:M.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",_,!w&&"pointer-events-none opacity-0"),currentAudioIndex:Ie,defaultPlaying:we,hasInteraction:!!r,isInteractionOpen:V,nextDisabled:!v,onEnded:Be,onFullscreen:Ae,onInteractionToggle:Me,onPlayRequest:()=>X(!0),onNext:Ne,onPrev:ke,prevDisabled:!ye,showControls:w}):null]})};exports.default=Je;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),Xe=require("../../lib/browserUserActivation.cjs.js"),Ze=require("../../lib/sandboxInteraction.cjs.js"),F=require("../../lib/utils.cjs.js"),et=require("../ContentRender/ContentRender.cjs.js"),je=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const we=require("../../lib/interaction-defaults.cjs.js"),tt=require("./Player.cjs.js"),nt=require("./useSlide.cjs.js"),rt=require("./useWakePlayerFromIframe.cjs.js");;/* empty css               */const st=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.cjs.js"),ot=1e3,Ie=t.memo(({content:R,title:j,defaultButtonText:c,defaultInputText:k,defaultSelectedValues:y,confirmButtonText:X,copyButtonText:w,copiedButtonText:A,onSend:I,readonly:L=!1})=>n.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:n.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:j})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:n.jsxRuntimeExports.jsx(et.default,{content:R,defaultButtonText:c,defaultInputText:k,defaultSelectedValues:y,confirmButtonText:X,copyButtonText:w,copiedButtonText:A,onSend:I,readonly:L,enableTypewriter:!1,sandboxMode:"content"})}),n.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-arrow"})]}));Ie.displayName="InteractionOverlayCard";const ut=(R,j)=>R.length===j.length&&R.every((c,k)=>{const y=j[k];return c.sequence_number===y?.sequence_number&&c.type===y?.type&&c.content===y?.content}),lt=({elementList:R=[],showPlayer:j=!0,playerAlwaysVisible:c=!1,playerClassName:k,bufferingText:y="Buffering...",interactionTitle:X,interactionTexts:w,playerAutoHideDelay:A=3e3,interactionDefaultValueOptions:I,onSend:L,onPlayerVisibilityChange:Z,onStepChange:oe,className:Ce,onPointerDown:ue,..._e})=>{const ee=t.useRef(null),te=t.useRef(null),le=t.useRef(null),q=t.useRef(null),N=t.useRef(null),M=t.useRef(null),ae=t.useRef([]),H=t.useRef(!1),{currentElementList:x,stepElementLists:ie,slideElementList:O,currentIndex:b,audioList:ce,currentAudioSequenceIndexes:p,currentStepHasSpeakableElement:C,currentInteractionElement:d,canGoPrev:Te,canGoNext:v,handlePrev:de,handleNext:S}=nt.default(R),fe=t.useMemo(()=>{if(!(b<0))return O[b]},[b,O]),Pe=O.filter(e=>e.is_renderable!==!1).length===1,f=j&&(O.length>0||ce.length>0||!!d),[me,$]=t.useState(!0),[K,B]=t.useState(!1),[ke,ne]=t.useState(!1),[Ae]=t.useState(()=>Xe.hasBrowserUserActivation()),qe=Ae||ke,[Ne,D]=t.useState(-1),[z,V]=t.useState(-1),[xe,m]=t.useState(!1),[W,pe]=t.useState(!1),[s,re]=t.useState(),[U,G]=t.useState(!1),_=f&&(c||me||xe),{mountedStepStates:Me,currentMountedStateIndex:se}=t.useMemo(()=>{const e=[],r=new Map;return ie.forEach((u,i)=>{const o=e.findIndex(l=>ut(l.elementList,u));if(o>=0){e[o]?.sourceStepIndexes.push(i),r.set(i,o);return}e.push({elementList:u,sourceStepIndexes:[i]}),r.set(i,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:b>=0?r.get(b)??-1:-1}},[b,ie]),he=t.useMemo(()=>p.join(","),[p]),ge=t.useMemo(()=>d?`${d.sequence_number??"none"}:${String(d.content??"")}`:"none",[d]),Be=t.useMemo(()=>[se,ge,he].join("|"),[he,ge,se]),E=t.useCallback(()=>{q.current!==null&&(window.clearTimeout(q.current),q.current=null)},[]),h=t.useCallback(()=>{M.current!==null&&(window.clearTimeout(M.current),M.current=null)},[]),T=t.useCallback(()=>{N.current!==null&&(window.clearTimeout(N.current),N.current=null)},[]),P=t.useCallback(()=>{T(),h(),D(-1),V(-1),m(!1),pe(!1),re(void 0),G(!1)},[T,h]),Y=t.useCallback(()=>{const e=p[0];return typeof e!="number"?!1:(V(0),D(e),!0)},[p]),J=t.useCallback(()=>{h(),G(!1),!Y()&&v&&S()},[v,h,S,Y]),a=t.useCallback((e=K)=>{f&&($(!0),E(),!(c||!e||A<=0)&&(q.current=window.setTimeout(()=>{$(!1),q.current=null},A)))},[E,K,c,A,f]);t.useEffect(()=>()=>{T(),E(),h()},[T,h,E]),t.useEffect(()=>(Z?.(_),()=>{Z?.(!1)}),[Z,_]),t.useEffect(()=>{oe?.(fe,b)},[b,fe,oe]),t.useEffect(()=>{if(!f){E(),$(!1);return}if(c){E(),$(!0);return}K||a(!0)},[E,K,c,f,a]),t.useEffect(()=>{if(typeof window>"u")return;const e=r=>{r.origin===window.location.origin&&Ze.isSandboxInteractionMessage(r.data)&&f&&(B(!0),a(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[f,a]),rt.default({sectionRef:ee,enabled:f,onWake:()=>{B(!0),a(!0)}}),t.useEffect(()=>{if(P(),!(x.length===0&&!d)){if(d){re(d),G(!0);return}if(!Y()){if(C){m(!0);return}if(v)return N.current=window.setTimeout(()=>{N.current=null,S()},ot),()=>{T()}}}},[v,T,x.length,d,Be,C,S,P,Y]),t.useEffect(()=>{if(!C||d){m(!1);return}if(W){m(!1);return}p.length===0&&m(!0)},[p.length,d,C,W]);const be=t.useMemo(()=>s?we.getInteractionDefaultValues(typeof s.content=="string"?s.content:void 0,s.user_input,I):{},[s,I]),Fe=t.useMemo(()=>{if(s)return we.getInteractionDefaultSelectedValues(typeof s.content=="string"?s.content:void 0,s.user_input,I)},[s,I]),Se=!!s?.user_input?.trim(),ye=!!s?.readonly||Se,ve=ye||Se,Le=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");re(i=>!i||!u?i:{...i,user_input:u}),L?.(e,s),J()},[s,J,L]);t.useEffect(()=>{if(h(),!(!U||!ve))return M.current=window.setTimeout(()=>{M.current=null,J()},2e3),()=>{h()}},[h,J,U,ve]);const He=(e,r={})=>e?e.type==="slot"?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?n.jsxRuntimeExports.jsx(je.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:r.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content}):n.jsxRuntimeExports.jsx(je.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,Oe=(e=[],r=!1)=>{if(e.length===0)return null;const u=e.filter(o=>o.is_renderable!==!1).length,i=e.reduce((o,l,g)=>l.is_renderable!==!1?g:o,-1);return n.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((o,l)=>{const g=o.type==="html"&&o.is_renderable===!1;return n.jsxRuntimeExports.jsx("div",{ref:r&&l===i?le:null,"aria-hidden":g||void 0,className:F.cn("w-full shrink-0",u===1&&o.is_renderable!==!1&&"slide-element--single",g?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":o.is_renderable===!1&&"hidden"),children:He(o,{replaceRootScreenHeightWithFull:u===1&&o.type==="html"&&o.is_renderable!==!1})},o.sequence_number??`${o.type}-${l}`)})})},$e=()=>{const e=ee.current;if(e){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},Ee=t.useCallback(()=>{const e=te.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),Ke=t.useCallback(()=>{H.current=!0,B(!0),ne(!0),m(!1),a(!0),P(),de()},[de,P,a]),De=t.useCallback(()=>{H.current=!0,B(!0),ne(!0),m(!1),a(!0),P(),S()},[S,P,a]),ze=t.useCallback(e=>{if(!C||W){m(!1);return}m(e)},[C,W]),Ve=t.useCallback(e=>{if(z<0||p[z]!==e)return;const r=z+1,u=p[r];if(typeof u=="number"){V(r),D(u);return}D(-1),V(-1),pe(!0),m(!1),v&&S()},[v,p,z,S]),We=t.useCallback(()=>{s&&G(e=>!e)},[s]),Re=t.useCallback(e=>{e.stopPropagation(),_&&a(!0)},[me,a]),Ue=t.useCallback(e=>{ue?.(e),B(!0),a(!0)},[ue,a]),Ge=!!s&&U,Q=t.useMemo(()=>x.map((e,r)=>`${e.sequence_number??`${e.type}-${r}`}:${String(e.is_new??"")}`),[x]);return t.useEffect(()=>{const e=ae.current,i=(e.length>0&&e.length<Q.length&&e.every((l,g)=>l===Q[g])?x.slice(e.length):[]).some(l=>l.is_new===!1);if(ae.current=Q,!i)return;const o=window.requestAnimationFrame(()=>{const l=te.current,g=le.current;if(!l||!g)return;const Ye=l.getBoundingClientRect(),Je=g.getBoundingClientRect(),Qe=l.scrollTop+(Je.top-Ye.top);l.scrollTo({top:Math.max(Qe,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(o)}},[x,Q]),t.useEffect(()=>{if(!H.current||(H.current=!1,x.length===0))return;const e=window.requestAnimationFrame(()=>{Ee()});return()=>{window.cancelAnimationFrame(e)}},[x,Ee]),n.jsxRuntimeExports.jsxs("section",{ref:ee,className:F.cn("relative h-full w-full",Ce),onPointerDown:Ue,..._e,children:[n.jsxRuntimeExports.jsx("div",{className:F.cn("h-full min-h-0 w-full",Pe?"slide-content--single":"grid gap-4"),children:x.length>0?n.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:n.jsxRuntimeExports.jsx("div",{ref:te,className:"slide-stage__layer w-full",children:Me.map((e,r)=>{const u=r===se;return n.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:Oe(e.elementList,u)},e.sourceStepIndexes[0]??r)})})}):null}),xe?n.jsxRuntimeExports.jsxs("div",{className:"pointer-events-none absolute left-1/2 top-1/2 z-[3] flex size-28 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-2 rounded-2xl bg-foreground/65 px-3 py-4 text-center text-xs leading-4 font-medium text-background shadow-lg backdrop-blur-sm",children:[n.jsxRuntimeExports.jsx(st.default,{className:"size-5 animate-spin text-background"}),n.jsxRuntimeExports.jsx("span",{children:y})]}):null,Ge?n.jsxRuntimeExports.jsx("div",{className:F.cn("slide-interaction-overlay",_&&f?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Re,onPointerDown:Re,children:n.jsxRuntimeExports.jsx(Ie,{content:String(s?.content??""),defaultButtonText:be.buttonText??"",defaultInputText:be.inputText??"",defaultSelectedValues:Fe,confirmButtonText:w?.confirmButtonText,copyButtonText:w?.copyButtonText,copiedButtonText:w?.copiedButtonText,onSend:Le,readonly:ye,title:w?.title??X??"Submit the content below to continue."})}):null,f?n.jsxRuntimeExports.jsx(tt.default,{audioList:ce,className:F.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",k,!_&&"pointer-events-none opacity-0"),currentAudioIndex:Ne,defaultPlaying:qe,hasInteraction:!!s,isInteractionOpen:U,onLoadingChange:ze,nextDisabled:!v,onEnded:Ve,onFullscreen:$e,onInteractionToggle:We,onPlayRequest:()=>ne(!0),onNext:De,onPrev:Ke,prevDisabled:!Te,showControls:_}):null]})};exports.default=lt;
 //# sourceMappingURL=Slide.cjs.js.map

package/dist/components/Slide/Slide.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.cjs.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { hasBrowserUserActivation } from \"../../lib/browserUserActivation\";\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport Player from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  confirmButtonText?: string;\n  copyButtonText?: string;\n  copiedButtonText?: string;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts\n  extends Pick<\n    ContentRenderProps,\n    \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n  > {\n  title?: string;\n}\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\n    confirmButtonText,\n    copyButtonText,\n    copiedButtonText,\n    onSend,\n    readonly = false,\n  }: InteractionOverlayCardProps) => (\n    <div className=\"slide-player__interaction-card\">\n      <div className=\"slide-player__interaction-header\">\n        <p className=\"slide-player__interaction-title\">{title}</p>\n      </div>\n      <div className=\"slide-player__interaction-body\">\n        <ContentRender\n          content={content}\n          defaultButtonText={defaultButtonText}\n          defaultInputText={defaultInputText}\n          defaultSelectedValues={defaultSelectedValues}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          onSend={onSend}\n          readonly={readonly}\n          enableTypewriter={false}\n          sandboxMode=\"content\"\n        />\n      </div>\n      <div className=\"slide-player__interaction-arrow\" />\n    </div>\n  )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => {\n    const nextElement = nextElementList[index];\n\n    return (\n      element.sequence_number === nextElement?.sequence_number &&\n      element.type === nextElement?.type &&\n      element.content === nextElement?.content\n    );\n  });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerAlwaysVisible?: boolean;\n  playerClassName?: string;\n  interactionTitle?: string;\n  interactionTexts?: SlideInteractionTexts;\n  playerAutoHideDelay?: number;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  interactionTitle,\n  interactionTexts,\n  playerAutoHideDelay = 3000,\n  interactionDefaultValueOptions,\n  onSend,\n  onPlayerVisibilityChange,\n  onStepChange,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const stageLayerRef = useRef<HTMLDivElement | null>(null);\n  const lastElementRef = useRef<HTMLDivElement | null>(null);\n  const playerHideTimerRef = useRef<number | null>(null);\n  const autoAdvanceTimerRef = useRef<number | null>(null);\n  const interactionAutoCloseTimerRef = useRef<number | null>(null);\n  const prevRenderElementKeysRef = useRef<string[]>([]);\n  const shouldScrollToBottomRef = useRef(false);\n  const {\n    currentElementList,\n    stepElementLists,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev: goPrev,\n    handleNext: goNext,\n  } = useSlide(elementList);\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    return slideElementList[currentIndex];\n  }, [currentIndex, slideElementList]);\n  const visibleMarkerCount = slideElementList.filter(\n    (element) => element.is_renderable !== false\n  ).length;\n  const isSingleSlide = visibleMarkerCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (slideElementList.length > 0 ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [hasPlaybackInteracted, setHasPlaybackInteracted] = useState(false);\n  const [shouldAutoPlay] = useState(() => hasBrowserUserActivation());\n  const canAutoPlayAudio = shouldAutoPlay || hasPlaybackInteracted;\n  const [currentAudioIndex, setCurrentAudioIndex] = useState(-1);\n  const [currentAudioSequencePosition, setCurrentAudioSequencePosition] =\n    useState(-1);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const playerVisible =\n    shouldRenderPlayer && (playerAlwaysVisible || isPlayerVisible);\n\n  const clearPlayerHideTimer = useCallback(() => {\n    if (playerHideTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(playerHideTimerRef.current);\n    playerHideTimerRef.current = null;\n  }, []);\n\n  const clearInteractionAutoCloseTimer = useCallback(() => {\n    if (interactionAutoCloseTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionAutoCloseTimerRef.current);\n    interactionAutoCloseTimerRef.current = null;\n  }, []);\n\n  const clearAutoAdvanceTimer = useCallback(() => {\n    if (autoAdvanceTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(autoAdvanceTimerRef.current);\n    autoAdvanceTimerRef.current = null;\n  }, []);\n\n  const resetAudioSequence = useCallback(() => {\n    clearAutoAdvanceTimer();\n    clearInteractionAutoCloseTimer();\n    setCurrentAudioIndex(-1);\n    setCurrentAudioSequencePosition(-1);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n  }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioIndex = currentAudioSequenceIndexes[0];\n\n    if (typeof nextAudioIndex !== \"number\") {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioSequencePosition(0);\n    setCurrentAudioIndex(nextAudioIndex);\n    return true;\n  }, [currentAudioSequenceIndexes]);\n\n  const continueAfterInteraction = useCallback(() => {\n    clearInteractionAutoCloseTimer();\n    setIsInteractionOverlayOpen(false);\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (canGoNext) {\n      goNext();\n    }\n  }, [\n    canGoNext,\n    clearInteractionAutoCloseTimer,\n    goNext,\n    startCurrentAudioSequence,\n  ]);\n\n  const showPlayerControls = useCallback(\n    (enableAutoHide = hasPlayerInteracted) => {\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      setIsPlayerVisible(true);\n      clearPlayerHideTimer();\n\n      if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n        return;\n      }\n\n      playerHideTimerRef.current = window.setTimeout(() => {\n        setIsPlayerVisible(false);\n        playerHideTimerRef.current = null;\n      }, playerAutoHideDelay);\n    },\n    [\n      clearPlayerHideTimer,\n      hasPlayerInteracted,\n      playerAlwaysVisible,\n      playerAutoHideDelay,\n      shouldRenderPlayer,\n    ]\n  );\n\n  useEffect(() => {\n    return () => {\n      clearAutoAdvanceTimer();\n      clearPlayerHideTimer();\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearPlayerHideTimer,\n  ]);\n\n  useEffect(() => {\n    onPlayerVisibilityChange?.(playerVisible);\n\n    return () => {\n      onPlayerVisibilityChange?.(false);\n    };\n  }, [onPlayerVisibilityChange, playerVisible]);\n\n  useEffect(() => {\n    onStepChange?.(currentStepElement, currentIndex);\n  }, [currentIndex, currentStepElement, onStepChange]);\n\n  useEffect(() => {\n    if (!shouldRenderPlayer) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(false);\n      return;\n    }\n\n    if (playerAlwaysVisible) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(true);\n      return;\n    }\n\n    if (!hasPlayerInteracted) {\n      // Keep the initial player visible briefly, then hide it automatically.\n      showPlayerControls(true);\n    }\n  }, [\n    clearPlayerHideTimer,\n    hasPlayerInteracted,\n    playerAlwaysVisible,\n    shouldRenderPlayer,\n    showPlayerControls,\n  ]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const handleSandboxInteraction = (event: MessageEvent) => {\n      if (event.origin !== window.location.origin) {\n        return;\n      }\n\n      if (!isSandboxInteractionMessage(event.data)) {\n        return;\n      }\n\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      // Restore player controls without blocking native iframe scrolling.\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    };\n\n    window.addEventListener(\"message\", handleSandboxInteraction);\n\n    return () => {\n      window.removeEventListener(\"message\", handleSandboxInteraction);\n    };\n  }, [shouldRenderPlayer, showPlayerControls]);\n\n  useWakePlayerFromIframe({\n    sectionRef,\n    enabled: shouldRenderPlayer,\n    onWake: () => {\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n  });\n\n  useEffect(() => {\n    resetAudioSequence();\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (currentInteractionElement) {\n      // Show the interaction gate before playing any follow-up audio.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    // Auto-advance silent marker-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList,\n    currentInteractionElement,\n    goNext,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n  ]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n  const isInteractionReadonly =\n    Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n  const shouldAutoContinueInteraction =\n    isInteractionReadonly || hasResolvedInteractionInput;\n\n  const handleInteractionSend = useCallback(\n    (content: OnSendContentParams) => {\n      const submittedValues = [\n        ...(content.selectedValues ?? []),\n        content.inputText?.trim() ?? \"\",\n        content.buttonText?.trim() ?? \"\",\n      ].filter(Boolean);\n      const resolvedUserInput = submittedValues.join(\", \");\n\n      setActiveInteractionElement((prevElement) => {\n        if (!prevElement || !resolvedUserInput) {\n          return prevElement;\n        }\n\n        return {\n          ...prevElement,\n          user_input: resolvedUserInput,\n        };\n      });\n\n      onSend?.(content, activeInteractionElement);\n      continueAfterInteraction();\n    },\n    [activeInteractionElement, continueAfterInteraction, onSend]\n  );\n\n  useEffect(() => {\n    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n      return;\n    }\n\n    // Auto-close passive interaction checkpoints to keep playback moving.\n    interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n      interactionAutoCloseTimerRef.current = null;\n\n      continueAfterInteraction();\n    }, 2000);\n\n    return () => {\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearInteractionAutoCloseTimer,\n    continueAfterInteraction,\n    isInteractionOverlayOpen,\n    shouldAutoContinueInteraction,\n  ]);\n\n  const renderSlideElement = (element?: Element) => {\n    if (!element) {\n      return null;\n    }\n\n    if (element.type === \"slot\") {\n      return <>{element.content}</>;\n    }\n\n    if (element.type === \"html\") {\n      return (\n        <IframeSandbox\n          className=\"content-render-iframe\"\n          hideFullScreen\n          mode=\"blackboard\"\n          type=\"sandbox\"\n          content={element.content as string}\n        />\n      );\n    }\n\n    return (\n      <IframeSandbox\n        className=\"content-render-iframe\"\n        hideFullScreen\n        mode=\"blackboard\"\n        type=\"markdown\"\n        content={element.content as string}\n      />\n    );\n  };\n\n  const renderSlideElementList = (\n    elementList: Element[] = [],\n    isActiveStep = false\n  ) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_renderable !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_renderable !== false ? index : lastVisibleIndex,\n      -1\n    );\n\n    return (\n      <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n        {elementList.map((element, index) => {\n          const isPreRenderedHtml =\n            element.type === \"html\" && element.is_renderable === false;\n\n          return (\n            <div\n              key={element.sequence_number ?? `${element.type}-${index}`}\n              ref={\n                isActiveStep && index === lastVisibleElementIndex\n                  ? lastElementRef\n                  : null\n              }\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_renderable !== false &&\n                  \"slide-element--single\",\n                isPreRenderedHtml\n                  ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n                  : element.is_renderable === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element)}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n    const nextMountedStepStates: Array<{\n      elementList: Element[];\n      sourceStepIndexes: number[];\n    }> = [];\n    const mountedStateIndexByStep = new Map<number, number>();\n\n    stepElementLists.forEach((stepElementList, stepIndex) => {\n      const existingMountedStateIndex = nextMountedStepStates.findIndex(\n        (mountedStepState) =>\n          areStepElementListsEqual(\n            mountedStepState.elementList,\n            stepElementList\n          )\n      );\n\n      if (existingMountedStateIndex >= 0) {\n        nextMountedStepStates[\n          existingMountedStateIndex\n        ]?.sourceStepIndexes.push(stepIndex);\n        mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n        return;\n      }\n\n      nextMountedStepStates.push({\n        elementList: stepElementList,\n        sourceStepIndexes: [stepIndex],\n      });\n      mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n    });\n\n    return {\n      mountedStepStates: nextMountedStepStates,\n      currentMountedStateIndex:\n        currentIndex >= 0\n          ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n          : -1,\n    };\n  }, [currentIndex, stepElementLists]);\n\n  const handleFullscreen = () => {\n    const target = sectionRef.current;\n    if (!target) return;\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n\n    target.requestFullscreen?.().catch(() => {});\n  };\n\n  const scrollStageToBottom = useCallback(() => {\n    const stageLayerElement = stageLayerRef.current;\n\n    if (!stageLayerElement) {\n      return;\n    }\n\n    // Keep the latest content visible after manual player navigation.\n    stageLayerElement.scrollTo({\n      top: stageLayerElement.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, []);\n\n  const handlePrev = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    setHasPlayerInteracted(true);\n    setHasPlaybackInteracted(true);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    setHasPlayerInteracted(true);\n    setHasPlaybackInteracted(true);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      if (currentAudioSequencePosition < 0) {\n        return;\n      }\n\n      if (\n        currentAudioSequenceIndexes[currentAudioSequencePosition] !== audioIndex\n      ) {\n        return;\n      }\n\n      const nextSequencePosition = currentAudioSequencePosition + 1;\n      const nextAudioIndex = currentAudioSequenceIndexes[nextSequencePosition];\n\n      if (typeof nextAudioIndex === \"number\") {\n        setCurrentAudioSequencePosition(nextSequencePosition);\n        setCurrentAudioIndex(nextAudioIndex);\n        return;\n      }\n\n      setCurrentAudioIndex(-1);\n      setCurrentAudioSequencePosition(-1);\n\n      if (canGoNext) {\n        goNext();\n      }\n    },\n    [\n      canGoNext,\n      currentAudioSequenceIndexes,\n      currentAudioSequencePosition,\n      goNext,\n    ]\n  );\n\n  const handleInteractionToggle = useCallback(() => {\n    if (!activeInteractionElement) {\n      return;\n    }\n\n    setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n  }, [activeInteractionElement]);\n\n  const stopOverlayPropagation = useCallback(\n    (\n      event:\n        | React.PointerEvent<HTMLDivElement>\n        | React.MouseEvent<HTMLDivElement>\n    ) => {\n      event.stopPropagation();\n\n      // Keep the player visible a bit longer when users interact with the overlay.\n      if (playerVisible) {\n        showPlayerControls(true);\n      }\n    },\n    [isPlayerVisible, showPlayerControls]\n  );\n\n  const handleSurfacePointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      onPointerDown?.(event);\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n    [onPointerDown, showPlayerControls]\n  );\n\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n      ),\n    [currentElementList]\n  );\n\n  useEffect(() => {\n    const prevKeys = prevRenderElementKeysRef.current;\n    const hasStablePrefix =\n      prevKeys.length > 0 &&\n      prevKeys.length < currentRenderElementKeys.length &&\n      prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n    const appendedElements = hasStablePrefix\n      ? currentElementList.slice(prevKeys.length)\n      : [];\n    const shouldAutoScrollToAppend = appendedElements.some(\n      (element) => element.is_new === false\n    );\n\n    prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n    if (!shouldAutoScrollToAppend) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const stageLayerElement = stageLayerRef.current;\n      const targetElement = lastElementRef.current;\n\n      if (!stageLayerElement || !targetElement) {\n        return;\n      }\n\n      const stageLayerRect = stageLayerElement.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const nextScrollTop =\n        stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n      // Keep newly appended content visible when the current slide grows downward.\n      stageLayerElement.scrollTo({\n        top: Math.max(nextScrollTop, 0),\n        behavior: \"smooth\",\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, currentRenderElementKeys]);\n\n  useEffect(() => {\n    if (!shouldScrollToBottomRef.current) {\n      return;\n    }\n\n    shouldScrollToBottomRef.current = false;\n\n    if (currentElementList.length === 0) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      scrollStageToBottom();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, scrollStageToBottom]);\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\"relative h-full w-full\", className)}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-full min-h-0 w-full\",\n          isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n        )}\n      >\n        {currentElementList.length > 0 ? (\n          <div className=\"slide-stage\">\n            <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n              {mountedStepStates.map(\n                (mountedStepState, mountedStepStateIndex) => {\n                  const isActiveStep =\n                    mountedStepStateIndex === currentMountedStateIndex;\n\n                  return (\n                    <div\n                      key={\n                        mountedStepState.sourceStepIndexes[0] ??\n                        mountedStepStateIndex\n                      }\n                      aria-hidden={!isActiveStep || undefined}\n                      className=\"w-full\"\n                      style={{ display: isActiveStep ? undefined : \"none\" }}\n                    >\n                      {renderSlideElementList(\n                        mountedStepState.elementList,\n                        isActiveStep\n                      )}\n                    </div>\n                  );\n                }\n              )}\n            </div>\n          </div>\n        ) : null}\n      </div>\n\n      {shouldShowInteractionOverlay ? (\n        <div\n          className={cn(\n            \"slide-interaction-overlay\",\n            playerVisible && shouldRenderPlayer\n              ? \"slide-interaction-overlay--with-player\"\n              : \"slide-interaction-overlay--standalone\"\n          )}\n          onClick={stopOverlayPropagation}\n          onPointerDown={stopOverlayPropagation}\n        >\n          <InteractionOverlayCard\n            content={String(activeInteractionElement?.content ?? \"\")}\n            defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n            defaultInputText={interactionDefaults.inputText ?? \"\"}\n            defaultSelectedValues={interactionDefaultSelectedValues}\n            confirmButtonText={interactionTexts?.confirmButtonText}\n            copyButtonText={interactionTexts?.copyButtonText}\n            copiedButtonText={interactionTexts?.copiedButtonText}\n            onSend={handleInteractionSend}\n            readonly={isInteractionReadonly}\n            title={\n              interactionTexts?.title ??\n              interactionTitle ??\n              \"Submit the content below to continue.\"\n            }\n          />\n        </div>\n      ) : null}\n\n      {shouldRenderPlayer ? (\n        <Player\n          audioList={audioList}\n          className={cn(\n            \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n            playerClassName,\n            !playerVisible && \"pointer-events-none opacity-0\"\n          )}\n          currentAudioIndex={currentAudioIndex}\n          defaultPlaying={canAutoPlayAudio}\n          hasInteraction={Boolean(activeInteractionElement)}\n          isInteractionOpen={isInteractionOverlayOpen}\n          nextDisabled={!canGoNext}\n          onEnded={handlePlayerEnded}\n          onFullscreen={handleFullscreen}\n          onInteractionToggle={handleInteractionToggle}\n          onPlayRequest={() => setHasPlaybackInteracted(true)}\n          onNext={handleNext}\n          onPrev={handlePrev}\n          prevDisabled={!canGoPrev}\n          showControls={playerVisible}\n        />\n      ) : null}\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","hasPlaybackInteracted","setHasPlaybackInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","interactionDefaults","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","Player"],"mappings":"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"}
+{"version":3,"file":"Slide.cjs.js","sources":["../../../src/components/Slide/Slide.tsx"],"sourcesContent":["import React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { LoaderCircle } from \"lucide-react\";\n\nimport { hasBrowserUserActivation } from \"../../lib/browserUserActivation\";\nimport { isSandboxInteractionMessage } from \"../../lib/sandboxInteraction\";\nimport { cn } from \"../../lib/utils\";\nimport ContentRender from \"../ContentRender\";\nimport type { ContentRenderProps } from \"../ContentRender/ContentRender\";\nimport IframeSandbox from \"../ContentRender/IframeSandbox\";\nimport type { OnSendContentParams } from \"../types\";\nimport {\n  getInteractionDefaultSelectedValues,\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\nimport Player from \"./Player\";\nimport type { Element } from \"./types\";\nimport useSlide from \"./useSlide\";\nimport useWakePlayerFromIframe from \"./useWakePlayerFromIframe\";\nimport \"./slide.css\";\nexport type { Element, ElementAudioSegment } from \"./types\";\n\nconst CHECKPOINT_AUTO_ADVANCE_DELAY_MS = 1000;\n\ntype RenderSlideElementOptions = {\n  replaceRootScreenHeightWithFull?: boolean;\n};\n\ninterface InteractionOverlayCardProps {\n  content: string;\n  title: string;\n  defaultButtonText?: string;\n  defaultInputText?: string;\n  defaultSelectedValues?: string[];\n  confirmButtonText?: string;\n  copyButtonText?: string;\n  copiedButtonText?: string;\n  onSend?: (content: OnSendContentParams) => void;\n  readonly?: boolean;\n}\n\nexport interface SlideInteractionTexts\n  extends Pick<\n    ContentRenderProps,\n    \"confirmButtonText\" | \"copyButtonText\" | \"copiedButtonText\"\n  > {\n  title?: string;\n}\n\nconst InteractionOverlayCard = memo(\n  ({\n    content,\n    title,\n    defaultButtonText,\n    defaultInputText,\n    defaultSelectedValues,\n    confirmButtonText,\n    copyButtonText,\n    copiedButtonText,\n    onSend,\n    readonly = false,\n  }: InteractionOverlayCardProps) => (\n    <div className=\"slide-player__interaction-card\">\n      <div className=\"slide-player__interaction-header\">\n        <p className=\"slide-player__interaction-title\">{title}</p>\n      </div>\n      <div className=\"slide-player__interaction-body\">\n        <ContentRender\n          content={content}\n          defaultButtonText={defaultButtonText}\n          defaultInputText={defaultInputText}\n          defaultSelectedValues={defaultSelectedValues}\n          confirmButtonText={confirmButtonText}\n          copyButtonText={copyButtonText}\n          copiedButtonText={copiedButtonText}\n          onSend={onSend}\n          readonly={readonly}\n          enableTypewriter={false}\n          sandboxMode=\"content\"\n        />\n      </div>\n      <div className=\"slide-player__interaction-arrow\" />\n    </div>\n  )\n);\n\nInteractionOverlayCard.displayName = \"InteractionOverlayCard\";\n\nconst areStepElementListsEqual = (\n  prevElementList: Element[],\n  nextElementList: Element[]\n) =>\n  prevElementList.length === nextElementList.length &&\n  prevElementList.every((element, index) => {\n    const nextElement = nextElementList[index];\n\n    return (\n      element.sequence_number === nextElement?.sequence_number &&\n      element.type === nextElement?.type &&\n      element.content === nextElement?.content\n    );\n  });\n\nexport interface SlideProps extends React.ComponentProps<\"section\"> {\n  elementList?: Element[];\n  showPlayer?: boolean;\n  playerAlwaysVisible?: boolean;\n  playerClassName?: string;\n  bufferingText?: string;\n  interactionTitle?: string;\n  interactionTexts?: SlideInteractionTexts;\n  playerAutoHideDelay?: number;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  onSend?: (content: OnSendContentParams, element?: Element) => void;\n  onPlayerVisibilityChange?: (visible: boolean) => void;\n  onStepChange?: (element: Element | undefined, index: number) => void;\n}\n\nconst Slide: React.FC<SlideProps> = ({\n  elementList = [],\n  showPlayer = true,\n  playerAlwaysVisible = false,\n  playerClassName,\n  bufferingText = \"Buffering...\",\n  interactionTitle,\n  interactionTexts,\n  playerAutoHideDelay = 3000,\n  interactionDefaultValueOptions,\n  onSend,\n  onPlayerVisibilityChange,\n  onStepChange,\n  className,\n  onPointerDown,\n  ...props\n}) => {\n  const sectionRef = useRef<HTMLElement | null>(null);\n  const stageLayerRef = useRef<HTMLDivElement | null>(null);\n  const lastElementRef = useRef<HTMLDivElement | null>(null);\n  const playerHideTimerRef = useRef<number | null>(null);\n  const autoAdvanceTimerRef = useRef<number | null>(null);\n  const interactionAutoCloseTimerRef = useRef<number | null>(null);\n  const prevRenderElementKeysRef = useRef<string[]>([]);\n  const shouldScrollToBottomRef = useRef(false);\n  const {\n    currentElementList,\n    stepElementLists,\n    slideElementList,\n    currentIndex,\n    audioList,\n    currentAudioSequenceIndexes,\n    currentStepHasSpeakableElement,\n    currentInteractionElement,\n    canGoPrev,\n    canGoNext,\n    handlePrev: goPrev,\n    handleNext: goNext,\n  } = useSlide(elementList);\n  const currentStepElement = useMemo(() => {\n    if (currentIndex < 0) {\n      return undefined;\n    }\n\n    return slideElementList[currentIndex];\n  }, [currentIndex, slideElementList]);\n  const visibleMarkerCount = slideElementList.filter(\n    (element) => element.is_renderable !== false\n  ).length;\n  const isSingleSlide = visibleMarkerCount === 1;\n  const shouldRenderPlayer =\n    showPlayer &&\n    (slideElementList.length > 0 ||\n      audioList.length > 0 ||\n      Boolean(currentInteractionElement));\n  const [isPlayerVisible, setIsPlayerVisible] = useState(true);\n  const [hasPlayerInteracted, setHasPlayerInteracted] = useState(false);\n  const [hasPlaybackInteracted, setHasPlaybackInteracted] = useState(false);\n  const [shouldAutoPlay] = useState(() => hasBrowserUserActivation());\n  const canAutoPlayAudio = shouldAutoPlay || hasPlaybackInteracted;\n  const [currentAudioIndex, setCurrentAudioIndex] = useState(-1);\n  const [currentAudioSequencePosition, setCurrentAudioSequencePosition] =\n    useState(-1);\n  const [isAudioLoadingVisible, setIsAudioLoadingVisible] = useState(false);\n  const [hasCompletedCurrentStepAudio, setHasCompletedCurrentStepAudio] =\n    useState(false);\n  const [activeInteractionElement, setActiveInteractionElement] = useState<\n    Element | undefined\n  >();\n  const [isInteractionOverlayOpen, setIsInteractionOverlayOpen] =\n    useState(false);\n  const playerVisible =\n    shouldRenderPlayer &&\n    (playerAlwaysVisible || isPlayerVisible || isAudioLoadingVisible);\n  const { mountedStepStates, currentMountedStateIndex } = useMemo(() => {\n    const nextMountedStepStates: Array<{\n      elementList: Element[];\n      sourceStepIndexes: number[];\n    }> = [];\n    const mountedStateIndexByStep = new Map<number, number>();\n\n    stepElementLists.forEach((stepElementList, stepIndex) => {\n      const existingMountedStateIndex = nextMountedStepStates.findIndex(\n        (mountedStepState) =>\n          areStepElementListsEqual(\n            mountedStepState.elementList,\n            stepElementList\n          )\n      );\n\n      if (existingMountedStateIndex >= 0) {\n        nextMountedStepStates[\n          existingMountedStateIndex\n        ]?.sourceStepIndexes.push(stepIndex);\n        mountedStateIndexByStep.set(stepIndex, existingMountedStateIndex);\n        return;\n      }\n\n      nextMountedStepStates.push({\n        elementList: stepElementList,\n        sourceStepIndexes: [stepIndex],\n      });\n      mountedStateIndexByStep.set(stepIndex, nextMountedStepStates.length - 1);\n    });\n\n    return {\n      mountedStepStates: nextMountedStepStates,\n      currentMountedStateIndex:\n        currentIndex >= 0\n          ? (mountedStateIndexByStep.get(currentIndex) ?? -1)\n          : -1,\n    };\n  }, [currentIndex, stepElementLists]);\n  const currentAudioSequenceKey = useMemo(\n    () => currentAudioSequenceIndexes.join(\",\"),\n    [currentAudioSequenceIndexes]\n  );\n  const currentInteractionResetKey = useMemo(() => {\n    if (!currentInteractionElement) {\n      return \"none\";\n    }\n\n    return `${currentInteractionElement.sequence_number ?? \"none\"}:${String(\n      currentInteractionElement.content ?? \"\"\n    )}`;\n  }, [currentInteractionElement]);\n  const currentPlaybackResetKey = useMemo(\n    () =>\n      [\n        currentMountedStateIndex,\n        currentInteractionResetKey,\n        currentAudioSequenceKey,\n      ].join(\"|\"),\n    [\n      currentAudioSequenceKey,\n      currentInteractionResetKey,\n      currentMountedStateIndex,\n    ]\n  );\n\n  const clearPlayerHideTimer = useCallback(() => {\n    if (playerHideTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(playerHideTimerRef.current);\n    playerHideTimerRef.current = null;\n  }, []);\n\n  const clearInteractionAutoCloseTimer = useCallback(() => {\n    if (interactionAutoCloseTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(interactionAutoCloseTimerRef.current);\n    interactionAutoCloseTimerRef.current = null;\n  }, []);\n\n  const clearAutoAdvanceTimer = useCallback(() => {\n    if (autoAdvanceTimerRef.current === null) {\n      return;\n    }\n\n    window.clearTimeout(autoAdvanceTimerRef.current);\n    autoAdvanceTimerRef.current = null;\n  }, []);\n\n  const resetAudioSequence = useCallback(() => {\n    clearAutoAdvanceTimer();\n    clearInteractionAutoCloseTimer();\n    setCurrentAudioIndex(-1);\n    setCurrentAudioSequencePosition(-1);\n    setIsAudioLoadingVisible(false);\n    setHasCompletedCurrentStepAudio(false);\n    setActiveInteractionElement(undefined);\n    setIsInteractionOverlayOpen(false);\n  }, [clearAutoAdvanceTimer, clearInteractionAutoCloseTimer]);\n\n  const startCurrentAudioSequence = useCallback(() => {\n    const nextAudioIndex = currentAudioSequenceIndexes[0];\n\n    if (typeof nextAudioIndex !== \"number\") {\n      return false;\n    }\n\n    // Start the first audio segment for the current step immediately.\n    setCurrentAudioSequencePosition(0);\n    setCurrentAudioIndex(nextAudioIndex);\n    return true;\n  }, [currentAudioSequenceIndexes]);\n\n  const continueAfterInteraction = useCallback(() => {\n    clearInteractionAutoCloseTimer();\n    setIsInteractionOverlayOpen(false);\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (canGoNext) {\n      goNext();\n    }\n  }, [\n    canGoNext,\n    clearInteractionAutoCloseTimer,\n    goNext,\n    startCurrentAudioSequence,\n  ]);\n\n  const showPlayerControls = useCallback(\n    (enableAutoHide = hasPlayerInteracted) => {\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      setIsPlayerVisible(true);\n      clearPlayerHideTimer();\n\n      if (playerAlwaysVisible || !enableAutoHide || playerAutoHideDelay <= 0) {\n        return;\n      }\n\n      playerHideTimerRef.current = window.setTimeout(() => {\n        setIsPlayerVisible(false);\n        playerHideTimerRef.current = null;\n      }, playerAutoHideDelay);\n    },\n    [\n      clearPlayerHideTimer,\n      hasPlayerInteracted,\n      playerAlwaysVisible,\n      playerAutoHideDelay,\n      shouldRenderPlayer,\n    ]\n  );\n\n  useEffect(() => {\n    return () => {\n      clearAutoAdvanceTimer();\n      clearPlayerHideTimer();\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearAutoAdvanceTimer,\n    clearInteractionAutoCloseTimer,\n    clearPlayerHideTimer,\n  ]);\n\n  useEffect(() => {\n    onPlayerVisibilityChange?.(playerVisible);\n\n    return () => {\n      onPlayerVisibilityChange?.(false);\n    };\n  }, [onPlayerVisibilityChange, playerVisible]);\n\n  useEffect(() => {\n    onStepChange?.(currentStepElement, currentIndex);\n  }, [currentIndex, currentStepElement, onStepChange]);\n\n  useEffect(() => {\n    if (!shouldRenderPlayer) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(false);\n      return;\n    }\n\n    if (playerAlwaysVisible) {\n      clearPlayerHideTimer();\n      setIsPlayerVisible(true);\n      return;\n    }\n\n    if (!hasPlayerInteracted) {\n      // Keep the initial player visible briefly, then hide it automatically.\n      showPlayerControls(true);\n    }\n  }, [\n    clearPlayerHideTimer,\n    hasPlayerInteracted,\n    playerAlwaysVisible,\n    shouldRenderPlayer,\n    showPlayerControls,\n  ]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n\n    const handleSandboxInteraction = (event: MessageEvent) => {\n      if (event.origin !== window.location.origin) {\n        return;\n      }\n\n      if (!isSandboxInteractionMessage(event.data)) {\n        return;\n      }\n\n      if (!shouldRenderPlayer) {\n        return;\n      }\n\n      // Restore player controls without blocking native iframe scrolling.\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    };\n\n    window.addEventListener(\"message\", handleSandboxInteraction);\n\n    return () => {\n      window.removeEventListener(\"message\", handleSandboxInteraction);\n    };\n  }, [shouldRenderPlayer, showPlayerControls]);\n\n  useWakePlayerFromIframe({\n    sectionRef,\n    enabled: shouldRenderPlayer,\n    onWake: () => {\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n  });\n\n  useEffect(() => {\n    resetAudioSequence();\n\n    if (currentElementList.length === 0 && !currentInteractionElement) {\n      return;\n    }\n\n    if (currentInteractionElement) {\n      // Show the interaction gate before playing any follow-up audio.\n      setActiveInteractionElement(currentInteractionElement);\n      setIsInteractionOverlayOpen(true);\n      return;\n    }\n\n    if (startCurrentAudioSequence()) {\n      return;\n    }\n\n    if (currentStepHasSpeakableElement) {\n      setIsAudioLoadingVisible(true);\n      return;\n    }\n\n    if (!canGoNext) {\n      return;\n    }\n\n    // Auto-advance silent marker-only steps so playback flow does not stall.\n    autoAdvanceTimerRef.current = window.setTimeout(() => {\n      autoAdvanceTimerRef.current = null;\n      goNext();\n    }, CHECKPOINT_AUTO_ADVANCE_DELAY_MS);\n\n    return () => {\n      clearAutoAdvanceTimer();\n    };\n  }, [\n    canGoNext,\n    clearAutoAdvanceTimer,\n    currentElementList.length,\n    currentInteractionElement,\n    currentPlaybackResetKey,\n    currentStepHasSpeakableElement,\n    goNext,\n    resetAudioSequence,\n    startCurrentAudioSequence,\n  ]);\n\n  useEffect(() => {\n    if (!currentStepHasSpeakableElement || currentInteractionElement) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (hasCompletedCurrentStepAudio) {\n      setIsAudioLoadingVisible(false);\n      return;\n    }\n\n    if (currentAudioSequenceIndexes.length === 0) {\n      setIsAudioLoadingVisible(true);\n    }\n  }, [\n    currentAudioSequenceIndexes.length,\n    currentInteractionElement,\n    currentStepHasSpeakableElement,\n    hasCompletedCurrentStepAudio,\n  ]);\n\n  const interactionDefaults = useMemo(() => {\n    if (!activeInteractionElement) {\n      return {};\n    }\n\n    return getInteractionDefaultValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const interactionDefaultSelectedValues = useMemo(() => {\n    if (!activeInteractionElement) {\n      return undefined;\n    }\n\n    return getInteractionDefaultSelectedValues(\n      typeof activeInteractionElement.content === \"string\"\n        ? activeInteractionElement.content\n        : undefined,\n      activeInteractionElement.user_input,\n      interactionDefaultValueOptions\n    );\n  }, [activeInteractionElement, interactionDefaultValueOptions]);\n\n  const hasResolvedInteractionInput = Boolean(\n    activeInteractionElement?.user_input?.trim()\n  );\n  const isInteractionReadonly =\n    Boolean(activeInteractionElement?.readonly) || hasResolvedInteractionInput;\n  const shouldAutoContinueInteraction =\n    isInteractionReadonly || hasResolvedInteractionInput;\n\n  const handleInteractionSend = useCallback(\n    (content: OnSendContentParams) => {\n      const submittedValues = [\n        ...(content.selectedValues ?? []),\n        content.inputText?.trim() ?? \"\",\n        content.buttonText?.trim() ?? \"\",\n      ].filter(Boolean);\n      const resolvedUserInput = submittedValues.join(\", \");\n\n      setActiveInteractionElement((prevElement) => {\n        if (!prevElement || !resolvedUserInput) {\n          return prevElement;\n        }\n\n        return {\n          ...prevElement,\n          user_input: resolvedUserInput,\n        };\n      });\n\n      onSend?.(content, activeInteractionElement);\n      continueAfterInteraction();\n    },\n    [activeInteractionElement, continueAfterInteraction, onSend]\n  );\n\n  useEffect(() => {\n    clearInteractionAutoCloseTimer();\n\n    if (!isInteractionOverlayOpen || !shouldAutoContinueInteraction) {\n      return;\n    }\n\n    // Auto-close passive interaction checkpoints to keep playback moving.\n    interactionAutoCloseTimerRef.current = window.setTimeout(() => {\n      interactionAutoCloseTimerRef.current = null;\n\n      continueAfterInteraction();\n    }, 2000);\n\n    return () => {\n      clearInteractionAutoCloseTimer();\n    };\n  }, [\n    clearInteractionAutoCloseTimer,\n    continueAfterInteraction,\n    isInteractionOverlayOpen,\n    shouldAutoContinueInteraction,\n  ]);\n\n  const renderSlideElement = (\n    element?: Element,\n    options: RenderSlideElementOptions = {}\n  ) => {\n    if (!element) {\n      return null;\n    }\n\n    if (element.type === \"slot\") {\n      return <>{element.content}</>;\n    }\n\n    if (element.type === \"html\") {\n      return (\n        <IframeSandbox\n          className=\"content-render-iframe\"\n          hideFullScreen\n          mode=\"blackboard\"\n          replaceRootScreenHeightWithFull={\n            options.replaceRootScreenHeightWithFull\n          }\n          type=\"sandbox\"\n          content={element.content as string}\n        />\n      );\n    }\n\n    return (\n      <IframeSandbox\n        className=\"content-render-iframe\"\n        hideFullScreen\n        mode=\"blackboard\"\n        type=\"markdown\"\n        content={element.content as string}\n      />\n    );\n  };\n\n  const renderSlideElementList = (\n    elementList: Element[] = [],\n    isActiveStep = false\n  ) => {\n    if (elementList.length === 0) {\n      return null;\n    }\n\n    const visibleElementCount = elementList.filter(\n      (element) => element.is_renderable !== false\n    ).length;\n    const lastVisibleElementIndex = elementList.reduce(\n      (lastVisibleIndex, element, index) =>\n        element.is_renderable !== false ? index : lastVisibleIndex,\n      -1\n    );\n\n    return (\n      <div className=\"slide-stage__content flex w-full flex-col gap-4\">\n        {elementList.map((element, index) => {\n          const isPreRenderedHtml =\n            element.type === \"html\" && element.is_renderable === false;\n\n          return (\n            <div\n              key={element.sequence_number ?? `${element.type}-${index}`}\n              ref={\n                isActiveStep && index === lastVisibleElementIndex\n                  ? lastElementRef\n                  : null\n              }\n              aria-hidden={isPreRenderedHtml || undefined}\n              className={cn(\n                \"w-full shrink-0\",\n                visibleElementCount === 1 &&\n                  element.is_renderable !== false &&\n                  \"slide-element--single\",\n                isPreRenderedHtml\n                  ? \"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0\"\n                  : element.is_renderable === false && \"hidden\"\n              )}\n            >\n              {renderSlideElement(element, {\n                replaceRootScreenHeightWithFull:\n                  visibleElementCount === 1 &&\n                  element.type === \"html\" &&\n                  element.is_renderable !== false,\n              })}\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  const handleFullscreen = () => {\n    const target = sectionRef.current;\n    if (!target) return;\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n\n    target.requestFullscreen?.().catch(() => {});\n  };\n\n  const scrollStageToBottom = useCallback(() => {\n    const stageLayerElement = stageLayerRef.current;\n\n    if (!stageLayerElement) {\n      return;\n    }\n\n    // Keep the latest content visible after manual player navigation.\n    stageLayerElement.scrollTo({\n      top: stageLayerElement.scrollHeight,\n      behavior: \"smooth\",\n    });\n  }, []);\n\n  const handlePrev = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    setHasPlayerInteracted(true);\n    setHasPlaybackInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goPrev();\n  }, [goPrev, resetAudioSequence, showPlayerControls]);\n\n  const handleNext = useCallback(() => {\n    shouldScrollToBottomRef.current = true;\n    setHasPlayerInteracted(true);\n    setHasPlaybackInteracted(true);\n    setIsAudioLoadingVisible(false);\n    showPlayerControls(true);\n    resetAudioSequence();\n    goNext();\n  }, [goNext, resetAudioSequence, showPlayerControls]);\n\n  const handlePlayerLoadingChange = useCallback(\n    (loading: boolean) => {\n      if (!currentStepHasSpeakableElement || hasCompletedCurrentStepAudio) {\n        setIsAudioLoadingVisible(false);\n        return;\n      }\n\n      setIsAudioLoadingVisible(loading);\n    },\n    [currentStepHasSpeakableElement, hasCompletedCurrentStepAudio]\n  );\n\n  const handlePlayerEnded = useCallback(\n    (audioIndex: number) => {\n      if (currentAudioSequencePosition < 0) {\n        return;\n      }\n\n      if (\n        currentAudioSequenceIndexes[currentAudioSequencePosition] !== audioIndex\n      ) {\n        return;\n      }\n\n      const nextSequencePosition = currentAudioSequencePosition + 1;\n      const nextAudioIndex = currentAudioSequenceIndexes[nextSequencePosition];\n\n      if (typeof nextAudioIndex === \"number\") {\n        setCurrentAudioSequencePosition(nextSequencePosition);\n        setCurrentAudioIndex(nextAudioIndex);\n        return;\n      }\n\n      setCurrentAudioIndex(-1);\n      setCurrentAudioSequencePosition(-1);\n      setHasCompletedCurrentStepAudio(true);\n      setIsAudioLoadingVisible(false);\n\n      if (canGoNext) {\n        goNext();\n      }\n    },\n    [\n      canGoNext,\n      currentAudioSequenceIndexes,\n      currentAudioSequencePosition,\n      goNext,\n    ]\n  );\n\n  const handleInteractionToggle = useCallback(() => {\n    if (!activeInteractionElement) {\n      return;\n    }\n\n    setIsInteractionOverlayOpen((prevOpen) => !prevOpen);\n  }, [activeInteractionElement]);\n\n  const stopOverlayPropagation = useCallback(\n    (\n      event:\n        | React.PointerEvent<HTMLDivElement>\n        | React.MouseEvent<HTMLDivElement>\n    ) => {\n      event.stopPropagation();\n\n      // Keep the player visible a bit longer when users interact with the overlay.\n      if (playerVisible) {\n        showPlayerControls(true);\n      }\n    },\n    [isPlayerVisible, showPlayerControls]\n  );\n\n  const handleSurfacePointerDown = useCallback(\n    (event: React.PointerEvent<HTMLElement>) => {\n      onPointerDown?.(event);\n      setHasPlayerInteracted(true);\n      showPlayerControls(true);\n    },\n    [onPointerDown, showPlayerControls]\n  );\n\n  const shouldShowInteractionOverlay =\n    Boolean(activeInteractionElement) && isInteractionOverlayOpen;\n  const currentRenderElementKeys = useMemo(\n    () =>\n      currentElementList.map(\n        (element, index) =>\n          `${element.sequence_number ?? `${element.type}-${index}`}:${String(element.is_new ?? \"\")}`\n      ),\n    [currentElementList]\n  );\n\n  useEffect(() => {\n    const prevKeys = prevRenderElementKeysRef.current;\n    const hasStablePrefix =\n      prevKeys.length > 0 &&\n      prevKeys.length < currentRenderElementKeys.length &&\n      prevKeys.every((key, index) => key === currentRenderElementKeys[index]);\n    const appendedElements = hasStablePrefix\n      ? currentElementList.slice(prevKeys.length)\n      : [];\n    const shouldAutoScrollToAppend = appendedElements.some(\n      (element) => element.is_new === false\n    );\n\n    prevRenderElementKeysRef.current = currentRenderElementKeys;\n\n    if (!shouldAutoScrollToAppend) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      const stageLayerElement = stageLayerRef.current;\n      const targetElement = lastElementRef.current;\n\n      if (!stageLayerElement || !targetElement) {\n        return;\n      }\n\n      const stageLayerRect = stageLayerElement.getBoundingClientRect();\n      const targetRect = targetElement.getBoundingClientRect();\n      const nextScrollTop =\n        stageLayerElement.scrollTop + (targetRect.top - stageLayerRect.top);\n\n      // Keep newly appended content visible when the current slide grows downward.\n      stageLayerElement.scrollTo({\n        top: Math.max(nextScrollTop, 0),\n        behavior: \"smooth\",\n      });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, currentRenderElementKeys]);\n\n  useEffect(() => {\n    if (!shouldScrollToBottomRef.current) {\n      return;\n    }\n\n    shouldScrollToBottomRef.current = false;\n\n    if (currentElementList.length === 0) {\n      return;\n    }\n\n    const animationFrameId = window.requestAnimationFrame(() => {\n      scrollStageToBottom();\n    });\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [currentElementList, scrollStageToBottom]);\n\n  return (\n    <section\n      ref={sectionRef}\n      className={cn(\"relative h-full w-full\", className)}\n      onPointerDown={handleSurfacePointerDown}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"h-full min-h-0 w-full\",\n          isSingleSlide ? \"slide-content--single\" : \"grid gap-4\"\n        )}\n      >\n        {currentElementList.length > 0 ? (\n          <div className=\"slide-stage\">\n            <div ref={stageLayerRef} className=\"slide-stage__layer w-full\">\n              {mountedStepStates.map(\n                (mountedStepState, mountedStepStateIndex) => {\n                  const isActiveStep =\n                    mountedStepStateIndex === currentMountedStateIndex;\n\n                  return (\n                    <div\n                      key={\n                        mountedStepState.sourceStepIndexes[0] ??\n                        mountedStepStateIndex\n                      }\n                      aria-hidden={!isActiveStep || undefined}\n                      className=\"w-full h-full\"\n                      style={{ display: isActiveStep ? undefined : \"none\" }}\n                    >\n                      {renderSlideElementList(\n                        mountedStepState.elementList,\n                        isActiveStep\n                      )}\n                    </div>\n                  );\n                }\n              )}\n            </div>\n          </div>\n        ) : null}\n      </div>\n\n      {isAudioLoadingVisible ? (\n        <div className=\"pointer-events-none absolute left-1/2 top-1/2 z-[3] flex size-28 -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-center gap-2 rounded-2xl bg-foreground/65 px-3 py-4 text-center text-xs leading-4 font-medium text-background shadow-lg backdrop-blur-sm\">\n          <LoaderCircle className=\"size-5 animate-spin text-background\" />\n          <span>{bufferingText}</span>\n        </div>\n      ) : null}\n\n      {shouldShowInteractionOverlay ? (\n        <div\n          className={cn(\n            \"slide-interaction-overlay\",\n            playerVisible && shouldRenderPlayer\n              ? \"slide-interaction-overlay--with-player\"\n              : \"slide-interaction-overlay--standalone\"\n          )}\n          onClick={stopOverlayPropagation}\n          onPointerDown={stopOverlayPropagation}\n        >\n          <InteractionOverlayCard\n            content={String(activeInteractionElement?.content ?? \"\")}\n            defaultButtonText={interactionDefaults.buttonText ?? \"\"}\n            defaultInputText={interactionDefaults.inputText ?? \"\"}\n            defaultSelectedValues={interactionDefaultSelectedValues}\n            confirmButtonText={interactionTexts?.confirmButtonText}\n            copyButtonText={interactionTexts?.copyButtonText}\n            copiedButtonText={interactionTexts?.copiedButtonText}\n            onSend={handleInteractionSend}\n            readonly={isInteractionReadonly}\n            title={\n              interactionTexts?.title ??\n              interactionTitle ??\n              \"Submit the content below to continue.\"\n            }\n          />\n        </div>\n      ) : null}\n\n      {shouldRenderPlayer ? (\n        <Player\n          audioList={audioList}\n          className={cn(\n            \"absolute left-1/2 bottom-6 z-[2] -translate-x-1/2\",\n            playerClassName,\n            !playerVisible && \"pointer-events-none opacity-0\"\n          )}\n          currentAudioIndex={currentAudioIndex}\n          defaultPlaying={canAutoPlayAudio}\n          hasInteraction={Boolean(activeInteractionElement)}\n          isInteractionOpen={isInteractionOverlayOpen}\n          onLoadingChange={handlePlayerLoadingChange}\n          nextDisabled={!canGoNext}\n          onEnded={handlePlayerEnded}\n          onFullscreen={handleFullscreen}\n          onInteractionToggle={handleInteractionToggle}\n          onPlayRequest={() => setHasPlaybackInteracted(true)}\n          onNext={handleNext}\n          onPrev={handlePrev}\n          prevDisabled={!canGoPrev}\n          showControls={playerVisible}\n        />\n      ) : null}\n    </section>\n  );\n};\n\nexport default Slide;\n"],"names":["CHECKPOINT_AUTO_ADVANCE_DELAY_MS","InteractionOverlayCard","memo","content","title","defaultButtonText","defaultInputText","defaultSelectedValues","confirmButtonText","copyButtonText","copiedButtonText","onSend","readonly","jsxs","jsx","ContentRender","areStepElementListsEqual","prevElementList","nextElementList","element","index","nextElement","Slide","elementList","showPlayer","playerAlwaysVisible","playerClassName","bufferingText","interactionTitle","interactionTexts","playerAutoHideDelay","interactionDefaultValueOptions","onPlayerVisibilityChange","onStepChange","className","onPointerDown","props","sectionRef","useRef","stageLayerRef","lastElementRef","playerHideTimerRef","autoAdvanceTimerRef","interactionAutoCloseTimerRef","prevRenderElementKeysRef","shouldScrollToBottomRef","currentElementList","stepElementLists","slideElementList","currentIndex","audioList","currentAudioSequenceIndexes","currentStepHasSpeakableElement","currentInteractionElement","canGoPrev","canGoNext","goPrev","goNext","useSlide","currentStepElement","useMemo","isSingleSlide","shouldRenderPlayer","isPlayerVisible","setIsPlayerVisible","useState","hasPlayerInteracted","setHasPlayerInteracted","hasPlaybackInteracted","setHasPlaybackInteracted","shouldAutoPlay","hasBrowserUserActivation","canAutoPlayAudio","currentAudioIndex","setCurrentAudioIndex","currentAudioSequencePosition","setCurrentAudioSequencePosition","isAudioLoadingVisible","setIsAudioLoadingVisible","hasCompletedCurrentStepAudio","setHasCompletedCurrentStepAudio","activeInteractionElement","setActiveInteractionElement","isInteractionOverlayOpen","setIsInteractionOverlayOpen","playerVisible","mountedStepStates","currentMountedStateIndex","nextMountedStepStates","mountedStateIndexByStep","stepElementList","stepIndex","existingMountedStateIndex","mountedStepState","currentAudioSequenceKey","currentInteractionResetKey","currentPlaybackResetKey","clearPlayerHideTimer","useCallback","clearInteractionAutoCloseTimer","clearAutoAdvanceTimer","resetAudioSequence","startCurrentAudioSequence","nextAudioIndex","continueAfterInteraction","showPlayerControls","enableAutoHide","useEffect","handleSandboxInteraction","event","isSandboxInteractionMessage","useWakePlayerFromIframe","interactionDefaults","getInteractionDefaultValues","interactionDefaultSelectedValues","getInteractionDefaultSelectedValues","hasResolvedInteractionInput","isInteractionReadonly","shouldAutoContinueInteraction","handleInteractionSend","resolvedUserInput","prevElement","renderSlideElement","options","Fragment","IframeSandbox","renderSlideElementList","isActiveStep","visibleElementCount","lastVisibleElementIndex","lastVisibleIndex","isPreRenderedHtml","cn","handleFullscreen","target","scrollStageToBottom","stageLayerElement","handlePrev","handleNext","handlePlayerLoadingChange","loading","handlePlayerEnded","audioIndex","nextSequencePosition","handleInteractionToggle","prevOpen","stopOverlayPropagation","handleSurfacePointerDown","shouldShowInteractionOverlay","currentRenderElementKeys","prevKeys","shouldAutoScrollToAppend","key","animationFrameId","targetElement","stageLayerRect","targetRect","nextScrollTop","mountedStepStateIndex","LoaderCircle","Player"],"mappings":"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"}

package/dist/components/Slide/Slide.d.ts

@@ -12,6 +12,7 @@ export interface SlideProps extends React.ComponentProps<"section"> {
     showPlayer?: boolean;
     playerAlwaysVisible?: boolean;
     playerClassName?: string;
+    bufferingText?: string;
     interactionTitle?: string;
     interactionTexts?: SlideInteractionTexts;
     playerAutoHideDelay?: number;