markdown-flow-ui 0.2.21 → 0.2.22-dev.1

package/dist/components/Slide/Slide.cjs

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