markdown-flow-ui 0.1.115-beta.2 → 0.1.115-beta.3

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

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