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

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

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