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

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

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