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

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

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