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

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