markdown-flow-ui 0.1.109 → 0.1.111

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

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