markdown-flow-ui 0.2.22 → 0.2.23

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