markdown-flow-ui 0.2.3 → 0.2.5

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),mr=require("../../lib/sandboxInteraction.cjs.js"),ce=require("../../lib/utils.cjs.js"),pr=require("../ui/loading-overlay-card.cjs.js"),yr=require("../ContentRender/ContentRender.cjs.js"),on=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");require("../ContentRender/contentRenderI18n.cjs.js");const Ue=require("../../lib/mobileDevice.cjs.js"),hr=require("./Player.cjs.js"),Sr=require("./MarkdownSlideScaling.cjs.js"),br=require("./SubtitleOverlay.cjs.js"),xr=require("./useSlide.cjs.js"),vr=require("./useWakePlayerFromIframe.cjs.js"),Er=require("./utils/playerKeyboardShortcutContext.cjs.js"),gr=require("./utils/playerKeyboardShortcuts.cjs.js"),Te=require("./utils/mobileScreenMode.cjs.js"),ln=require("./utils/interactionPlayback.cjs.js"),Ir=require("./utils/markdownScaling.cjs.js"),mt=require("./utils/playerNavigationContext.cjs.js"),Ar=require("./utils/appendedMarkerAdvance.cjs.js"),un=require("./utils/playbackSequence.cjs.js"),pt=require("./utils/subtitleJumpNavigation.cjs.js"),an=require("./utils/playerCustomActions.cjs.js"),Rr=require("./utils/playbackTimeStore.cjs.js"),Cr=require("./utils/interactionResolution.cjs.js"),Tr=require("./utils/playerToggleMode.cjs.js"),cn=require("./utils/imageOnlyStepVisualReady.cjs.js"),kr=require("./utils/silentStepAutoAdvance.cjs.js"),wr=require("./utils/playerVisibility.cjs.js"),mn=require("./slideI18n.cjs.js");;/* empty css               */const Mr=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),_r=2e3,Pr=300,qr=160,Fr=16,dn=3e3,Or=["button","input","textarea",'[contenteditable=""]','[contenteditable="true"]','[contenteditable="plaintext-only"]'].join(", "),ht="waitingForAudio",jr=(i,d)=>typeof i=="string"?i:i[d]??i[ht]??mn.DEFAULT_SLIDE_BUFFERING_TEXTS[d],Br=(i,d)=>typeof i=="string"?i:{...d,...i},Lr=(i,d)=>d?i!=="loadingAudio":!1,pn=t.memo(({content:i,title:d,locale:N,defaultButtonText:de,defaultInputText:V,defaultSelectedValues:D,confirmButtonText:z,copyButtonText:$,copiedButtonText:ke,onSend:He,readonly:X=!1})=>o.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[o.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:o.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:d})}),o.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:o.jsxRuntimeExports.jsx(yr.default,{content:i,locale:N,defaultButtonText:de,defaultInputText:V,defaultSelectedValues:D,confirmButtonText:z,copyButtonText:$,copiedButtonText:ke,onSend:He,readonly:X,sandboxMode:"content"})})]}));pn.displayName="InteractionOverlayCard";const Nr=(i,d)=>i.length===d.length&&i.every((N,de)=>{const V=d[de];return N.sequence_number===V?.sequence_number&&N.type===V?.type&&N.content===V?.content}),yt=i=>i instanceof HTMLElement&&i.matches(Or),Vr=['input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"])',"textarea",'[contenteditable=""]','[contenteditable="true"]','[contenteditable="plaintext-only"]'].join(", "),fn=i=>i instanceof HTMLElement&&i.matches(Vr),Dr=({elementList:i=[],locale:d,playerEnabled:N,playerControlsVisibility:de,playerClassName:V,fullscreenHeader:D,playerCustomActions:z,playerCustomActionPauseOnActive:$=!0,bufferingText:ke,interactionTitle:He,interactionTexts:X,playerTexts:yn,playerAutoHideDelay:We=3e3,markerAutoAdvanceDelay:St=_r,interactionDefaultValueOptions:bt,onSend:xt,onPlayerVisibilityChange:Ge,onMobileViewModeChange:vt,onStepChange:Et,enableKeyboardShortcuts:Q=!0,enableIframeScaling:hn=!0,enableMarkdownScaling:Sn=!0,disableLoadingOverlay:R=!1,className:bn,onPointerDown:gt,onFocusCapture:It,...xn})=>{const K=t.useMemo(()=>mn.getSlideLocaleTexts(d),[d]),vn=t.useMemo(()=>Br(ke,K.bufferingText),[ke,K.bufferingText]),{playerEnabled:En,playerControlsVisibility:O}=wr.resolveSlidePlayerVisibility({playerEnabled:N,playerControlsVisibility:de}),we=t.useId(),fe=t.useRef(null),At=t.useRef(null),Me=t.useRef(null),Rt=t.useRef(null),Z=t.useRef(null),_e=t.useRef(!1),me=t.useRef(null),Pe=t.useRef(null),U=t.useRef(null),pe=t.useRef(null),Je=t.useRef(null),Ct=t.useRef([]),ye=t.useRef(!1),H=t.useRef(null),he=t.useRef(null),Tt=t.useRef(0),kt=t.useRef(null),wt=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),Ye=t.useRef(!1),{currentElementList:I,stepElementLists:Mt,slideElementList:g,currentIndex:s,audioList:y,audioSlideIndexes:qe,currentAudioSequenceIndexes:Fe,currentStepHasSpeakableElement:h,currentInteractionElement:c,canGoPrev:gn,canGoNext:A,handlePrev:_t,handleNext:C,handleGoTo:Pt}=xr.default(i),Se=t.useMemo(()=>{if(!(s<0))return g[s]},[s,g]),ee=t.useMemo(()=>I.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[I]),In=g.filter(e=>e.is_renderable!==!1).length===1,f=En&&(g.length>0||y.length>0||!!c),An=t.useMemo(()=>({enabled:Q,ownerId:we}),[Q,we]),j=t.useCallback(()=>{!Q||!f||gr.activatePlayerKeyboardShortcutOwner(we)},[Q,we,f]),T=t.useMemo(()=>Fe.map(e=>y[e]?.audioKey).filter(e=>!!e),[y,Fe]),[Rn,be]=t.useState(!0),[Oe,te]=t.useState(!1),[ze,qt]=t.useState(!0),[xe,Ft]=t.useState(!0),[b,B]=t.useState(null),[Cn,Ot]=t.useState(null),[Tn,S]=t.useState(!1),[kn,$e]=t.useState(ht),[k,Xe]=t.useState(!1),[wn,je]=t.useState(!1),[jt,Mn]=t.useState(!0),[Qe,Ze]=t.useState(!1),[m,et]=t.useState(),[ne,Be]=t.useState(!1),[Bt,Le]=t.useState(!1),[_n,tt]=t.useState(!1),[Pn,ve]=t.useState(0),[Lt,qn]=t.useState(!1),q=t.useMemo(()=>Ue.isMobileDevice(),[]),[Ne,nt]=t.useState(Te.DEFAULT_MOBILE_VIEW_MODE),[Nt,rt]=t.useState(!1),[Fn,Vt]=t.useState(()=>q?Ue.isLandscapeViewport():!1),re=t.useMemo(()=>Rr.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:se,isImmersiveMobileFullscreen:oe,isNativeMobileFullscreen:Dt,shouldRotateFullscreenViewport:On}=t.useMemo(()=>Te.resolveMobileViewModeState({hasManualMobileViewMode:Nt,isMobileDevice:q,mobileViewMode:Ne}),[Nt,q,Fn,Ne]),jn=t.useRef(se),x=f&&O!=="hidden"&&(O==="visible"||Rn),Bn=oe&&x,Ln=oe&&x,Nn=oe||Dt,Kt=Lt&&!q,Vn=t.useCallback(e=>{rt(!0),nt(e)},[]),Ut=t.useCallback(()=>{rt(!1),nt(Te.DEFAULT_MOBILE_VIEW_MODE)},[]),Dn=t.useCallback(()=>{Ut(),D?.onBack?.()},[D,Ut]),Ht=t.useCallback(e=>{Ze(e)},[]),Wt=t.useCallback(()=>{Ze(e=>!e)},[]),{mountedStepStates:Kn,currentMountedStateIndex:Un}=t.useMemo(()=>{const e=[],n=new Map;return Mt.forEach((l,u)=>{const a=e.findIndex(r=>Nr(r.elementList,l));if(a>=0){e[a]?.sourceStepIndexes.push(u),n.set(u,a);return}e.push({elementList:l,sourceStepIndexes:[u]}),n.set(u,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:s>=0?n.get(s)??-1:-1}},[s,Mt]),Gt=t.useMemo(()=>String(s),[s]),v=t.useMemo(()=>b?y.findIndex(e=>(e.audioKey??"")===b):-1,[y,b]),st=t.useMemo(()=>v>=0?y[v]:void 0,[y,v]),Hn=st?.element?.subtitle_cues??[],Ve=t.useMemo(()=>T[0]??"none",[T]),ot=t.useMemo(()=>({currentElement:an.resolvePlayerCustomActionElement({currentAudioIndex:v,currentAudioSequenceIndexes:Fe,audioList:y,currentInteractionElement:m,currentStepElement:Se}),currentIndex:s,currentStepElement:Se,isActive:Qe,setActive:Ht,toggleActive:Wt}),[m,y,v,Fe,s,Se,Qe,Ht,Wt]),lt=t.useMemo(()=>an.getPlayerCustomActionCount(z,ot),[ot,z]),Wn=t.useMemo(()=>({"--slide-player-custom-action-count":String(lt),"--slide-player-mobile-control-count":String(lt+4)}),[lt]),Jt=T.length>0,Yt=t.useMemo(()=>c?`${c.sequence_number??"none"}:${String(c.content??"")}`:"none",[c]),Ee=t.useMemo(()=>[Gt,Yt].join("|"),[Yt,Gt]),Gn=t.useMemo(()=>[Ee,st?.audioKey??"none",String(v)].join("|"),[v,st?.audioKey,Ee]),zt=!!t.useMemo(()=>!Ve||Ve==="none"?"":y.find(n=>n.audioKey===Ve)?.audioUrl?.trim()??"",[y,Ve]),W=$&&!!z&&Qe,ge=t.useMemo(()=>Tr.shouldUseAutoAdvanceToggle({canGoNext:A,currentAudioIndex:v,currentStepHasSpeakableElement:h,hasInteraction:!!c}),[A,v,c,h]),$t=t.useMemo(()=>kr.resolveSilentStepAutoAdvanceBehavior({currentElementList:I,currentStepHasSpeakableElement:h,currentInteractionElement:c,markerAutoAdvanceDelay:St}),[I,c,h,St]),Xt=$t.delayMs,Ie=$t.usesImageOnlyDelay,ut=t.useMemo(()=>`${s}:${ee.join("|")}`,[s,ee]),[Jn,Yn]=t.useState(null),Qt=!Ie||Jn===ut,F=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),w=t.useCallback(()=>{U.current!==null&&(window.clearTimeout(U.current),U.current=null)},[]),M=t.useCallback(()=>{pe.current!==null&&(window.clearTimeout(pe.current),pe.current=null)},[]),le=t.useCallback(()=>{me.current!==null&&(window.clearTimeout(me.current),me.current=null)},[]),L=t.useCallback(()=>{Pe.current!==null&&(window.clearTimeout(Pe.current),Pe.current=null)},[]),_=t.useCallback((e={})=>{le(),w(),M(),L(),B(null),re.reset(),S(!1),$e(ht),Xe(!1),je(!1),Ot(null),e.preservePendingSubtitleJump||(he.current=null),et(void 0),Be(!1),ve(0)},[le,L,w,M,re]),De=t.useCallback(e=>{Tt.current+=1,Ot({...e,id:Tt.current})},[]),ue=t.useCallback(()=>{const e=T[0];return e?(B(e),!0):!1},[T]),Ae=t.useCallback(()=>{w(),M(),Be(!1),ve(0),!ue()&&A&&C()},[A,w,M,C,ue]),Zt=t.useCallback(e=>{if(M(),!e)return;const n=()=>{pe.current=null,ve(qr),Be(!0),H.current=null};pe.current=window.setTimeout(n,Pr)},[M]),at=t.useCallback(()=>_e.current||!!fe.current?.querySelector(".slide-player__controls:hover"),[]),p=t.useCallback((e=Oe)=>{!f||O==="hidden"||(be(!0),F(),!(O==="visible"||!e||We<=0||at())&&(Z.current=window.setTimeout(()=>{if(at()){Z.current=null;return}be(!1),Z.current=null},We)))},[F,Oe,at,We,O,f]),Re=!!pt.hasResolvedInteractionElement(c),G=!!c&&!Re,zn=t.useCallback(e=>{qt(e)},[]),ae=t.useCallback(e=>{e&&qt(e.shouldContinuePlayback)},[]);t.useEffect(()=>{Ft(ze)},[s,ze,$]),t.useEffect(()=>{$&&Ze(!1)},[s,$]),t.useEffect(()=>()=>{le(),L(),F(),w(),M()},[le,L,w,M,F]),t.useEffect(()=>{if(!Ie){L();return}let e=!1,n=null,l=null;const u=()=>{l?.(),l=null},a=()=>{e||(u(),L(),Yn(ut))},r=()=>{if(e)return;u();const E=Me.current?.querySelector('[data-active-step="true"]');if(!E)return;const P=Array.from(E.querySelectorAll("iframe"));if(P.length===0||cn.areImageOnlyStepIframeVisualsReady(P)){a();return}const Ke=[],Ce=()=>{e||(n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,r()}))},ft=(J,ie,Y)=>{J.addEventListener(ie,Y,{once:!0}),Ke.push(()=>J.removeEventListener(ie,Y))};P.forEach(J=>{const ie=J.contentDocument;if(!ie||ie.readyState!=="complete"){ft(J,"load",Ce);return}Array.from(ie.images).filter(Y=>!Y.complete).forEach(Y=>{ft(Y,"load",Ce),ft(Y,"error",Ce)})}),l=()=>{Ke.forEach(J=>J())}};return n=window.requestAnimationFrame(()=>{n=null,r()}),Pe.current=window.setTimeout(()=>{a()},cn.DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS),()=>{e=!0,u(),L(),n!==null&&window.cancelAnimationFrame(n)}},[L,I,s,ut,Ie]),t.useEffect(()=>(Ge?.(x),()=>{Ge?.(!1)}),[Ge,x]),t.useEffect(()=>{x||(_e.current=!1)},[x]),t.useEffect(()=>{q||Ne===Te.DEFAULT_MOBILE_VIEW_MODE||(rt(!1),nt(Te.DEFAULT_MOBILE_VIEW_MODE))},[q,Ne]),t.useEffect(()=>{if(!q){Vt(!1);return}const e=()=>{Vt(Ue.isLandscapeViewport())};return e(),Ue.subscribeMobileDeviceChange(e)},[q]),t.useEffect(()=>{vt?.(se)},[se,vt]),t.useEffect(()=>{jn.current=se},[se]),t.useEffect(()=>{Et?.(Se,s)},[s,Se,Et]),t.useEffect(()=>{const e=wt.current,n=Ar.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:g.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:A,currentAudioKey:b,hasCompletedCurrentStepAudio:k,hasResolvedCurrentInteraction:Re,currentStepHasSpeakableElement:h,currentInteractionElement:c,isAutoAdvanceEnabled:xe,shouldUseSilentStepAutoAdvanceToggle:ge});wt.current={markerCount:g.length,currentIndex:s,canGoNext:A},n&&C()},[A,b,s,c,h,C,k,Re,xe,ge,g.length]),t.useEffect(()=>{if(!f||O==="hidden"){F(),be(!1);return}if(O==="visible"){F(),be(!0);return}Oe||p(!0)},[F,Oe,O,f,p]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&mr.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&f&&(j(),te(!0),p(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[j,f,p]),vr.default({sectionRef:fe,enabled:f,keyboardShortcutsEnabled:Q,onKeyboardShortcut:j,onWake:()=>{j(),te(!0),p(!0)}}),t.useEffect(()=>{if(!f){_();return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=un.getPlaybackSequenceTransition({previousResetKey:kt.current,nextResetKey:Ee,currentAudioKey:b,hasCompletedCurrentStepAudio:k});kt.current=Ee;const l=H.current===s&&!!c,u=ln.shouldPresentInteractionOverlay({hasInteraction:!!c,shouldBlockPlaybackForInteraction:G,shouldOpenInteractionOverlayAfterAudio:l,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Re,currentStepHasSpeakableElement:h}),a=he.current,r=a?.slideIndex===s;if(e&&_({preservePendingSubtitleJump:r}),!(I.length===0&&!c)&&!W){if(a?.slideIndex===s&&pt.canReachSubtitleJumpTarget({currentIndex:s,resolvedCurrentInteractionElement:m,slideElementList:g,targetSlideIndex:a.slideIndex})){he.current=null,Ye.current=!0,B(a.audioKey),De({audioIndex:a.audioIndex,timeMs:a.timeMs});return}if(c&&et(c),u){Zt(c);return}if(M(),H.current=null,!!n&&!ue()){if(h){if(R){S(!1);return}S(!0);return}if(A&&!(ge&&!xe)&&!(Ie&&!Qt))return me.current=window.setTimeout(()=>{me.current=null,C()},Xt),()=>{le()}}}},[m,A,le,I.length,s,c,b,Ee,h,Ie,Qt,Xt,C,k,R,xe,Re,G,M,_,De,Zt,f,g,ue,W,ge]),t.useEffect(()=>{if(R||W||!h||G){S(!1);return}if(k){S(!1);return}if(Jt){S(!1);return}$e("waitingForAudio"),S(!0)},[Jt,h,k,R,W,G]),t.useEffect(()=>{const e=Ye.current;Ye.current=!1,un.shouldStartDefaultAudioSequence({currentAudioKey:b,currentAudioSequenceLength:T.length,currentStepHasSpeakableElement:h,hasCompletedCurrentStepAudio:k,shouldBlockPlaybackForInteraction:G,shouldPausePlaybackForCustomAction:W,shouldSkipDefaultAudioStart:e})&&ue()},[b,T,h,k,W,G,ue]),t.useEffect(()=>{!b||v>=0||B(null)},[v,b]),t.useEffect(()=>{v>=0||re.reset()},[v,re]),t.useEffect(()=>{je(!1)},[Gn]);const{interactionDefaults:en,interactionDefaultSelectedValues:$n,hasResolvedInteractionInput:it,isInteractionReadonly:Xn,shouldAutoContinueInteraction:tn}=t.useMemo(()=>Cr.resolveSlideInteractionState(m,{interactionDefaultValueOptions:bt}),[m,bt]),nn=!!m?.readonly||Xn,ct=ln.shouldRenderInteractionOverlay({hasActiveInteraction:!!m,isInteractionOverlayOpen:ne,shouldBlockPlaybackForInteraction:G&&!nn&&!it,playerControlsVisible:x,shouldMountPlayer:f,hasFocusedTextInput:_n}),Qn=t.useCallback(e=>{const l=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");et(u=>!u||!l?u:{...u,user_input:l}),xt?.(e,m),Ae()},[m,Ae,xt]);t.useEffect(()=>{const e=()=>{qn(document.fullscreenElement===fe.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{m&&ne||(Le(!1),tt(!1))},[m,ne]),t.useEffect(()=>{if(!ct){ve(0);return}const e=Je.current;if(!e)return;const n=()=>{const u=Math.ceil(e.getBoundingClientRect().height);ve(u+Fr)};if(n(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(()=>{n()});return l.observe(e),()=>{l.disconnect()}},[ct]),t.useEffect(()=>{if(w(),!!ne){if(tn)return U.current=window.setTimeout(()=>{U.current=null,Ae()},dn),()=>{w()};if(!(Bt||!it))return U.current=window.setTimeout(()=>{U.current=null,Ae()},dn),()=>{w()}}},[w,Ae,Bt,it,ne,tn]);const Zn=(e,n={})=>e?e.type==="slot"?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?o.jsxRuntimeExports.jsx(on.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,locale:d,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:hn}):o.jsxRuntimeExports.jsx(on.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,locale:d,mode:"blackboard",type:"markdown",content:e.content}):null,er=(e=[],n=!1)=>{if(e.length===0)return null;const l=e.filter(r=>r.is_renderable!==!1).length,u=n&&Sn?Ir.resolveMarkdownScalingMode(e):"disabled",a=e.reduce((r,E,P)=>E.is_renderable!==!1?P:r,-1);return o.jsxRuntimeExports.jsx(Sr.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:u,children:e.map((r,E)=>{const P=r.type==="html"&&r.is_renderable===!1;return o.jsxRuntimeExports.jsx("div",{ref:n&&E===a?Rt:null,"aria-hidden":P||void 0,className:ce.cn("w-full shrink-0",l===1&&r.is_renderable!==!1&&"slide-element--single",P?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":r.is_renderable===!1&&"hidden"),children:Zn(r,{replaceRootScreenHeightWithFull:l===1&&r.type==="html"&&r.is_renderable!==!1})},r.sequence_number??`${r.type}-${E}`)})})},tr=t.useCallback(()=>{const e=fe.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),rn=t.useCallback(()=>{const e=Me.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),dt=t.useCallback(e=>pt.canReachSubtitleJumpTarget({currentIndex:s,resolvedCurrentInteractionElement:m,slideElementList:g,targetSlideIndex:qe[e.audioIndex]}),[m,qe,s,g]),nr=t.useCallback((e,n)=>{const u=y[e.audioIndex]?.audioKey,a=qe[e.audioIndex];return!u||a==null||!dt(e)?!1:(ae(n),H.current=null,S(!1),Xe(!1),je(!1),mt.shouldWakePlayerControlsAfterNavigation(n)&&(te(!0),p(!0)),a===s?(he.current=null,_(),B(u),De(e),!0):(ye.current=!0,_(),he.current={audioIndex:e.audioIndex,audioKey:u,slideIndex:a,timeMs:e.timeMs},Pt(a),!0))},[y,qe,dt,s,Pt,De,_,p,ae]),rr=t.useCallback(e=>{ae(e),ye.current=!0,H.current=null,S(!1),mt.shouldWakePlayerControlsAfterNavigation(e)&&(te(!0),p(!0)),_(),_t()},[_t,_,p,ae]),sr=t.useCallback(e=>{ae(e),ye.current=!0,H.current=null,S(!1),mt.shouldWakePlayerControlsAfterNavigation(e)&&(te(!0),p(!0)),_(),C()},[C,_,p,ae]),or=t.useCallback(({loading:e,reason:n})=>{if(R){S(!1);return}if(!h||k){S(!1);return}e&&n&&$e(n),S(Lr(n,e))},[h,k,R]);t.useEffect(()=>{R&&S(!1)},[R]);const lr=t.useCallback(e=>{const n=y[e]?.audioKey;if(!n||!b||n!==b)return;const l=T.findIndex(r=>r===n);if(l<0){B(null);return}const u=l+1,a=T[u];if(a){B(a);return}if(B(null),Xe(!0),S(!1),A){const r=s+1,E=g[r];zt&&E?.type==="interaction"&&(H.current=r),C();return}},[y,A,s,b,T,C,zt,g]),ur=t.useCallback(()=>{m&&Be(e=>!e)},[m]),ar=t.useCallback(()=>{_e.current=!0,F(),f&&be(!0)},[F,f]),ir=t.useCallback(()=>{_e.current=!1,p(!0)},[p]),sn=t.useCallback(e=>{e.stopPropagation(),x&&p(!0)},[x,p]),cr=t.useCallback(e=>{j(),gt?.(e)},[j,gt]),dr=t.useCallback(e=>{j(),It?.(e)},[j,It]),fr=t.useCallback(()=>{te(!0),p(!0)},[p]);return t.useEffect(()=>{const e=Ct.current,u=(e.length>0&&e.length<ee.length&&e.every((r,E)=>r===ee[E])?I.slice(e.length):[]).some(r=>r.is_new===!1);if(Ct.current=ee,!u)return;const a=window.requestAnimationFrame(()=>{const r=Me.current,E=Rt.current;if(!r||!E)return;const P=r.getBoundingClientRect(),Ke=E.getBoundingClientRect(),Ce=r.scrollTop+(Ke.top-P.top);r.scrollTo({top:Math.max(Ce,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(a)}},[I,ee]),t.useEffect(()=>{if(!ye.current||(ye.current=!1,I.length===0))return;const e=window.requestAnimationFrame(()=>{rn()});return()=>{window.cancelAnimationFrame(e)}},[I,rn]),o.jsxRuntimeExports.jsxs("section",{ref:fe,className:ce.cn("relative h-full w-full",q&&"slide--mobile-device",Kt&&"slide--browser-fullscreen",oe&&"slide--mobile-landscape",Dt&&"slide--mobile-landscape-native",bn),onClick:fr,onFocusCapture:dr,onPointerDown:cr,...xn,children:[Nn?o.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,o.jsxRuntimeExports.jsxs("div",{ref:At,className:ce.cn("slide__viewport relative h-full min-h-0 w-full",oe&&"slide__viewport--mobile-landscape",oe&&!On&&"slide__viewport--mobile-landscape-native"),children:[Bn?o.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[o.jsxRuntimeExports.jsx("button",{"aria-label":D?.backAriaLabel??K.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:Dn,type:"button",children:o.jsxRuntimeExports.jsx(Mr.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),D?.content?o.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:D.content}):null]}):null,o.jsxRuntimeExports.jsx("div",{className:ce.cn("h-full min-h-0 w-full",Ln&&"slide__viewport-content--with-header",In?"slide-content--single":"grid gap-4"),children:I.length>0?o.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:o.jsxRuntimeExports.jsx("div",{ref:Me,className:"slide-stage__layer w-full",children:Kn.map((e,n)=>{const l=n===Un;return o.jsxRuntimeExports.jsx("div",{"data-active-step":l?"true":void 0,"aria-hidden":!l||void 0,className:"w-full h-full",style:{display:l?void 0:"none"},children:er(e.elementList,l)},e.sourceStepIndexes[0]??n)})})}):null}),Tn?o.jsxRuntimeExports.jsx(pr.default,{message:jr(vn,kn),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,o.jsxRuntimeExports.jsx(br.default,{extraBottomOffset:Pn,hasPlayerGap:x,isEnabled:jt&&wn,isPlayerHidden:f&&!x,playbackTimeStore:re,subtitleCues:Hn}),ct?o.jsxRuntimeExports.jsx("div",{ref:Je,"data-player-keyboard-shortcuts-ignore":"true",className:ce.cn("slide-interaction-overlay",x&&f?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:sn,onPointerDown:sn,onPointerDownCapture:e=>{yt(e.target)&&Le(!0)},onFocusCapture:e=>{fn(e.target)&&tt(!0),yt(e.target)&&Le(!0)},onBlurCapture:e=>{if(!fn(e.target))return;const n=e.relatedTarget;n instanceof HTMLElement&&Je.current?.contains(n)||tt(!1)},onInputCapture:e=>{yt(e.target)&&Le(!0)},style:Wn,children:o.jsxRuntimeExports.jsx(pn,{content:String(m?.content??""),locale:d,defaultButtonText:en.buttonText??"",defaultInputText:en.inputText??"",defaultSelectedValues:$n,confirmButtonText:X?.confirmButtonText??K.interactionTexts.confirmButtonText,copyButtonText:X?.copyButtonText??K.interactionTexts.copyButtonText,copiedButtonText:X?.copiedButtonText??K.interactionTexts.copiedButtonText,onSend:Qn,readonly:nn,title:X?.title??He??K.interactionTexts.title})}):null,f?o.jsxRuntimeExports.jsx(Er.PlayerKeyboardShortcutContext.Provider,{value:An,children:o.jsxRuntimeExports.jsx(hr.default,{audioList:y,className:ce.cn("absolute left-1/2 z-[2] -translate-x-1/2",Kt?"bottom-3":"-bottom-3",V,!x&&"pointer-events-none opacity-0"),currentAudioIndex:v,defaultPlaying:ze,enableKeyboardShortcuts:Q,isPlaybackPaused:W,isAutoAdvanceEnabled:xe,locale:d,hasInteraction:!!m,isInteractionOpen:ne,isSubtitleEnabled:jt,onAutoAdvanceToggle:Ft,onLoadingChange:or,onPlaybackStarted:()=>{je(!0)},onPlaybackPreferenceChange:zn,onPlaybackTimeChange:re.setTime,onSubtitleToggle:()=>{Mn(e=>!e)},nextDisabled:!A,onEnded:lr,onFullscreen:tr,isFullscreen:Lt,mobileViewMode:se,settingsPortalContainer:At.current,onMobileViewModeChange:Vn,onControlsPointerEnter:ar,onControlsPointerLeave:ir,onInteractionToggle:ur,onNext:sr,onPrev:rr,onSubtitleJump:nr,canJumpToSubtitleTarget:dt,prevDisabled:!gn,showControls:x,subtitleSeekRequest:Cn,texts:yn,customActionContext:ot,customActions:z,useAutoAdvanceToggle:ge})}):null]})]})};exports.default=Dr;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),vr=require("../../lib/sandboxInteraction.cjs.js"),de=require("../../lib/utils.cjs.js"),Er=require("../ui/loading-overlay-card.cjs.js"),Ir=require("../ContentRender/ContentRender.cjs.js"),pn=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");require("../ContentRender/contentRenderI18n.cjs.js");const Qe=require("../../lib/mobileDevice.cjs.js"),Rr=require("./Player.cjs.js"),Ar=require("./MarkdownSlideScaling.cjs.js"),Cr=require("./SubtitleOverlay.cjs.js"),wr=require("./useSlide.cjs.js"),kr=require("./useWakePlayerFromIframe.cjs.js"),Tr=require("./utils/playerKeyboardShortcutContext.cjs.js"),Mr=require("./utils/playerKeyboardShortcuts.cjs.js"),Oe=require("./utils/mobileScreenMode.cjs.js"),Ze=require("./utils/interactionPlayback.cjs.js"),Pr=require("./utils/markdownScaling.cjs.js"),Rt=require("./utils/playerNavigationContext.cjs.js"),_r=require("./utils/appendedMarkerAdvance.cjs.js"),yn=require("./utils/playbackSequence.cjs.js"),At=require("./utils/subtitleJumpNavigation.cjs.js"),hn=require("./utils/playerCustomActions.cjs.js"),Or=require("./utils/playbackTimeStore.cjs.js"),jr=require("./utils/interactionResolution.cjs.js"),qr=require("./utils/playerToggleMode.cjs.js"),xn=require("./utils/imageOnlyStepVisualReady.cjs.js"),Fr=require("./utils/silentStepAutoAdvance.cjs.js"),Br=require("./utils/playerVisibility.cjs.js"),gn=require("./slideI18n.cjs.js");;/* empty css               */const Dr=require("../../node_modules/lucide-react/dist/esm/icons/grip-horizontal.cjs.js"),Nr=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),Lr=2e3,Vr=300,Kr=160,Ur=16,Sn=3e3,bn={x:0,y:0},Hr=typeof window>"u"?t.useEffect:t.useLayoutEffect,Yr=["button","input","textarea",'[contenteditable=""]','[contenteditable="true"]','[contenteditable="plaintext-only"]'].join(", "),wt="waitingForAudio",Wr=(i,f)=>typeof i=="string"?i:i[f]??i[wt]??gn.DEFAULT_SLIDE_BUFFERING_TEXTS[f],Gr=(i,f)=>typeof i=="string"?i:{...f,...i},Jr=(i,f)=>f?i!=="loadingAudio":!1,vn=t.memo(({content:i,title:f,locale:L,defaultButtonText:fe,defaultInputText:V,defaultSelectedValues:K,confirmButtonText:$,copyButtonText:z,copiedButtonText:je,onSend:et,onDragHandlePointerCancel:X,onDragHandlePointerDown:tt,onDragHandlePointerMove:me,onDragHandlePointerUp:qe,readonly:Fe=!1})=>a.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[a.jsxRuntimeExports.jsx("button",{type:"button",className:"slide-player__interaction-drag-handle","aria-label":"Move interaction",onPointerCancel:X,onPointerDown:tt,onPointerMove:me,onPointerUp:qe,children:a.jsxRuntimeExports.jsx("span",{className:"slide-player__interaction-drag-handle-icon",children:a.jsxRuntimeExports.jsx(Dr.default,{"aria-hidden":"true"})})}),a.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:a.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:f})}),a.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:a.jsxRuntimeExports.jsx(Ir.default,{content:i,locale:L,defaultButtonText:fe,defaultInputText:V,defaultSelectedValues:K,confirmButtonText:$,copyButtonText:z,copiedButtonText:je,onSend:et,readonly:Fe,sandboxMode:"content"})})]}));vn.displayName="InteractionOverlayCard";const $r=(i,f)=>i.length===f.length&&i.every((L,fe)=>{const V=f[fe];return L.sequence_number===V?.sequence_number&&L.type===V?.type&&L.content===V?.content}),Ct=i=>i instanceof HTMLElement&&!!i.closest(Yr),zr=({elementList:i=[],locale:f,playerEnabled:L,playerControlsVisibility:fe,playerClassName:V,fullscreenHeader:K,playerCustomActions:$,playerCustomActionPauseOnActive:z=!0,bufferingText:je,interactionTitle:et,interactionTexts:X,playerTexts:tt,playerAutoHideDelay:me=3e3,markerAutoAdvanceDelay:qe=Lr,interactionDefaultValueOptions:Fe,onSend:kt,onPlayerVisibilityChange:nt,onMobileViewModeChange:Tt,onStepChange:Mt,enableKeyboardShortcuts:Q=!0,enableIframeScaling:En=!0,enableMarkdownScaling:In=!0,disableLoadingOverlay:C=!1,className:Rn,onPointerDown:Pt,onFocusCapture:_t,...An})=>{const U=t.useMemo(()=>gn.getSlideLocaleTexts(f),[f]),Cn=t.useMemo(()=>Gr(je,U.bufferingText),[je,U.bufferingText]),{playerEnabled:wn,playerControlsVisibility:F}=Br.resolveSlidePlayerVisibility({playerEnabled:L,playerControlsVisibility:fe}),Be=t.useId(),pe=t.useRef(null),rt=t.useRef(null),De=t.useRef(null),Ot=t.useRef(null),Z=t.useRef(null),Ne=t.useRef(!1),ye=t.useRef(null),Le=t.useRef(null),H=t.useRef(null),he=t.useRef(null),xe=t.useRef(null),Se=t.useRef(null),be=t.useRef(null),jt=t.useRef([]),ge=t.useRef(!1),Y=t.useRef(null),ve=t.useRef(null),qt=t.useRef(0),Ft=t.useRef(null),Bt=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),ot=t.useRef(!1),{currentElementList:R,stepElementLists:Dt,slideElementList:I,currentIndex:u,audioList:y,audioSlideIndexes:Ve,currentAudioSequenceIndexes:Ke,currentStepHasSpeakableElement:h,currentInteractionElement:c,canGoPrev:kn,canGoNext:A,handlePrev:Nt,handleNext:w,handleGoTo:Lt}=wr.default(i),Ee=t.useMemo(()=>{if(!(u<0))return I[u]},[u,I]),ee=t.useMemo(()=>R.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[R]),Tn=I.filter(e=>e.is_renderable!==!1).length===1,m=wn&&(I.length>0||y.length>0||!!c),Mn=t.useMemo(()=>({enabled:Q,ownerId:Be}),[Q,Be]),B=t.useCallback(()=>{!Q||!m||Mr.activatePlayerKeyboardShortcutOwner(Be)},[Q,Be,m]),k=t.useMemo(()=>Ke.map(e=>y[e]?.audioKey).filter(e=>!!e),[y,Ke]),[Pn,Ie]=t.useState(!0),[Ue,te]=t.useState(!1),[st,Vt]=t.useState(!0),[Re,Kt]=t.useState(!0),[b,D]=t.useState(null),[_n,Ut]=t.useState(null),[On,x]=t.useState(!1),[jn,lt]=t.useState(wt),[T,at]=t.useState(!1),[qn,He]=t.useState(!1),[Ht,Fn]=t.useState(!0),[ut,it]=t.useState(!1),[d,ct]=t.useState(),[ne,Ye]=t.useState(!1),[Yt,We]=t.useState(!1),[S,dt]=t.useState(bn),[ft,mt]=t.useState(!1),[Bn,Ae]=t.useState(0),[Wt,Dn]=t.useState(!1),j=t.useMemo(()=>Qe.isMobileDevice(),[]),[Ge,pt]=t.useState(Oe.DEFAULT_MOBILE_VIEW_MODE),[Gt,yt]=t.useState(!1),[Nn,Jt]=t.useState(()=>j?Qe.isLandscapeViewport():!1),re=t.useMemo(()=>Or.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:oe,isImmersiveMobileFullscreen:se,isNativeMobileFullscreen:$t,shouldRotateFullscreenViewport:Ln}=t.useMemo(()=>Oe.resolveMobileViewModeState({hasManualMobileViewMode:Gt,isMobileDevice:j,mobileViewMode:Ge}),[Gt,j,Nn,Ge]),Vn=t.useRef(oe),g=m&&F!=="hidden"&&(F==="visible"||Pn),Kn=se&&g,Un=se&&g,Hn=se||$t,zt=Wt&&!j,Yn=t.useCallback(e=>{yt(!0),pt(e)},[]),Xt=t.useCallback(()=>{yt(!1),pt(Oe.DEFAULT_MOBILE_VIEW_MODE)},[]),Wn=t.useCallback(()=>{Xt(),K?.onBack?.()},[K,Xt]),Qt=t.useCallback(e=>{it(e)},[]),Zt=t.useCallback(()=>{it(e=>!e)},[]),{mountedStepStates:Gn,currentMountedStateIndex:Jn}=t.useMemo(()=>{const e=[],n=new Map;return Dt.forEach((o,s)=>{const l=e.findIndex(r=>$r(r.elementList,o));if(l>=0){e[l]?.sourceStepIndexes.push(s),n.set(s,l);return}e.push({elementList:o,sourceStepIndexes:[s]}),n.set(s,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:u>=0?n.get(u)??-1:-1}},[u,Dt]),en=t.useMemo(()=>String(u),[u]),v=t.useMemo(()=>b?y.findIndex(e=>(e.audioKey??"")===b):-1,[y,b]),ht=t.useMemo(()=>v>=0?y[v]:void 0,[y,v]),$n=ht?.element?.subtitle_cues??[],Je=t.useMemo(()=>k[0]??"none",[k]),xt=t.useMemo(()=>({currentElement:hn.resolvePlayerCustomActionElement({currentAudioIndex:v,currentAudioSequenceIndexes:Ke,audioList:y,currentInteractionElement:d,currentStepElement:Ee}),currentIndex:u,currentStepElement:Ee,isActive:ut,setActive:Qt,toggleActive:Zt}),[d,y,v,Ke,u,Ee,ut,Qt,Zt]),St=t.useMemo(()=>hn.getPlayerCustomActionCount($,xt),[xt,$]),zn=t.useMemo(()=>({"--slide-player-custom-action-count":String(St),"--slide-player-mobile-control-count":String(St+4),"--slide-interaction-drag-x":`${S.x}px`,"--slide-interaction-drag-y":`${S.y}px`}),[S.x,S.y,St]),tn=k.length>0,nn=t.useMemo(()=>c?`${c.sequence_number??"none"}:${String(c.content??"")}`:"none",[c]),Ce=t.useMemo(()=>[en,nn].join("|"),[nn,en]),Xn=t.useMemo(()=>[Ce,ht?.audioKey??"none",String(v)].join("|"),[v,ht?.audioKey,Ce]),rn=!!t.useMemo(()=>!Je||Je==="none"?"":y.find(n=>n.audioKey===Je)?.audioUrl?.trim()??"",[y,Je]),W=z&&!!$&&ut,we=t.useMemo(()=>qr.shouldUseAutoAdvanceToggle({canGoNext:A,currentAudioIndex:v,currentStepHasSpeakableElement:h,hasInteraction:!!c}),[A,v,c,h]),on=t.useMemo(()=>Fr.resolveSilentStepAutoAdvanceBehavior({currentElementList:R,currentStepHasSpeakableElement:h,currentInteractionElement:c,markerAutoAdvanceDelay:qe}),[R,c,h,qe]),sn=on.delayMs,ke=on.usesImageOnlyDelay,bt=t.useMemo(()=>`${u}:${ee.join("|")}`,[u,ee]),[Qn,Zn]=t.useState(null),ln=!ke||Qn===bt,q=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),M=t.useCallback(()=>{H.current!==null&&(window.clearTimeout(H.current),H.current=null)},[]),P=t.useCallback(()=>{he.current!==null&&(window.clearTimeout(he.current),he.current=null)},[]),le=t.useCallback(()=>{ye.current!==null&&(window.clearTimeout(ye.current),ye.current=null)},[]),N=t.useCallback(()=>{Le.current!==null&&(window.clearTimeout(Le.current),Le.current=null)},[]),_=t.useCallback((e={})=>{le(),M(),P(),N(),D(null),re.reset(),x(!1),lt(wt),at(!1),He(!1),Ut(null),e.preservePendingSubtitleJump||(ve.current=null),ct(void 0),Ye(!1),Ae(0)},[le,N,M,P,re]),$e=t.useCallback(e=>{qt.current+=1,Ut({...e,id:qt.current})},[]),ae=t.useCallback(()=>{const e=k[0];return e?(D(e),!0):!1},[k]),Te=t.useCallback(()=>{M(),P(),Ye(!1),Ae(0),!ae()&&A&&w()},[A,M,P,w,ae]),an=t.useCallback(e=>{if(P(),!e)return;const n=()=>{he.current=null,Ae(Kr),Ye(!0),Y.current=null};he.current=window.setTimeout(n,Vr)},[P]),gt=t.useCallback(()=>Ne.current||!!pe.current?.querySelector(".slide-player__controls:hover"),[]),p=t.useCallback((e=Ue)=>{!m||F==="hidden"||(Ie(!0),q(),!(F==="visible"||!e||me<=0||gt())&&(Z.current=window.setTimeout(()=>{if(gt()){Z.current=null;return}Ie(!1),Z.current=null},me)))},[q,Ue,gt,me,F,m]),Me=!!At.hasResolvedInteractionElement(c),ue=!!c&&!Me,er=t.useCallback(e=>{Vt(e)},[]),ie=t.useCallback(e=>{e&&Vt(e.shouldContinuePlayback)},[]);t.useEffect(()=>{Kt(st)},[u,st,z]),t.useEffect(()=>{z&&it(!1)},[u,z]),t.useEffect(()=>()=>{le(),N(),q(),M(),P()},[le,N,M,P,q]),t.useEffect(()=>{if(!ke){N();return}let e=!1,n=null,o=null;const s=()=>{o?.(),o=null},l=()=>{e||(s(),N(),Zn(bt))},r=()=>{if(e)return;s();const E=De.current?.querySelector('[data-active-step="true"]');if(!E)return;const O=Array.from(E.querySelectorAll("iframe"));if(O.length===0||xn.areImageOnlyStepIframeVisualsReady(O)){l();return}const Xe=[],_e=()=>{e||(n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,r()}))},It=(G,ce,J)=>{G.addEventListener(ce,J,{once:!0}),Xe.push(()=>G.removeEventListener(ce,J))};O.forEach(G=>{const ce=G.contentDocument;if(!ce||ce.readyState!=="complete"){It(G,"load",_e);return}Array.from(ce.images).filter(J=>!J.complete).forEach(J=>{It(J,"load",_e),It(J,"error",_e)})}),o=()=>{Xe.forEach(G=>G())}};return n=window.requestAnimationFrame(()=>{n=null,r()}),Le.current=window.setTimeout(()=>{l()},xn.DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS),()=>{e=!0,s(),N(),n!==null&&window.cancelAnimationFrame(n)}},[N,R,u,bt,ke]),t.useEffect(()=>(nt?.(g),()=>{nt?.(!1)}),[nt,g]),t.useEffect(()=>{g||(Ne.current=!1)},[g]),t.useEffect(()=>{j||Ge===Oe.DEFAULT_MOBILE_VIEW_MODE||(yt(!1),pt(Oe.DEFAULT_MOBILE_VIEW_MODE))},[j,Ge]),t.useEffect(()=>{if(!j){Jt(!1);return}const e=()=>{Jt(Qe.isLandscapeViewport())};return e(),Qe.subscribeMobileDeviceChange(e)},[j]),t.useEffect(()=>{Tt?.(oe)},[oe,Tt]),t.useEffect(()=>{Vn.current=oe},[oe]),t.useEffect(()=>{Mt?.(Ee,u)},[u,Ee,Mt]),t.useEffect(()=>{const e=Bt.current,n=_r.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:I.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:A,currentAudioKey:b,hasCompletedCurrentStepAudio:T,hasResolvedCurrentInteraction:Me,currentStepHasSpeakableElement:h,currentInteractionElement:c,isAutoAdvanceEnabled:Re,shouldUseSilentStepAutoAdvanceToggle:we});Bt.current={markerCount:I.length,currentIndex:u,canGoNext:A},n&&w()},[A,b,u,c,h,w,T,Me,Re,we,I.length]),t.useEffect(()=>{if(!m||F==="hidden"){q(),Ie(!1);return}if(F==="visible"){q(),Ie(!0);return}Ue||p(!0)},[q,Ue,F,m,p]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&vr.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&m&&(B(),te(!0),p(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[B,m,p]),kr.default({sectionRef:pe,enabled:m,keyboardShortcutsEnabled:Q,onKeyboardShortcut:B,onWake:()=>{B(),te(!0),p(!0)}}),t.useEffect(()=>{if(!m){_();return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=yn.getPlaybackSequenceTransition({previousResetKey:Ft.current,nextResetKey:Ce,currentAudioKey:b,hasCompletedCurrentStepAudio:T});Ft.current=Ce;const o=Y.current===u&&!!c,s=Ze.shouldPresentInteractionOverlay({hasInteraction:!!c,shouldBlockPlaybackForInteraction:ue,shouldOpenInteractionOverlayAfterAudio:o,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Me,currentStepHasSpeakableElement:h}),l=ve.current,r=l?.slideIndex===u;if(e&&_({preservePendingSubtitleJump:r}),!(R.length===0&&!c)&&!W){if(l?.slideIndex===u&&At.canReachSubtitleJumpTarget({currentIndex:u,resolvedCurrentInteractionElement:d,slideElementList:I,targetSlideIndex:l.slideIndex})){ve.current=null,ot.current=!0,D(l.audioKey),$e({audioIndex:l.audioIndex,timeMs:l.timeMs});return}if(c&&ct(c),s){an(c);return}if(P(),Y.current=null,!!n&&!ae()){if(h){if(C){x(!1);return}x(!0);return}if(A&&!(we&&!Re)&&!(ke&&!ln))return ye.current=window.setTimeout(()=>{ye.current=null,w()},sn),()=>{le()}}}},[d,A,le,R.length,u,c,b,Ce,h,ke,ln,sn,w,T,C,Re,Me,ue,P,_,$e,an,m,I,ae,W,we]),t.useEffect(()=>{if(C||W||!h||ue){x(!1);return}if(T){x(!1);return}if(tn){x(!1);return}lt("waitingForAudio"),x(!0)},[tn,h,T,C,W,ue]),t.useEffect(()=>{const e=ot.current;ot.current=!1,yn.shouldStartDefaultAudioSequence({currentAudioKey:b,currentAudioSequenceLength:k.length,currentStepHasSpeakableElement:h,hasCompletedCurrentStepAudio:T,shouldBlockPlaybackForInteraction:ue,shouldPausePlaybackForCustomAction:W,shouldSkipDefaultAudioStart:e})&&ae()},[b,k,h,T,W,ue,ae]),t.useEffect(()=>{!b||v>=0||D(null)},[v,b]),t.useEffect(()=>{v>=0||re.reset()},[v,re]),t.useEffect(()=>{He(!1)},[Xn]);const{interactionDefaults:un,interactionDefaultSelectedValues:tr,hasResolvedInteractionInput:cn,isInteractionReadonly:nr,shouldAutoContinueInteraction:dn}=t.useMemo(()=>jr.resolveSlideInteractionState(d,{interactionDefaultValueOptions:Fe}),[d,Fe]),rr=!!d?.readonly||nr,Pe=Ze.shouldRenderInteractionOverlay({hasActiveInteraction:!!d,isInteractionOverlayOpen:ne}),or=t.useCallback(e=>{const o=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");ct(s=>!s||!o?s:{...s,user_input:o}),kt?.(e,d),Te()},[d,Te,kt]);t.useEffect(()=>{const e=()=>{Dn(document.fullscreenElement===pe.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{d&&ne||We(!1)},[d,ne]),t.useEffect(()=>{dt(bn),mt(!1),be.current=null,Se.current=null},[d]),t.useEffect(()=>{if(!Pe){Ae(0);return}const e=xe.current;if(!e)return;const n=()=>{const s=Math.ceil(e.getBoundingClientRect().height);Ae(s+Ur)};if(n(),typeof ResizeObserver>"u")return;const o=new ResizeObserver(()=>{n()});return o.observe(e),()=>{o.disconnect()}},[Pe]),t.useEffect(()=>{if(M(),!!ne){if(dn)return H.current=window.setTimeout(()=>{H.current=null,Te()},Sn),()=>{M()};if(!(Yt||!cn))return H.current=window.setTimeout(()=>{H.current=null,Te()},Sn),()=>{M()}}},[M,Te,Yt,cn,ne,dn]);const sr=(e,n={})=>e?e.type==="slot"?a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?a.jsxRuntimeExports.jsx(pn.default,{className:"content-render-iframe",disableLoadingOverlay:C,hideFullScreen:!0,locale:f,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:En}):a.jsxRuntimeExports.jsx(pn.default,{className:"content-render-iframe",disableLoadingOverlay:C,hideFullScreen:!0,locale:f,mode:"blackboard",type:"markdown",content:e.content}):null,lr=(e=[],n=!1)=>{if(e.length===0)return null;const o=e.filter(r=>r.is_renderable!==!1).length,s=n&&In?Pr.resolveMarkdownScalingMode(e):"disabled",l=e.reduce((r,E,O)=>E.is_renderable!==!1?O:r,-1);return a.jsxRuntimeExports.jsx(Ar.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:s,children:e.map((r,E)=>{const O=r.type==="html"&&r.is_renderable===!1;return a.jsxRuntimeExports.jsx("div",{ref:n&&E===l?Ot:null,"aria-hidden":O||void 0,className:de.cn("w-full shrink-0",o===1&&r.is_renderable!==!1&&"slide-element--single",O?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":r.is_renderable===!1&&"hidden"),children:sr(r,{replaceRootScreenHeightWithFull:o===1&&r.type==="html"&&r.is_renderable!==!1})},r.sequence_number??`${r.type}-${E}`)})})},ar=t.useCallback(()=>{const e=pe.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),fn=t.useCallback(()=>{const e=De.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),vt=t.useCallback(e=>At.canReachSubtitleJumpTarget({currentIndex:u,resolvedCurrentInteractionElement:d,slideElementList:I,targetSlideIndex:Ve[e.audioIndex]}),[d,Ve,u,I]),ur=t.useCallback((e,n)=>{const s=y[e.audioIndex]?.audioKey,l=Ve[e.audioIndex];return!s||l==null||!vt(e)?!1:(ie(n),Y.current=null,x(!1),at(!1),He(!1),Rt.shouldWakePlayerControlsAfterNavigation(n)&&(te(!0),p(!0)),l===u?(ve.current=null,_(),D(s),$e(e),!0):(ge.current=!0,_(),ve.current={audioIndex:e.audioIndex,audioKey:s,slideIndex:l,timeMs:e.timeMs},Lt(l),!0))},[y,Ve,vt,u,Lt,$e,_,p,ie]),ir=t.useCallback(e=>{ie(e),ge.current=!0,Y.current=null,x(!1),Rt.shouldWakePlayerControlsAfterNavigation(e)&&(te(!0),p(!0)),_(),Nt()},[Nt,_,p,ie]),cr=t.useCallback(e=>{ie(e),ge.current=!0,Y.current=null,x(!1),Rt.shouldWakePlayerControlsAfterNavigation(e)&&(te(!0),p(!0)),_(),w()},[w,_,p,ie]),dr=t.useCallback(({loading:e,reason:n})=>{if(C){x(!1);return}if(!h||T){x(!1);return}e&&n&&lt(n),x(Jr(n,e))},[h,T,C]);t.useEffect(()=>{C&&x(!1)},[C]);const fr=t.useCallback(e=>{const n=y[e]?.audioKey;if(!n||!b||n!==b)return;const o=k.findIndex(r=>r===n);if(o<0){D(null);return}const s=o+1,l=k[s];if(l){D(l);return}if(D(null),at(!0),x(!1),A){const r=u+1,E=I[r];rn&&E?.type==="interaction"&&(Y.current=r),w();return}},[y,A,u,b,k,w,rn,I]),mr=t.useCallback(()=>{d&&Ye(e=>!e)},[d]),pr=t.useCallback(()=>{Ne.current=!0,q(),m&&Ie(!0)},[q,m]),yr=t.useCallback(()=>{Ne.current=!1,p(!0)},[p]),Et=t.useCallback(e=>{e.stopPropagation(),g&&p(!0)},[g,p]),ze=t.useCallback((e,n)=>{const o=rt.current;if(!o)return null;const s=e.getBoundingClientRect(),l=o.getBoundingClientRect();return{minX:n.x+l.left-s.left,maxX:n.x+l.right-s.right,minY:n.y+l.top-s.top,maxY:n.y+l.bottom-s.bottom}},[]);Hr(()=>{const e=xe.current;if(!Pe||!e){Se.current=null;return}const n=Se.current,o=e.getBoundingClientRect();if(!n||ft){Se.current=o;return}const s={x:S.x+n.left-o.left,y:S.y+n.top-o.top},l=ze(e,S),r=l?Ze.clampInteractionOverlayDragOffset(s,l):s;Se.current={left:o.left+r.x-S.x,top:o.top+r.y-S.y},(r.x!==S.x||r.y!==S.y)&&dt(r)},[ze,S,ft,g,m,Pe]);const hr=t.useCallback(e=>{if(Et(e),e.button!==0||!e.currentTarget.isConnected||!xe.current)return;const n=ze(xe.current,S);n&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),be.current={pointerId:e.pointerId,startClientX:e.clientX,startClientY:e.clientY,startOffset:S,bounds:n},mt(!0))},[ze,S,Et]),xr=t.useCallback(e=>{const n=be.current;!n||n.pointerId!==e.pointerId||(e.preventDefault(),e.stopPropagation(),dt(Ze.clampInteractionOverlayDragOffset({x:n.startOffset.x+e.clientX-n.startClientX,y:n.startOffset.y+e.clientY-n.startClientY},n.bounds)))},[]),mn=t.useCallback(e=>{const n=be.current;!n||n.pointerId!==e.pointerId||(e.stopPropagation(),e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),be.current=null,mt(!1))},[]),Sr=t.useCallback(e=>{B(),Pt?.(e)},[B,Pt]),br=t.useCallback(e=>{B(),_t?.(e)},[B,_t]),gr=t.useCallback(()=>{te(!0),p(!0)},[p]);return t.useEffect(()=>{const e=jt.current,s=(e.length>0&&e.length<ee.length&&e.every((r,E)=>r===ee[E])?R.slice(e.length):[]).some(r=>r.is_new===!1);if(jt.current=ee,!s)return;const l=window.requestAnimationFrame(()=>{const r=De.current,E=Ot.current;if(!r||!E)return;const O=r.getBoundingClientRect(),Xe=E.getBoundingClientRect(),_e=r.scrollTop+(Xe.top-O.top);r.scrollTo({top:Math.max(_e,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(l)}},[R,ee]),t.useEffect(()=>{if(!ge.current||(ge.current=!1,R.length===0))return;const e=window.requestAnimationFrame(()=>{fn()});return()=>{window.cancelAnimationFrame(e)}},[R,fn]),a.jsxRuntimeExports.jsxs("section",{ref:pe,className:de.cn("relative h-full w-full",j&&"slide--mobile-device",zt&&"slide--browser-fullscreen",se&&"slide--mobile-landscape",$t&&"slide--mobile-landscape-native",Rn),onClick:gr,onFocusCapture:br,onPointerDown:Sr,...An,children:[Hn?a.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,a.jsxRuntimeExports.jsxs("div",{ref:rt,className:de.cn("slide__viewport relative h-full min-h-0 w-full",se&&"slide__viewport--mobile-landscape",se&&!Ln&&"slide__viewport--mobile-landscape-native"),children:[Kn?a.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[a.jsxRuntimeExports.jsx("button",{"aria-label":K?.backAriaLabel??U.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:Wn,type:"button",children:a.jsxRuntimeExports.jsx(Nr.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),K?.content?a.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:K.content}):null]}):null,a.jsxRuntimeExports.jsx("div",{className:de.cn("h-full min-h-0 w-full",Un&&"slide__viewport-content--with-header",Tn?"slide-content--single":"grid gap-4"),children:R.length>0?a.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:a.jsxRuntimeExports.jsx("div",{ref:De,className:"slide-stage__layer w-full",children:Gn.map((e,n)=>{const o=n===Jn;return a.jsxRuntimeExports.jsx("div",{"data-active-step":o?"true":void 0,"aria-hidden":!o||void 0,className:"w-full h-full",style:{display:o?void 0:"none"},children:lr(e.elementList,o)},e.sourceStepIndexes[0]??n)})})}):null}),On?a.jsxRuntimeExports.jsx(Er.default,{message:Wr(Cn,jn),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,a.jsxRuntimeExports.jsx(Cr.default,{extraBottomOffset:Bn,hasPlayerGap:g,isEnabled:Ht&&qn,isPlayerHidden:m&&!g,playbackTimeStore:re,subtitleCues:$n}),Pe?a.jsxRuntimeExports.jsx("div",{ref:xe,"data-player-keyboard-shortcuts-ignore":"true",className:de.cn("slide-interaction-overlay",g&&m?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone",ft&&"slide-interaction-overlay--dragging"),onClick:Et,onPointerDownCapture:e=>{Ct(e.target)&&We(!0)},onFocusCapture:e=>{Ct(e.target)&&We(!0)},onInputCapture:e=>{Ct(e.target)&&We(!0)},style:zn,children:a.jsxRuntimeExports.jsx(vn,{content:String(d?.content??""),locale:f,defaultButtonText:un.buttonText??"",defaultInputText:un.inputText??"",defaultSelectedValues:tr,confirmButtonText:X?.confirmButtonText??U.interactionTexts.confirmButtonText,copyButtonText:X?.copyButtonText??U.interactionTexts.copyButtonText,copiedButtonText:X?.copiedButtonText??U.interactionTexts.copiedButtonText,onSend:or,onDragHandlePointerCancel:mn,onDragHandlePointerDown:hr,onDragHandlePointerMove:xr,onDragHandlePointerUp:mn,readonly:rr,title:X?.title??et??U.interactionTexts.title})}):null,m?a.jsxRuntimeExports.jsx(Tr.PlayerKeyboardShortcutContext.Provider,{value:Mn,children:a.jsxRuntimeExports.jsx(Rr.default,{audioList:y,className:de.cn("absolute left-1/2 z-[2] -translate-x-1/2",zt?"bottom-3":"-bottom-3",V,!g&&"pointer-events-none opacity-0"),currentAudioIndex:v,defaultPlaying:st,enableKeyboardShortcuts:Q,isPlaybackPaused:W,isAutoAdvanceEnabled:Re,locale:f,hasInteraction:!!d,isInteractionOpen:ne,isSubtitleEnabled:Ht,onAutoAdvanceToggle:Kt,onLoadingChange:dr,onPlaybackStarted:()=>{He(!0)},onPlaybackPreferenceChange:er,onPlaybackTimeChange:re.setTime,onSubtitleToggle:()=>{Fn(e=>!e)},nextDisabled:!A,onEnded:fr,onFullscreen:ar,isFullscreen:Wt,mobileViewMode:oe,settingsPortalContainer:rt.current,onMobileViewModeChange:Yn,onControlsPointerEnter:pr,onControlsPointerLeave:yr,onInteractionToggle:mr,onNext:cr,onPrev:ir,onSubtitleJump:ur,canJumpToSubtitleTarget:vt,prevDisabled:!kn,showControls:g,subtitleSeekRequest:_n,texts:tt,customActionContext:xt,customActions:$,useAutoAdvanceToggle:we})}):null]})]})};exports.default=zr;
 //# sourceMappingURL=Slide.cjs.js.map