markdown-flow-ui 0.1.112-beta.1 → 0.1.112-beta.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 (28) hide show
  1. package/dist/_virtual/index.cjs4.js +1 -1
  2. package/dist/_virtual/index.cjs6.js +1 -1
  3. package/dist/_virtual/index.cjs7.js +1 -1
  4. package/dist/_virtual/index.es4.js +4 -4
  5. package/dist/_virtual/index.es6.js +5 -2
  6. package/dist/_virtual/index.es6.js.map +1 -1
  7. package/dist/_virtual/index.es7.js +2 -5
  8. package/dist/_virtual/index.es7.js.map +1 -1
  9. package/dist/components/Slide/Slide.cjs.js +1 -1
  10. package/dist/components/Slide/Slide.cjs.js.map +1 -1
  11. package/dist/components/Slide/Slide.d.ts +1 -0
  12. package/dist/components/Slide/Slide.es.js +535 -545
  13. package/dist/components/Slide/Slide.es.js.map +1 -1
  14. package/dist/components/ui/inputGroup/textarea.cjs.js +1 -1
  15. package/dist/components/ui/inputGroup/textarea.es.js +1 -1
  16. package/dist/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.cjs.js +1 -1
  17. package/dist/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.es.js +1 -1
  18. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.cjs.js +1 -1
  19. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-input@1.8.0_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-input/es/BaseInput.es.js +1 -1
  20. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.cjs.js +1 -1
  21. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/ResizableTextArea.es.js +1 -1
  22. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.cjs.js +1 -1
  23. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/TextArea.es.js +1 -1
  24. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.cjs.js +1 -1
  25. package/dist/markdown-flow-ui/node_modules/.pnpm/rc-textarea@1.10.2_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-textarea/es/index.es.js +1 -1
  26. package/dist/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.cjs.js +1 -1
  27. package/dist/markdown-flow-ui/node_modules/.pnpm/style-to-object@1.0.11/node_modules/style-to-object/cjs/index.es.js +1 -1
  28. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
2
2
  //# sourceMappingURL=index.cjs4.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.cjs.js");var t=r.__require();const o=e.getDefaultExportFromCjs(t);exports.default=o;
2
2
  //# sourceMappingURL=index.cjs6.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./_commonjsHelpers.cjs.js"),r=require("../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);exports.default=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
2
2
  //# sourceMappingURL=index.cjs7.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
2
- import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
3
- var t = o();
4
- const a = /* @__PURE__ */ r(t);
2
+ import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
3
+ var e = s();
4
+ const t = /* @__PURE__ */ r(e);
5
5
  export {
6
- a as default
6
+ t as default
7
7
  };
8
8
  //# sourceMappingURL=index.es4.js.map
@@ -1,5 +1,8 @@
1
- var r = {};
1
+ import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
2
+ import { __require as o } from "../markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.es.js";
3
+ var t = o();
4
+ const a = /* @__PURE__ */ r(t);
2
5
  export {
3
- r as __exports
6
+ a as default
4
7
  };
5
8
  //# sourceMappingURL=index.es6.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1
+ {"version":3,"file":"index.es6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,8 +1,5 @@
1
- import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
2
- import { __require as s } from "../markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
3
- var e = s();
4
- const t = /* @__PURE__ */ r(e);
1
+ var r = {};
5
2
  export {
6
- t as default
3
+ r as __exports
7
4
  };
8
5
  //# sourceMappingURL=index.es7.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.es7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),e=require("react"),Rn=require("../../lib/sandboxInteraction.cjs.js"),Y=require("../../lib/utils.cjs.js"),An=require("../ui/loading-overlay-card.cjs.js"),In=require("../ContentRender/ContentRender.cjs.js"),kt=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const jt=require("../../lib/interaction-defaults.cjs.js"),_e=require("../../lib/mobileDevice.cjs.js"),_n=require("./Player.cjs.js"),wn=require("./SubtitleOverlay.cjs.js"),ze=require("./constants.cjs.js"),Cn=require("./SlideFullscreenHint.cjs.js"),Tn=require("./useSlide.cjs.js"),Mn=require("./useWakePlayerFromIframe.cjs.js"),de=require("./utils/mobileScreenMode.cjs.js"),kn=require("./utils/interactionPlayback.cjs.js"),jn=require("./utils/appendedMarkerAdvance.cjs.js"),Pn=require("./utils/playbackSequence.cjs.js"),Pt=require("./utils/playerCustomActions.cjs.js"),On=require("./utils/playbackTimeStore.cjs.js"),Fn=require("./utils/playerToggleMode.cjs.js");;/* empty css */const qn=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),Bn=2e3,Nn=300,Ln=160,Vn=16,Ot=e.memo(({content:o,title:s,defaultButtonText:C,defaultInputText:T,defaultSelectedValues:q,confirmButtonText:B,copyButtonText:V,copiedButtonText:X,onSend:we,readonly:Ce=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:s})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(In.default,{content:o,defaultButtonText:C,defaultInputText:T,defaultSelectedValues:q,confirmButtonText:B,copyButtonText:V,copiedButtonText:X,onSend:we,readonly:Ce,enableTypewriter:!1,sandboxMode:"content"})})]}));Ot.displayName="InteractionOverlayCard";const Kn=(o,s)=>o.length===s.length&&o.every((C,T)=>{const q=s[T];return C.sequence_number===q?.sequence_number&&C.type===q?.type&&C.content===q?.content}),Dn=o=>typeof o=="string"?`string:${o.length}:${o.slice(-32)}`:typeof o=="number"||typeof o=="boolean"?`primitive:${String(o)}`:e.isValidElement(o)?`element:${String(o.key??"")}`:Array.isArray(o)?`array:${o.length}`:o==null?"null":`object:${typeof o}`,Un=o=>(o??[]).map(s=>[String(s.segment_index??"none"),s.is_final?"1":"0",String(s.duration_ms??0),String(s.audio_url??""),String(s.audio_data?.length??0)].join(":")).join(","),Hn=o=>o.map((s,C)=>[String(s.sequence_number??C),String(s.type),Dn(s.content),String(s.audio_url??""),Un(s.audio_segments),s.is_renderable===!1?"hidden":"visible",s.is_new?"new":"stable",s.is_speakable?"speakable":"silent",String(s.user_input??""),s.readonly?"readonly":"editable"].join("|")).join("||"),$n=({elementList:o=[],isStreaming:s=!1,showPlayer:C=!0,playerAlwaysVisible:T=!1,playerClassName:q,fullscreenHeader:B,playerCustomActions:V,playerCustomActionPauseOnActive:X=!0,bufferingText:we="Buffering...",interactionTitle:Ce,interactionTexts:fe,playerTexts:Ge,playerAutoHideDelay:Te=3e3,markerAutoAdvanceDelay:Ye=Bn,streamInactivityTimeoutMs:Me=ze.DEFAULT_STREAM_INACTIVITY_TIMEOUT_MS,interactionDefaultValueOptions:me,onSend:Xe,onPlayerVisibilityChange:ke,onMobileViewModeChange:Je,onError:Qe,onStepChange:Ze,enableIframeScaling:Ft=!0,className:qt,onPointerDown:et,...Bt})=>{const pe=e.useRef(null),tt=e.useRef(null),je=e.useRef(null),nt=e.useRef(null),J=e.useRef(null),Q=e.useRef(null),Z=e.useRef(null),ee=e.useRef(null),te=e.useRef(null),rt=e.useRef(null),st=e.useRef([]),Pe=e.useRef(null),he=e.useRef(!1),Oe=e.useRef(!1),ne=e.useRef(!1),K=e.useRef(null),ot=e.useRef(null),lt=e.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:M,stepElementLists:ut,slideElementList:k,currentIndex:c,audioList:b,currentAudioSequenceIndexes:be,currentStepHasSpeakableElement:h,currentInteractionElement:m,canGoPrev:Nt,canGoNext:S,handlePrev:it,handleNext:R}=Tn.default(o),re=e.useMemo(()=>{if(!(c<0))return k[c]},[c,k]),Lt=k.filter(t=>t.is_renderable!==!1).length===1,g=C&&(k.length>0||b.length>0||!!m),A=e.useMemo(()=>be.map(t=>b[t]?.audioKey).filter(t=>!!t),[b,be]),[at,xe]=e.useState(!0),[ye,se]=e.useState(!1),[oe,ct]=e.useState(!0),[p,D]=e.useState(null),[Vt,Kt]=e.useState(!1),[P,Fe]=e.useState(!1),[v,dt]=e.useState(!1),[Dt,qe]=e.useState(!1),[ft,Ut]=e.useState(!0),[Be,Ne]=e.useState(!1),[u,Le]=e.useState(),[Se,ve]=e.useState(!1),[Ht,le]=e.useState(0),[$t,Wt]=e.useState(!1),I=e.useMemo(()=>_e.isMobileDevice(),[]),[ge,Ve]=e.useState(de.DEFAULT_MOBILE_VIEW_MODE),[mt,Ke]=e.useState(!1),[De,pt]=e.useState(()=>I?_e.isLandscapeViewport():!1),[zt,Ee]=e.useState(!1),U=e.useMemo(()=>On.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:O,isImmersiveMobileFullscreen:H,isNativeMobileFullscreen:ht,shouldRotateFullscreenViewport:Gt}=e.useMemo(()=>de.resolveMobileViewModeState({hasManualMobileViewMode:mt,isMobileDevice:I,mobileViewMode:ge}),[mt,I,De,ge]),bt=e.useRef(O),_=g&&(T||at),Yt=H&&_,Xt=H&&_,Jt=H||ht,Qt=Ge?.fullscreenHintText??ze.DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText,ue=e.useMemo(()=>Hn(o),[o]),a=e.useCallback((t,n,l)=>{Kt(d=>(console.log("[Slide buffering loading]",{reason:n,previousVisible:d,nextVisible:t,currentIndex:c,currentAudioKey:p,currentStepHasSpeakableElement:h,hasCompletedCurrentStepAudio:v,hasStreamInactivityTimedOut:P,isStreaming:s,streamActivityKey:ue,...l}),t))},[p,c,h,v,P,s,ue]),Zt=e.useCallback(t=>{Ke(!0),Ve(t)},[]),xt=e.useCallback(()=>{Ke(!1),Ve(de.DEFAULT_MOBILE_VIEW_MODE)},[]),en=e.useCallback(()=>{xt(),B?.onBack?.()},[B,xt]),tn=e.useCallback(()=>{Ee(!1)},[]),yt=e.useCallback(t=>{Ne(t)},[]),St=e.useCallback(()=>{Ne(t=>!t)},[]),{mountedStepStates:nn,currentMountedStateIndex:rn}=e.useMemo(()=>{const t=[],n=new Map;return ut.forEach((l,d)=>{const i=t.findIndex(f=>Kn(f.elementList,l));if(i>=0){t[i]?.sourceStepIndexes.push(d),n.set(d,i);return}t.push({elementList:l,sourceStepIndexes:[d]}),n.set(d,t.length-1)}),{mountedStepStates:t,currentMountedStateIndex:c>=0?n.get(c)??-1:-1}},[c,ut]),vt=e.useMemo(()=>String(c),[c]),x=e.useMemo(()=>p?b.findIndex(t=>(t.audioKey??"")===p):-1,[b,p]),Ue=e.useMemo(()=>x>=0?b[x]:void 0,[b,x]),sn=Ue?.element?.subtitle_cues??[],Re=e.useMemo(()=>A[0]??"none",[A]),He=e.useMemo(()=>({currentElement:Pt.resolvePlayerCustomActionElement({currentAudioIndex:x,currentAudioSequenceIndexes:be,audioList:b,currentInteractionElement:u,currentStepElement:re}),currentIndex:c,currentStepElement:re,isActive:Be,setActive:yt,toggleActive:St}),[u,b,x,be,c,re,Be,yt,St]),$e=e.useMemo(()=>Pt.getPlayerCustomActionCount(V,He),[He,V]),on=e.useMemo(()=>({"--slide-player-custom-action-count":String($e),"--slide-player-mobile-control-count":String($e+4)}),[$e]),gt=A.length>0,Et=e.useMemo(()=>m?`${m.sequence_number??"none"}:${String(m.content??"")}`:"none",[m]),ie=e.useMemo(()=>[vt,Et].join("|"),[Et,vt]),ln=e.useMemo(()=>[ie,Ue?.audioKey??"none",String(x)].join("|"),[x,Ue?.audioKey,ie]),Rt=!!e.useMemo(()=>!Re||Re==="none"?"":b.find(n=>n.audioKey===Re)?.audioUrl?.trim()??"",[b,Re]),F=X&&!!V&&Be,ae=e.useMemo(()=>Fn.shouldUseAutoAdvanceToggle({canGoNext:S,currentAudioIndex:x,currentStepHasSpeakableElement:h,hasInteraction:!!m}),[S,x,m,h]),N=e.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),j=e.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),w=e.useCallback(()=>{ee.current!==null&&(window.clearTimeout(ee.current),ee.current=null)},[]),$=e.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),W=e.useCallback(()=>{te.current!==null&&(window.clearTimeout(te.current),te.current=null)},[]),z=e.useCallback(()=>{$(),j(),w(),D(null),U.reset(),a(!1,"reset-audio-sequence"),dt(!1),qe(!1),Le(void 0),ve(!1),le(0)},[$,j,w,U,a]),G=e.useCallback(()=>{const t=A[0];return t?(D(t),!0):!1},[A]),Ae=e.useCallback(()=>{j(),w(),ve(!1),le(0),!G()&&S&&R()},[S,j,w,R,G]),At=e.useCallback(t=>{if(w(),!t)return;const n=()=>{ee.current=null,le(Ln),ve(!0),K.current=null};ee.current=window.setTimeout(n,Nn)},[w]),y=e.useCallback((t=ye)=>{g&&(xe(!0),N(),!(T||!t||Te<=0)&&(J.current=window.setTimeout(()=>{xe(!1),J.current=null},Te)))},[N,ye,T,Te,g]),ce=!!(m?.readonly||m?.user_input?.trim()),L=!!m&&!ce;e.useEffect(()=>{ct(!0),X&&Ne(!1)},[c,X]),e.useEffect(()=>()=>{$(),N(),j(),w(),W()},[$,j,w,N,W]),e.useEffect(()=>{if(!s||Me<=0){W(),Pe.current=null,Oe.current=!1,ne.current=!1,Fe(!1);return}const t=!Oe.current,n=Pe.current!==ue;return Oe.current=!0,(t||n)&&(Pe.current=ue,ne.current&&(ne.current=!1,Fe(!1))),W(),te.current=window.setTimeout(()=>{te.current=null,!ne.current&&(ne.current=!0,Fe(!0),a(!1,"stream-inactivity-timeout"),Qe?.({code:ze.SLIDE_ERROR_CODES.STREAM_INACTIVITY_TIMEOUT}))},Me),()=>{W()}},[W,s,Qe,ue,Me,a]),e.useEffect(()=>(ke?.(_),()=>{ke?.(!1)}),[ke,_]),e.useEffect(()=>{I||ge===de.DEFAULT_MOBILE_VIEW_MODE||(Ke(!1),Ve(de.DEFAULT_MOBILE_VIEW_MODE))},[I,ge]),e.useEffect(()=>{if(!I){pt(!1);return}const t=()=>{pt(_e.isLandscapeViewport())};return t(),_e.subscribeMobileDeviceChange(t)},[I]),e.useEffect(()=>{Je?.(O)},[O,Je]),e.useEffect(()=>{const l=bt.current!=="fullscreen"&&O==="fullscreen"&&!De;if(bt.current=O,!I){Ee(!1);return}if(l){Ee(!0);return}O!=="fullscreen"&&Ee(!1)},[O,I,De]),e.useEffect(()=>{Ze?.(re,c)},[c,re,Ze]),e.useEffect(()=>{const t=lt.current,n=jn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:t.markerCount,nextMarkerCount:k.length,previousIndex:t.currentIndex,previousCanGoNext:t.canGoNext,nextCanGoNext:S,currentAudioKey:p,hasCompletedCurrentStepAudio:v,hasResolvedCurrentInteraction:ce,currentStepHasSpeakableElement:h,currentInteractionElement:m,isAutoAdvanceEnabled:oe,shouldUseSilentStepAutoAdvanceToggle:ae});lt.current={markerCount:k.length,currentIndex:c,canGoNext:S},n&&R()},[S,p,c,m,h,R,v,ce,oe,ae,k.length]),e.useEffect(()=>{if(!g){N(),xe(!1);return}if(T){N(),xe(!0);return}ye||y(!0)},[N,ye,T,g,y]),e.useEffect(()=>{if(typeof window>"u")return;const t=n=>{n.origin===window.location.origin&&Rn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&g&&(se(!0),y(!0))};return window.addEventListener("message",t),()=>{window.removeEventListener("message",t)}},[g,y]),Mn.default({sectionRef:pe,enabled:g,onWake:()=>{se(!0),y(!0)}}),e.useEffect(()=>{const{hasPlaybackContextChanged:t,shouldInitializeAudioSequence:n}=Pn.getPlaybackSequenceTransition({previousResetKey:ot.current,nextResetKey:ie,currentAudioKey:p,hasCompletedCurrentStepAudio:v});ot.current=ie;const l=K.current===c&&!!m,d=kn.shouldPresentInteractionOverlay({hasInteraction:!!m,shouldBlockPlaybackForInteraction:L,shouldOpenInteractionOverlayAfterAudio:l,hasPlaybackContextChanged:t,hasResolvedCurrentInteraction:ce,currentStepHasSpeakableElement:h});if(t&&z(),!(M.length===0&&!m)&&!F){if(m&&Le(m),d){At(m);return}if(w(),K.current=null,!!n&&!G()){if(h){if(P){a(!1,"step-wait-suppressed-after-timeout");return}a(!0,"step-waiting-for-first-audio");return}if(S&&!(ae&&!oe))return Q.current=window.setTimeout(()=>{Q.current=null,R()},Ye),()=>{$()}}}},[S,$,M.length,m,p,ie,h,Ye,R,v,P,oe,ce,L,w,z,At,G,F,ae,a]),e.useEffect(()=>{if(P||F||!h||L){a(!1,"loading-hidden-blocked-state",{shouldPausePlaybackForCustomAction:F,shouldBlockPlaybackForInteraction:L});return}if(v){a(!1,"loading-hidden-step-audio-completed");return}if(gt){a(!1,"loading-hidden-audio-available");return}a(!0,"loading-visible-awaiting-step-audio")},[P,gt,h,v,F,L,a]),e.useEffect(()=>{p||A.length===0||F||!h||L||v||G()},[p,A,h,v,F,L,G]),e.useEffect(()=>{!p||x>=0||D(null)},[x,p]),e.useEffect(()=>{x>=0||U.reset()},[x,U]),e.useEffect(()=>{qe(!1)},[ln]);const It=e.useMemo(()=>{if(!u)return{};const t=!!u.user_input?.trim();return jt.getInteractionDefaultValues(typeof u.content=="string"?u.content:void 0,u.user_input,t?void 0:me)},[u,me]),un=e.useMemo(()=>{if(!u)return;const t=!!u.user_input?.trim();return jt.getInteractionDefaultSelectedValues(typeof u.content=="string"?u.content:void 0,u.user_input,t?void 0:me)},[u,me]),_t=!!u?.user_input?.trim(),wt=!!u?.readonly||_t,Ct=wt||_t,We=!!u&&Se,an=e.useCallback(t=>{const l=[...t.selectedValues??[],t.inputText?.trim()??"",t.buttonText?.trim()??""].filter(Boolean).join(", ");Le(d=>!d||!l?d:{...d,user_input:l}),Xe?.(t,u),Ae()},[u,Ae,Xe]);e.useEffect(()=>{const t=()=>{Wt(document.fullscreenElement===pe.current)};return t(),document.addEventListener("fullscreenchange",t),()=>{document.removeEventListener("fullscreenchange",t)}},[]),e.useEffect(()=>{if(!We){le(0);return}const t=rt.current;if(!t)return;const n=()=>{const d=Math.ceil(t.getBoundingClientRect().height);le(d+Vn)};if(n(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(()=>{n()});return l.observe(t),()=>{l.disconnect()}},[We]),e.useEffect(()=>{if(j(),!(!Se||!Ct))return Z.current=window.setTimeout(()=>{Z.current=null,Ae()},2e3),()=>{j()}},[j,Ae,Se,Ct]);const cn=(t,n={})=>t?t.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:t.content}):t.type==="html"?r.jsxRuntimeExports.jsx(kt.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:t.content,enableScaling:Ft}):r.jsxRuntimeExports.jsx(kt.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:t.content}):null,dn=(t=[],n=!1)=>{if(t.length===0)return null;const l=t.filter(i=>i.is_renderable!==!1).length,d=t.reduce((i,f,E)=>f.is_renderable!==!1?E:i,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:t.map((i,f)=>{const E=i.type==="html"&&i.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&f===d?nt:null,"aria-hidden":E||void 0,className:Y.cn("w-full shrink-0",l===1&&i.is_renderable!==!1&&"slide-element--single",E?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":i.is_renderable===!1&&"hidden"),children:cn(i,{replaceRootScreenHeightWithFull:l===1&&i.type==="html"&&i.is_renderable!==!1})},i.sequence_number??`${i.type}-${f}`)})})},fn=e.useCallback(()=>{const t=pe.current;if(t){if(document.fullscreenElement===t){document.exitFullscreen().catch(()=>{});return}t.requestFullscreen?.().catch(()=>{})}},[]),Tt=e.useCallback(()=>{const t=je.current;t&&t.scrollTo({top:t.scrollHeight,behavior:"smooth"})},[]),mn=e.useCallback(()=>{he.current=!0,K.current=null,se(!0),a(!1,"player-prev"),y(!0),z(),it()},[it,z,y,a]),pn=e.useCallback(()=>{he.current=!0,K.current=null,se(!0),a(!1,"player-next"),y(!0),z(),R()},[R,z,y,a]),hn=e.useCallback(t=>{if(P||!h||v){a(!1,"player-loading-change-ignored",{loading:t});return}a(t,t?"player-reported-loading":"player-reported-ready")},[h,v,P,a]),bn=e.useCallback(t=>{const n=b[t]?.audioKey;if(!n||!p||n!==p)return;const l=A.findIndex(f=>f===n);if(l<0){D(null);return}const d=l+1,i=A[d];if(i){D(i);return}if(D(null),dt(!0),a(!1,"player-ended-step-complete"),S){const f=c+1,E=k[f];Rt&&E?.type==="interaction"&&(K.current=f),R()}},[b,S,c,p,A,R,Rt,k,a]),xn=e.useCallback(()=>{u&&ve(t=>!t)},[u]),Mt=e.useCallback(t=>{t.stopPropagation(),_&&y(!0)},[at,y]),yn=e.useCallback(t=>{et?.(t)},[et]),Sn=e.useCallback(()=>{se(!0),y(!0)},[y]),Ie=e.useMemo(()=>M.map((t,n)=>`${t.sequence_number??`${t.type}-${n}`}:${String(t.is_new??"")}`),[M]);return e.useEffect(()=>{const t=st.current,d=(t.length>0&&t.length<Ie.length&&t.every((f,E)=>f===Ie[E])?M.slice(t.length):[]).some(f=>f.is_new===!1);if(st.current=Ie,!d)return;const i=window.requestAnimationFrame(()=>{const f=je.current,E=nt.current;if(!f||!E)return;const vn=f.getBoundingClientRect(),gn=E.getBoundingClientRect(),En=f.scrollTop+(gn.top-vn.top);f.scrollTo({top:Math.max(En,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(i)}},[M,Ie]),e.useEffect(()=>{if(!he.current||(he.current=!1,M.length===0))return;const t=window.requestAnimationFrame(()=>{Tt()});return()=>{window.cancelAnimationFrame(t)}},[M,Tt]),r.jsxRuntimeExports.jsxs("section",{ref:pe,className:Y.cn("relative h-full w-full",I&&"slide--mobile-device",H&&"slide--mobile-landscape",ht&&"slide--mobile-landscape-native",qt),onClick:Sn,onPointerDown:yn,...Bt,children:[Jt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:tt,className:Y.cn("slide__viewport relative h-full min-h-0 w-full",H&&"slide__viewport--mobile-landscape",H&&!Gt&&"slide__viewport--mobile-landscape-native"),children:[Yt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":B?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:en,type:"button",children:r.jsxRuntimeExports.jsx(qn.default,{className:"h-6 w-6 text-white",strokeWidth:2.25})}),B?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:B.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:Y.cn("h-full min-h-0 w-full",Xt&&"slide__viewport-content--with-header",Lt?"slide-content--single":"grid gap-4"),children:M.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:je,className:"slide-stage__layer w-full",children:nn.map((t,n)=>{const l=n===rn;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!l||void 0,className:"w-full h-full",style:{display:l?void 0:"none"},children:dn(t.elementList,l)},t.sourceStepIndexes[0]??n)})})}):null}),Vt?r.jsxRuntimeExports.jsx(An.default,{message:we,className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(Cn.default,{onClose:tn,open:zt,text:Qt}),r.jsxRuntimeExports.jsx(wn.default,{extraBottomOffset:Ht,hasPlayerGap:_,isEnabled:ft&&Dt,isPlayerHidden:g&&!_,playbackTimeStore:U,subtitleCues:sn}),We?r.jsxRuntimeExports.jsx("div",{ref:rt,className:Y.cn("slide-interaction-overlay",_&&g?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Mt,onPointerDown:Mt,style:on,children:r.jsxRuntimeExports.jsx(Ot,{content:String(u?.content??""),defaultButtonText:It.buttonText??"",defaultInputText:It.inputText??"",defaultSelectedValues:un,confirmButtonText:fe?.confirmButtonText,copyButtonText:fe?.copyButtonText,copiedButtonText:fe?.copiedButtonText,onSend:an,readonly:wt,title:fe?.title??Ce??"Submit the content below to continue."})}):null,g?r.jsxRuntimeExports.jsx(_n.default,{audioList:b,className:Y.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",q,!_&&"pointer-events-none opacity-0"),currentAudioIndex:x,defaultPlaying:!0,isPlaybackPaused:F,isAutoAdvanceEnabled:oe,hasInteraction:!!u,isInteractionOpen:Se,isSubtitleEnabled:ft,onAutoAdvanceToggle:ct,onLoadingChange:hn,onPlaybackStarted:()=>{qe(!0)},onPlaybackTimeChange:U.setTime,onSubtitleToggle:()=>{Ut(t=>!t)},nextDisabled:!S,onEnded:bn,onFullscreen:fn,isFullscreen:$t,mobileViewMode:O,settingsPortalContainer:tt.current,onMobileViewModeChange:Zt,onInteractionToggle:xn,onNext:pn,onPrev:mn,prevDisabled:!Nt,showControls:_,texts:Ge,customActionContext:He,customActions:V,useAutoAdvanceToggle:ae}):null]})]})};exports.default=$n;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),An=require("../../lib/sandboxInteraction.cjs.js"),Y=require("../../lib/utils.cjs.js"),In=require("../ui/loading-overlay-card.cjs.js"),_n=require("../ContentRender/ContentRender.cjs.js"),jt=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");const Pt=require("../../lib/interaction-defaults.cjs.js"),Ie=require("../../lib/mobileDevice.cjs.js"),wn=require("./Player.cjs.js"),Cn=require("./SubtitleOverlay.cjs.js"),ze=require("./constants.cjs.js"),Tn=require("./SlideFullscreenHint.cjs.js"),Mn=require("./useSlide.cjs.js"),kn=require("./useWakePlayerFromIframe.cjs.js"),ce=require("./utils/mobileScreenMode.cjs.js"),jn=require("./utils/interactionPlayback.cjs.js"),Pn=require("./utils/appendedMarkerAdvance.cjs.js"),On=require("./utils/playbackSequence.cjs.js"),Ot=require("./utils/playerCustomActions.cjs.js"),Fn=require("./utils/playbackTimeStore.cjs.js"),qn=require("./utils/playerToggleMode.cjs.js");;/* empty css */const Bn=require("../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),Ln=2e3,Nn=300,Vn=160,Kn=16,Ft=t.memo(({content:s,title:o,defaultButtonText:C,defaultInputText:T,defaultSelectedValues:F,confirmButtonText:q,copyButtonText:N,copiedButtonText:X,onSend:_e,readonly:we=!1})=>r.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:r.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:o})}),r.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:r.jsxRuntimeExports.jsx(_n.default,{content:s,defaultButtonText:C,defaultInputText:T,defaultSelectedValues:F,confirmButtonText:q,copyButtonText:N,copiedButtonText:X,onSend:_e,readonly:we,enableTypewriter:!1,sandboxMode:"content"})})]}));Ft.displayName="InteractionOverlayCard";const Dn=(s,o)=>s.length===o.length&&s.every((C,T)=>{const F=o[T];return C.sequence_number===F?.sequence_number&&C.type===F?.type&&C.content===F?.content}),Un=s=>typeof s=="string"?`string:${s.length}:${s.slice(-32)}`:typeof s=="number"||typeof s=="boolean"?`primitive:${String(s)}`:t.isValidElement(s)?`element:${String(s.key??"")}`:Array.isArray(s)?`array:${s.length}`:s==null?"null":`object:${typeof s}`,Hn=s=>(s??[]).map(o=>[String(o.segment_index??"none"),o.is_final?"1":"0",String(o.duration_ms??0),String(o.audio_url??""),String(o.audio_data?.length??0)].join(":")).join(","),$n=s=>s.map((o,C)=>[String(o.sequence_number??C),String(o.type),Un(o.content),String(o.audio_url??""),Hn(o.audio_segments),o.is_renderable===!1?"hidden":"visible",o.is_new?"new":"stable",o.is_speakable?"speakable":"silent",String(o.user_input??""),o.readonly?"readonly":"editable"].join("|")).join("||"),Wn=({elementList:s=[],isStreaming:o=!1,showPlayer:C=!0,playerAlwaysVisible:T=!1,playerClassName:F,fullscreenHeader:q,playerCustomActions:N,playerCustomActionPauseOnActive:X=!0,bufferingText:_e="Buffering...",interactionTitle:we,interactionTexts:de,playerTexts:Ge,playerAutoHideDelay:Ce=3e3,markerAutoAdvanceDelay:Ye=Ln,streamInactivityTimeoutMs:Te=ze.DEFAULT_STREAM_INACTIVITY_TIMEOUT_MS,interactionDefaultValueOptions:fe,onSend:Xe,onPlayerVisibilityChange:Me,onMobileViewModeChange:Je,onError:Qe,onStepChange:Ze,enableIframeScaling:qt=!0,className:Bt,onPointerDown:et,...Lt})=>{const me=t.useRef(null),tt=t.useRef(null),ke=t.useRef(null),nt=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),Z=t.useRef(null),ee=t.useRef(null),te=t.useRef(null),rt=t.useRef(null),st=t.useRef([]),je=t.useRef(null),pe=t.useRef(!1),Pe=t.useRef(!1),ne=t.useRef(!1),V=t.useRef(null),ot=t.useRef(null),lt=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),{currentElementList:M,stepElementLists:ut,slideElementList:k,currentIndex:f,audioList:p,currentAudioSequenceIndexes:he,currentStepHasSpeakableElement:x,currentInteractionElement:d,canGoPrev:Nt,canGoNext:S,handlePrev:it,handleNext:E}=Mn.default(s),re=t.useMemo(()=>{if(!(f<0))return k[f]},[f,k]),Vt=k.filter(e=>e.is_renderable!==!1).length===1,v=C&&(k.length>0||p.length>0||!!d),R=t.useMemo(()=>he.map(e=>p[e]?.audioKey).filter(e=>!!e),[p,he]),[at,be]=t.useState(!0),[xe,se]=t.useState(!1),[oe,ct]=t.useState(!0),[h,K]=t.useState(null),[Kt,Dt]=t.useState(!1),[D,Oe]=t.useState(!1),[A,dt]=t.useState(!1),[Ut,Fe]=t.useState(!1),[ft,Ht]=t.useState(!0),[qe,Be]=t.useState(!1),[u,Le]=t.useState(),[ye,Se]=t.useState(!1),[$t,le]=t.useState(0),[Wt,zt]=t.useState(!1),I=t.useMemo(()=>Ie.isMobileDevice(),[]),[ve,Ne]=t.useState(ce.DEFAULT_MOBILE_VIEW_MODE),[mt,Ve]=t.useState(!1),[Ke,pt]=t.useState(()=>I?Ie.isLandscapeViewport():!1),[Gt,ge]=t.useState(!1),U=t.useMemo(()=>Fn.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:P,isImmersiveMobileFullscreen:H,isNativeMobileFullscreen:ht,shouldRotateFullscreenViewport:Yt}=t.useMemo(()=>ce.resolveMobileViewModeState({hasManualMobileViewMode:mt,isMobileDevice:I,mobileViewMode:ve}),[mt,I,Ke,ve]),bt=t.useRef(P),_=v&&(T||at),Xt=H&&_,Jt=H&&_,Qt=H||ht,Zt=Ge?.fullscreenHintText??ze.DEFAULT_SLIDE_PLAYER_TEXTS.fullscreenHintText,De=t.useMemo(()=>$n(s),[s]),i=t.useCallback((e,n,l)=>{Dt(e)},[]),xt=t.useCallback(e=>{i(e,e?"external-show-buffering":"external-hide-buffering")},[i]),en=t.useCallback(e=>{Ve(!0),Ne(e)},[]),yt=t.useCallback(()=>{Ve(!1),Ne(ce.DEFAULT_MOBILE_VIEW_MODE)},[]),tn=t.useCallback(()=>{yt(),q?.onBack?.()},[q,yt]),nn=t.useCallback(()=>{ge(!1)},[]),St=t.useCallback(e=>{Be(e)},[]),vt=t.useCallback(()=>{Be(e=>!e)},[]),{mountedStepStates:rn,currentMountedStateIndex:sn}=t.useMemo(()=>{const e=[],n=new Map;return ut.forEach((l,m)=>{const a=e.findIndex(c=>Dn(c.elementList,l));if(a>=0){e[a]?.sourceStepIndexes.push(m),n.set(m,a);return}e.push({elementList:l,sourceStepIndexes:[m]}),n.set(m,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:f>=0?n.get(f)??-1:-1}},[f,ut]),gt=t.useMemo(()=>String(f),[f]),b=t.useMemo(()=>h?p.findIndex(e=>(e.audioKey??"")===h):-1,[p,h]),Ue=t.useMemo(()=>b>=0?p[b]:void 0,[p,b]),on=Ue?.element?.subtitle_cues??[],Ee=t.useMemo(()=>R[0]??"none",[R]),He=t.useMemo(()=>({currentElement:Ot.resolvePlayerCustomActionElement({currentAudioIndex:b,currentAudioSequenceIndexes:he,audioList:p,currentInteractionElement:u,currentStepElement:re}),currentIndex:f,currentStepElement:re,isActive:qe,setActive:St,toggleActive:vt}),[u,p,b,he,f,re,qe,St,vt]),$e=t.useMemo(()=>Ot.getPlayerCustomActionCount(N,He),[He,N]),ln=t.useMemo(()=>({"--slide-player-custom-action-count":String($e),"--slide-player-mobile-control-count":String($e+4)}),[$e]),Et=R.length>0,Rt=t.useMemo(()=>d?`${d.sequence_number??"none"}:${String(d.content??"")}`:"none",[d]),ue=t.useMemo(()=>[gt,Rt].join("|"),[Rt,gt]),un=t.useMemo(()=>[ue,Ue?.audioKey??"none",String(b)].join("|"),[b,Ue?.audioKey,ue]),At=!!t.useMemo(()=>!Ee||Ee==="none"?"":p.find(n=>n.audioKey===Ee)?.audioUrl?.trim()??"",[p,Ee]),O=X&&!!N&&qe,ie=t.useMemo(()=>qn.shouldUseAutoAdvanceToggle({canGoNext:S,currentAudioIndex:b,currentStepHasSpeakableElement:x,hasInteraction:!!d}),[S,b,d,x]),B=t.useCallback(()=>{J.current!==null&&(window.clearTimeout(J.current),J.current=null)},[]),j=t.useCallback(()=>{Z.current!==null&&(window.clearTimeout(Z.current),Z.current=null)},[]),w=t.useCallback(()=>{ee.current!==null&&(window.clearTimeout(ee.current),ee.current=null)},[]),$=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),W=t.useCallback(()=>{te.current!==null&&(window.clearTimeout(te.current),te.current=null)},[]),z=t.useCallback(()=>{$(),j(),w(),K(null),U.reset(),i(!1,"reset-audio-sequence"),dt(!1),Fe(!1),Le(void 0),Se(!1),le(0)},[$,j,w,U,i]),G=t.useCallback(()=>{const e=R[0];return e?(K(e),!0):!1},[R]),Re=t.useCallback(()=>{j(),w(),Se(!1),le(0),!G()&&S&&E()},[S,j,w,E,G]),It=t.useCallback(e=>{if(w(),!e)return;const n=()=>{ee.current=null,le(Vn),Se(!0),V.current=null};ee.current=window.setTimeout(n,Nn)},[w]),y=t.useCallback((e=xe)=>{v&&(be(!0),B(),!(T||!e||Ce<=0)&&(J.current=window.setTimeout(()=>{be(!1),J.current=null},Ce)))},[B,xe,T,Ce,v]),ae=!!(d?.readonly||d?.user_input?.trim()),L=!!d&&!ae;t.useEffect(()=>{ct(!0),X&&Be(!1)},[f,X]),t.useEffect(()=>()=>{$(),B(),j(),w(),W()},[$,j,w,B,W]),t.useEffect(()=>{if(!o||Te<=0){W(),je.current=null,Pe.current=!1,ne.current=!1,Oe(!1);return}const e=!Pe.current,n=je.current!==De;return Pe.current=!0,(e||n)&&(je.current=De,ne.current&&(ne.current=!1,Oe(!1))),W(),te.current=window.setTimeout(()=>{te.current=null,!ne.current&&(ne.current=!0,Oe(!0),i(!1,"stream-inactivity-timeout"),Qe?.({code:ze.SLIDE_ERROR_CODES.STREAM_INACTIVITY_TIMEOUT,setBufferingLoadingVisible:xt}))},Te),()=>{W()}},[W,o,Qe,xt,De,Te,i]),t.useEffect(()=>(Me?.(_),()=>{Me?.(!1)}),[Me,_]),t.useEffect(()=>{I||ve===ce.DEFAULT_MOBILE_VIEW_MODE||(Ve(!1),Ne(ce.DEFAULT_MOBILE_VIEW_MODE))},[I,ve]),t.useEffect(()=>{if(!I){pt(!1);return}const e=()=>{pt(Ie.isLandscapeViewport())};return e(),Ie.subscribeMobileDeviceChange(e)},[I]),t.useEffect(()=>{Je?.(P)},[P,Je]),t.useEffect(()=>{const l=bt.current!=="fullscreen"&&P==="fullscreen"&&!Ke;if(bt.current=P,!I){ge(!1);return}if(l){ge(!0);return}P!=="fullscreen"&&ge(!1)},[P,I,Ke]),t.useEffect(()=>{Ze?.(re,f)},[f,re,Ze]),t.useEffect(()=>{const e=lt.current,n=Pn.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:k.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:S,currentAudioKey:h,hasCompletedCurrentStepAudio:A,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x,currentInteractionElement:d,isAutoAdvanceEnabled:oe,shouldUseSilentStepAutoAdvanceToggle:ie});lt.current={markerCount:k.length,currentIndex:f,canGoNext:S},n&&E()},[S,h,f,d,x,E,A,ae,oe,ie,k.length]),t.useEffect(()=>{if(!v){B(),be(!1);return}if(T){B(),be(!0);return}xe||y(!0)},[B,xe,T,v,y]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&An.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&v&&(se(!0),y(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[v,y]),kn.default({sectionRef:me,enabled:v,onWake:()=>{se(!0),y(!0)}}),t.useEffect(()=>{const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=On.getPlaybackSequenceTransition({previousResetKey:ot.current,nextResetKey:ue,currentAudioKey:h,hasCompletedCurrentStepAudio:A});ot.current=ue;const l=V.current===f&&!!d,m=jn.shouldPresentInteractionOverlay({hasInteraction:!!d,shouldBlockPlaybackForInteraction:L,shouldOpenInteractionOverlayAfterAudio:l,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:ae,currentStepHasSpeakableElement:x});if(e&&z(),!(M.length===0&&!d)&&!O){if(d&&Le(d),m){It(d);return}if(w(),V.current=null,!!n&&!G()){if(x){if(D){i(!1,"step-wait-suppressed-after-timeout");return}i(!0,"step-waiting-for-first-audio");return}if(S&&!(ie&&!oe))return Q.current=window.setTimeout(()=>{Q.current=null,E()},Ye),()=>{$()}}}},[S,$,M.length,d,h,ue,x,Ye,E,A,D,oe,ae,L,w,z,It,G,O,ie,i]),t.useEffect(()=>{if(D||O||!x||L){i(!1,"loading-hidden-blocked-state",{shouldPausePlaybackForCustomAction:O,shouldBlockPlaybackForInteraction:L});return}if(A){i(!1,"loading-hidden-step-audio-completed");return}if(Et){i(!1,"loading-hidden-audio-available");return}i(!0,"loading-visible-awaiting-step-audio")},[D,Et,x,A,O,L,i]),t.useEffect(()=>{h||R.length===0||O||!x||L||A||G()},[h,R,x,A,O,L,G]),t.useEffect(()=>{!h||b>=0||K(null)},[b,h]),t.useEffect(()=>{b>=0||U.reset()},[b,U]),t.useEffect(()=>{Fe(!1)},[un]);const _t=t.useMemo(()=>{if(!u)return{};const e=!!u.user_input?.trim();return Pt.getInteractionDefaultValues(typeof u.content=="string"?u.content:void 0,u.user_input,e?void 0:fe)},[u,fe]),an=t.useMemo(()=>{if(!u)return;const e=!!u.user_input?.trim();return Pt.getInteractionDefaultSelectedValues(typeof u.content=="string"?u.content:void 0,u.user_input,e?void 0:fe)},[u,fe]),wt=!!u?.user_input?.trim(),Ct=!!u?.readonly||wt,Tt=Ct||wt,We=!!u&&ye,cn=t.useCallback(e=>{const l=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Le(m=>!m||!l?m:{...m,user_input:l}),Xe?.(e,u),Re()},[u,Re,Xe]);t.useEffect(()=>{const e=()=>{zt(document.fullscreenElement===me.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!We){le(0);return}const e=rt.current;if(!e)return;const n=()=>{const m=Math.ceil(e.getBoundingClientRect().height);le(m+Kn)};if(n(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(()=>{n()});return l.observe(e),()=>{l.disconnect()}},[We]),t.useEffect(()=>{if(j(),!(!ye||!Tt))return Z.current=window.setTimeout(()=>{Z.current=null,Re()},2e3),()=>{j()}},[j,Re,ye,Tt]);const dn=(e,n={})=>e?e.type==="slot"?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?r.jsxRuntimeExports.jsx(jt.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:qt}):r.jsxRuntimeExports.jsx(jt.default,{className:"content-render-iframe",hideFullScreen:!0,mode:"blackboard",type:"markdown",content:e.content}):null,fn=(e=[],n=!1)=>{if(e.length===0)return null;const l=e.filter(a=>a.is_renderable!==!1).length,m=e.reduce((a,c,g)=>c.is_renderable!==!1?g:a,-1);return r.jsxRuntimeExports.jsx("div",{className:"slide-stage__content flex w-full flex-col gap-4",children:e.map((a,c)=>{const g=a.type==="html"&&a.is_renderable===!1;return r.jsxRuntimeExports.jsx("div",{ref:n&&c===m?nt:null,"aria-hidden":g||void 0,className:Y.cn("w-full shrink-0",l===1&&a.is_renderable!==!1&&"slide-element--single",g?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":a.is_renderable===!1&&"hidden"),children:dn(a,{replaceRootScreenHeightWithFull:l===1&&a.type==="html"&&a.is_renderable!==!1})},a.sequence_number??`${a.type}-${c}`)})})},mn=t.useCallback(()=>{const e=me.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),Mt=t.useCallback(()=>{const e=ke.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),pn=t.useCallback(()=>{pe.current=!0,V.current=null,se(!0),i(!1,"player-prev"),y(!0),z(),it()},[it,z,y,i]),hn=t.useCallback(()=>{pe.current=!0,V.current=null,se(!0),i(!1,"player-next"),y(!0),z(),E()},[E,z,y,i]),bn=t.useCallback(e=>{if(D||!x||A){i(!1,"player-loading-change-ignored",{loading:e});return}i(e,e?"player-reported-loading":"player-reported-ready")},[x,A,D,i]),xn=t.useCallback(e=>{const n=p[e]?.audioKey;if(!n||!h||n!==h)return;const l=R.findIndex(c=>c===n);if(l<0){K(null);return}const m=l+1,a=R[m];if(a){K(a);return}if(K(null),dt(!0),i(!1,"player-ended-step-complete"),S){const c=f+1,g=k[c];At&&g?.type==="interaction"&&(V.current=c),E()}},[p,S,f,h,R,E,At,k,i]),yn=t.useCallback(()=>{u&&Se(e=>!e)},[u]),kt=t.useCallback(e=>{e.stopPropagation(),_&&y(!0)},[at,y]),Sn=t.useCallback(e=>{et?.(e)},[et]),vn=t.useCallback(()=>{se(!0),y(!0)},[y]),Ae=t.useMemo(()=>M.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[M]);return t.useEffect(()=>{const e=st.current,m=(e.length>0&&e.length<Ae.length&&e.every((c,g)=>c===Ae[g])?M.slice(e.length):[]).some(c=>c.is_new===!1);if(st.current=Ae,!m)return;const a=window.requestAnimationFrame(()=>{const c=ke.current,g=nt.current;if(!c||!g)return;const gn=c.getBoundingClientRect(),En=g.getBoundingClientRect(),Rn=c.scrollTop+(En.top-gn.top);c.scrollTo({top:Math.max(Rn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(a)}},[M,Ae]),t.useEffect(()=>{if(!pe.current||(pe.current=!1,M.length===0))return;const e=window.requestAnimationFrame(()=>{Mt()});return()=>{window.cancelAnimationFrame(e)}},[M,Mt]),r.jsxRuntimeExports.jsxs("section",{ref:me,className:Y.cn("relative h-full w-full",I&&"slide--mobile-device",H&&"slide--mobile-landscape",ht&&"slide--mobile-landscape-native",Bt),onClick:vn,onPointerDown:Sn,...Lt,children:[Qt?r.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",className:"pointer-events-none fixed left-0 top-0 z-[9999] h-[100vh] max-h-[100vh] w-[100vw]"}):null,r.jsxRuntimeExports.jsxs("div",{ref:tt,className:Y.cn("slide__viewport relative h-full min-h-0 w-full",H&&"slide__viewport--mobile-landscape",H&&!Yt&&"slide__viewport--mobile-landscape-native"),children:[Xt?r.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[r.jsxRuntimeExports.jsx("button",{"aria-label":q?.backAriaLabel??"Back",className:"slide-landscape-header__back",onClick:tn,type:"button",children:r.jsxRuntimeExports.jsx(Bn.default,{className:"h-6 w-6 text-white",strokeWidth:2.25})}),q?.content?r.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:q.content}):null]}):null,r.jsxRuntimeExports.jsx("div",{className:Y.cn("h-full min-h-0 w-full",Jt&&"slide__viewport-content--with-header",Vt?"slide-content--single":"grid gap-4"),children:M.length>0?r.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:r.jsxRuntimeExports.jsx("div",{ref:ke,className:"slide-stage__layer w-full",children:rn.map((e,n)=>{const l=n===sn;return r.jsxRuntimeExports.jsx("div",{"aria-hidden":!l||void 0,className:"w-full h-full",style:{display:l?void 0:"none"},children:fn(e.elementList,l)},e.sourceStepIndexes[0]??n)})})}):null}),Kt?r.jsxRuntimeExports.jsx(In.default,{message:_e,className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,r.jsxRuntimeExports.jsx(Tn.default,{onClose:nn,open:Gt,text:Zt}),r.jsxRuntimeExports.jsx(Cn.default,{extraBottomOffset:$t,hasPlayerGap:_,isEnabled:ft&&Ut,isPlayerHidden:v&&!_,playbackTimeStore:U,subtitleCues:on}),We?r.jsxRuntimeExports.jsx("div",{ref:rt,className:Y.cn("slide-interaction-overlay",_&&v?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:kt,onPointerDown:kt,style:ln,children:r.jsxRuntimeExports.jsx(Ft,{content:String(u?.content??""),defaultButtonText:_t.buttonText??"",defaultInputText:_t.inputText??"",defaultSelectedValues:an,confirmButtonText:de?.confirmButtonText,copyButtonText:de?.copyButtonText,copiedButtonText:de?.copiedButtonText,onSend:cn,readonly:Ct,title:de?.title??we??"Submit the content below to continue."})}):null,v?r.jsxRuntimeExports.jsx(wn.default,{audioList:p,className:Y.cn("absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",F,!_&&"pointer-events-none opacity-0"),currentAudioIndex:b,defaultPlaying:!0,isPlaybackPaused:O,isAutoAdvanceEnabled:oe,hasInteraction:!!u,isInteractionOpen:ye,isSubtitleEnabled:ft,onAutoAdvanceToggle:ct,onLoadingChange:bn,onPlaybackStarted:()=>{Fe(!0)},onPlaybackTimeChange:U.setTime,onSubtitleToggle:()=>{Ht(e=>!e)},nextDisabled:!S,onEnded:xn,onFullscreen:mn,isFullscreen:Wt,mobileViewMode:P,settingsPortalContainer:tt.current,onMobileViewModeChange:en,onInteractionToggle:yn,onNext:hn,onPrev:pn,prevDisabled:!Nt,showControls:_,texts:Ge,customActionContext:He,customActions:N,useAutoAdvanceToggle:ie}):null]})]})};exports.default=Wn;
2
2
  //# sourceMappingURL=Slide.cjs.js.map