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