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

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

@@ -1,53 +1,53 @@
 import { j as n } from "../../_virtual/jsx-runtime.es.js";
-import { memo as on, useRef as h, useMemo as c, useState as m, useCallback as r, useEffect as a } from "react";
-import { isSandboxInteractionMessage as ln } from "../../lib/sandboxInteraction.es.js";
+import { memo as an, useRef as v, useMemo as i, useState as m, useCallback as r, useEffect as c } from "react";
+import { isSandboxInteractionMessage as un } from "../../lib/sandboxInteraction.es.js";
 import { cn as X } from "../../lib/utils.es.js";
-import sn from "../ui/loading-overlay-card.es.js";
-import cn from "../ContentRender/ContentRender.es.js";
-import gt from "../ContentRender/IframeSandbox.es.js";
+import dn from "../ui/loading-overlay-card.es.js";
+import fn from "../ContentRender/ContentRender.es.js";
+import St from "../ContentRender/IframeSandbox.es.js";
 import "../ui/inputGroup/input-group.es.js";
-import { getInteractionDefaultValues as an, getInteractionDefaultSelectedValues as un } from "../../lib/interaction-defaults.es.js";
-import { isMobileDevice as dn, isLandscapeViewport as bt, subscribeMobileDeviceChange as fn } from "../../lib/mobileDevice.es.js";
-import mn from "./Player.es.js";
-import pn from "./SubtitleOverlay.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as hn } from "./constants.es.js";
-import vn from "./SlideFullscreenHint.es.js";
-import yn from "./useSlide.es.js";
-import gn from "./useWakePlayerFromIframe.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as be, resolveMobileViewModeState as bn } from "./utils/mobileScreenMode.es.js";
-import { shouldPresentInteractionOverlay as Sn } from "./utils/interactionPlayback.es.js";
-import { getPlaybackSequenceTransition as xn } from "./utils/playbackSequence.es.js";
-import { resolvePlayerCustomActionElement as wn, getPlayerCustomActionCount as In } from "./utils/playerCustomActions.es.js";
-import { createPlaybackTimeStore as An } from "./utils/playbackTimeStore.es.js";
-import { shouldUseAutoAdvanceToggle as _n } from "./utils/playerToggleMode.es.js";
+import { getInteractionDefaultValues as mn, getInteractionDefaultSelectedValues as pn } from "../../lib/interaction-defaults.es.js";
+import { isMobileDevice as hn, isLandscapeViewport as xt, subscribeMobileDeviceChange as vn } from "../../lib/mobileDevice.es.js";
+import yn from "./Player.es.js";
+import bn from "./SubtitleOverlay.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as gn } from "./constants.es.js";
+import Sn from "./SlideFullscreenHint.es.js";
+import xn from "./useSlide.es.js";
+import wn from "./useWakePlayerFromIframe.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as Se, resolveMobileViewModeState as In } from "./utils/mobileScreenMode.es.js";
+import { shouldPresentInteractionOverlay as An } from "./utils/interactionPlayback.es.js";
+import { getPlaybackSequenceTransition as _n } from "./utils/playbackSequence.es.js";
+import { resolvePlayerCustomActionElement as Tn, getPlayerCustomActionCount as En } from "./utils/playerCustomActions.es.js";
+import { createPlaybackTimeStore as Pn } from "./utils/playbackTimeStore.es.js";
+import { shouldUseAutoAdvanceToggle as Cn } from "./utils/playerToggleMode.es.js";
 /* empty css             */
-import Tn 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 En = 2e3, Pn = 300, Rn = 160, Cn = 16, St = on(
+import Rn 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 Fn = 2e3, Mn = 300, On = 160, Bn = 16, wt = an(
   ({
-    content: j,
-    title: k,
-    defaultButtonText: b,
+    content: L,
+    title: j,
+    defaultButtonText: g,
     defaultInputText: J,
     defaultSelectedValues: S,
-    confirmButtonText: V,
+    confirmButtonText: K,
     copyButtonText: Q,
-    copiedButtonText: Se,
-    onSend: xe,
-    readonly: K = !1
+    copiedButtonText: xe,
+    onSend: we,
+    readonly: V = !1
   }) => /* @__PURE__ */ n.jsxs("div", { className: "slide-player__interaction-card", children: [
-    /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: k }) }),
+    /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ n.jsx("p", { className: "slide-player__interaction-title", children: j }) }),
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-body", children: /* @__PURE__ */ n.jsx(
-      cn,
+      fn,
       {
-        content: j,
-        defaultButtonText: b,
+        content: L,
+        defaultButtonText: g,
         defaultInputText: J,
         defaultSelectedValues: S,
-        confirmButtonText: V,
+        confirmButtonText: K,
         copyButtonText: Q,
-        copiedButtonText: Se,
-        onSend: xe,
-        readonly: K,
+        copiedButtonText: xe,
+        onSend: we,
+        readonly: V,
         enableTypewriter: !1,
         sandboxMode: "content"
       }
@@ -55,100 +55,100 @@ const En = 2e3, Pn = 300, Rn = 160, Cn = 16, St = on(
     /* @__PURE__ */ n.jsx("div", { className: "slide-player__interaction-arrow" })
   ] })
 );
-St.displayName = "InteractionOverlayCard";
-const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
-  const S = k[J];
-  return b.sequence_number === S?.sequence_number && b.type === S?.type && b.content === S?.content;
-}), lr = ({
-  elementList: j = [],
-  showPlayer: k = !0,
-  playerAlwaysVisible: b = !1,
+wt.displayName = "InteractionOverlayCard";
+const Nn = (L, j) => L.length === j.length && L.every((g, J) => {
+  const S = j[J];
+  return g.sequence_number === S?.sequence_number && g.type === S?.type && g.content === S?.content;
+}), cr = ({
+  elementList: L = [],
+  showPlayer: j = !0,
+  playerAlwaysVisible: g = !1,
   playerClassName: J,
   fullscreenHeader: S,
-  playerCustomActions: V,
+  playerCustomActions: K,
   playerCustomActionPauseOnActive: Q = !0,
-  bufferingText: Se = "Buffering...",
-  interactionTitle: xe,
-  interactionTexts: K,
-  playerTexts: ke,
-  playerAutoHideDelay: we = 3e3,
-  markerAutoAdvanceDelay: Ve = En,
-  interactionDefaultValueOptions: se,
-  onSend: Ke,
-  onPlayerVisibilityChange: Ie,
-  onMobileViewModeChange: qe,
-  onStepChange: De,
-  enableIframeScaling: xt = !0,
-  className: wt,
-  onPointerDown: He,
-  ...It
+  bufferingText: xe = "Buffering...",
+  interactionTitle: we,
+  interactionTexts: V,
+  playerTexts: Ve,
+  playerAutoHideDelay: Ie = 3e3,
+  markerAutoAdvanceDelay: qe = Fn,
+  interactionDefaultValueOptions: ie,
+  onSend: He,
+  onPlayerVisibilityChange: Ae,
+  onMobileViewModeChange: De,
+  onStepChange: Ue,
+  enableIframeScaling: It = !0,
+  className: At,
+  onPointerDown: ze,
+  ..._t
 }) => {
-  const ie = h(null), Ue = h(null), Ae = h(null), ze = h(null), Z = h(null), ee = h(null), te = h(null), ne = h(null), $e = h(null), We = h([]), ce = h(!1), q = h(null), Ye = h(null), {
-    currentElementList: R,
-    stepElementLists: Ge,
-    slideElementList: D,
+  const ce = v(null), $e = v(null), _e = v(null), We = v(null), Z = v(null), ee = v(null), te = v(null), ne = v(null), Ye = v(null), Ge = v([]), ae = v(!1), q = v(null), Xe = v(null), {
+    currentElementList: C,
+    stepElementLists: Je,
+    slideElementList: H,
     currentIndex: f,
     audioList: p,
-    currentAudioSequenceIndexes: ae,
+    currentAudioSequenceIndexes: ue,
     currentStepHasSpeakableElement: x,
     currentInteractionElement: d,
-    canGoPrev: At,
-    canGoNext: C,
-    handlePrev: Xe,
+    canGoPrev: Tt,
+    canGoNext: R,
+    handlePrev: Qe,
     handleNext: M
-  } = yn(j), re = c(() => {
+  } = xn(L), re = i(() => {
     if (!(f < 0))
-      return D[f];
-  }, [f, D]), _t = D.filter(
+      return H[f];
+  }, [f, H]), Et = H.filter(
     (e) => e.is_renderable !== !1
-  ).length === 1, w = k && (D.length > 0 || p.length > 0 || !!d), _ = c(
-    () => ae.map((e) => p[e]?.audioKey).filter((e) => !!e),
-    [p, ae]
-  ), [Je, ue] = m(!0), [de, oe] = m(!1), [_e, Qe] = m(!0), [y, H] = m(null), [Tt, I] = m(!1), [O, Ze] = m(!1), [Te, Ee] = m(!1), [o, Pe] = m(), [fe, me] = m(!1), [
-    Et,
+  ).length === 1, w = j && (H.length > 0 || p.length > 0 || !!d), _ = i(
+    () => ue.map((e) => p[e]?.audioKey).filter((e) => !!e),
+    [p, ue]
+  ), [Ze, de] = m(!0), [fe, oe] = m(!1), [Te, et] = m(!0), [b, D] = m(null), [Pt, I] = m(!1), [O, tt] = m(!1), [Ct, Ee] = m(!1), [Pe, Ce] = m(!1), [o, Re] = m(), [me, pe] = m(!1), [
+    Rt,
     le
-  ] = m(0), [Pt, Rt] = m(!1), T = c(() => dn(), []), [pe, Re] = m(
-    be
-  ), [et, Ce] = m(!1), [Fe, tt] = m(
-    () => T ? bt() : !1
-  ), [Ct, he] = m(!1), U = c(() => An(), []), {
+  ] = m(0), [Ft, Mt] = m(!1), T = i(() => hn(), []), [he, Fe] = m(
+    Se
+  ), [nt, Me] = m(!1), [Oe, rt] = m(
+    () => T ? xt() : !1
+  ), [Ot, ve] = m(!1), U = i(() => Pn(), []), {
     effectiveMobileViewMode: B,
     isImmersiveMobileFullscreen: z,
-    isNativeMobileFullscreen: nt,
-    shouldRotateFullscreenViewport: Ft
-  } = c(
-    () => bn({
-      hasManualMobileViewMode: et,
+    isNativeMobileFullscreen: ot,
+    shouldRotateFullscreenViewport: Bt
+  } = i(
+    () => In({
+      hasManualMobileViewMode: nt,
       isMobileDevice: T,
-      mobileViewMode: pe
+      mobileViewMode: he
     }),
     [
-      et,
+      nt,
       T,
-      Fe,
-      pe
+      Oe,
+      he
     ]
-  ), rt = h(B), E = w && (b || Je), Mt = z && E, Ot = z && E, Bt = z || nt, Nt = ke?.fullscreenHintText ?? hn.fullscreenHintText, Lt = r(
+  ), lt = v(B), E = w && (g || Ze), Nt = z && E, kt = z && E, Lt = z || ot, jt = Ve?.fullscreenHintText ?? gn.fullscreenHintText, Kt = r(
     (e) => {
-      Ce(!0), Re(e);
+      Me(!0), Fe(e);
     },
     []
-  ), ot = r(() => {
-    Ce(!1), Re(be);
-  }, []), jt = r(() => {
-    ot(), S?.onBack?.();
-  }, [S, ot]), kt = r(() => {
-    he(!1);
-  }, []), lt = r((e) => {
-    Ee(e);
-  }, []), st = r(() => {
-    Ee((e) => !e);
-  }, []), { mountedStepStates: Vt, currentMountedStateIndex: Kt } = c(() => {
+  ), st = r(() => {
+    Me(!1), Fe(Se);
+  }, []), Vt = r(() => {
+    st(), S?.onBack?.();
+  }, [S, st]), qt = r(() => {
+    ve(!1);
+  }, []), it = r((e) => {
+    Ce(e);
+  }, []), ct = r(() => {
+    Ce((e) => !e);
+  }, []), { mountedStepStates: Ht, currentMountedStateIndex: Dt } = i(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return Ge.forEach((l, u) => {
+    return Je.forEach((l, u) => {
       const s = e.findIndex(
-        (i) => Fn(
-          i.elementList,
+        (a) => Nn(
+          a.elementList,
           l
         )
       );
@@ -164,75 +164,82 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       mountedStepStates: e,
       currentMountedStateIndex: f >= 0 ? t.get(f) ?? -1 : -1
     };
-  }, [f, Ge]), it = c(() => String(f), [f]), g = c(() => y ? p.findIndex(
-    (e) => (e.audioKey ?? "") === y
-  ) : -1, [p, y]), qt = c(
-    () => g >= 0 ? p[g] : void 0,
-    [p, g]
-  )?.element?.subtitle_cues ?? [], ve = c(
+  }, [f, Je]), at = i(() => String(f), [f]), h = i(() => b ? p.findIndex(
+    (e) => (e.audioKey ?? "") === b
+  ) : -1, [p, b]), Be = i(
+    () => h >= 0 ? p[h] : void 0,
+    [p, h]
+  ), Ut = Be?.element?.subtitle_cues ?? [], ye = i(
     () => _[0] ?? "none",
     [_]
-  ), Me = c(
+  ), Ne = i(
     () => ({
-      currentElement: wn({
-        currentAudioIndex: g,
-        currentAudioSequenceIndexes: ae,
+      currentElement: Tn({
+        currentAudioIndex: h,
+        currentAudioSequenceIndexes: ue,
         audioList: p,
         currentInteractionElement: o,
         currentStepElement: re
       }),
       currentIndex: f,
       currentStepElement: re,
-      isActive: Te,
-      setActive: lt,
-      toggleActive: st
+      isActive: Pe,
+      setActive: it,
+      toggleActive: ct
     }),
     [
       o,
       p,
-      g,
-      ae,
+      h,
+      ue,
       f,
       re,
-      Te,
-      lt,
-      st
+      Pe,
+      it,
+      ct
     ]
-  ), Oe = c(
-    () => In(
-      V,
-      Me
+  ), ke = i(
+    () => En(
+      K,
+      Ne
     ),
-    [Me, V]
-  ), Dt = c(
+    [Ne, K]
+  ), zt = i(
     () => ({
-      "--slide-player-custom-action-count": String(Oe),
+      "--slide-player-custom-action-count": String(ke),
       "--slide-player-mobile-control-count": String(
-        Oe + 4
+        ke + 4
       )
     }),
-    [Oe]
-  ), ct = _.length > 0, at = c(() => d ? `${d.sequence_number ?? "none"}:${String(
+    [ke]
+  ), ut = _.length > 0, dt = i(() => d ? `${d.sequence_number ?? "none"}:${String(
     d.content ?? ""
-  )}` : "none", [d]), Be = c(
-    () => [it, at].join("|"),
-    [at, it]
-  ), ut = !!c(() => !ve || ve === "none" ? "" : p.find(
-    (t) => t.audioKey === ve
-  )?.audioUrl?.trim() ?? "", [p, ve]), N = Q && !!V && Te, Ne = c(
-    () => _n({
-      canGoNext: C,
-      currentAudioIndex: g,
+  )}` : "none", [d]), se = i(
+    () => [at, dt].join("|"),
+    [dt, at]
+  ), $t = i(
+    () => [
+      se,
+      Be?.audioKey ?? "none",
+      String(h)
+    ].join("|"),
+    [h, Be?.audioKey, se]
+  ), ft = !!i(() => !ye || ye === "none" ? "" : p.find(
+    (t) => t.audioKey === ye
+  )?.audioUrl?.trim() ?? "", [p, ye]), N = Q && !!K && Pe, Le = i(
+    () => Cn({
+      canGoNext: R,
+      currentAudioIndex: h,
       currentStepHasSpeakableElement: x,
       hasInteraction: !!d
     }),
     [
-      C,
-      g,
+      R,
+      h,
       d,
       x
     ]
-  ), L = r(() => {
+  ), k = r(() => {
     Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
   }, []), F = r(() => {
     te.current !== null && (window.clearTimeout(te.current), te.current = null);
@@ -241,7 +248,7 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
   }, []), $ = r(() => {
     ee.current !== null && (window.clearTimeout(ee.current), ee.current = null);
   }, []), W = r(() => {
-    $(), F(), P(), H(null), U.reset(), I(!1), Ze(!1), Pe(void 0), me(!1), le(0);
+    $(), F(), P(), D(null), U.reset(), I(!1), tt(!1), Ee(!1), Re(void 0), pe(!1), le(0);
   }, [
     $,
     F,
@@ -249,131 +256,131 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
     U
   ]), Y = r(() => {
     const e = _[0];
-    return e ? (H(e), !0) : !1;
-  }, [_]), ye = r(() => {
-    F(), P(), me(!1), le(0), !Y() && C && M();
+    return e ? (D(e), !0) : !1;
+  }, [_]), be = r(() => {
+    F(), P(), pe(!1), le(0), !Y() && R && M();
   }, [
-    C,
+    R,
     F,
     P,
     M,
     Y
-  ]), dt = r(
+  ]), mt = r(
     (e) => {
       if (P(), !e)
         return;
       const t = () => {
         ne.current = null, le(
-          Rn
-        ), me(!0), q.current = null;
+          On
+        ), pe(!0), q.current = null;
       };
       ne.current = window.setTimeout(
         t,
-        Pn
+        Mn
       );
     },
     [P]
-  ), v = r(
-    (e = de) => {
-      w && (ue(!0), L(), !(b || !e || we <= 0) && (Z.current = window.setTimeout(() => {
-        ue(!1), Z.current = null;
-      }, we)));
+  ), y = r(
+    (e = fe) => {
+      w && (de(!0), k(), !(g || !e || Ie <= 0) && (Z.current = window.setTimeout(() => {
+        de(!1), Z.current = null;
+      }, Ie)));
     },
     [
-      L,
-      de,
-      b,
-      we,
+      k,
+      fe,
+      g,
+      Ie,
       w
     ]
-  ), Le = !!(d?.readonly || d?.user_input?.trim()), G = !!d && !Le;
-  a(() => {
-    Qe(!0), Q && Ee(!1);
-  }, [f, Q]), a(() => () => {
-    $(), L(), F(), P();
+  ), je = !!(d?.readonly || d?.user_input?.trim()), G = !!d && !je;
+  c(() => {
+    et(!0), Q && Ce(!1);
+  }, [f, Q]), c(() => () => {
+    $(), k(), F(), P();
   }, [
     $,
     F,
     P,
-    L
-  ]), a(() => (Ie?.(E), () => {
-    Ie?.(!1);
-  }), [Ie, E]), a(() => {
-    T || pe === be || (Ce(!1), Re(be));
-  }, [T, pe]), a(() => {
+    k
+  ]), c(() => (Ae?.(E), () => {
+    Ae?.(!1);
+  }), [Ae, E]), c(() => {
+    T || he === Se || (Me(!1), Fe(Se));
+  }, [T, he]), c(() => {
     if (!T) {
-      tt(!1);
+      rt(!1);
       return;
     }
     const e = () => {
-      tt(bt());
+      rt(xt());
     };
-    return e(), fn(e);
-  }, [T]), a(() => {
-    qe?.(B);
-  }, [B, qe]), a(() => {
-    const l = rt.current !== "fullscreen" && B === "fullscreen" && !Fe;
-    if (rt.current = B, !T) {
-      he(!1);
+    return e(), vn(e);
+  }, [T]), c(() => {
+    De?.(B);
+  }, [B, De]), c(() => {
+    const l = lt.current !== "fullscreen" && B === "fullscreen" && !Oe;
+    if (lt.current = B, !T) {
+      ve(!1);
       return;
     }
     if (l) {
-      he(!0);
+      ve(!0);
       return;
     }
-    B !== "fullscreen" && he(!1);
-  }, [B, T, Fe]), a(() => {
-    De?.(re, f);
-  }, [f, re, De]), a(() => {
+    B !== "fullscreen" && ve(!1);
+  }, [B, T, Oe]), c(() => {
+    Ue?.(re, f);
+  }, [f, re, Ue]), c(() => {
     if (!w) {
-      L(), ue(!1);
+      k(), de(!1);
       return;
     }
-    if (b) {
-      L(), ue(!0);
+    if (g) {
+      k(), de(!0);
       return;
     }
-    de || v(!0);
+    fe || y(!0);
   }, [
-    L,
-    de,
-    b,
+    k,
+    fe,
+    g,
     w,
-    v
-  ]), a(() => {
+    y
+  ]), c(() => {
     if (typeof window > "u")
       return;
     const e = (t) => {
-      t.origin === window.location.origin && ln(t.data) && t.data.eventType === "click" && w && (oe(!0), v(!0));
+      t.origin === window.location.origin && un(t.data) && t.data.eventType === "click" && w && (oe(!0), y(!0));
     };
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
     };
-  }, [w, v]), gn({
-    sectionRef: ie,
+  }, [w, y]), wn({
+    sectionRef: ce,
     enabled: w,
     onWake: () => {
-      oe(!0), v(!0);
+      oe(!0), y(!0);
     }
-  }), a(() => {
-    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = xn({
-      previousResetKey: Ye.current,
-      nextResetKey: Be,
-      currentAudioKey: y,
+  }), c(() => {
+    const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = _n({
+      previousResetKey: Xe.current,
+      nextResetKey: se,
+      currentAudioKey: b,
       hasCompletedCurrentStepAudio: O
     });
-    Ye.current = Be;
-    const l = q.current === f && !!d, u = Sn({
+    Xe.current = se;
+    const l = q.current === f && !!d, u = An({
       hasInteraction: !!d,
       shouldBlockPlaybackForInteraction: G,
       shouldOpenInteractionOverlayAfterAudio: l,
       hasPlaybackContextChanged: e,
-      hasResolvedCurrentInteraction: Le,
+      hasResolvedCurrentInteraction: je,
       currentStepHasSpeakableElement: x
     });
-    if (e && W(), !(R.length === 0 && !d) && !N) {
-      if (d && Pe(d), u) {
-        dt(d);
+    if (e && W(), !(C.length === 0 && !d) && !N) {
+      if (d && Re(d), u) {
+        mt(d);
         return;
       }
       if (P(), q.current = null, !!t && !Y()) {
@@ -381,35 +388,35 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
           I(!0);
           return;
         }
-        if (C && !(Ne && !_e))
+        if (R && !(Le && !Te))
           return ee.current = window.setTimeout(() => {
             ee.current = null, M();
-          }, Ve), () => {
+          }, qe), () => {
             $();
           };
       }
     }
   }, [
-    C,
+    R,
     $,
-    R.length,
+    C.length,
     d,
-    y,
-    Be,
+    b,
+    se,
     x,
-    Ve,
+    qe,
     M,
     O,
-    _e,
-    Le,
+    Te,
+    je,
     G,
     P,
     W,
-    dt,
+    mt,
     Y,
     N,
-    Ne
-  ]), a(() => {
+    Le
+  ]), c(() => {
     if (N || !x || G) {
       I(!1);
       return;
@@ -418,77 +425,79 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       I(!1);
       return;
     }
-    if (ct) {
+    if (ut) {
       I(!1);
       return;
     }
     I(!0);
   }, [
-    ct,
+    ut,
     x,
     O,
     N,
     G
-  ]), a(() => {
-    y || _.length === 0 || N || !x || G || O || Y();
+  ]), c(() => {
+    b || _.length === 0 || N || !x || G || O || Y();
   }, [
-    y,
+    b,
     _,
     x,
     O,
     N,
     G,
     Y
-  ]), a(() => {
-    !y || g >= 0 || H(null);
-  }, [g, y]), a(() => {
-    g >= 0 || U.reset();
-  }, [g, U]);
-  const ft = c(() => {
+  ]), c(() => {
+    !b || h >= 0 || D(null);
+  }, [h, b]), c(() => {
+    h >= 0 || U.reset();
+  }, [h, U]), c(() => {
+    Ee(!1);
+  }, [$t]);
+  const pt = i(() => {
     if (!o)
       return {};
     const e = !!o.user_input?.trim();
-    return an(
+    return mn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
-      e ? void 0 : se
+      e ? void 0 : ie
     );
-  }, [o, se]), Ht = c(() => {
+  }, [o, ie]), Wt = i(() => {
     if (!o)
       return;
     const e = !!o.user_input?.trim();
-    return un(
+    return pn(
       typeof o.content == "string" ? o.content : void 0,
       o.user_input,
-      e ? void 0 : se
+      e ? void 0 : ie
     );
-  }, [o, se]), mt = !!o?.user_input?.trim(), pt = !!o?.readonly || mt, ht = pt || mt, je = !!o && fe, Ut = r(
+  }, [o, ie]), ht = !!o?.user_input?.trim(), vt = !!o?.readonly || ht, yt = vt || ht, Ke = !!o && me, Yt = r(
     (e) => {
       const l = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Pe((u) => !u || !l ? u : {
+      Re((u) => !u || !l ? u : {
         ...u,
         user_input: l
-      }), Ke?.(e, o), ye();
+      }), He?.(e, o), be();
     },
-    [o, ye, Ke]
+    [o, be, He]
   );
-  a(() => {
+  c(() => {
     const e = () => {
-      Rt(document.fullscreenElement === ie.current);
+      Mt(document.fullscreenElement === ce.current);
     };
     return e(), document.addEventListener("fullscreenchange", e), () => {
       document.removeEventListener("fullscreenchange", e);
     };
-  }, []), a(() => {
-    if (!je) {
+  }, []), c(() => {
+    if (!Ke) {
       le(0);
       return;
     }
-    const e = $e.current;
+    const e = Ye.current;
     if (!e)
       return;
     const t = () => {
@@ -496,7 +505,7 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
         e.getBoundingClientRect().height
       );
       le(
-        u + Cn
+        u + Bn
       );
     };
     if (t(), typeof ResizeObserver > "u")
@@ -507,21 +516,21 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
     return l.observe(e), () => {
       l.disconnect();
     };
-  }, [je]), a(() => {
-    if (F(), !(!fe || !ht))
+  }, [Ke]), c(() => {
+    if (F(), !(!me || !yt))
       return te.current = window.setTimeout(() => {
-        te.current = null, ye();
+        te.current = null, be();
       }, 2e3), () => {
         F();
       };
   }, [
     F,
-    ye,
-    fe,
-    ht
+    be,
+    me,
+    yt
   ]);
-  const zt = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
-    gt,
+  const Gt = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ n.jsx(n.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ n.jsx(
+    St,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
@@ -529,10 +538,10 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       replaceRootScreenHeightWithFull: t.replaceRootScreenHeightWithFull,
       type: "sandbox",
       content: e.content,
-      enableScaling: xt
+      enableScaling: It
     }
   ) : /* @__PURE__ */ n.jsx(
-    gt,
+    St,
     {
       className: "content-render-iframe",
       hideFullScreen: !0,
@@ -540,36 +549,36 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       type: "markdown",
       content: e.content
     }
-  ) : null, $t = (e = [], t = !1) => {
+  ) : null, Xt = (e = [], t = !1) => {
     if (e.length === 0)
       return null;
     const l = e.filter(
       (s) => s.is_renderable !== !1
     ).length, u = e.reduce(
-      (s, i, A) => i.is_renderable !== !1 ? A : s,
+      (s, a, A) => a.is_renderable !== !1 ? A : s,
       -1
     );
-    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((s, i) => {
+    return /* @__PURE__ */ n.jsx("div", { className: "slide-stage__content flex w-full flex-col gap-4", children: e.map((s, a) => {
       const A = s.type === "html" && s.is_renderable === !1;
       return /* @__PURE__ */ n.jsx(
         "div",
         {
-          ref: t && i === u ? ze : null,
+          ref: t && a === u ? We : null,
           "aria-hidden": A || void 0,
           className: X(
             "w-full shrink-0",
             l === 1 && s.is_renderable !== !1 && "slide-element--single",
             A ? "pointer-events-none fixed left-[-200vw] top-0 -z-10 h-[100dvh] w-[100vw] overflow-hidden opacity-0" : s.is_renderable === !1 && "hidden"
           ),
-          children: zt(s, {
+          children: Gt(s, {
             replaceRootScreenHeightWithFull: l === 1 && s.type === "html" && s.is_renderable !== !1
           })
         },
-        s.sequence_number ?? `${s.type}-${i}`
+        s.sequence_number ?? `${s.type}-${a}`
       );
     }) });
-  }, Wt = r(() => {
-    const e = ie.current;
+  }, Jt = r(() => {
+    const e = ce.current;
     if (e) {
       if (document.fullscreenElement === e) {
         document.exitFullscreen().catch(() => {
@@ -579,17 +588,17 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       e.requestFullscreen?.().catch(() => {
       });
     }
-  }, []), vt = r(() => {
-    const e = Ae.current;
+  }, []), bt = r(() => {
+    const e = _e.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
-  }, []), Yt = r(() => {
-    ce.current = !0, q.current = null, oe(!0), I(!1), v(!0), W(), Xe();
-  }, [Xe, W, v]), Gt = r(() => {
-    ce.current = !0, q.current = null, oe(!0), I(!1), v(!0), W(), M();
-  }, [M, W, v]), Xt = r(
+  }, []), Qt = r(() => {
+    ae.current = !0, q.current = null, oe(!0), I(!1), y(!0), W(), Qe();
+  }, [Qe, W, y]), Zt = r(() => {
+    ae.current = !0, q.current = null, oe(!0), I(!1), y(!0), W(), M();
+  }, [M, W, y]), en = r(
     (e) => {
       if (!x || O) {
         I(!1);
@@ -598,102 +607,102 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
       I(e);
     },
     [x, O]
-  ), Jt = r(
+  ), tn = r(
     (e) => {
       const t = p[e]?.audioKey;
-      if (!t || !y || t !== y)
+      if (!t || !b || t !== b)
         return;
       const l = _.findIndex(
-        (i) => i === t
+        (a) => a === t
       );
       if (l < 0) {
-        H(null);
+        D(null);
         return;
       }
       const u = l + 1, s = _[u];
       if (s) {
-        H(s);
+        D(s);
         return;
       }
-      if (H(null), Ze(!0), I(!1), C) {
-        const i = f + 1, A = D[i];
-        ut && A?.type === "interaction" && (q.current = i), M();
+      if (D(null), tt(!0), I(!1), R) {
+        const a = f + 1, A = H[a];
+        ft && A?.type === "interaction" && (q.current = a), M();
       }
     },
     [
       p,
-      C,
+      R,
       f,
-      y,
+      b,
       _,
       M,
-      ut,
-      D
+      ft,
+      H
     ]
-  ), Qt = r(() => {
-    o && me((e) => !e);
-  }, [o]), yt = r(
+  ), nn = r(() => {
+    o && pe((e) => !e);
+  }, [o]), gt = r(
     (e) => {
-      e.stopPropagation(), E && v(!0);
+      e.stopPropagation(), E && y(!0);
     },
-    [Je, v]
-  ), Zt = r(
+    [Ze, y]
+  ), rn = r(
     (e) => {
-      He?.(e);
+      ze?.(e);
     },
-    [He]
-  ), en = r(() => {
-    oe(!0), v(!0);
-  }, [v]), ge = c(
-    () => R.map(
+    [ze]
+  ), on = r(() => {
+    oe(!0), y(!0);
+  }, [y]), ge = i(
+    () => C.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
-    [R]
+    [C]
   );
-  return a(() => {
-    const e = We.current, u = (e.length > 0 && e.length < ge.length && e.every((i, A) => i === ge[A]) ? R.slice(e.length) : []).some(
-      (i) => i.is_new === !1
+  return c(() => {
+    const e = Ge.current, u = (e.length > 0 && e.length < ge.length && e.every((a, A) => a === ge[A]) ? C.slice(e.length) : []).some(
+      (a) => a.is_new === !1
     );
-    if (We.current = ge, !u)
+    if (Ge.current = ge, !u)
       return;
     const s = window.requestAnimationFrame(() => {
-      const i = Ae.current, A = ze.current;
-      if (!i || !A)
+      const a = _e.current, A = We.current;
+      if (!a || !A)
         return;
-      const tn = i.getBoundingClientRect(), nn = A.getBoundingClientRect(), rn = i.scrollTop + (nn.top - tn.top);
-      i.scrollTo({
-        top: Math.max(rn, 0),
+      const ln = a.getBoundingClientRect(), sn = A.getBoundingClientRect(), cn = a.scrollTop + (sn.top - ln.top);
+      a.scrollTo({
+        top: Math.max(cn, 0),
         behavior: "smooth"
       });
     });
     return () => {
       window.cancelAnimationFrame(s);
     };
-  }, [R, ge]), a(() => {
-    if (!ce.current || (ce.current = !1, R.length === 0))
+  }, [C, ge]), c(() => {
+    if (!ae.current || (ae.current = !1, C.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
-      vt();
+      bt();
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [R, vt]), /* @__PURE__ */ n.jsxs(
+  }, [C, bt]), /* @__PURE__ */ n.jsxs(
     "section",
     {
-      ref: ie,
+      ref: ce,
       className: X(
         "relative h-full w-full",
         T && "slide--mobile-device",
         z && "slide--mobile-landscape",
-        nt && "slide--mobile-landscape-native",
-        wt
+        ot && "slide--mobile-landscape-native",
+        At
       ),
-      onClick: en,
-      onPointerDown: Zt,
-      ...It,
+      onClick: on,
+      onPointerDown: rn,
+      ..._t,
       children: [
-        Bt ? /* @__PURE__ */ n.jsx(
+        Lt ? /* @__PURE__ */ n.jsx(
           "div",
           {
             "aria-hidden": "true",
@@ -703,22 +712,22 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
         /* @__PURE__ */ n.jsxs(
           "div",
           {
-            ref: Ue,
+            ref: $e,
             className: X(
               "slide__viewport relative h-full min-h-0 w-full",
               z && "slide__viewport--mobile-landscape",
-              z && !Ft && "slide__viewport--mobile-landscape-native"
+              z && !Bt && "slide__viewport--mobile-landscape-native"
             ),
             children: [
-              Mt ? /* @__PURE__ */ n.jsxs("div", { className: "slide-landscape-header", children: [
+              Nt ? /* @__PURE__ */ n.jsxs("div", { className: "slide-landscape-header", children: [
                 /* @__PURE__ */ n.jsx(
                   "button",
                   {
                     "aria-label": S?.backAriaLabel ?? "Back",
                     className: "slide-landscape-header__back",
-                    onClick: jt,
+                    onClick: Vt,
                     type: "button",
-                    children: /* @__PURE__ */ n.jsx(Tn, { className: "h-6 w-6 text-white", strokeWidth: 2.25 })
+                    children: /* @__PURE__ */ n.jsx(Rn, { className: "h-6 w-6 text-white", strokeWidth: 2.25 })
                   }
                 ),
                 S?.content ? /* @__PURE__ */ n.jsx("div", { className: "min-w-0 flex-1 overflow-hidden", children: S.content }) : null
@@ -728,19 +737,19 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
                 {
                   className: X(
                     "h-full min-h-0 w-full",
-                    Ot && "slide__viewport-content--with-header",
-                    _t ? "slide-content--single" : "grid gap-4"
+                    kt && "slide__viewport-content--with-header",
+                    Et ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: R.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: Ae, className: "slide-stage__layer w-full", children: Vt.map(
+                  children: C.length > 0 ? /* @__PURE__ */ n.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ n.jsx("div", { ref: _e, className: "slide-stage__layer w-full", children: Ht.map(
                     (e, t) => {
-                      const l = t === Kt;
+                      const l = t === Dt;
                       return /* @__PURE__ */ n.jsx(
                         "div",
                         {
                           "aria-hidden": !l || void 0,
                           className: "w-full h-full",
                           style: { display: l ? void 0 : "none" },
-                          children: $t(
+                          children: Xt(
                             e.elementList,
                             l
                           )
@@ -751,61 +760,62 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
                   ) }) }) : null
                 }
               ),
-              Tt ? /* @__PURE__ */ n.jsx(
-                sn,
+              Pt ? /* @__PURE__ */ n.jsx(
+                dn,
                 {
-                  message: Se,
+                  message: xe,
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
                 }
               ) : null,
               /* @__PURE__ */ n.jsx(
-                vn,
+                Sn,
                 {
-                  onClose: kt,
-                  open: Ct,
-                  text: Nt
+                  onClose: qt,
+                  open: Ot,
+                  text: jt
                 }
               ),
               /* @__PURE__ */ n.jsx(
-                pn,
+                bn,
                 {
-                  extraBottomOffset: Et,
+                  extraBottomOffset: Rt,
                   hasPlayerGap: E,
+                  isEnabled: Ct,
                   isPlayerHidden: w && !E,
                   playbackTimeStore: U,
-                  subtitleCues: qt
+                  subtitleCues: Ut
                 }
               ),
-              je ? /* @__PURE__ */ n.jsx(
+              Ke ? /* @__PURE__ */ n.jsx(
                 "div",
                 {
-                  ref: $e,
+                  ref: Ye,
                   className: X(
                     "slide-interaction-overlay",
                     E && w ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
                   ),
-                  onClick: yt,
-                  onPointerDown: yt,
-                  style: Dt,
+                  onClick: gt,
+                  onPointerDown: gt,
+                  style: zt,
                   children: /* @__PURE__ */ n.jsx(
-                    St,
+                    wt,
                     {
                       content: String(o?.content ?? ""),
-                      defaultButtonText: ft.buttonText ?? "",
-                      defaultInputText: ft.inputText ?? "",
-                      defaultSelectedValues: Ht,
-                      confirmButtonText: K?.confirmButtonText,
-                      copyButtonText: K?.copyButtonText,
-                      copiedButtonText: K?.copiedButtonText,
-                      onSend: Ut,
-                      readonly: pt,
-                      title: K?.title ?? xe ?? "Submit the content below to continue."
+                      defaultButtonText: pt.buttonText ?? "",
+                      defaultInputText: pt.inputText ?? "",
+                      defaultSelectedValues: Wt,
+                      confirmButtonText: V?.confirmButtonText,
+                      copyButtonText: V?.copyButtonText,
+                      copiedButtonText: V?.copiedButtonText,
+                      onSend: Yt,
+                      readonly: vt,
+                      title: V?.title ?? we ?? "Submit the content below to continue."
                     }
                   )
                 }
               ) : null,
               w ? /* @__PURE__ */ n.jsx(
-                mn,
+                yn,
                 {
                   audioList: p,
                   className: X(
@@ -813,31 +823,34 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
                     J,
                     !E && "pointer-events-none opacity-0"
                   ),
-                  currentAudioIndex: g,
+                  currentAudioIndex: h,
                   defaultPlaying: !0,
                   isPlaybackPaused: N,
-                  isAutoAdvanceEnabled: _e,
+                  isAutoAdvanceEnabled: Te,
                   hasInteraction: !!o,
-                  isInteractionOpen: fe,
-                  onAutoAdvanceToggle: Qe,
-                  onLoadingChange: Xt,
+                  isInteractionOpen: me,
+                  onAutoAdvanceToggle: et,
+                  onLoadingChange: en,
+                  onPlaybackStarted: () => {
+                    Ee(!0);
+                  },
                   onPlaybackTimeChange: U.setTime,
-                  nextDisabled: !C,
-                  onEnded: Jt,
-                  onFullscreen: Wt,
-                  isFullscreen: Pt,
+                  nextDisabled: !R,
+                  onEnded: tn,
+                  onFullscreen: Jt,
+                  isFullscreen: Ft,
                   mobileViewMode: B,
-                  settingsPortalContainer: Ue.current,
-                  onMobileViewModeChange: Lt,
-                  onInteractionToggle: Qt,
-                  onNext: Gt,
-                  onPrev: Yt,
-                  prevDisabled: !At,
+                  settingsPortalContainer: $e.current,
+                  onMobileViewModeChange: Kt,
+                  onInteractionToggle: nn,
+                  onNext: Zt,
+                  onPrev: Qt,
+                  prevDisabled: !Tt,
                   showControls: E,
-                  texts: ke,
-                  customActionContext: Me,
-                  customActions: V,
-                  useAutoAdvanceToggle: Ne
+                  texts: Ve,
+                  customActionContext: Ne,
+                  customActions: K,
+                  useAutoAdvanceToggle: Le
                 }
               ) : null
             ]
@@ -848,6 +861,6 @@ const Fn = (j, k) => j.length === k.length && j.every((b, J) => {
   );
 };
 export {
-  lr as default
+  cr as default
 };
 //# sourceMappingURL=Slide.es.js.map