markdown-flow-ui 0.1.112-beta.1 → 0.1.112-beta.2

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

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