markdown-flow-ui 0.1.114 → 0.1.115

package/dist/components/Slide/Slide.es.js

@@ -1,186 +1,182 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import { memo as mn, useRef as p, useMemo as c, useState as m, useCallback as r, useEffect as l } from "react";
-import { isSandboxInteractionMessage as pn } from "../../lib/sandboxInteraction.es.js";
+import { memo as un, useRef as p, useMemo as c, useState as m, useCallback as r, useEffect as s } from "react";
+import { isSandboxInteractionMessage as dn } from "../../lib/sandboxInteraction.es.js";
 import { cn as J } from "../../lib/utils.es.js";
-import hn from "../ui/loading-overlay-card.es.js";
-import vn from "../ContentRender/ContentRender.es.js";
-import At from "../ContentRender/IframeSandbox.es.js";
+import fn from "../ui/loading-overlay-card.es.js";
+import mn from "../ContentRender/ContentRender.es.js";
+import xt from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as yn, getInteractionDefaultSelectedValues as Sn } from "../../lib/interaction-defaults.es.js";
-import { isMobileDevice as bn, isLandscapeViewport as wt, subscribeMobileDeviceChange as gn } from "../../lib/mobileDevice.es.js";
-import xn from "./Player.es.js";
-import In from "./SubtitleOverlay.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as An } from "./constants.es.js";
-import wn from "./SlideFullscreenHint.es.js";
-import _n from "./useSlide.es.js";
-import En from "./useWakePlayerFromIframe.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as we, resolveMobileViewModeState as Tn } from "./utils/mobileScreenMode.es.js";
-import { shouldPresentInteractionOverlay as Cn } from "./utils/interactionPlayback.es.js";
-import { shouldAutoAdvanceIntoAppendedMarker as Pn } from "./utils/appendedMarkerAdvance.es.js";
-import { getPlaybackSequenceTransition as Mn } from "./utils/playbackSequence.es.js";
-import { resolvePlayerCustomActionElement as Rn, getPlayerCustomActionCount as Fn } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as kn } from "./utils/playbackTimeStore.es.js";
-import { shouldUseAutoAdvanceToggle as Nn } from "./utils/playerToggleMode.es.js";
+import { getInteractionDefaultValues as pn, getInteractionDefaultSelectedValues as hn } from "../../lib/interaction-defaults.es.js";
+import { isMobileDevice as vn, isLandscapeViewport as It, subscribeMobileDeviceChange as yn } from "../../lib/mobileDevice.es.js";
+import bn from "./Player.es.js";
+import Sn from "./SubtitleOverlay.es.js";
+import gn from "./useSlide.es.js";
+import xn from "./useWakePlayerFromIframe.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as we, resolveMobileViewModeState as In } from "./utils/mobileScreenMode.es.js";
+import { shouldPresentInteractionOverlay as wn } from "./utils/interactionPlayback.es.js";
+import { shouldAutoAdvanceIntoAppendedMarker as An } from "./utils/appendedMarkerAdvance.es.js";
+import { getPlaybackSequenceTransition as _n } from "./utils/playbackSequence.es.js";
+import { resolvePlayerCustomActionElement as Tn, getPlayerCustomActionCount as En } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Cn } from "./utils/playbackTimeStore.es.js";
+import { shouldUseAutoAdvanceToggle as Pn } from "./utils/playerToggleMode.es.js";
 /* empty css             */
-import Bn from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const On = 2e3, jn = 300, Ln = 160, Kn = 16, _t = mn(
+import Mn from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
+const Rn = 2e3, kn = 300, Fn = 160, Bn = 16, wt = un(
   ({
     content: K,
     title: V,
     defaultButtonText: I,
     defaultInputText: Q,
-    defaultSelectedValues: A,
-    confirmButtonText: q,
+    defaultSelectedValues: w,
+    confirmButtonText: L,
     copyButtonText: Z,
-    copiedButtonText: _e,
-    onSend: Ee,
-    readonly: H = !1
+    copiedButtonText: Ae,
+    onSend: _e,
+    readonly: q = !1
   }) => /* @__PURE__ */ n.jsxs("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: V }) }),
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ n.jsx(
-      vn,
+      mn,
       {
         content: K,
         defaultButtonText: I,
         defaultInputText: Q,
-        defaultSelectedValues: A,
-        confirmButtonText: q,
+        defaultSelectedValues: w,
+        confirmButtonText: L,
         copyButtonText: Z,
-        copiedButtonText: _e,
-        onSend: Ee,
-        readonly: H,
+        copiedButtonText: Ae,
+        onSend: _e,
+        readonly: q,
         enableTypewriter: !1,
         sandboxMode: "content"
       }
     ) })
   ] })
 );
-_t.displayName = "InteractionOverlayCard";
-const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
-  const A = V[Q];
-  return I.sequence_number === A?.sequence_number && I.type === A?.type && I.content === A?.content;
-}), pr = ({
+wt.displayName = "InteractionOverlayCard";
+const Nn = (K, V) => K.length === V.length && K.every((I, Q) => {
+  const w = V[Q];
+  return I.sequence_number === w?.sequence_number && I.type === w?.type && I.content === w?.content;
+}), ir = ({
   elementList: K = [],
   showPlayer: V = !0,
   playerAlwaysVisible: I = !1,
   playerClassName: Q,
-  fullscreenHeader: A,
-  playerCustomActions: q,
+  fullscreenHeader: w,
+  playerCustomActions: L,
   playerCustomActionPauseOnActive: Z = !0,
-  bufferingText: _e = "Buffering...",
-  interactionTitle: Ee,
-  interactionTexts: H,
-  playerTexts: qe,
+  bufferingText: Ae = "Buffering...",
+  interactionTitle: _e,
+  interactionTexts: q,
+  playerTexts: At,
   playerAutoHideDelay: Te = 3e3,
-  markerAutoAdvanceDelay: He = On,
+  markerAutoAdvanceDelay: Ve = Rn,
   interactionDefaultValueOptions: de,
-  onSend: De,
-  onPlayerVisibilityChange: Ce,
-  onMobileViewModeChange: Ue,
-  onStepChange: ze,
-  enableIframeScaling: Et = !0,
-  disableLoadingOverlay: E = !1,
+  onSend: Le,
+  onPlayerVisibilityChange: Ee,
+  onMobileViewModeChange: qe,
+  onStepChange: De,
+  enableIframeScaling: _t = !0,
+  disableLoadingOverlay: T = !1,
   className: Tt,
-  onPointerDown: $e,
-  ...Ct
+  onPointerDown: Ue,
+  ...Et
 }) => {
-  const fe = p(null), Ge = p(null), Pe = p(null), We = p(null), ee = p(null), te = p(null), ne = p(null), re = p(null), Ye = p(null), Xe = p([]), me = p(!1), D = p(null), Je = p(null), Qe = p({
+  const fe = p(null), ze = p(null), Ce = p(null), He = p(null), ee = p(null), te = p(null), ne = p(null), re = p(null), $e = p(null), Ge = p([]), me = p(!1), D = p(null), We = p(null), Ye = p({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
   }), {
     currentElementList: k,
-    stepElementLists: Ze,
-    slideElementList: N,
+    stepElementLists: Xe,
+    slideElementList: F,
     currentIndex: d,
     audioList: h,
     currentAudioSequenceIndexes: pe,
-    currentStepHasSpeakableElement: b,
-    currentInteractionElement: a,
-    canGoPrev: Pt,
+    currentStepHasSpeakableElement: S,
+    currentInteractionElement: u,
+    canGoPrev: Ct,
     canGoNext: x,
-    handlePrev: et,
-    handleNext: T
-  } = _n(K), oe = c(() => {
+    handlePrev: Je,
+    handleNext: E
+  } = gn(K), oe = c(() => {
     if (!(d < 0))
-      return N[d];
-  }, [d, N]), Mt = N.filter(
+      return F[d];
+  }, [d, F]), Pt = F.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, w = V && (N.length > 0 || h.length > 0 || !!a), C = c(
+  ).length === 1, A = V && (F.length > 0 || h.length > 0 || !!u), C = c(
     () => pe.map((e) => h[e]?.audioKey).filter((e) => !!e),
     [h, pe]
-  ), [tt, he] = m(!0), [ve, se] = m(!1), [le, nt] = m(!0), [v, U] = m(null), [Rt, y] = m(!1), [P, rt] = m(!1), [Ft, Me] = m(!1), [ot, kt] = m(!0), [Re, Fe] = m(!1), [o, ke] = m(), [ye, Se] = m(!1), [
-    Nt,
+  ), [Qe, he] = m(!0), [ve, se] = m(!1), [le, Ze] = m(!0), [v, U] = m(null), [Mt, y] = m(!1), [P, et] = m(!1), [Rt, Pe] = m(!1), [tt, kt] = m(!0), [Me, Re] = m(!1), [o, ke] = m(), [ye, be] = m(!1), [
+    Ft,
     ie
-  ] = m(0), [Bt, Ot] = m(!1), M = c(() => bn(), []), [be, Ne] = m(
+  ] = m(0), [nt, Bt] = m(!1), B = c(() => vn(), []), [Se, Fe] = m(
     we
-  ), [st, Be] = m(!1), [Oe, lt] = m(
-    () => M ? wt() : !1
-  ), [jt, ge] = m(!1), z = c(() => kn(), []), {
-    effectiveMobileViewMode: O,
+  ), [rt, Be] = m(!1), [Nt, ot] = m(
+    () => B ? It() : !1
+  ), z = c(() => Cn(), []), {
+    effectiveMobileViewMode: H,
     isImmersiveMobileFullscreen: $,
-    isNativeMobileFullscreen: it,
-    shouldRotateFullscreenViewport: Lt
+    isNativeMobileFullscreen: st,
+    shouldRotateFullscreenViewport: jt
   } = c(
-    () => Tn({
-      hasManualMobileViewMode: st,
-      isMobileDevice: M,
-      mobileViewMode: be
+    () => In({
+      hasManualMobileViewMode: rt,
+      isMobileDevice: B,
+      mobileViewMode: Se
     }),
     [
-      st,
-      M,
-      Oe,
-      be
+      rt,
+      B,
+      Nt,
+      Se
     ]
-  ), ct = p(O), R = w && (I || tt), Kt = $ && R, Vt = $ && R, qt = $ || it, Ht = qe?.fullscreenHintText ?? An.fullscreenHintText, Dt = r(
+  ), Ot = p(H), M = A && (I || Qe), Kt = $ && M, Vt = $ && M, Lt = $ || st, lt = nt && !B, qt = r(
     (e) => {
-      Be(!0), Ne(e);
+      Be(!0), Fe(e);
     },
     []
-  ), ut = r(() => {
-    Be(!1), Ne(we);
-  }, []), Ut = r(() => {
-    ut(), A?.onBack?.();
-  }, [A, ut]), zt = r(() => {
-    ge(!1);
-  }, []), at = r((e) => {
-    Fe(e);
-  }, []), dt = r(() => {
-    Fe((e) => !e);
-  }, []), { mountedStepStates: $t, currentMountedStateIndex: Gt } = c(() => {
+  ), it = r(() => {
+    Be(!1), Fe(we);
+  }, []), Dt = r(() => {
+    it(), w?.onBack?.();
+  }, [w, it]), ct = r((e) => {
+    Re(e);
+  }, []), at = r(() => {
+    Re((e) => !e);
+  }, []), { mountedStepStates: Ut, currentMountedStateIndex: zt } = c(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return Ze.forEach((s, f) => {
-      const i = e.findIndex(
-        (u) => Vn(
-          u.elementList,
-          s
+    return Xe.forEach((i, f) => {
+      const l = e.findIndex(
+        (a) => Nn(
+          a.elementList,
+          i
         )
       );
-      if (i >= 0) {
-        e[i]?.sourceStepIndexes.push(f), t.set(f, i);
+      if (l >= 0) {
+        e[l]?.sourceStepIndexes.push(f), t.set(f, l);
         return;
       }
       e.push({
-        elementList: s,
+        elementList: i,
         sourceStepIndexes: [f]
       }), t.set(f, e.length - 1);
     }), {
       mountedStepStates: e,
       currentMountedStateIndex: d >= 0 ? t.get(d) ?? -1 : -1
     };
-  }, [d, Ze]), ft = c(() => String(d), [d]), S = c(() => v ? h.findIndex(
+  }, [d, Xe]), ut = c(() => String(d), [d]), b = c(() => v ? h.findIndex(
     (e) => (e.audioKey ?? "") === v
-  ) : -1, [h, v]), je = c(
-    () => S >= 0 ? h[S] : void 0,
-    [h, S]
-  ), Wt = je?.element?.subtitle_cues ?? [], xe = c(
+  ) : -1, [h, v]), Ne = c(
+    () => b >= 0 ? h[b] : void 0,
+    [h, b]
+  ), Ht = Ne?.element?.subtitle_cues ?? [], ge = c(
     () => C[0] ?? "none",
     [C]
-  ), Le = c(
+  ), je = c(
     () => ({
-      currentElement: Rn({
-        currentAudioIndex: S,
+      currentElement: Tn({
+        currentAudioIndex: b,
         currentAudioSequenceIndexes: pe,
         audioList: h,
         currentInteractionElement: o,
@@ -188,253 +184,244 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
       }),
       currentIndex: d,
       currentStepElement: oe,
-      isActive: Re,
-      setActive: at,
-      toggleActive: dt
+      isActive: Me,
+      setActive: ct,
+      toggleActive: at
     }),
     [
       o,
       h,
-      S,
+      b,
       pe,
       d,
       oe,
-      Re,
-      at,
-      dt
+      Me,
+      ct,
+      at
     ]
-  ), Ke = c(
-    () => Fn(
-      q,
-      Le
+  ), Oe = c(
+    () => En(
+      L,
+      je
     ),
-    [Le, q]
-  ), Yt = c(
+    [je, L]
+  ), $t = c(
     () => ({
-      "--slide-player-custom-action-count": String(Ke),
+      "--slide-player-custom-action-count": String(Oe),
       "--slide-player-mobile-control-count": String(
-        Ke + 4
+        Oe + 4
       )
     }),
-    [Ke]
-  ), mt = C.length > 0, pt = c(() => a ? `${a.sequence_number ?? "none"}:${String(
-    a.content ?? ""
-  )}` : "none", [a]), ce = c(
-    () => [ft, pt].join("|"),
-    [pt, ft]
-  ), Xt = c(
+    [Oe]
+  ), dt = C.length > 0, ft = c(() => u ? `${u.sequence_number ?? "none"}:${String(
+    u.content ?? ""
+  )}` : "none", [u]), ce = c(
+    () => [ut, ft].join("|"),
+    [ft, ut]
+  ), Gt = c(
     () => [
       ce,
-      je?.audioKey ?? "none",
-      String(S)
+      Ne?.audioKey ?? "none",
+      String(b)
     ].join("|"),
-    [S, je?.audioKey, ce]
-  ), ht = !!c(() => !xe || xe === "none" ? "" : h.find(
-    (t) => t.audioKey === xe
-  )?.audioUrl?.trim() ?? "", [h, xe]), j = Z && !!q && Re, ue = c(
-    () => Nn({
+    [b, Ne?.audioKey, ce]
+  ), mt = !!c(() => !ge || ge === "none" ? "" : h.find(
+    (t) => t.audioKey === ge
+  )?.audioUrl?.trim() ?? "", [h, ge]), j = Z && !!L && Me, ae = c(
+    () => Pn({
       canGoNext: x,
-      currentAudioIndex: S,
-      currentStepHasSpeakableElement: b,
-      hasInteraction: !!a
+      currentAudioIndex: b,
+      currentStepHasSpeakableElement: S,
+      hasInteraction: !!u
     }),
     [
       x,
-      S,
-      a,
-      b
+      b,
+      u,
+      S
     ]
-  ), L = r(() => {
+  ), O = r(() => {
     ee.current !== null && (window.clearTimeout(ee.current), ee.current = null);
-  }, []), B = r(() => {
+  }, []), N = r(() => {
     ne.current !== null && (window.clearTimeout(ne.current), ne.current = null);
-  }, []), F = r(() => {
+  }, []), R = r(() => {
     re.current !== null && (window.clearTimeout(re.current), re.current = null);
   }, []), G = r(() => {
     te.current !== null && (window.clearTimeout(te.current), te.current = null);
   }, []), W = r(() => {
-    G(), B(), F(), U(null), z.reset(), y(!1), rt(!1), Me(!1), ke(void 0), Se(!1), ie(0);
+    G(), N(), R(), U(null), z.reset(), y(!1), et(!1), Pe(!1), ke(void 0), be(!1), ie(0);
   }, [
     G,
-    B,
-    F,
+    N,
+    R,
     z
   ]), Y = r(() => {
     const e = C[0];
     return e ? (U(e), !0) : !1;
-  }, [C]), Ie = r(() => {
-    B(), F(), Se(!1), ie(0), !Y() && x && T();
+  }, [C]), xe = r(() => {
+    N(), R(), be(!1), ie(0), !Y() && x && E();
   }, [
     x,
-    B,
-    F,
-    T,
+    N,
+    R,
+    E,
     Y
-  ]), vt = r(
+  ]), pt = r(
     (e) => {
-      if (F(), !e)
+      if (R(), !e)
         return;
       const t = () => {
         re.current = null, ie(
-          Ln
-        ), Se(!0), D.current = null;
+          Fn
+        ), be(!0), D.current = null;
       };
       re.current = window.setTimeout(
         t,
-        jn
+        kn
       );
     },
-    [F]
+    [R]
   ), g = r(
     (e = ve) => {
-      w && (he(!0), L(), !(I || !e || Te <= 0) && (ee.current = window.setTimeout(() => {
+      A && (he(!0), O(), !(I || !e || Te <= 0) && (ee.current = window.setTimeout(() => {
         he(!1), ee.current = null;
       }, Te)));
     },
     [
-      L,
+      O,
       ve,
       I,
       Te,
-      w
+      A
     ]
-  ), ae = !!(a?.readonly || a?.user_input?.trim()), X = !!a && !ae;
-  l(() => {
-    nt(!0), Z && Fe(!1);
-  }, [d, Z]), l(() => () => {
-    G(), L(), B(), F();
+  ), ue = !!(u?.readonly || u?.user_input?.trim()), X = !!u && !ue;
+  s(() => {
+    Ze(!0), Z && Re(!1);
+  }, [d, Z]), s(() => () => {
+    G(), O(), N(), R();
   }, [
     G,
-    B,
-    F,
-    L
-  ]), l(() => (Ce?.(R), () => {
-    Ce?.(!1);
-  }), [Ce, R]), l(() => {
-    M || be === we || (Be(!1), Ne(we));
-  }, [M, be]), l(() => {
-    if (!M) {
-      lt(!1);
+    N,
+    R,
+    O
+  ]), s(() => (Ee?.(M), () => {
+    Ee?.(!1);
+  }), [Ee, M]), s(() => {
+    B || Se === we || (Be(!1), Fe(we));
+  }, [B, Se]), s(() => {
+    if (!B) {
+      ot(!1);
       return;
     }
     const e = () => {
-      lt(wt());
+      ot(It());
     };
-    return e(), gn(e);
-  }, [M]), l(() => {
-    Ue?.(O);
-  }, [O, Ue]), l(() => {
-    const s = ct.current !== "fullscreen" && O === "fullscreen" && !Oe;
-    if (ct.current = O, !M) {
-      ge(!1);
-      return;
-    }
-    if (s) {
-      ge(!0);
-      return;
-    }
-    O !== "fullscreen" && ge(!1);
-  }, [O, M, Oe]), l(() => {
-    ze?.(oe, d);
-  }, [d, oe, ze]), l(() => {
-    const e = Qe.current, t = Pn(
+    return e(), yn(e);
+  }, [B]), s(() => {
+    qe?.(H);
+  }, [H, qe]), s(() => {
+    Ot.current = H;
+  }, [H]), s(() => {
+    De?.(oe, d);
+  }, [d, oe, De]), s(() => {
+    const e = Ye.current, t = An(
       {
         previousMarkerCount: e.markerCount,
-        nextMarkerCount: N.length,
+        nextMarkerCount: F.length,
         previousIndex: e.currentIndex,
         previousCanGoNext: e.canGoNext,
         nextCanGoNext: x,
         currentAudioKey: v,
         hasCompletedCurrentStepAudio: P,
-        hasResolvedCurrentInteraction: ae,
-        currentStepHasSpeakableElement: b,
-        currentInteractionElement: a,
+        hasResolvedCurrentInteraction: ue,
+        currentStepHasSpeakableElement: S,
+        currentInteractionElement: u,
         isAutoAdvanceEnabled: le,
-        shouldUseSilentStepAutoAdvanceToggle: ue
+        shouldUseSilentStepAutoAdvanceToggle: ae
       }
     );
-    Qe.current = {
-      markerCount: N.length,
+    Ye.current = {
+      markerCount: F.length,
       currentIndex: d,
       canGoNext: x
-    }, t && T();
+    }, t && E();
   }, [
     x,
     v,
     d,
-    a,
-    b,
-    T,
+    u,
+    S,
+    E,
     P,
-    ae,
-    le,
     ue,
-    N.length
-  ]), l(() => {
-    if (!w) {
-      L(), he(!1);
+    le,
+    ae,
+    F.length
+  ]), s(() => {
+    if (!A) {
+      O(), he(!1);
       return;
     }
     if (I) {
-      L(), he(!0);
+      O(), he(!0);
       return;
     }
     ve || g(!0);
   }, [
-    L,
+    O,
     ve,
     I,
-    w,
+    A,
     g
-  ]), l(() => {
+  ]), s(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && pn(t.data) && t.data.eventType === "click" && w && (se(!0), g(!0));
+      t.origin === window.location.origin && dn(t.data) && t.data.eventType === "click" && A && (se(!0), g(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [w, g]), En({
+  }, [A, g]), xn({
     sectionRef: fe,
-    enabled: w,
+    enabled: A,
     onWake: () => {
       se(!0), g(!0);
     }
-  }), l(() => {
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Mn({
-      previousResetKey: Je.current,
+  }), s(() => {
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = _n({
+      previousResetKey: We.current,
       nextResetKey: ce,
       currentAudioKey: v,
       hasCompletedCurrentStepAudio: P
     });
-    Je.current = ce;
-    const s = D.current === d && !!a, f = Cn({
-      hasInteraction: !!a,
+    We.current = ce;
+    const i = D.current === d && !!u, f = wn({
+      hasInteraction: !!u,
       shouldBlockPlaybackForInteraction: X,
-      shouldOpenInteractionOverlayAfterAudio: s,
+      shouldOpenInteractionOverlayAfterAudio: i,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: ae,
-      currentStepHasSpeakableElement: b
+      hasResolvedCurrentInteraction: ue,
+      currentStepHasSpeakableElement: S
     });
-    if (e && W(), !(k.length === 0 && !a) && !j) {
-      if (a && ke(a), f) {
-        vt(a);
+    if (e && W(), !(k.length === 0 && !u) && !j) {
+      if (u && ke(u), f) {
+        pt(u);
         return;
       }
-      if (F(), D.current = null, !!t && !Y()) {
-        if (b) {
-          if (E) {
+      if (R(), D.current = null, !!t && !Y()) {
+        if (S) {
+          if (T) {
             y(!1);
             return;
           }
           y(!0);
           return;
         }
-        if (x && !(ue && !le))
+        if (x && !(ae && !le))
           return te.current = window.setTimeout(() => {
-            te.current = null, T();
-          }, He), () => {
+            te.current = null, E();
+          }, Ve), () => {
             G();
           };
       }
@@ -443,25 +430,25 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
     x,
     G,
     k.length,
-    a,
+    u,
     v,
     ce,
-    b,
-    He,
-    T,
-    P,
+    S,
+    Ve,
     E,
+    P,
+    T,
     le,
-    ae,
+    ue,
     X,
-    F,
+    R,
     W,
-    vt,
+    pt,
     Y,
     j,
-    ue
-  ]), l(() => {
-    if (E || j || !b || X) {
+    ae
+  ]), s(() => {
+    if (T || j || !S || X) {
       y(!1);
       return;
     }
@@ -469,80 +456,80 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
       y(!1);
       return;
     }
-    if (mt) {
+    if (dt) {
       y(!1);
       return;
     }
     y(!0);
   }, [
-    mt,
-    b,
+    dt,
+    S,
     P,
-    E,
+    T,
     j,
     X
-  ]), l(() => {
-    v || C.length === 0 || j || !b || X || P || Y();
+  ]), s(() => {
+    v || C.length === 0 || j || !S || X || P || Y();
   }, [
     v,
     C,
-    b,
+    S,
     P,
     j,
     X,
     Y
-  ]), l(() => {
-    !v || S >= 0 || U(null);
-  }, [S, v]), l(() => {
-    S >= 0 || z.reset();
-  }, [S, z]), l(() => {
-    Me(!1);
-  }, [Xt]);
-  const yt = c(() => {
+  ]), s(() => {
+    !v || b >= 0 || U(null);
+  }, [b, v]), s(() => {
+    b >= 0 || z.reset();
+  }, [b, z]), s(() => {
+    Pe(!1);
+  }, [Gt]);
+  const ht = c(() => {
     if (!o)
       return {};
     const e = !!o.user_input?.trim();
-    return yn(
+    return pn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
       e ? void 0 : de
     );
-  }, [o, de]), Jt = c(() => {
+  }, [o, de]), Wt = c(() => {
     if (!o)
       return;
     const e = !!o.user_input?.trim();
-    return Sn(
+    return hn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
       e ? void 0 : de
     );
-  }, [o, de]), St = !!o?.user_input?.trim(), bt = !!o?.readonly || St, gt = bt || St, Ve = !!o && ye, Qt = r(
+  }, [o, de]), vt = !!o?.user_input?.trim(), yt = !!o?.readonly || vt, bt = yt || vt, Ke = !!o && ye, Yt = r(
     (e) => {
-      const s = [
+      const i = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      ke((f) => !f || !s ? f : {
+      ke((f) => !f || !i ? f : {
         ...f,
-        user_input: s
-      }), De?.(e, o), Ie();
+        user_input: i
+      }), Le?.(e, o), xe();
     },
-    [o, Ie, De]
+    [o, xe, Le]
   );
-  l(() => {
+  s(() => {
     const e = () => {
-      Ot(document.fullscreenElement === fe.current);
+      Bt(document.fullscreenElement === fe.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
-  }, []), l(() => {
-    if (!Ve) {
+  }, []), s(() => {
+    if (!Ke) {
       ie(0);
       return;
     }
-    const e = Ye.current;
+    const e = $e.current;
     if (!e)
       return;
     const t = () => {
@@ -550,81 +537,81 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
         e.getBoundingClientRect().height
       );
       ie(
-        f + Kn
+        f + Bn
       );
     };
     if (t(), typeof ResizeObserver > "u")
       return;
-    const s = new ResizeObserver(() => {
+    const i = new ResizeObserver(() => {
       t();
     });
-    return s.observe(e), () => {
-      s.disconnect();
+    return i.observe(e), () => {
+      i.disconnect();
     };
-  }, [Ve]), l(() => {
-    if (B(), !(!ye || !gt))
+  }, [Ke]), s(() => {
+    if (N(), !(!ye || !bt))
       return ne.current = window.setTimeout(() => {
-        ne.current = null, Ie();
+        ne.current = null, xe();
       }, 2e3), () => {
-        B();
+        N();
       };
   }, [
-    B,
-    Ie,
+    N,
+    xe,
     ye,
-    gt
+    bt
   ]);
-  const Zt = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
-    At,
+  const Xt = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
+    xt,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: E,
+      disableLoadingOverlay: T,
       hideFullScreen: !0,
       mode: "blackboard",
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: Et
+      enableScaling: _t
     }
   ) : /* @__PURE__ */ n.jsx(
-    At,
+    xt,
     {
       className: "content-render-iframe",
-      disableLoadingOverlay: E,
+      disableLoadingOverlay: T,
       hideFullScreen: !0,
       mode: "blackboard",
       type: "markdown",
       content: e.content
     }
-  ) : null, en = (e = [], t = !1) => {
+  ) : null, Jt = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
-    const s = e.filter(
-      (i) => i.is_renderable !== !1
+    const i = e.filter(
+      (l) => l.is_renderable !== !1
     ).length, f = e.reduce(
-      (i, u, _) => u.is_renderable !== !1 ? _ : i,
+      (l, a, _) => a.is_renderable !== !1 ? _ : l,
       -1
     );
-    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((i, u) => {
-      const _ = i.type === "html" && i.is_renderable === !1;
+    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((l, a) => {
+      const _ = l.type === "html" && l.is_renderable === !1;
       return /* @__PURE__ */ n.jsx(
         "div",
         {
-          ref: t && u === f ? We : null,
+          ref: t && a === f ? He : null,
           "aria-hidden": _ || void 0,
           className: J(
             "w-full shrink-0",
-            s === 1 && i.is_renderable !== !1 && "slide-element--single",
-            _ ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : i.is_renderable === !1 && "hidden"
+            i === 1 && l.is_renderable !== !1 && "slide-element--single",
+            _ ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : l.is_renderable === !1 && "hidden"
           ),
-          children: Zt(i, {
-            replaceRootScreenHeightWithFull: s === 1 && i.type === "html" && i.is_renderable !== !1
+          children: Xt(l, {
+            replaceRootScreenHeightWithFull: i === 1 && l.type === "html" && l.is_renderable !== !1
           })
         },
-        i.sequence_number ?? `${i.type}-${u}`
+        l.sequence_number ?? `${l.type}-${a}`
       );
     }) });
-  }, tn = r(() => {
+  }, Qt = r(() => {
     const e = fe.current;
     if (e) {
       if (document.fullscreenElement === e) {
@@ -635,57 +622,57 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), xt = r(() => {
-    const e = Pe.current;
+  }, []), St = r(() => {
+    const e = Ce.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), nn = r(() => {
-    me.current = !0, D.current = null, se(!0), y(!1), g(!0), W(), et();
-  }, [et, W, g]), rn = r(() => {
-    me.current = !0, D.current = null, se(!0), y(!1), g(!0), W(), T();
-  }, [T, W, g]), on = r(
+  }, []), Zt = r(() => {
+    me.current = !0, D.current = null, se(!0), y(!1), g(!0), W(), Je();
+  }, [Je, W, g]), en = r(() => {
+    me.current = !0, D.current = null, se(!0), y(!1), g(!0), W(), E();
+  }, [E, W, g]), tn = r(
     (e) => {
-      if (E) {
+      if (T) {
         y(!1);
         return;
       }
-      if (!b || P) {
+      if (!S || P) {
         y(!1);
         return;
       }
       y(e);
     },
     [
-      b,
+      S,
       P,
-      E
+      T
     ]
   );
-  l(() => {
-    E && y(!1);
-  }, [E]);
-  const sn = r(
+  s(() => {
+    T && y(!1);
+  }, [T]);
+  const nn = r(
     (e) => {
       const t = h[e]?.audioKey;
       if (!t || !v || t !== v)
         return;
-      const s = C.findIndex(
-        (u) => u === t
+      const i = C.findIndex(
+        (a) => a === t
       );
-      if (s < 0) {
+      if (i < 0) {
         U(null);
         return;
       }
-      const f = s + 1, i = C[f];
-      if (i) {
-        U(i);
+      const f = i + 1, l = C[f];
+      if (l) {
+        U(l);
         return;
       }
-      if (U(null), rt(!0), y(!1), x) {
-        const u = d + 1, _ = N[u];
-        ht && _?.type === "interaction" && (D.current = u), T();
+      if (U(null), et(!0), y(!1), x) {
+        const a = d + 1, _ = F[a];
+        mt && _?.type === "interaction" && (D.current = a), E();
       }
     },
     [
@@ -694,74 +681,75 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
       d,
       v,
       C,
-      T,
-      ht,
-      N
+      E,
+      mt,
+      F
     ]
-  ), ln = r(() => {
-    o && Se((e) => !e);
-  }, [o]), It = r(
+  ), rn = r(() => {
+    o && be((e) => !e);
+  }, [o]), gt = r(
     (e) => {
-      e.stopPropagation(), R && g(!0);
+      e.stopPropagation(), M && g(!0);
     },
-    [tt, g]
-  ), cn = r(
+    [Qe, g]
+  ), on = r(
     (e) => {
-      $e?.(e);
+      Ue?.(e);
     },
-    [$e]
-  ), un = r(() => {
+    [Ue]
+  ), sn = r(() => {
     se(!0), g(!0);
-  }, [g]), Ae = c(
+  }, [g]), Ie = c(
     () => k.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [k]
   );
-  return l(() => {
-    const e = Xe.current, f = (e.length > 0 && e.length < Ae.length && e.every((u, _) => u === Ae[_]) ? k.slice(e.length) : []).some(
-      (u) => u.is_new === !1
+  return s(() => {
+    const e = Ge.current, f = (e.length > 0 && e.length < Ie.length && e.every((a, _) => a === Ie[_]) ? k.slice(e.length) : []).some(
+      (a) => a.is_new === !1
     );
-    if (Xe.current = Ae, !f)
+    if (Ge.current = Ie, !f)
       return;
-    const i = window.requestAnimationFrame(() => {
-      const u = Pe.current, _ = We.current;
-      if (!u || !_)
+    const l = window.requestAnimationFrame(() => {
+      const a = Ce.current, _ = He.current;
+      if (!a || !_)
         return;
-      const an = u.getBoundingClientRect(), dn = _.getBoundingClientRect(), fn = u.scrollTop + (dn.top - an.top);
-      u.scrollTo({
-        top: Math.max(fn, 0),
+      const ln = a.getBoundingClientRect(), cn = _.getBoundingClientRect(), an = a.scrollTop + (cn.top - ln.top);
+      a.scrollTo({
+        top: Math.max(an, 0),
         behavior: "smooth"
       });
     });
     return () => {
-      window.cancelAnimationFrame(i);
+      window.cancelAnimationFrame(l);
     };
-  }, [k, Ae]), l(() => {
+  }, [k, Ie]), s(() => {
     if (!me.current || (me.current = !1, k.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      xt();
+      St();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [k, xt]), /* @__PURE__ */ n.jsxs(
+  }, [k, St]), /* @__PURE__ */ n.jsxs(
     "section",
     {
       ref: fe,
       className: J(
         "relative h-full w-full",
-        M && "slide--mobile-device",
+        B && "slide--mobile-device",
+        lt && "slide--browser-fullscreen",
         $ && "slide--mobile-landscape",
-        it && "slide--mobile-landscape-native",
+        st && "slide--mobile-landscape-native",
         Tt
       ),
-      onClick: un,
-      onPointerDown: cn,
-      ...Ct,
+      onClick: sn,
+      onPointerDown: on,
+      ...Et,
       children: [
-        qt ? /* @__PURE__ */ n.jsx(
+        Lt ? /* @__PURE__ */ n.jsx(
           "div",
           {
             "aria-hidden": "true",
@@ -771,25 +759,31 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
         /* @__PURE__ */ n.jsxs(
           "div",
           {
-            ref: Ge,
+            ref: ze,
             className: J(
               "slide__viewport relative h-full min-h-0 w-full",
               $ && "slide__viewport--mobile-landscape",
-              $ && !Lt && "slide__viewport--mobile-landscape-native"
+              $ && !jt && "slide__viewport--mobile-landscape-native"
             ),
             children: [
               Kt ? /* @__PURE__ */ n.jsxs("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ n.jsx(
                   "button",
                   {
-                    "aria-label": A?.backAriaLabel ?? "Back",
+                    "aria-label": w?.backAriaLabel ?? "Back",
                     className: "slide-landscape-header__back",
-                    onClick: Ut,
+                    onClick: Dt,
                     type: "button",
-                    children: /* @__PURE__ */ n.jsx(Bn, { className: "h-6 w-6 text-white", strokeWidth: 2.25 })
+                    children: /* @__PURE__ */ n.jsx(
+                      Mn,
+                      {
+                        className: "slide-landscape-header__icon h-6 w-6",
+                        strokeWidth: 2.25
+                      }
+                    )
                   }
                 ),
-                A?.content ? /* @__PURE__ */ n.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: A.content }) : null
+                w?.content ? /* @__PURE__ */ n.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: w.content }) : null
               ] }) : null,
               /* @__PURE__ */ n.jsx(
                 "div",
@@ -797,20 +791,20 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
                   className: J(
                     "h-full min-h-0 w-full",
                     Vt && "slide__viewport-content--with-header",
-                    Mt ? "slide-content--single" : "grid gap-4"
+                    Pt ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: k.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: Pe, className: "slide-stage__layer w-full", children: $t.map(
+                  children: k.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: Ce, className: "slide-stage__layer w-full", children: Ut.map(
                     (e, t) => {
-                      const s = t === Gt;
+                      const i = t === zt;
                       return /* @__PURE__ */ n.jsx(
                         "div",
                         {
-                          "aria-hidden": !s || void 0,
+                          "aria-hidden": !i || void 0,
                           className: "w-full h-full",
-                          style: { display: s ? void 0 : "none" },
-                          children: en(
+                          style: { display: i ? void 0 : "none" },
+                          children: Jt(
                             e.elementList,
-                            s
+                            i
                           )
                         },
                         e.sourceStepIndexes[0] ?? t
@@ -819,101 +813,94 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
                   ) }) }) : null
                 }
               ),
-              Rt ? /* @__PURE__ */ n.jsx(
-                hn,
+              Mt ? /* @__PURE__ */ n.jsx(
+                fn,
                 {
-                  message: _e,
+                  message: Ae,
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ n.jsx(
-                wn,
-                {
-                  onClose: zt,
-                  open: jt,
-                  text: Ht
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                In,
+                Sn,
                 {
-                  extraBottomOffset: Nt,
-                  hasPlayerGap: R,
-                  isEnabled: ot && Ft,
-                  isPlayerHidden: w && !R,
+                  extraBottomOffset: Ft,
+                  hasPlayerGap: M,
+                  isEnabled: tt && Rt,
+                  isPlayerHidden: A && !M,
                   playbackTimeStore: z,
-                  subtitleCues: Wt
+                  subtitleCues: Ht
                 }
               ),
-              Ve ? /* @__PURE__ */ n.jsx(
+              Ke ? /* @__PURE__ */ n.jsx(
                 "div",
                 {
-                  ref: Ye,
+                  ref: $e,
                   className: J(
                     "slide-interaction-overlay",
-                    R && w ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
+                    M && A ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
-                  onClick: It,
-                  onPointerDown: It,
-                  style: Yt,
+                  onClick: gt,
+                  onPointerDown: gt,
+                  style: $t,
                   children: /* @__PURE__ */ n.jsx(
-                    _t,
+                    wt,
                     {
                       content: String(o?.content ?? ""),
-                      defaultButtonText: yt.buttonText ?? "",
-                      defaultInputText: yt.inputText ?? "",
-                      defaultSelectedValues: Jt,
-                      confirmButtonText: H?.confirmButtonText,
-                      copyButtonText: H?.copyButtonText,
-                      copiedButtonText: H?.copiedButtonText,
-                      onSend: Qt,
-                      readonly: bt,
-                      title: H?.title ?? Ee ?? "Submit the content below to continue."
+                      defaultButtonText: ht.buttonText ?? "",
+                      defaultInputText: ht.inputText ?? "",
+                      defaultSelectedValues: Wt,
+                      confirmButtonText: q?.confirmButtonText,
+                      copyButtonText: q?.copyButtonText,
+                      copiedButtonText: q?.copiedButtonText,
+                      onSend: Yt,
+                      readonly: yt,
+                      title: q?.title ?? _e ?? "Submit the content below to continue."
                     }
                   )
                 }
               ) : null,
-              w ? /* @__PURE__ */ n.jsx(
-                xn,
+              A ? /* @__PURE__ */ n.jsx(
+                bn,
                 {
                   audioList: h,
                   className: J(
-                    "absolute left-1/2 bottom-6 z-[2] -translate-x-1/2",
+                    "absolute left-1/2 z-[2] -translate-x-1/2",
+                    lt ? "bottom-3" : "-bottom-3",
                     Q,
-                    !R && "pointer-events-none opacity-0"
+                    !M && "pointer-events-none opacity-0"
                   ),
-                  currentAudioIndex: S,
+                  currentAudioIndex: b,
                   defaultPlaying: !0,
                   isPlaybackPaused: j,
                   isAutoAdvanceEnabled: le,
                   hasInteraction: !!o,
                   isInteractionOpen: ye,
-                  isSubtitleEnabled: ot,
-                  onAutoAdvanceToggle: nt,
-                  onLoadingChange: on,
+                  isSubtitleEnabled: tt,
+                  onAutoAdvanceToggle: Ze,
+                  onLoadingChange: tn,
                   onPlaybackStarted: () => {
-                    Me(!0);
+                    Pe(!0);
                   },
                   onPlaybackTimeChange: z.setTime,
                   onSubtitleToggle: () => {
                     kt((e) => !e);
                   },
                   nextDisabled: !x,
-                  onEnded: sn,
-                  onFullscreen: tn,
-                  isFullscreen: Bt,
-                  mobileViewMode: O,
-                  settingsPortalContainer: Ge.current,
-                  onMobileViewModeChange: Dt,
-                  onInteractionToggle: ln,
-                  onNext: rn,
-                  onPrev: nn,
-                  prevDisabled: !Pt,
-                  showControls: R,
-                  texts: qe,
-                  customActionContext: Le,
-                  customActions: q,
-                  useAutoAdvanceToggle: ue
+                  onEnded: nn,
+                  onFullscreen: Qt,
+                  isFullscreen: nt,
+                  mobileViewMode: H,
+                  settingsPortalContainer: ze.current,
+                  onMobileViewModeChange: qt,
+                  onInteractionToggle: rn,
+                  onNext: en,
+                  onPrev: Zt,
+                  prevDisabled: !Ct,
+                  showControls: M,
+                  texts: At,
+                  customActionContext: je,
+                  customActions: L,
+                  useAutoAdvanceToggle: ae
                 }
               ) : null
             ]
@@ -924,6 +911,6 @@ const Vn = (K, V) => K.length === V.length && K.every((I, Q) => {
   );
 };
 export {
-  pr as default
+  ir as default
 };
 //# sourceMappingURL=Slide.es.js.map