markdown-flow-ui 0.2.2 → 0.2.3-dev.1
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.
- package/dist/components/ContentRender/SandboxApp.cjs.js +2 -2
- package/dist/components/ContentRender/SandboxApp.cjs.js.map +1 -1
- package/dist/components/ContentRender/SandboxApp.es.js +106 -95
- package/dist/components/ContentRender/SandboxApp.es.js.map +1 -1
- package/dist/components/ContentRender/utils/link-targets.cjs.js +2 -0
- package/dist/components/ContentRender/utils/link-targets.cjs.js.map +1 -0
- package/dist/components/ContentRender/utils/link-targets.d.ts +6 -0
- package/dist/components/ContentRender/utils/link-targets.es.js +26 -0
- package/dist/components/ContentRender/utils/link-targets.es.js.map +1 -0
- package/dist/components/ContentRender/utils/link-targets.test.d.ts +1 -0
- package/dist/components/Slide/Slide.cjs.js +1 -1
- package/dist/components/Slide/Slide.cjs.js.map +1 -1
- package/dist/components/Slide/Slide.es.js +785 -700
- package/dist/components/Slide/Slide.es.js.map +1 -1
- package/dist/components/Slide/Slide.stories.d.ts +4 -4
- package/dist/components/Slide/constants.cjs.js +2 -0
- package/dist/components/Slide/constants.cjs.js.map +1 -0
- package/dist/components/Slide/constants.d.ts +1 -0
- package/dist/components/Slide/constants.es.js +5 -0
- package/dist/components/Slide/constants.es.js.map +1 -0
- package/dist/components/Slide/utils/imageOnlyStepVisualReady.cjs.js +2 -0
- package/dist/components/Slide/utils/imageOnlyStepVisualReady.cjs.js.map +1 -0
- package/dist/components/Slide/utils/imageOnlyStepVisualReady.d.ts +13 -0
- package/dist/components/Slide/utils/imageOnlyStepVisualReady.es.js +12 -0
- package/dist/components/Slide/utils/imageOnlyStepVisualReady.es.js.map +1 -0
- package/dist/components/Slide/utils/interactionPlayback.cjs.js +1 -1
- package/dist/components/Slide/utils/interactionPlayback.cjs.js.map +1 -1
- package/dist/components/Slide/utils/interactionPlayback.d.ts +8 -0
- package/dist/components/Slide/utils/interactionPlayback.es.js +9 -2
- package/dist/components/Slide/utils/interactionPlayback.es.js.map +1 -1
- package/dist/components/Slide/utils/interactionResolution.cjs.js +2 -0
- package/dist/components/Slide/utils/interactionResolution.cjs.js.map +1 -0
- package/dist/components/Slide/utils/interactionResolution.d.ts +13 -0
- package/dist/components/Slide/utils/interactionResolution.es.js +33 -0
- package/dist/components/Slide/utils/interactionResolution.es.js.map +1 -0
- package/dist/components/Slide/utils/interactionResolution.test.d.ts +1 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.cjs.js +2 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.cjs.js.map +1 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.d.ts +14 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.es.js +37 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.es.js.map +1 -0
- package/dist/components/Slide/utils/silentStepAutoAdvance.test.d.ts +1 -0
- package/dist/node_modules/cose-base/cose-base.cjs.js +1 -1
- package/dist/node_modules/cose-base/cose-base.cjs.js.map +1 -1
- package/dist/node_modules/cose-base/cose-base.es.js +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/cose-base/cose-base.cjs.js +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/cose-base/cose-base.cjs.js.map +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/cose-base/cose-base.es.js +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/layout-base/layout-base.cjs.js +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/layout-base/layout-base.cjs.js.map +1 -1
- package/dist/node_modules/cytoscape-fcose/node_modules/layout-base/layout-base.es.js +1 -1
- package/dist/node_modules/layout-base/layout-base.cjs.js +1 -1
- package/dist/node_modules/layout-base/layout-base.cjs.js.map +1 -1
- package/dist/node_modules/layout-base/layout-base.es.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const s = (e) => {
|
|
2
|
+
const t = e?.trim().toLowerCase() ?? "";
|
|
3
|
+
return !(!t || t.startsWith("#") || t.startsWith("javascript:") || t.startsWith("data:") || t.startsWith("mailto:") || t.startsWith("tel:"));
|
|
4
|
+
}, n = (e) => e?.tagName?.toLowerCase() === "a", a = (e) => {
|
|
5
|
+
const t = e;
|
|
6
|
+
if (!t)
|
|
7
|
+
return null;
|
|
8
|
+
if (typeof t.closest == "function") {
|
|
9
|
+
const o = t.closest("a[href]");
|
|
10
|
+
return n(o) ? o : null;
|
|
11
|
+
}
|
|
12
|
+
const r = t.parentElement?.closest("a[href]");
|
|
13
|
+
return n(r) ? r : null;
|
|
14
|
+
}, l = (e) => {
|
|
15
|
+
const t = new Set(
|
|
16
|
+
(e ?? "").split(/\s+/).map((r) => r.trim()).filter(Boolean)
|
|
17
|
+
);
|
|
18
|
+
return t.add("noopener"), t.add("noreferrer"), Array.from(t).join(" ");
|
|
19
|
+
};
|
|
20
|
+
export {
|
|
21
|
+
n as isAnchorElement,
|
|
22
|
+
l as mergeAnchorRelValue,
|
|
23
|
+
a as resolveClosestAnchor,
|
|
24
|
+
s as shouldForceAnchorHrefToNewTab
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=link-targets.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-targets.es.js","sources":["../../../../src/components/ContentRender/utils/link-targets.ts"],"sourcesContent":["export const shouldForceAnchorHrefToNewTab = (href: string | null) => {\n const normalizedHref = href?.trim().toLowerCase() ?? \"\";\n\n if (!normalizedHref) {\n return false;\n }\n\n if (\n normalizedHref.startsWith(\"#\") ||\n normalizedHref.startsWith(\"javascript:\") ||\n normalizedHref.startsWith(\"data:\") ||\n normalizedHref.startsWith(\"mailto:\") ||\n normalizedHref.startsWith(\"tel:\")\n ) {\n return false;\n }\n\n return true;\n};\n\nexport const isAnchorElement = (\n node: { tagName?: string | null } | null | undefined\n): node is HTMLAnchorElement => node?.tagName?.toLowerCase() === \"a\";\n\nexport const resolveClosestAnchor = (target: EventTarget | null) => {\n const candidate = target as {\n closest?: (selector: string) => Element | null;\n parentElement?: Element | null;\n } | null;\n\n if (!candidate) {\n return null;\n }\n\n if (typeof candidate.closest === \"function\") {\n const anchor = candidate.closest(\"a[href]\");\n return isAnchorElement(anchor) ? anchor : null;\n }\n\n const anchor = candidate.parentElement?.closest(\"a[href]\");\n return isAnchorElement(anchor) ? anchor : null;\n};\n\nexport const mergeAnchorRelValue = (rel: string | null) => {\n const tokens = new Set(\n (rel ?? \"\")\n .split(/\\s+/)\n .map((token) => token.trim())\n .filter(Boolean)\n );\n\n tokens.add(\"noopener\");\n tokens.add(\"noreferrer\");\n\n return Array.from(tokens).join(\" \");\n};\n"],"names":["shouldForceAnchorHrefToNewTab","href","normalizedHref","isAnchorElement","node","resolveClosestAnchor","target","candidate","anchor","mergeAnchorRelValue","rel","tokens","token"],"mappings":"AAAO,MAAMA,IAAgC,CAACC,MAAwB;AACpE,QAAMC,IAAiBD,GAAM,KAAA,EAAO,iBAAiB;AAMrD,SAJI,GAACC,KAKHA,EAAe,WAAW,GAAG,KAC7BA,EAAe,WAAW,aAAa,KACvCA,EAAe,WAAW,OAAO,KACjCA,EAAe,WAAW,SAAS,KACnCA,EAAe,WAAW,MAAM;AAMpC,GAEaC,IAAkB,CAC7BC,MAC8BA,GAAM,SAAS,kBAAkB,KAEpDC,IAAuB,CAACC,MAA+B;AAClE,QAAMC,IAAYD;AAKlB,MAAI,CAACC;AACH,WAAO;AAGT,MAAI,OAAOA,EAAU,WAAY,YAAY;AAC3C,UAAMC,IAASD,EAAU,QAAQ,SAAS;AAC1C,WAAOJ,EAAgBK,CAAM,IAAIA,IAAS;AAAA,EAC5C;AAEA,QAAMA,IAASD,EAAU,eAAe,QAAQ,SAAS;AACzD,SAAOJ,EAAgBK,CAAM,IAAIA,IAAS;AAC5C,GAEaC,IAAsB,CAACC,MAAuB;AACzD,QAAMC,IAAS,IAAI;AAAA,KAChBD,KAAO,IACL,MAAM,KAAK,EACX,IAAI,CAACE,MAAUA,EAAM,MAAM,EAC3B,OAAO,OAAO;AAAA,EAAA;AAGnB,SAAAD,EAAO,IAAI,UAAU,GACrBA,EAAO,IAAI,YAAY,GAEhB,MAAM,KAAKA,CAAM,EAAE,KAAK,GAAG;AACpC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),Jn=require("../../lib/sandboxInteraction.cjs.js"),ne=require("../../lib/utils.cjs.js"),Gn=require("../ui/loading-overlay-card.cjs.js"),Hn=require("../ContentRender/ContentRender.cjs.js"),Kt=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");require("../ContentRender/contentRenderI18n.cjs.js");const Ut=require("../../lib/interaction-defaults.cjs.js"),Be=require("../../lib/mobileDevice.cjs.js"),zn=require("./Player.cjs.js"),$n=require("./MarkdownSlideScaling.cjs.js"),Yn=require("./SubtitleOverlay.cjs.js"),Xn=require("./useSlide.cjs.js"),Qn=require("./useWakePlayerFromIframe.cjs.js"),Zn=require("./utils/playerKeyboardShortcutContext.cjs.js"),er=require("./utils/playerKeyboardShortcuts.cjs.js"),ye=require("./utils/mobileScreenMode.cjs.js"),tr=require("./utils/interactionPlayback.cjs.js"),nr=require("./utils/markdownScaling.cjs.js"),et=require("./utils/playerNavigationContext.cjs.js"),rr=require("./utils/appendedMarkerAdvance.cjs.js"),Wt=require("./utils/playbackSequence.cjs.js"),tt=require("./utils/subtitleJumpNavigation.cjs.js"),Jt=require("./utils/playerCustomActions.cjs.js"),sr=require("./utils/playbackTimeStore.cjs.js"),or=require("./utils/playerToggleMode.cjs.js"),lr=require("./utils/playerVisibility.cjs.js"),Gt=require("./slideI18n.cjs.js");;/* empty css */const ur=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),ir=2e3,ar=300,cr=160,dr=16,nt="waitingForAudio",fr=(f,c)=>typeof f=="string"?f:f[c]??f[nt]??Gt.DEFAULT_SLIDE_BUFFERING_TEXTS[c],mr=(f,c)=>typeof f=="string"?f:{...c,...f},pr=(f,c)=>c?f!=="loadingAudio":!1,Ht=t.memo(({content:f,title:c,locale:N,defaultButtonText:re,defaultInputText:O,defaultSelectedValues:L,confirmButtonText:U,copyButtonText:se,copiedButtonText:ve,onSend:Fe,readonly:W=!1})=>s.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[s.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:s.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:c})}),s.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:s.jsxRuntimeExports.jsx(Hn.default,{content:f,locale:N,defaultButtonText:re,defaultInputText:O,defaultSelectedValues:L,confirmButtonText:U,copyButtonText:se,copiedButtonText:ve,onSend:Fe,readonly:W,sandboxMode:"content"})})]}));Ht.displayName="InteractionOverlayCard";const hr=(f,c)=>f.length===c.length&&f.every((N,re)=>{const O=c[re];return N.sequence_number===O?.sequence_number&&N.type===O?.type&&N.content===O?.content}),br=({elementList:f=[],locale:c,playerEnabled:N,playerControlsVisibility:re,playerClassName:O,fullscreenHeader:L,playerCustomActions:U,playerCustomActionPauseOnActive:se=!0,bufferingText:ve,interactionTitle:Fe,interactionTexts:W,playerTexts:zt,playerAutoHideDelay:Ne=3e3,markerAutoAdvanceDelay:rt=ir,interactionDefaultValueOptions:Ee,onSend:st,onPlayerVisibilityChange:Oe,onMobileViewModeChange:ot,onStepChange:lt,enableKeyboardShortcuts:J=!0,enableIframeScaling:$t=!0,enableMarkdownScaling:Yt=!0,disableLoadingOverlay:C=!1,className:Xt,onPointerDown:ut,onFocusCapture:it,...Qt})=>{const V=t.useMemo(()=>Gt.getSlideLocaleTexts(c),[c]),Zt=t.useMemo(()=>mr(ve,V.bufferingText),[ve,V.bufferingText]),{playerEnabled:en,playerControlsVisibility:q}=lr.resolveSlidePlayerVisibility({playerEnabled:N,playerControlsVisibility:re}),ge=t.useId(),oe=t.useRef(null),at=t.useRef(null),Le=t.useRef(null),ct=t.useRef(null),G=t.useRef(null),Ie=t.useRef(!1),le=t.useRef(null),ue=t.useRef(null),ie=t.useRef(null),dt=t.useRef(null),ft=t.useRef([]),ae=t.useRef(!1),D=t.useRef(null),ce=t.useRef(null),mt=t.useRef(0),pt=t.useRef(null),ht=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),Ve=t.useRef(!1),{currentElementList:P,stepElementLists:bt,slideElementList:y,currentIndex:l,audioList:h,audioSlideIndexes:Ce,currentAudioSequenceIndexes:Re,currentStepHasSpeakableElement:v,currentInteractionElement:d,canGoPrev:tn,canGoNext:g,handlePrev:xt,handleNext:R,handleGoTo:St}=Xn.default(f),de=t.useMemo(()=>{if(!(l<0))return y[l]},[l,y]),nn=y.filter(e=>e.is_renderable!==!1).length===1,m=en&&(y.length>0||h.length>0||!!d),rn=t.useMemo(()=>({enabled:J,ownerId:ge}),[J,ge]),B=t.useCallback(()=>{!J||!m||er.activatePlayerKeyboardShortcutOwner(ge)},[J,ge,m]),A=t.useMemo(()=>Re.map(e=>h[e]?.audioKey).filter(e=>!!e),[h,Re]),[sn,fe]=t.useState(!0),[Ae,H]=t.useState(!1),[me,yt]=t.useState(!0),[pe,vt]=t.useState(!0),[x,F]=t.useState(null),[on,Et]=t.useState(null),[ln,b]=t.useState(!1),[un,De]=t.useState(nt),[k,Ke]=t.useState(!1),[an,ke]=t.useState(!1),[gt,cn]=t.useState(!0),[Ue,We]=t.useState(!1),[o,Je]=t.useState(),[we,Me]=t.useState(!1),[dn,he]=t.useState(0),[It,fn]=t.useState(!1),T=t.useMemo(()=>Be.isMobileDevice(),[]),[Pe,Ge]=t.useState(ye.DEFAULT_MOBILE_VIEW_MODE),[Ct,He]=t.useState(!1),[mn,Rt]=t.useState(()=>T?Be.isLandscapeViewport():!1),z=t.useMemo(()=>sr.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:$,isImmersiveMobileFullscreen:Y,isNativeMobileFullscreen:At,shouldRotateFullscreenViewport:pn}=t.useMemo(()=>ye.resolveMobileViewModeState({hasManualMobileViewMode:Ct,isMobileDevice:T,mobileViewMode:Pe}),[Ct,T,mn,Pe]),hn=t.useRef($),E=m&&q!=="hidden"&&(q==="visible"||sn),bn=Y&&E,xn=Y&&E,Sn=Y||At,kt=It&&!T,yn=t.useCallback(e=>{He(!0),Ge(e)},[]),wt=t.useCallback(()=>{He(!1),Ge(ye.DEFAULT_MOBILE_VIEW_MODE)},[]),vn=t.useCallback(()=>{wt(),L?.onBack?.()},[L,wt]),Mt=t.useCallback(e=>{We(e)},[]),Pt=t.useCallback(()=>{We(e=>!e)},[]),{mountedStepStates:En,currentMountedStateIndex:gn}=t.useMemo(()=>{const e=[],n=new Map;return bt.forEach((u,i)=>{const a=e.findIndex(r=>hr(r.elementList,u));if(a>=0){e[a]?.sourceStepIndexes.push(i),n.set(i,a);return}e.push({elementList:u,sourceStepIndexes:[i]}),n.set(i,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:l>=0?n.get(l)??-1:-1}},[l,bt]),Tt=t.useMemo(()=>String(l),[l]),S=t.useMemo(()=>x?h.findIndex(e=>(e.audioKey??"")===x):-1,[h,x]),ze=t.useMemo(()=>S>=0?h[S]:void 0,[h,S]),In=ze?.element?.subtitle_cues??[],Te=t.useMemo(()=>A[0]??"none",[A]),$e=t.useMemo(()=>({currentElement:Jt.resolvePlayerCustomActionElement({currentAudioIndex:S,currentAudioSequenceIndexes:Re,audioList:h,currentInteractionElement:o,currentStepElement:de}),currentIndex:l,currentStepElement:de,isActive:Ue,setActive:Mt,toggleActive:Pt}),[o,h,S,Re,l,de,Ue,Mt,Pt]),Ye=t.useMemo(()=>Jt.getPlayerCustomActionCount(U,$e),[$e,U]),Cn=t.useMemo(()=>({"--slide-player-custom-action-count":String(Ye),"--slide-player-mobile-control-count":String(Ye+4)}),[Ye]),_t=A.length>0,jt=t.useMemo(()=>d?`${d.sequence_number??"none"}:${String(d.content??"")}`:"none",[d]),be=t.useMemo(()=>[Tt,jt].join("|"),[jt,Tt]),Rn=t.useMemo(()=>[be,ze?.audioKey??"none",String(S)].join("|"),[S,ze?.audioKey,be]),qt=!!t.useMemo(()=>!Te||Te==="none"?"":h.find(n=>n.audioKey===Te)?.audioUrl?.trim()??"",[h,Te]),K=se&&!!U&&Ue,xe=t.useMemo(()=>or.shouldUseAutoAdvanceToggle({canGoNext:g,currentAudioIndex:S,currentStepHasSpeakableElement:v,hasInteraction:!!d}),[g,S,d,v]),_=t.useCallback(()=>{G.current!==null&&(window.clearTimeout(G.current),G.current=null)},[]),j=t.useCallback(()=>{ue.current!==null&&(window.clearTimeout(ue.current),ue.current=null)},[]),w=t.useCallback(()=>{ie.current!==null&&(window.clearTimeout(ie.current),ie.current=null)},[]),X=t.useCallback(()=>{le.current!==null&&(window.clearTimeout(le.current),le.current=null)},[]),M=t.useCallback((e={})=>{X(),j(),w(),F(null),z.reset(),b(!1),De(nt),Ke(!1),ke(!1),Et(null),e.preservePendingSubtitleJump||(ce.current=null),Je(void 0),Me(!1),he(0)},[X,j,w,z]),_e=t.useCallback(e=>{mt.current+=1,Et({...e,id:mt.current})},[]),Q=t.useCallback(()=>{const e=A[0];return e?(F(e),!0):!1},[A]),je=t.useCallback(()=>{j(),w(),Me(!1),he(0),!Q()&&g&&R()},[g,j,w,R,Q]),Bt=t.useCallback(e=>{if(w(),!e)return;const n=()=>{ie.current=null,he(cr),Me(!0),D.current=null};ie.current=window.setTimeout(n,ar)},[w]),Xe=t.useCallback(()=>Ie.current||!!oe.current?.querySelector(".slide-player__controls:hover"),[]),p=t.useCallback((e=Ae)=>{!m||q==="hidden"||(fe(!0),_(),!(q==="visible"||!e||Ne<=0||Xe())&&(G.current=window.setTimeout(()=>{if(Xe()){G.current=null;return}fe(!1),G.current=null},Ne)))},[_,Ae,Xe,Ne,q,m]),Se=!!tt.hasResolvedInteractionElement(d),Z=!!d&&!Se,An=t.useCallback(e=>{yt(e)},[]),ee=t.useCallback(e=>{const n=e?.shouldContinuePlayback??me;yt(n)},[me]);t.useEffect(()=>{vt(me),se&&We(!1)},[l,me,se]),t.useEffect(()=>()=>{X(),_(),j(),w()},[X,j,w,_]),t.useEffect(()=>(Oe?.(E),()=>{Oe?.(!1)}),[Oe,E]),t.useEffect(()=>{E||(Ie.current=!1)},[E]),t.useEffect(()=>{T||Pe===ye.DEFAULT_MOBILE_VIEW_MODE||(He(!1),Ge(ye.DEFAULT_MOBILE_VIEW_MODE))},[T,Pe]),t.useEffect(()=>{if(!T){Rt(!1);return}const e=()=>{Rt(Be.isLandscapeViewport())};return e(),Be.subscribeMobileDeviceChange(e)},[T]),t.useEffect(()=>{ot?.($)},[$,ot]),t.useEffect(()=>{hn.current=$},[$]),t.useEffect(()=>{lt?.(de,l)},[l,de,lt]),t.useEffect(()=>{const e=ht.current,n=rr.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:y.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:g,currentAudioKey:x,hasCompletedCurrentStepAudio:k,hasResolvedCurrentInteraction:Se,currentStepHasSpeakableElement:v,currentInteractionElement:d,isAutoAdvanceEnabled:pe,shouldUseSilentStepAutoAdvanceToggle:xe});ht.current={markerCount:y.length,currentIndex:l,canGoNext:g},n&&R()},[g,x,l,d,v,R,k,Se,pe,xe,y.length]),t.useEffect(()=>{if(!m||q==="hidden"){_(),fe(!1);return}if(q==="visible"){_(),fe(!0);return}Ae||p(!0)},[_,Ae,q,m,p]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&Jn.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&m&&(B(),H(!0),p(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[B,m,p]),Qn.default({sectionRef:oe,enabled:m,keyboardShortcutsEnabled:J,onKeyboardShortcut:B,onWake:()=>{B(),H(!0),p(!0)}}),t.useEffect(()=>{if(!m){M();return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=Wt.getPlaybackSequenceTransition({previousResetKey:pt.current,nextResetKey:be,currentAudioKey:x,hasCompletedCurrentStepAudio:k});pt.current=be;const u=D.current===l&&!!d,i=tr.shouldPresentInteractionOverlay({hasInteraction:!!d,shouldBlockPlaybackForInteraction:Z,shouldOpenInteractionOverlayAfterAudio:u,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Se,currentStepHasSpeakableElement:v}),a=ce.current,r=a?.slideIndex===l;if(e&&M({preservePendingSubtitleJump:r}),!(P.length===0&&!d)&&!K){if(a?.slideIndex===l&&tt.canReachSubtitleJumpTarget({currentIndex:l,resolvedCurrentInteractionElement:o,slideElementList:y,targetSlideIndex:a.slideIndex})){ce.current=null,Ve.current=!0,F(a.audioKey),_e({audioIndex:a.audioIndex,timeMs:a.timeMs});return}if(d&&Je(d),i){Bt(d);return}if(w(),D.current=null,!!n&&!Q()){if(v){if(C){b(!1);return}b(!0);return}if(g&&!(xe&&!pe))return le.current=window.setTimeout(()=>{le.current=null,R()},rt),()=>{X()}}}},[o,g,X,P.length,l,d,x,be,v,rt,R,k,C,pe,Se,Z,w,M,_e,Bt,m,y,Q,K,xe]),t.useEffect(()=>{if(C||K||!v||Z){b(!1);return}if(k){b(!1);return}if(_t){b(!1);return}De("waitingForAudio"),b(!0)},[_t,v,k,C,K,Z]),t.useEffect(()=>{const e=Ve.current;Ve.current=!1,Wt.shouldStartDefaultAudioSequence({currentAudioKey:x,currentAudioSequenceLength:A.length,currentStepHasSpeakableElement:v,hasCompletedCurrentStepAudio:k,shouldBlockPlaybackForInteraction:Z,shouldPausePlaybackForCustomAction:K,shouldSkipDefaultAudioStart:e})&&Q()},[x,A,v,k,K,Z,Q]),t.useEffect(()=>{!x||S>=0||F(null)},[S,x]),t.useEffect(()=>{S>=0||z.reset()},[S,z]),t.useEffect(()=>{ke(!1)},[Rn]);const Ft=t.useMemo(()=>{if(!o)return{};const e=!!o.user_input?.trim();return Ut.getInteractionDefaultValues(typeof o.content=="string"?o.content:void 0,o.user_input,e?void 0:Ee)},[o,Ee]),kn=t.useMemo(()=>{if(!o)return;const e=!!o.user_input?.trim();return Ut.getInteractionDefaultSelectedValues(typeof o.content=="string"?o.content:void 0,o.user_input,e?void 0:Ee)},[o,Ee]),Nt=!!o?.user_input?.trim(),Ot=!!o?.readonly||Nt,Lt=Ot||Nt,Qe=!!o&&we,wn=t.useCallback(e=>{const u=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Je(i=>!i||!u?i:{...i,user_input:u}),st?.(e,o),je()},[o,je,st]);t.useEffect(()=>{const e=()=>{fn(document.fullscreenElement===oe.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!Qe){he(0);return}const e=dt.current;if(!e)return;const n=()=>{const i=Math.ceil(e.getBoundingClientRect().height);he(i+dr)};if(n(),typeof ResizeObserver>"u")return;const u=new ResizeObserver(()=>{n()});return u.observe(e),()=>{u.disconnect()}},[Qe]),t.useEffect(()=>{if(j(),!(!we||!Lt))return ue.current=window.setTimeout(()=>{ue.current=null,je()},2e3),()=>{j()}},[j,je,we,Lt]);const Mn=(e,n={})=>e?e.type==="slot"?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?s.jsxRuntimeExports.jsx(Kt.default,{className:"content-render-iframe",disableLoadingOverlay:C,hideFullScreen:!0,locale:c,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:$t}):s.jsxRuntimeExports.jsx(Kt.default,{className:"content-render-iframe",disableLoadingOverlay:C,hideFullScreen:!0,locale:c,mode:"blackboard",type:"markdown",content:e.content}):null,Pn=(e=[],n=!1)=>{if(e.length===0)return null;const u=e.filter(r=>r.is_renderable!==!1).length,i=n&&Yt?nr.resolveMarkdownScalingMode(e):"disabled",a=e.reduce((r,I,te)=>I.is_renderable!==!1?te:r,-1);return s.jsxRuntimeExports.jsx($n.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:i,children:e.map((r,I)=>{const te=r.type==="html"&&r.is_renderable===!1;return s.jsxRuntimeExports.jsx("div",{ref:n&&I===a?ct:null,"aria-hidden":te||void 0,className:ne.cn("w-full shrink-0",u===1&&r.is_renderable!==!1&&"slide-element--single",te?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":r.is_renderable===!1&&"hidden"),children:Mn(r,{replaceRootScreenHeightWithFull:u===1&&r.type==="html"&&r.is_renderable!==!1})},r.sequence_number??`${r.type}-${I}`)})})},Tn=t.useCallback(()=>{const e=oe.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),Vt=t.useCallback(()=>{const e=Le.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),Ze=t.useCallback(e=>tt.canReachSubtitleJumpTarget({currentIndex:l,resolvedCurrentInteractionElement:o,slideElementList:y,targetSlideIndex:Ce[e.audioIndex]}),[o,Ce,l,y]),_n=t.useCallback((e,n)=>{const i=h[e.audioIndex]?.audioKey,a=Ce[e.audioIndex];return!i||a==null||!Ze(e)?!1:(ee(n),D.current=null,b(!1),Ke(!1),ke(!1),et.shouldWakePlayerControlsAfterNavigation(n)&&(H(!0),p(!0)),a===l?(ce.current=null,M(),F(i),_e(e),!0):(ae.current=!0,M(),ce.current={audioIndex:e.audioIndex,audioKey:i,slideIndex:a,timeMs:e.timeMs},St(a),!0))},[h,Ce,Ze,l,St,_e,M,p,ee]),jn=t.useCallback(e=>{ee(e),ae.current=!0,D.current=null,b(!1),et.shouldWakePlayerControlsAfterNavigation(e)&&(H(!0),p(!0)),M(),xt()},[xt,M,p,ee]),qn=t.useCallback(e=>{ee(e),ae.current=!0,D.current=null,b(!1),et.shouldWakePlayerControlsAfterNavigation(e)&&(H(!0),p(!0)),M(),R()},[R,M,p,ee]),Bn=t.useCallback(({loading:e,reason:n})=>{if(C){b(!1);return}if(!v||k){b(!1);return}e&&n&&De(n),b(pr(n,e))},[v,k,C]);t.useEffect(()=>{C&&b(!1)},[C]);const Fn=t.useCallback(e=>{const n=h[e]?.audioKey;if(!n||!x||n!==x)return;const u=A.findIndex(r=>r===n);if(u<0){F(null);return}const i=u+1,a=A[i];if(a){F(a);return}if(F(null),Ke(!0),b(!1),g){const r=l+1,I=y[r];qt&&I?.type==="interaction"&&(D.current=r),R();return}},[h,g,l,x,A,R,qt,y]),Nn=t.useCallback(()=>{o&&Me(e=>!e)},[o]),On=t.useCallback(()=>{Ie.current=!0,_(),m&&fe(!0)},[_,m]),Ln=t.useCallback(()=>{Ie.current=!1,p(!0)},[p]),Dt=t.useCallback(e=>{e.stopPropagation(),E&&p(!0)},[E,p]),Vn=t.useCallback(e=>{B(),ut?.(e)},[B,ut]),Dn=t.useCallback(e=>{B(),it?.(e)},[B,it]),Kn=t.useCallback(()=>{H(!0),p(!0)},[p]),qe=t.useMemo(()=>P.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[P]);return t.useEffect(()=>{const e=ft.current,i=(e.length>0&&e.length<qe.length&&e.every((r,I)=>r===qe[I])?P.slice(e.length):[]).some(r=>r.is_new===!1);if(ft.current=qe,!i)return;const a=window.requestAnimationFrame(()=>{const r=Le.current,I=ct.current;if(!r||!I)return;const te=r.getBoundingClientRect(),Un=I.getBoundingClientRect(),Wn=r.scrollTop+(Un.top-te.top);r.scrollTo({top:Math.max(Wn,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(a)}},[P,qe]),t.useEffect(()=>{if(!ae.current||(ae.current=!1,P.length===0))return;const e=window.requestAnimationFrame(()=>{Vt()});return()=>{window.cancelAnimationFrame(e)}},[P,Vt]),s.jsxRuntimeExports.jsxs("section",{ref:oe,className:ne.cn("relative h-full w-full",T&&"slide--mobile-device",kt&&"slide--browser-fullscreen",Y&&"slide--mobile-landscape",At&&"slide--mobile-landscape-native",Xt),onClick:Kn,onFocusCapture:Dn,onPointerDown:Vn,...Qt,children:[Sn?s.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,s.jsxRuntimeExports.jsxs("div",{ref:at,className:ne.cn("slide__viewport relative h-full min-h-0 w-full",Y&&"slide__viewport--mobile-landscape",Y&&!pn&&"slide__viewport--mobile-landscape-native"),children:[bn?s.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[s.jsxRuntimeExports.jsx("button",{"aria-label":L?.backAriaLabel??V.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:vn,type:"button",children:s.jsxRuntimeExports.jsx(ur.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),L?.content?s.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:L.content}):null]}):null,s.jsxRuntimeExports.jsx("div",{className:ne.cn("h-full min-h-0 w-full",xn&&"slide__viewport-content--with-header",nn?"slide-content--single":"grid gap-4"),children:P.length>0?s.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:s.jsxRuntimeExports.jsx("div",{ref:Le,className:"slide-stage__layer w-full",children:En.map((e,n)=>{const u=n===gn;return s.jsxRuntimeExports.jsx("div",{"aria-hidden":!u||void 0,className:"w-full h-full",style:{display:u?void 0:"none"},children:Pn(e.elementList,u)},e.sourceStepIndexes[0]??n)})})}):null}),ln?s.jsxRuntimeExports.jsx(Gn.default,{message:fr(Zt,un),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,s.jsxRuntimeExports.jsx(Yn.default,{extraBottomOffset:dn,hasPlayerGap:E,isEnabled:gt&&an,isPlayerHidden:m&&!E,playbackTimeStore:z,subtitleCues:In}),Qe?s.jsxRuntimeExports.jsx("div",{ref:dt,"data-player-keyboard-shortcuts-ignore":"true",className:ne.cn("slide-interaction-overlay",E&&m?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Dt,onPointerDown:Dt,style:Cn,children:s.jsxRuntimeExports.jsx(Ht,{content:String(o?.content??""),locale:c,defaultButtonText:Ft.buttonText??"",defaultInputText:Ft.inputText??"",defaultSelectedValues:kn,confirmButtonText:W?.confirmButtonText??V.interactionTexts.confirmButtonText,copyButtonText:W?.copyButtonText??V.interactionTexts.copyButtonText,copiedButtonText:W?.copiedButtonText??V.interactionTexts.copiedButtonText,onSend:wn,readonly:Ot,title:W?.title??Fe??V.interactionTexts.title})}):null,m?s.jsxRuntimeExports.jsx(Zn.PlayerKeyboardShortcutContext.Provider,{value:rn,children:s.jsxRuntimeExports.jsx(zn.default,{audioList:h,className:ne.cn("absolute left-1/2 z-[2] -translate-x-1/2",kt?"bottom-3":"-bottom-3",O,!E&&"pointer-events-none opacity-0"),currentAudioIndex:S,defaultPlaying:me,enableKeyboardShortcuts:J,isPlaybackPaused:K,isAutoAdvanceEnabled:pe,locale:c,hasInteraction:!!o,isInteractionOpen:we,isSubtitleEnabled:gt,onAutoAdvanceToggle:vt,onLoadingChange:Bn,onPlaybackStarted:()=>{ke(!0)},onPlaybackPreferenceChange:An,onPlaybackTimeChange:z.setTime,onSubtitleToggle:()=>{cn(e=>!e)},nextDisabled:!g,onEnded:Fn,onFullscreen:Tn,isFullscreen:It,mobileViewMode:$,settingsPortalContainer:at.current,onMobileViewModeChange:yn,onControlsPointerEnter:On,onControlsPointerLeave:Ln,onInteractionToggle:Nn,onNext:qn,onPrev:jn,onSubtitleJump:_n,canJumpToSubtitleTarget:Ze,prevDisabled:!tn,showControls:E,subtitleSeekRequest:on,texts:zt,customActionContext:$e,customActions:U,useAutoAdvanceToggle:xe})}):null]})]})};exports.default=br;
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),sr=require("../../lib/sandboxInteraction.cjs.js"),ie=require("../../lib/utils.cjs.js"),or=require("../ui/loading-overlay-card.cjs.js"),lr=require("../ContentRender/ContentRender.cjs.js"),Zt=require("../ContentRender/IframeSandbox.cjs.js");require("../ui/inputGroup/input-group.cjs.js");require("../ContentRender/contentRenderI18n.cjs.js");const Ke=require("../../lib/mobileDevice.cjs.js"),ur=require("./Player.cjs.js"),ir=require("./MarkdownSlideScaling.cjs.js"),ar=require("./SubtitleOverlay.cjs.js"),cr=require("./useSlide.cjs.js"),dr=require("./useWakePlayerFromIframe.cjs.js"),fr=require("./utils/playerKeyboardShortcutContext.cjs.js"),mr=require("./utils/playerKeyboardShortcuts.cjs.js"),Re=require("./utils/mobileScreenMode.cjs.js"),en=require("./utils/interactionPlayback.cjs.js"),pr=require("./utils/markdownScaling.cjs.js"),at=require("./utils/playerNavigationContext.cjs.js"),hr=require("./utils/appendedMarkerAdvance.cjs.js"),tn=require("./utils/playbackSequence.cjs.js"),ct=require("./utils/subtitleJumpNavigation.cjs.js"),nn=require("./utils/playerCustomActions.cjs.js"),yr=require("./utils/playbackTimeStore.cjs.js"),Sr=require("./utils/interactionResolution.cjs.js"),br=require("./utils/playerToggleMode.cjs.js"),rn=require("./utils/imageOnlyStepVisualReady.cjs.js"),xr=require("./utils/silentStepAutoAdvance.cjs.js"),vr=require("./utils/playerVisibility.cjs.js"),sn=require("./slideI18n.cjs.js");;/* empty css */const Er=require("../../node_modules/lucide-react/dist/esm/icons/chevron-left.cjs.js"),gr=2e3,Ar=300,Ir=160,Rr=16,dt="waitingForAudio",Cr=(f,c)=>typeof f=="string"?f:f[c]??f[dt]??sn.DEFAULT_SLIDE_BUFFERING_TEXTS[c],kr=(f,c)=>typeof f=="string"?f:{...c,...f},wr=(f,c)=>c?f!=="loadingAudio":!1,on=t.memo(({content:f,title:c,locale:L,defaultButtonText:ae,defaultInputText:V,defaultSelectedValues:D,confirmButtonText:z,copyButtonText:$,copiedButtonText:Ce,onSend:Ue,readonly:Y=!1})=>o.jsxRuntimeExports.jsxs("div",{className:"slide-player__interaction-card",children:[o.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-header",children:o.jsxRuntimeExports.jsx("p",{className:"slide-player__interaction-title",children:c})}),o.jsxRuntimeExports.jsx("div",{className:"slide-player__interaction-body",children:o.jsxRuntimeExports.jsx(lr.default,{content:f,locale:L,defaultButtonText:ae,defaultInputText:V,defaultSelectedValues:D,confirmButtonText:z,copyButtonText:$,copiedButtonText:Ce,onSend:Ue,readonly:Y,sandboxMode:"content"})})]}));on.displayName="InteractionOverlayCard";const Mr=(f,c)=>f.length===c.length&&f.every((L,ae)=>{const V=c[ae];return L.sequence_number===V?.sequence_number&&L.type===V?.type&&L.content===V?.content}),Tr=({elementList:f=[],locale:c,playerEnabled:L,playerControlsVisibility:ae,playerClassName:V,fullscreenHeader:D,playerCustomActions:z,playerCustomActionPauseOnActive:$=!0,bufferingText:Ce,interactionTitle:Ue,interactionTexts:Y,playerTexts:ln,playerAutoHideDelay:We=3e3,markerAutoAdvanceDelay:ft=gr,interactionDefaultValueOptions:mt,onSend:pt,onPlayerVisibilityChange:Ge,onMobileViewModeChange:ht,onStepChange:yt,enableKeyboardShortcuts:X=!0,enableIframeScaling:un=!0,enableMarkdownScaling:an=!0,disableLoadingOverlay:R=!1,className:cn,onPointerDown:St,onFocusCapture:bt,...dn})=>{const K=t.useMemo(()=>sn.getSlideLocaleTexts(c),[c]),fn=t.useMemo(()=>kr(Ce,K.bufferingText),[Ce,K.bufferingText]),{playerEnabled:mn,playerControlsVisibility:F}=vr.resolveSlidePlayerVisibility({playerEnabled:L,playerControlsVisibility:ae}),ke=t.useId(),ce=t.useRef(null),xt=t.useRef(null),we=t.useRef(null),vt=t.useRef(null),Q=t.useRef(null),Me=t.useRef(!1),de=t.useRef(null),Te=t.useRef(null),fe=t.useRef(null),me=t.useRef(null),Et=t.useRef(null),gt=t.useRef([]),pe=t.useRef(!1),U=t.useRef(null),he=t.useRef(null),At=t.useRef(0),It=t.useRef(null),Rt=t.useRef({markerCount:0,currentIndex:-1,canGoNext:!1}),Je=t.useRef(!1),{currentElementList:A,stepElementLists:Ct,slideElementList:g,currentIndex:s,audioList:p,audioSlideIndexes:Pe,currentAudioSequenceIndexes:_e,currentStepHasSpeakableElement:h,currentInteractionElement:a,canGoPrev:pn,canGoNext:I,handlePrev:kt,handleNext:C,handleGoTo:wt}=cr.default(f),ye=t.useMemo(()=>{if(!(s<0))return g[s]},[s,g]),Z=t.useMemo(()=>A.map((e,n)=>`${e.sequence_number??`${e.type}-${n}`}:${String(e.is_new??"")}`),[A]),hn=g.filter(e=>e.is_renderable!==!1).length===1,d=mn&&(g.length>0||p.length>0||!!a),yn=t.useMemo(()=>({enabled:X,ownerId:ke}),[X,ke]),O=t.useCallback(()=>{!X||!d||mr.activatePlayerKeyboardShortcutOwner(ke)},[X,ke,d]),k=t.useMemo(()=>_e.map(e=>p[e]?.audioKey).filter(e=>!!e),[p,_e]),[Sn,Se]=t.useState(!0),[qe,ee]=t.useState(!1),[He,Mt]=t.useState(!0),[be,Tt]=t.useState(!0),[b,B]=t.useState(null),[bn,Pt]=t.useState(null),[xn,y]=t.useState(!1),[vn,ze]=t.useState(dt),[w,$e]=t.useState(!1),[En,je]=t.useState(!1),[_t,gn]=t.useState(!0),[Ye,Xe]=t.useState(!1),[S,Qe]=t.useState(),[Fe,Oe]=t.useState(!1),[An,xe]=t.useState(0),[qt,In]=t.useState(!1),_=t.useMemo(()=>Ke.isMobileDevice(),[]),[Be,Ze]=t.useState(Re.DEFAULT_MOBILE_VIEW_MODE),[jt,et]=t.useState(!1),[Rn,Ft]=t.useState(()=>_?Ke.isLandscapeViewport():!1),te=t.useMemo(()=>yr.createPlaybackTimeStore(),[]),{effectiveMobileViewMode:ne,isImmersiveMobileFullscreen:re,isNativeMobileFullscreen:Ot,shouldRotateFullscreenViewport:Cn}=t.useMemo(()=>Re.resolveMobileViewModeState({hasManualMobileViewMode:jt,isMobileDevice:_,mobileViewMode:Be}),[jt,_,Rn,Be]),kn=t.useRef(ne),x=d&&F!=="hidden"&&(F==="visible"||Sn),wn=re&&x,Mn=re&&x,Tn=re||Ot,Bt=qt&&!_,Pn=t.useCallback(e=>{et(!0),Ze(e)},[]),Nt=t.useCallback(()=>{et(!1),Ze(Re.DEFAULT_MOBILE_VIEW_MODE)},[]),_n=t.useCallback(()=>{Nt(),D?.onBack?.()},[D,Nt]),Lt=t.useCallback(e=>{Xe(e)},[]),Vt=t.useCallback(()=>{Xe(e=>!e)},[]),{mountedStepStates:qn,currentMountedStateIndex:jn}=t.useMemo(()=>{const e=[],n=new Map;return Ct.forEach((l,u)=>{const i=e.findIndex(r=>Mr(r.elementList,l));if(i>=0){e[i]?.sourceStepIndexes.push(u),n.set(u,i);return}e.push({elementList:l,sourceStepIndexes:[u]}),n.set(u,e.length-1)}),{mountedStepStates:e,currentMountedStateIndex:s>=0?n.get(s)??-1:-1}},[s,Ct]),Dt=t.useMemo(()=>String(s),[s]),v=t.useMemo(()=>b?p.findIndex(e=>(e.audioKey??"")===b):-1,[p,b]),tt=t.useMemo(()=>v>=0?p[v]:void 0,[p,v]),Fn=tt?.element?.subtitle_cues??[],Ne=t.useMemo(()=>k[0]??"none",[k]),nt=t.useMemo(()=>({currentElement:nn.resolvePlayerCustomActionElement({currentAudioIndex:v,currentAudioSequenceIndexes:_e,audioList:p,currentInteractionElement:S,currentStepElement:ye}),currentIndex:s,currentStepElement:ye,isActive:Ye,setActive:Lt,toggleActive:Vt}),[S,p,v,_e,s,ye,Ye,Lt,Vt]),rt=t.useMemo(()=>nn.getPlayerCustomActionCount(z,nt),[nt,z]),On=t.useMemo(()=>({"--slide-player-custom-action-count":String(rt),"--slide-player-mobile-control-count":String(rt+4)}),[rt]),Kt=k.length>0,Ut=t.useMemo(()=>a?`${a.sequence_number??"none"}:${String(a.content??"")}`:"none",[a]),ve=t.useMemo(()=>[Dt,Ut].join("|"),[Ut,Dt]),Bn=t.useMemo(()=>[ve,tt?.audioKey??"none",String(v)].join("|"),[v,tt?.audioKey,ve]),Wt=!!t.useMemo(()=>!Ne||Ne==="none"?"":p.find(n=>n.audioKey===Ne)?.audioUrl?.trim()??"",[p,Ne]),W=$&&!!z&&Ye,Ee=t.useMemo(()=>br.shouldUseAutoAdvanceToggle({canGoNext:I,currentAudioIndex:v,currentStepHasSpeakableElement:h,hasInteraction:!!a}),[I,v,a,h]),Gt=t.useMemo(()=>xr.resolveSilentStepAutoAdvanceBehavior({currentElementList:A,currentStepHasSpeakableElement:h,currentInteractionElement:a,markerAutoAdvanceDelay:ft}),[A,a,h,ft]),Jt=Gt.delayMs,ge=Gt.usesImageOnlyDelay,st=t.useMemo(()=>`${s}:${Z.join("|")}`,[s,Z]),[Nn,Ln]=t.useState(null),Ht=!ge||Nn===st,q=t.useCallback(()=>{Q.current!==null&&(window.clearTimeout(Q.current),Q.current=null)},[]),j=t.useCallback(()=>{fe.current!==null&&(window.clearTimeout(fe.current),fe.current=null)},[]),M=t.useCallback(()=>{me.current!==null&&(window.clearTimeout(me.current),me.current=null)},[]),se=t.useCallback(()=>{de.current!==null&&(window.clearTimeout(de.current),de.current=null)},[]),N=t.useCallback(()=>{Te.current!==null&&(window.clearTimeout(Te.current),Te.current=null)},[]),T=t.useCallback((e={})=>{se(),j(),M(),N(),B(null),te.reset(),y(!1),ze(dt),$e(!1),je(!1),Pt(null),e.preservePendingSubtitleJump||(he.current=null),Qe(void 0),Oe(!1),xe(0)},[se,N,j,M,te]),Le=t.useCallback(e=>{At.current+=1,Pt({...e,id:At.current})},[]),oe=t.useCallback(()=>{const e=k[0];return e?(B(e),!0):!1},[k]),Ve=t.useCallback(()=>{j(),M(),Oe(!1),xe(0),!oe()&&I&&C()},[I,j,M,C,oe]),zt=t.useCallback(e=>{if(M(),!e)return;const n=()=>{me.current=null,xe(Ir),Oe(!0),U.current=null};me.current=window.setTimeout(n,Ar)},[M]),ot=t.useCallback(()=>Me.current||!!ce.current?.querySelector(".slide-player__controls:hover"),[]),m=t.useCallback((e=qe)=>{!d||F==="hidden"||(Se(!0),q(),!(F==="visible"||!e||We<=0||ot())&&(Q.current=window.setTimeout(()=>{if(ot()){Q.current=null;return}Se(!1),Q.current=null},We)))},[q,qe,ot,We,F,d]),Ae=!!ct.hasResolvedInteractionElement(a),G=!!a&&!Ae,Vn=t.useCallback(e=>{Mt(e)},[]),le=t.useCallback(e=>{e&&Mt(e.shouldContinuePlayback)},[]);t.useEffect(()=>{Tt(He)},[s,He,$]),t.useEffect(()=>{$&&Xe(!1)},[s,$]),t.useEffect(()=>()=>{se(),N(),q(),j(),M()},[se,N,j,M,q]),t.useEffect(()=>{if(!ge){N();return}let e=!1,n=null,l=null;const u=()=>{l?.(),l=null},i=()=>{e||(u(),N(),Ln(st))},r=()=>{if(e)return;u();const E=we.current?.querySelector('[data-active-step="true"]');if(!E)return;const P=Array.from(E.querySelectorAll("iframe"));if(P.length===0||rn.areImageOnlyStepIframeVisualsReady(P)){i();return}const De=[],Ie=()=>{e||(n!==null&&window.cancelAnimationFrame(n),n=window.requestAnimationFrame(()=>{n=null,r()}))},it=(J,ue,H)=>{J.addEventListener(ue,H,{once:!0}),De.push(()=>J.removeEventListener(ue,H))};P.forEach(J=>{const ue=J.contentDocument;if(!ue||ue.readyState!=="complete"){it(J,"load",Ie);return}Array.from(ue.images).filter(H=>!H.complete).forEach(H=>{it(H,"load",Ie),it(H,"error",Ie)})}),l=()=>{De.forEach(J=>J())}};return n=window.requestAnimationFrame(()=>{n=null,r()}),Te.current=window.setTimeout(()=>{i()},rn.DEFAULT_IMAGE_ONLY_VISUAL_READY_TIMEOUT_MS),()=>{e=!0,u(),N(),n!==null&&window.cancelAnimationFrame(n)}},[N,A,s,st,ge]),t.useEffect(()=>(Ge?.(x),()=>{Ge?.(!1)}),[Ge,x]),t.useEffect(()=>{x||(Me.current=!1)},[x]),t.useEffect(()=>{_||Be===Re.DEFAULT_MOBILE_VIEW_MODE||(et(!1),Ze(Re.DEFAULT_MOBILE_VIEW_MODE))},[_,Be]),t.useEffect(()=>{if(!_){Ft(!1);return}const e=()=>{Ft(Ke.isLandscapeViewport())};return e(),Ke.subscribeMobileDeviceChange(e)},[_]),t.useEffect(()=>{ht?.(ne)},[ne,ht]),t.useEffect(()=>{kn.current=ne},[ne]),t.useEffect(()=>{yt?.(ye,s)},[s,ye,yt]),t.useEffect(()=>{const e=Rt.current,n=hr.shouldAutoAdvanceIntoAppendedMarker({previousMarkerCount:e.markerCount,nextMarkerCount:g.length,previousIndex:e.currentIndex,previousCanGoNext:e.canGoNext,nextCanGoNext:I,currentAudioKey:b,hasCompletedCurrentStepAudio:w,hasResolvedCurrentInteraction:Ae,currentStepHasSpeakableElement:h,currentInteractionElement:a,isAutoAdvanceEnabled:be,shouldUseSilentStepAutoAdvanceToggle:Ee});Rt.current={markerCount:g.length,currentIndex:s,canGoNext:I},n&&C()},[I,b,s,a,h,C,w,Ae,be,Ee,g.length]),t.useEffect(()=>{if(!d||F==="hidden"){q(),Se(!1);return}if(F==="visible"){q(),Se(!0);return}qe||m(!0)},[q,qe,F,d,m]),t.useEffect(()=>{if(typeof window>"u")return;const e=n=>{n.origin===window.location.origin&&sr.isSandboxInteractionMessage(n.data)&&n.data.eventType==="click"&&d&&(O(),ee(!0),m(!0))};return window.addEventListener("message",e),()=>{window.removeEventListener("message",e)}},[O,d,m]),dr.default({sectionRef:ce,enabled:d,keyboardShortcutsEnabled:X,onKeyboardShortcut:O,onWake:()=>{O(),ee(!0),m(!0)}}),t.useEffect(()=>{if(!d){T();return}const{hasPlaybackContextChanged:e,shouldInitializeAudioSequence:n}=tn.getPlaybackSequenceTransition({previousResetKey:It.current,nextResetKey:ve,currentAudioKey:b,hasCompletedCurrentStepAudio:w});It.current=ve;const l=U.current===s&&!!a,u=en.shouldPresentInteractionOverlay({hasInteraction:!!a,shouldBlockPlaybackForInteraction:G,shouldOpenInteractionOverlayAfterAudio:l,hasPlaybackContextChanged:e,hasResolvedCurrentInteraction:Ae,currentStepHasSpeakableElement:h}),i=he.current,r=i?.slideIndex===s;if(e&&T({preservePendingSubtitleJump:r}),!(A.length===0&&!a)&&!W){if(i?.slideIndex===s&&ct.canReachSubtitleJumpTarget({currentIndex:s,resolvedCurrentInteractionElement:S,slideElementList:g,targetSlideIndex:i.slideIndex})){he.current=null,Je.current=!0,B(i.audioKey),Le({audioIndex:i.audioIndex,timeMs:i.timeMs});return}if(a&&Qe(a),u){zt(a);return}if(M(),U.current=null,!!n&&!oe()){if(h){if(R){y(!1);return}y(!0);return}if(I&&!(Ee&&!be)&&!(ge&&!Ht))return de.current=window.setTimeout(()=>{de.current=null,C()},Jt),()=>{se()}}}},[S,I,se,A.length,s,a,b,ve,h,ge,Ht,Jt,C,w,R,be,Ae,G,M,T,Le,zt,d,g,oe,W,Ee]),t.useEffect(()=>{if(R||W||!h||G){y(!1);return}if(w){y(!1);return}if(Kt){y(!1);return}ze("waitingForAudio"),y(!0)},[Kt,h,w,R,W,G]),t.useEffect(()=>{const e=Je.current;Je.current=!1,tn.shouldStartDefaultAudioSequence({currentAudioKey:b,currentAudioSequenceLength:k.length,currentStepHasSpeakableElement:h,hasCompletedCurrentStepAudio:w,shouldBlockPlaybackForInteraction:G,shouldPausePlaybackForCustomAction:W,shouldSkipDefaultAudioStart:e})&&oe()},[b,k,h,w,W,G,oe]),t.useEffect(()=>{!b||v>=0||B(null)},[v,b]),t.useEffect(()=>{v>=0||te.reset()},[v,te]),t.useEffect(()=>{je(!1)},[Bn]);const{interactionDefaults:$t,interactionDefaultSelectedValues:Dn,isInteractionReadonly:Kn,shouldAutoContinueInteraction:Yt}=t.useMemo(()=>Sr.resolveSlideInteractionState(S,{interactionDefaultValueOptions:mt}),[S,mt]),lt=en.shouldRenderInteractionOverlay({hasActiveInteraction:!!S,isInteractionOverlayOpen:Fe,shouldBlockPlaybackForInteraction:G,playerControlsVisible:x,shouldMountPlayer:d}),Un=t.useCallback(e=>{const l=[...e.selectedValues??[],e.inputText?.trim()??"",e.buttonText?.trim()??""].filter(Boolean).join(", ");Qe(u=>!u||!l?u:{...u,user_input:l}),pt?.(e,S),Ve()},[S,Ve,pt]);t.useEffect(()=>{const e=()=>{In(document.fullscreenElement===ce.current)};return e(),document.addEventListener("fullscreenchange",e),()=>{document.removeEventListener("fullscreenchange",e)}},[]),t.useEffect(()=>{if(!lt){xe(0);return}const e=Et.current;if(!e)return;const n=()=>{const u=Math.ceil(e.getBoundingClientRect().height);xe(u+Rr)};if(n(),typeof ResizeObserver>"u")return;const l=new ResizeObserver(()=>{n()});return l.observe(e),()=>{l.disconnect()}},[lt]),t.useEffect(()=>{if(j(),!(!Fe||!Yt))return fe.current=window.setTimeout(()=>{fe.current=null,Ve()},2e3),()=>{j()}},[j,Ve,Fe,Yt]);const Wn=(e,n={})=>e?e.type==="slot"?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:e.content}):e.type==="html"?o.jsxRuntimeExports.jsx(Zt.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,locale:c,mode:"blackboard",replaceRootScreenHeightWithFull:n.replaceRootScreenHeightWithFull,type:"sandbox",content:e.content,enableScaling:un}):o.jsxRuntimeExports.jsx(Zt.default,{className:"content-render-iframe",disableLoadingOverlay:R,hideFullScreen:!0,locale:c,mode:"blackboard",type:"markdown",content:e.content}):null,Gn=(e=[],n=!1)=>{if(e.length===0)return null;const l=e.filter(r=>r.is_renderable!==!1).length,u=n&&an?pr.resolveMarkdownScalingMode(e):"disabled",i=e.reduce((r,E,P)=>E.is_renderable!==!1?P:r,-1);return o.jsxRuntimeExports.jsx(ir.default,{className:"slide-stage__content flex w-full flex-col gap-4",mode:u,children:e.map((r,E)=>{const P=r.type==="html"&&r.is_renderable===!1;return o.jsxRuntimeExports.jsx("div",{ref:n&&E===i?vt:null,"aria-hidden":P||void 0,className:ie.cn("w-full shrink-0",l===1&&r.is_renderable!==!1&&"slide-element--single",P?"pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0":r.is_renderable===!1&&"hidden"),children:Wn(r,{replaceRootScreenHeightWithFull:l===1&&r.type==="html"&&r.is_renderable!==!1})},r.sequence_number??`${r.type}-${E}`)})})},Jn=t.useCallback(()=>{const e=ce.current;if(e){if(document.fullscreenElement===e){document.exitFullscreen().catch(()=>{});return}e.requestFullscreen?.().catch(()=>{})}},[]),Xt=t.useCallback(()=>{const e=we.current;e&&e.scrollTo({top:e.scrollHeight,behavior:"smooth"})},[]),ut=t.useCallback(e=>ct.canReachSubtitleJumpTarget({currentIndex:s,resolvedCurrentInteractionElement:S,slideElementList:g,targetSlideIndex:Pe[e.audioIndex]}),[S,Pe,s,g]),Hn=t.useCallback((e,n)=>{const u=p[e.audioIndex]?.audioKey,i=Pe[e.audioIndex];return!u||i==null||!ut(e)?!1:(le(n),U.current=null,y(!1),$e(!1),je(!1),at.shouldWakePlayerControlsAfterNavigation(n)&&(ee(!0),m(!0)),i===s?(he.current=null,T(),B(u),Le(e),!0):(pe.current=!0,T(),he.current={audioIndex:e.audioIndex,audioKey:u,slideIndex:i,timeMs:e.timeMs},wt(i),!0))},[p,Pe,ut,s,wt,Le,T,m,le]),zn=t.useCallback(e=>{le(e),pe.current=!0,U.current=null,y(!1),at.shouldWakePlayerControlsAfterNavigation(e)&&(ee(!0),m(!0)),T(),kt()},[kt,T,m,le]),$n=t.useCallback(e=>{le(e),pe.current=!0,U.current=null,y(!1),at.shouldWakePlayerControlsAfterNavigation(e)&&(ee(!0),m(!0)),T(),C()},[C,T,m,le]),Yn=t.useCallback(({loading:e,reason:n})=>{if(R){y(!1);return}if(!h||w){y(!1);return}e&&n&&ze(n),y(wr(n,e))},[h,w,R]);t.useEffect(()=>{R&&y(!1)},[R]);const Xn=t.useCallback(e=>{const n=p[e]?.audioKey;if(!n||!b||n!==b)return;const l=k.findIndex(r=>r===n);if(l<0){B(null);return}const u=l+1,i=k[u];if(i){B(i);return}if(B(null),$e(!0),y(!1),I){const r=s+1,E=g[r];Wt&&E?.type==="interaction"&&(U.current=r),C();return}},[p,I,s,b,k,C,Wt,g]),Qn=t.useCallback(()=>{S&&Oe(e=>!e)},[S]),Zn=t.useCallback(()=>{Me.current=!0,q(),d&&Se(!0)},[q,d]),er=t.useCallback(()=>{Me.current=!1,m(!0)},[m]),Qt=t.useCallback(e=>{e.stopPropagation(),x&&m(!0)},[x,m]),tr=t.useCallback(e=>{O(),St?.(e)},[O,St]),nr=t.useCallback(e=>{O(),bt?.(e)},[O,bt]),rr=t.useCallback(()=>{ee(!0),m(!0)},[m]);return t.useEffect(()=>{const e=gt.current,u=(e.length>0&&e.length<Z.length&&e.every((r,E)=>r===Z[E])?A.slice(e.length):[]).some(r=>r.is_new===!1);if(gt.current=Z,!u)return;const i=window.requestAnimationFrame(()=>{const r=we.current,E=vt.current;if(!r||!E)return;const P=r.getBoundingClientRect(),De=E.getBoundingClientRect(),Ie=r.scrollTop+(De.top-P.top);r.scrollTo({top:Math.max(Ie,0),behavior:"smooth"})});return()=>{window.cancelAnimationFrame(i)}},[A,Z]),t.useEffect(()=>{if(!pe.current||(pe.current=!1,A.length===0))return;const e=window.requestAnimationFrame(()=>{Xt()});return()=>{window.cancelAnimationFrame(e)}},[A,Xt]),o.jsxRuntimeExports.jsxs("section",{ref:ce,className:ie.cn("relative h-full w-full",_&&"slide--mobile-device",Bt&&"slide--browser-fullscreen",re&&"slide--mobile-landscape",Ot&&"slide--mobile-landscape-native",cn),onClick:rr,onFocusCapture:nr,onPointerDown:tr,...dn,children:[Tn?o.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,o.jsxRuntimeExports.jsxs("div",{ref:xt,className:ie.cn("slide__viewport relative h-full min-h-0 w-full",re&&"slide__viewport--mobile-landscape",re&&!Cn&&"slide__viewport--mobile-landscape-native"),children:[wn?o.jsxRuntimeExports.jsxs("div",{className:"slide-landscape-header",children:[o.jsxRuntimeExports.jsx("button",{"aria-label":D?.backAriaLabel??K.fullscreenBackAriaLabel,className:"slide-landscape-header__back",onClick:_n,type:"button",children:o.jsxRuntimeExports.jsx(Er.default,{className:"slide-landscape-header__icon h-6 w-6",strokeWidth:2.25})}),D?.content?o.jsxRuntimeExports.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:D.content}):null]}):null,o.jsxRuntimeExports.jsx("div",{className:ie.cn("h-full min-h-0 w-full",Mn&&"slide__viewport-content--with-header",hn?"slide-content--single":"grid gap-4"),children:A.length>0?o.jsxRuntimeExports.jsx("div",{className:"slide-stage",children:o.jsxRuntimeExports.jsx("div",{ref:we,className:"slide-stage__layer w-full",children:qn.map((e,n)=>{const l=n===jn;return o.jsxRuntimeExports.jsx("div",{"data-active-step":l?"true":void 0,"aria-hidden":!l||void 0,className:"w-full h-full",style:{display:l?void 0:"none"},children:Gn(e.elementList,l)},e.sourceStepIndexes[0]??n)})})}):null}),xn?o.jsxRuntimeExports.jsx(or.default,{message:Cr(fn,vn),className:"absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"}):null,o.jsxRuntimeExports.jsx(ar.default,{extraBottomOffset:An,hasPlayerGap:x,isEnabled:_t&&En,isPlayerHidden:d&&!x,playbackTimeStore:te,subtitleCues:Fn}),lt?o.jsxRuntimeExports.jsx("div",{ref:Et,"data-player-keyboard-shortcuts-ignore":"true",className:ie.cn("slide-interaction-overlay",x&&d?"slide-interaction-overlay--with-player":"slide-interaction-overlay--standalone"),onClick:Qt,onPointerDown:Qt,style:On,children:o.jsxRuntimeExports.jsx(on,{content:String(S?.content??""),locale:c,defaultButtonText:$t.buttonText??"",defaultInputText:$t.inputText??"",defaultSelectedValues:Dn,confirmButtonText:Y?.confirmButtonText??K.interactionTexts.confirmButtonText,copyButtonText:Y?.copyButtonText??K.interactionTexts.copyButtonText,copiedButtonText:Y?.copiedButtonText??K.interactionTexts.copiedButtonText,onSend:Un,readonly:Kn,title:Y?.title??Ue??K.interactionTexts.title})}):null,d?o.jsxRuntimeExports.jsx(fr.PlayerKeyboardShortcutContext.Provider,{value:yn,children:o.jsxRuntimeExports.jsx(ur.default,{audioList:p,className:ie.cn("absolute left-1/2 z-[2] -translate-x-1/2",Bt?"bottom-3":"-bottom-3",V,!x&&"pointer-events-none opacity-0"),currentAudioIndex:v,defaultPlaying:He,enableKeyboardShortcuts:X,isPlaybackPaused:W,isAutoAdvanceEnabled:be,locale:c,hasInteraction:!!S,isInteractionOpen:Fe,isSubtitleEnabled:_t,onAutoAdvanceToggle:Tt,onLoadingChange:Yn,onPlaybackStarted:()=>{je(!0)},onPlaybackPreferenceChange:Vn,onPlaybackTimeChange:te.setTime,onSubtitleToggle:()=>{gn(e=>!e)},nextDisabled:!I,onEnded:Xn,onFullscreen:Jn,isFullscreen:qt,mobileViewMode:ne,settingsPortalContainer:xt.current,onMobileViewModeChange:Pn,onControlsPointerEnter:Zn,onControlsPointerLeave:er,onInteractionToggle:Qn,onNext:$n,onPrev:zn,onSubtitleJump:Hn,canJumpToSubtitleTarget:ut,prevDisabled:!pn,showControls:x,subtitleSeekRequest:bn,texts:ln,customActionContext:nt,customActions:z,useAutoAdvanceToggle:Ee})}):null]})]})};exports.default=Tr;
|
|
2
2
|
//# sourceMappingURL=Slide.cjs.js.map
|