markdown-flow-ui 0.2.29 → 0.2.31

package/dist/components/MarkdownFlow/MarkdownFlow.es.js

@@ -1,15 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { getMarkdownFlowLanguage as f, getMarkdownFlowDirection as C } from "../../lib/locale.es.js";
 import k from "../ContentRender/ContentRender.es.js";
 import "react";
 import "react-dom/client";
+import "../ContentRender/utils/inline-code-ranges.es.js";
 import "../ui/inputGroup/input-group.es.js";
 /* empty css                    */
-const R = ({
+const b = ({
   initialContentList: a = [],
   locale: t,
   lang: r,
-  dir: d,
+  dir: o,
   customRenderBar: i,
   onSend: u,
   confirmButtonText: n,
@@ -17,15 +18,15 @@ const R = ({
   copiedButtonText: m,
   beforeSend: l,
   interactionDefaultValueOptions: p
-}) => /* @__PURE__ */ o(
+}) => /* @__PURE__ */ d(
   "div",
   {
     className: "markdown-flow",
-    dir: d ?? C(t),
+    dir: o ?? C(t),
     lang: r ?? f(t),
     children: a.map((e, c) => {
       const w = e.isFinished ?? !1 ? void 0 : u, F = l ?? (() => !0);
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ d(
         k,
         {
           content: e.content,
@@ -39,7 +40,7 @@ const R = ({
           beforeSend: F,
           locale: t,
           lang: r,
-          dir: d,
+          dir: o,
           interactionDefaultValueOptions: p,
           onClickCustomButtonAfterContent: e.onClickCustomButtonAfterContent,
           confirmButtonText: n,
@@ -53,6 +54,6 @@ const R = ({
   }
 );
 export {
-  R as default
+  b as default
 };
 //# sourceMappingURL=MarkdownFlow.es.js.map

package/dist/components/MarkdownFlow/MarkdownFlow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /**\n   * Locale used for built-in UI text when a more specific text prop is not provided.\n   * Arabic sets RTL direction; other supported locales set LTR direction.\n   * When omitted, direction is inherited from the host and UI text uses the default locale.\n   */\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  /** Overrides the locale-derived direction. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  lang,\n  dir,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div\n      className=\"markdown-flow\"\n      dir={dir ?? getMarkdownFlowDirection(locale)}\n      lang={lang ?? getMarkdownFlowLanguage(locale)}\n    >\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            lang={lang}\n            dir={dir}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","lang","dir","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","getMarkdownFlowDirection","getMarkdownFlowLanguage","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":";;;;;;;AA8CA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,KAAKR,KAAOS,EAAyBX,CAAM;AAAA,IAC3C,MAAMC,KAAQW,EAAwBZ,CAAM;AAAA,IAE3C,UAAAD,EAAmB,IAAI,CAACc,GAAaC,MAAU;AAE9C,YAAMC,IADaF,EAAY,cAAc,KACjB,SAAYT,GAClCY,IAAaR,MAAmB,MAAM;AAC5C,aACE,gBAAAE;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,SAASJ,EAAY;AAAA,UACrB,WAAWA,EAAY;AAAA,UACvB,kBAAkBA,EAAY;AAAA,UAC9B,mBAAmBA,EAAY;AAAA,UAC/B,uBAAuBA,EAAY;AAAA,UACnC,UAAUA,EAAY;AAAA,UACtB,iBAAiBA,EAAY,mBAAmBV;AAAA,UAChD,QAAAY;AAAA,UACA,YAAAC;AAAA,UACA,QAAAhB;AAAA,UACA,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,gCAAAO;AAAA,UACA,iCACEI,EAAY;AAAA,UAEd,mBAAAR;AAAA,UACA,gBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,0BAA0BM,EAAY;AAAA,QAAA;AAAA,QApBjCC;AAAA,MAAA;AAAA,IAuBX,CAAC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"MarkdownFlow.es.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InteractionDefaultValueOptions } from \"../../lib/interaction-defaults\";\nimport {\n  getMarkdownFlowDirection,\n  getMarkdownFlowLanguage,\n  type MarkdownFlowLocale,\n} from \"../../lib/locale\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n  initialContentList?: {\n    content: string;\n    isFinished?: boolean;\n    userInput?: string;\n    defaultInputText?: string;\n    defaultButtonText?: string;\n    defaultSelectedValues?: string[];\n    readonly?: boolean;\n    customRenderBar?: CustomRenderBarProps;\n    onClickCustomButtonAfterContent?: () => void;\n    dynamicInteractionFormat?: string;\n  }[];\n  /**\n   * Locale used for built-in UI text when a more specific text prop is not provided.\n   * Arabic sets RTL direction; other supported locales set LTR direction.\n   * When omitted, direction is inherited from the host and UI text uses the default locale.\n   */\n  locale?: MarkdownFlowLocale;\n  /** Overrides the locale-derived language. */\n  lang?: string;\n  /** Overrides the locale-derived direction. */\n  dir?: React.HTMLAttributes<HTMLDivElement>[\"dir\"];\n  customRenderBar?: CustomRenderBarProps;\n  onSend?: (content: OnSendContentParams) => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text for code blocks\n  copyButtonText?: string;\n  // Copied state text for code blocks\n  copiedButtonText?: string;\n  beforeSend?: (content: OnSendContentParams) => boolean;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n  initialContentList = [],\n  locale,\n  lang,\n  dir,\n  customRenderBar,\n  onSend: onSendProp,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  beforeSend: beforeSendProp,\n  interactionDefaultValueOptions,\n}) => {\n  return (\n    <div\n      className=\"markdown-flow\"\n      dir={dir ?? getMarkdownFlowDirection(locale)}\n      lang={lang ?? getMarkdownFlowLanguage(locale)}\n    >\n      {initialContentList.map((contentInfo, index) => {\n        const isFinished = contentInfo.isFinished ?? false;\n        const onSend = isFinished ? undefined : onSendProp;\n        const beforeSend = beforeSendProp ?? (() => true);\n        return (\n          <ContentRender\n            key={index}\n            content={contentInfo.content}\n            userInput={contentInfo.userInput}\n            defaultInputText={contentInfo.defaultInputText}\n            defaultButtonText={contentInfo.defaultButtonText}\n            defaultSelectedValues={contentInfo.defaultSelectedValues}\n            readonly={contentInfo.readonly}\n            customRenderBar={contentInfo.customRenderBar || customRenderBar}\n            onSend={onSend}\n            beforeSend={beforeSend}\n            locale={locale}\n            lang={lang}\n            dir={dir}\n            interactionDefaultValueOptions={interactionDefaultValueOptions}\n            onClickCustomButtonAfterContent={\n              contentInfo.onClickCustomButtonAfterContent\n            }\n            confirmButtonText={confirmButtonText}\n            copyButtonText={copyButtonText}\n            copiedButtonText={copiedButtonText}\n            dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","locale","lang","dir","customRenderBar","onSendProp","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","interactionDefaultValueOptions","jsx","getMarkdownFlowDirection","getMarkdownFlowLanguage","contentInfo","index","onSend","beforeSend","ContentRender"],"mappings":";;;;;;;;AA8CA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,gCAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,KAAKR,KAAOS,EAAyBX,CAAM;AAAA,IAC3C,MAAMC,KAAQW,EAAwBZ,CAAM;AAAA,IAE3C,UAAAD,EAAmB,IAAI,CAACc,GAAaC,MAAU;AAE9C,YAAMC,IADaF,EAAY,cAAc,KACjB,SAAYT,GAClCY,IAAaR,MAAmB,MAAM;AAC5C,aACE,gBAAAE;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,SAASJ,EAAY;AAAA,UACrB,WAAWA,EAAY;AAAA,UACvB,kBAAkBA,EAAY;AAAA,UAC9B,mBAAmBA,EAAY;AAAA,UAC/B,uBAAuBA,EAAY;AAAA,UACnC,UAAUA,EAAY;AAAA,UACtB,iBAAiBA,EAAY,mBAAmBV;AAAA,UAChD,QAAAY;AAAA,UACA,YAAAC;AAAA,UACA,QAAAhB;AAAA,UACA,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,gCAAAO;AAAA,UACA,iCACEI,EAAY;AAAA,UAEd,mBAAAR;AAAA,UACA,gBAAAC;AAAA,UACA,kBAAAC;AAAA,UACA,0BAA0BM,EAAY;AAAA,QAAA;AAAA,QApBjCC;AAAA,MAAA;AAAA,IAuBX,CAAC;AAAA,EAAA;AAAA;"}

package/dist/components/Slide/Slide.cjs

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