markdown-flow-ui 0.2.25-dev.1 → 0.2.25-dev.2

package/dist/components/Slide/Slide.cjs

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