markdown-flow-ui 0.1.123 → 0.1.124

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

@@ -12,7 +12,7 @@ import En from "./Player.es.js";
 import Pn from "./SubtitleOverlay.es.js";
 import Tn from "./useSlide.es.js";
 import Cn from "./useWakePlayerFromIframe.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as Ee, resolveMobileViewModeState as Rn } from "./utils/mobileScreenMode.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as _e, resolveMobileViewModeState as Rn } from "./utils/mobileScreenMode.es.js";
 import { shouldPresentInteractionOverlay as Mn } from "./utils/interactionPlayback.es.js";
 import { shouldAutoAdvanceIntoAppendedMarker as kn } from "./utils/appendedMarkerAdvance.es.js";
 import { getPlaybackSequenceTransition as Fn } from "./utils/playbackSequence.es.js";
@@ -21,11 +21,11 @@ import { createPlaybackTimeStore as On } from "./utils/playbackTimeStore.es.js";
 import { shouldUseAutoAdvanceToggle as jn } from "./utils/playerToggleMode.es.js";
 /* empty css             */
 import Ln from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.es.js";
-const Kn = 2e3, Vn = 300, qn = 160, Dn = 16, Ue = "waitingForAudio", Tt = {
+const Kn = 2e3, Vn = 300, qn = 160, Dn = 16, De = "waitingForAudio", Tt = {
   waitingForAudio: "Waiting for current slide audio...",
   loadingAudio: "Loading current slide audio...",
   waitingForMoreAudio: "Waiting for more current slide audio..."
-}, Un = (b, I) => typeof b == "string" ? b : b[I] ?? b[Ue] ?? Tt[I], zn = (b, I) => I ? b !== "loadingAudio" : !1, Ct = gn(
+}, Un = (b, I) => typeof b == "string" ? b : b[I] ?? b[De] ?? Tt[I], zn = (b, I) => I ? b !== "loadingAudio" : !1, Ct = gn(
   ({
     content: b,
     title: I,
@@ -34,8 +34,8 @@ const Kn = 2e3, Vn = 300, qn = 160, Dn = 16, Ue = "waitingForAudio", Tt = {
     defaultSelectedValues: _,
     confirmButtonText: V,
     copyButtonText: Z,
-    copiedButtonText: Pe,
-    onSend: Te,
+    copiedButtonText: Ee,
+    onSend: Pe,
     readonly: q = !1
   }) => /* @__PURE__ */ r.jsxs("div", { className: "slide-player__interaction-card", children: [
     /* @__PURE__ */ r.jsx("div", { className: "slide-player__interaction-header", children: /* @__PURE__ */ r.jsx("p", { className: "slide-player__interaction-title", children: I }) }),
@@ -48,8 +48,8 @@ const Kn = 2e3, Vn = 300, qn = 160, Dn = 16, Ue = "waitingForAudio", Tt = {
         defaultSelectedValues: _,
         confirmButtonText: V,
         copyButtonText: Z,
-        copiedButtonText: Pe,
-        onSend: Te,
+        copiedButtonText: Ee,
+        onSend: Pe,
         readonly: q,
         sandboxMode: "content"
       }
@@ -68,30 +68,30 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   fullscreenHeader: _,
   playerCustomActions: V,
   playerCustomActionPauseOnActive: Z = !0,
-  bufferingText: Pe = Tt,
-  interactionTitle: Te,
+  bufferingText: Ee = Tt,
+  interactionTitle: Pe,
   interactionTexts: q,
   playerTexts: Rt,
-  playerAutoHideDelay: Ce = 3e3,
-  markerAutoAdvanceDelay: ze = Kn,
+  playerAutoHideDelay: Te = 3e3,
+  markerAutoAdvanceDelay: Ue = Kn,
   interactionDefaultValueOptions: fe,
-  onSend: Ge,
-  onPlayerVisibilityChange: Re,
-  onMobileViewModeChange: He,
-  onStepChange: We,
+  onSend: ze,
+  onPlayerVisibilityChange: Ce,
+  onMobileViewModeChange: Ge,
+  onStepChange: He,
   enableIframeScaling: Mt = !0,
   disableLoadingOverlay: T = !1,
   className: kt,
-  onPointerDown: $e,
+  onPointerDown: We,
   ...Ft
 }) => {
-  const me = p(null), Ye = p(null), Me = p(null), Xe = p(null), ee = p(null), te = p(null), ne = p(null), re = p(null), Je = p(null), Qe = p([]), pe = p(!1), D = p(null), Ze = p(null), et = p({
+  const me = p(null), $e = p(null), Re = p(null), Ye = p(null), ee = p(null), te = p(null), ne = p(null), re = p(null), Xe = p(null), Je = p([]), pe = p(!1), D = p(null), Qe = p(null), Ze = p({
     markerCount: 0,
     currentIndex: -1,
     canGoNext: !1
   }), {
     currentElementList: B,
-    stepElementLists: tt,
+    stepElementLists: et,
     slideElementList: N,
     currentIndex: d,
     audioList: h,
@@ -100,7 +100,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     currentInteractionElement: u,
     canGoPrev: Bt,
     canGoNext: x,
-    handlePrev: nt,
+    handlePrev: tt,
     handleNext: C
   } = Tn(b), oe = c(() => {
     if (!(d < 0))
@@ -110,12 +110,12 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   ).length === 1, E = I && (N.length > 0 || h.length > 0 || !!u), R = c(
     () => he.map((e) => h[e]?.audioKey).filter((e) => !!e),
     [h, he]
-  ), [rt, ve] = m(!0), [ye, se] = m(!1), [ie, ot] = m(!0), [le, ge] = m(!0), [v, U] = m(null), [Ot, y] = m(!1), [jt, ke] = m(Ue), [M, st] = m(!1), [Lt, Fe] = m(!1), [it, Kt] = m(!0), [Be, Ne] = m(!1), [o, Oe] = m(), [be, Se] = m(!1), [
+  ), [nt, ve] = m(!0), [ye, se] = m(!1), [ie, rt] = m(!0), [le, ot] = m(!0), [v, U] = m(null), [Ot, y] = m(!1), [jt, Me] = m(De), [M, st] = m(!1), [Lt, ke] = m(!1), [it, Kt] = m(!0), [Fe, Be] = m(!1), [o, Ne] = m(), [ge, be] = m(!1), [
     Vt,
     ce
-  ] = m(0), [lt, qt] = m(!1), O = c(() => wn(), []), [Ae, je] = m(
-    Ee
-  ), [ct, Le] = m(!1), [Dt, at] = m(
+  ] = m(0), [lt, qt] = m(!1), O = c(() => wn(), []), [Se, Oe] = m(
+    _e
+  ), [ct, je] = m(!1), [Dt, at] = m(
     () => O ? Pt() : !1
   ), z = c(() => On(), []), {
     effectiveMobileViewMode: G,
@@ -126,30 +126,30 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     () => Rn({
       hasManualMobileViewMode: ct,
       isMobileDevice: O,
-      mobileViewMode: Ae
+      mobileViewMode: Se
     }),
     [
       ct,
       O,
       Dt,
-      Ae
+      Se
     ]
-  ), zt = p(G), k = E && (w || rt), Gt = H && k, Ht = H && k, Wt = H || ut, dt = lt && !O, $t = n(
+  ), zt = p(G), k = E && (w || nt), Gt = H && k, Ht = H && k, Wt = H || ut, dt = lt && !O, $t = n(
     (e) => {
-      Le(!0), je(e);
+      je(!0), Oe(e);
     },
     []
   ), ft = n(() => {
-    Le(!1), je(Ee);
+    je(!1), Oe(_e);
   }, []), Yt = n(() => {
     ft(), _?.onBack?.();
   }, [_, ft]), mt = n((e) => {
-    Ne(e);
+    Be(e);
   }, []), pt = n(() => {
-    Ne((e) => !e);
+    Be((e) => !e);
   }, []), { mountedStepStates: Xt, currentMountedStateIndex: Jt } = c(() => {
     const e = [], t = /* @__PURE__ */ new Map();
-    return tt.forEach((l, f) => {
+    return et.forEach((l, f) => {
       const i = e.findIndex(
         (a) => Gn(
           a.elementList,
@@ -168,15 +168,15 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       mountedStepStates: e,
       currentMountedStateIndex: d >= 0 ? t.get(d) ?? -1 : -1
     };
-  }, [d, tt]), ht = c(() => String(d), [d]), g = c(() => v ? h.findIndex(
+  }, [d, et]), ht = c(() => String(d), [d]), g = c(() => v ? h.findIndex(
     (e) => (e.audioKey ?? "") === v
-  ) : -1, [h, v]), Ke = c(
+  ) : -1, [h, v]), Le = c(
     () => g >= 0 ? h[g] : void 0,
     [h, g]
-  ), Qt = Ke?.element?.subtitle_cues ?? [], xe = c(
+  ), Qt = Le?.element?.subtitle_cues ?? [], Ae = c(
     () => R[0] ?? "none",
     [R]
-  ), Ve = c(
+  ), Ke = c(
     () => ({
       currentElement: Bn({
         currentAudioIndex: g,
@@ -187,7 +187,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       }),
       currentIndex: d,
       currentStepElement: oe,
-      isActive: Be,
+      isActive: Fe,
       setActive: mt,
       toggleActive: pt
     }),
@@ -198,24 +198,24 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       he,
       d,
       oe,
-      Be,
+      Fe,
       mt,
       pt
     ]
-  ), qe = c(
+  ), Ve = c(
     () => Nn(
       V,
-      Ve
+      Ke
     ),
-    [Ve, V]
+    [Ke, V]
   ), Zt = c(
     () => ({
-      "--slide-player-custom-action-count": String(qe),
+      "--slide-player-custom-action-count": String(Ve),
       "--slide-player-mobile-control-count": String(
-        qe + 4
+        Ve + 4
       )
     }),
-    [qe]
+    [Ve]
   ), vt = R.length > 0, yt = c(() => u ? `${u.sequence_number ?? "none"}:${String(
     u.content ?? ""
   )}` : "none", [u]), ae = c(
@@ -224,13 +224,13 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   ), en = c(
     () => [
       ae,
-      Ke?.audioKey ?? "none",
+      Le?.audioKey ?? "none",
       String(g)
     ].join("|"),
-    [g, Ke?.audioKey, ae]
-  ), gt = !!c(() => !xe || xe === "none" ? "" : h.find(
-    (t) => t.audioKey === xe
-  )?.audioUrl?.trim() ?? "", [h, xe]), L = Z && !!V && Be, ue = c(
+    [g, Le?.audioKey, ae]
+  ), gt = !!c(() => !Ae || Ae === "none" ? "" : h.find(
+    (t) => t.audioKey === Ae
+  )?.audioUrl?.trim() ?? "", [h, Ae]), L = Z && !!V && Fe, ue = c(
     () => jn({
       canGoNext: x,
       currentAudioIndex: g,
@@ -252,7 +252,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   }, []), W = n(() => {
     te.current !== null && (window.clearTimeout(te.current), te.current = null);
   }, []), $ = n(() => {
-    W(), j(), F(), U(null), z.reset(), y(!1), ke(Ue), st(!1), Fe(!1), Oe(void 0), Se(!1), ce(0);
+    W(), j(), F(), U(null), z.reset(), y(!1), Me(De), st(!1), ke(!1), Ne(void 0), be(!1), ce(0);
   }, [
     W,
     j,
@@ -261,8 +261,8 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   ]), Y = n(() => {
     const e = R[0];
     return e ? (U(e), !0) : !1;
-  }, [R]), Ie = n(() => {
-    j(), F(), Se(!1), ce(0), !Y() && x && C();
+  }, [R]), xe = n(() => {
+    j(), F(), be(!1), ce(0), !Y() && x && C();
   }, [
     x,
     j,
@@ -276,7 +276,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       const t = () => {
         re.current = null, ce(
           qn
-        ), Se(!0), D.current = null;
+        ), be(!0), D.current = null;
       };
       re.current = window.setTimeout(
         t,
@@ -286,28 +286,28 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     [F]
   ), A = n(
     (e = ye) => {
-      E && (ve(!0), K(), !(w || !e || Ce <= 0) && (ee.current = window.setTimeout(() => {
+      E && (ve(!0), K(), !(w || !e || Te <= 0) && (ee.current = window.setTimeout(() => {
         ve(!1), ee.current = null;
-      }, Ce)));
+      }, Te)));
     },
     [
       K,
       ye,
       w,
-      Ce,
+      Te,
       E
     ]
   ), de = !!(u?.readonly || u?.user_input?.trim()), X = !!u && !de, tn = n((e) => {
-    ot(e), ge(e);
-  }, []), we = n(
+    rt(e);
+  }, []), Ie = n(
     (e) => {
       const t = e?.shouldContinuePlayback ?? ie;
-      ot(t), ge(t);
+      rt(t);
     },
     [ie]
   );
   s(() => {
-    ge(ie), Z && Ne(!1);
+    ot(ie), Z && Be(!1);
   }, [d, ie, Z]), s(() => () => {
     W(), K(), j(), F();
   }, [
@@ -315,11 +315,11 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     j,
     F,
     K
-  ]), s(() => (Re?.(k), () => {
-    Re?.(!1);
-  }), [Re, k]), s(() => {
-    O || Ae === Ee || (Le(!1), je(Ee));
-  }, [O, Ae]), s(() => {
+  ]), s(() => (Ce?.(k), () => {
+    Ce?.(!1);
+  }), [Ce, k]), s(() => {
+    O || Se === _e || (je(!1), Oe(_e));
+  }, [O, Se]), s(() => {
     if (!O) {
       at(!1);
       return;
@@ -329,13 +329,13 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     };
     return e(), _n(e);
   }, [O]), s(() => {
-    He?.(G);
-  }, [G, He]), s(() => {
+    Ge?.(G);
+  }, [G, Ge]), s(() => {
     zt.current = G;
   }, [G]), s(() => {
-    We?.(oe, d);
-  }, [d, oe, We]), s(() => {
-    const e = et.current, t = kn(
+    He?.(oe, d);
+  }, [d, oe, He]), s(() => {
+    const e = Ze.current, t = kn(
       {
         previousMarkerCount: e.markerCount,
         nextMarkerCount: N.length,
@@ -351,7 +351,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         shouldUseSilentStepAutoAdvanceToggle: ue
       }
     );
-    et.current = {
+    Ze.current = {
       markerCount: N.length,
       currentIndex: d,
       canGoNext: x
@@ -401,12 +401,12 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     }
   }), s(() => {
     const { hasPlaybackContextChanged: e, shouldInitializeAudioSequence: t } = Fn({
-      previousResetKey: Ze.current,
+      previousResetKey: Qe.current,
       nextResetKey: ae,
       currentAudioKey: v,
       hasCompletedCurrentStepAudio: M
     });
-    Ze.current = ae;
+    Qe.current = ae;
     const l = D.current === d && !!u, f = Mn({
       hasInteraction: !!u,
       shouldBlockPlaybackForInteraction: X,
@@ -416,7 +416,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       currentStepHasSpeakableElement: S
     });
     if (e && $(), !(B.length === 0 && !u) && !L) {
-      if (u && Oe(u), f) {
+      if (u && Ne(u), f) {
         bt(u);
         return;
       }
@@ -432,7 +432,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         if (x && !(ue && !le))
           return te.current = window.setTimeout(() => {
             te.current = null, C();
-          }, ze), () => {
+          }, Ue), () => {
             W();
           };
       }
@@ -445,7 +445,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     v,
     ae,
     S,
-    ze,
+    Ue,
     C,
     M,
     T,
@@ -471,7 +471,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       y(!1);
       return;
     }
-    ke("waitingForAudio"), y(!0);
+    Me("waitingForAudio"), y(!0);
   }, [
     vt,
     S,
@@ -494,7 +494,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
   }, [g, v]), s(() => {
     g >= 0 || z.reset();
   }, [g, z]), s(() => {
-    Fe(!1);
+    ke(!1);
   }, [en]);
   const St = c(() => {
     if (!o)
@@ -514,19 +514,19 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       o.user_input,
       e ? void 0 : fe
     );
-  }, [o, fe]), At = !!o?.user_input?.trim(), xt = !!o?.readonly || At, It = xt || At, De = !!o && be, rn = n(
+  }, [o, fe]), At = !!o?.user_input?.trim(), xt = !!o?.readonly || At, It = xt || At, qe = !!o && ge, rn = n(
     (e) => {
       const l = [
         ...e.selectedValues ?? [],
         e.inputText?.trim() ?? "",
         e.buttonText?.trim() ?? ""
       ].filter(Boolean).join(", ");
-      Oe((f) => !f || !l ? f : {
+      Ne((f) => !f || !l ? f : {
         ...f,
         user_input: l
-      }), Ge?.(e, o), Ie();
+      }), ze?.(e, o), xe();
     },
-    [o, Ie, Ge]
+    [o, xe, ze]
   );
   s(() => {
     const e = () => {
@@ -536,11 +536,11 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       document.removeEventListener("fullscreenchange", e);
     };
   }, []), s(() => {
-    if (!De) {
+    if (!qe) {
       ce(0);
       return;
     }
-    const e = Je.current;
+    const e = Xe.current;
     if (!e)
       return;
     const t = () => {
@@ -559,17 +559,17 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     return l.observe(e), () => {
       l.disconnect();
     };
-  }, [De]), s(() => {
-    if (j(), !(!be || !It))
+  }, [qe]), s(() => {
+    if (j(), !(!ge || !It))
       return ne.current = window.setTimeout(() => {
-        ne.current = null, Ie();
+        ne.current = null, xe();
       }, 2e3), () => {
         j();
       };
   }, [
     j,
-    Ie,
-    be,
+    xe,
+    ge,
     It
   ]);
   const on = (e, t = {}) => e ? e.type === "slot" ? /* @__PURE__ */ r.jsx(r.Fragment, { children: e.content }) : e.type === "html" ? /* @__PURE__ */ r.jsx(
@@ -608,7 +608,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       return /* @__PURE__ */ r.jsx(
         "div",
         {
-          ref: t && a === f ? Xe : null,
+          ref: t && a === f ? Ye : null,
           "aria-hidden": P || void 0,
           className: J(
             "w-full shrink-0",
@@ -634,30 +634,30 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       });
     }
   }, []), wt = n(() => {
-    const e = Me.current;
+    const e = Re.current;
     e && e.scrollTo({
       top: e.scrollHeight,
       behavior: "smooth"
     });
   }, []), cn = n(
     (e) => {
-      we(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), nt();
+      Ie(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), tt();
     },
     [
-      nt,
+      tt,
       $,
       A,
-      we
+      Ie
     ]
   ), an = n(
     (e) => {
-      we(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), C();
+      Ie(e), pe.current = !0, D.current = null, se(!0), y(!1), A(!0), $(), C();
     },
     [
       C,
       $,
       A,
-      we
+      Ie
     ]
   ), un = n(
     ({
@@ -672,7 +672,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         y(!1);
         return;
       }
-      e && t && ke(t), y(zn(t, e));
+      e && t && Me(t), y(zn(t, e));
     },
     [
       S,
@@ -717,33 +717,33 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
       N
     ]
   ), fn = n(() => {
-    o && Se((e) => !e);
+    o && be((e) => !e);
   }, [o]), _t = n(
     (e) => {
       e.stopPropagation(), k && A(!0);
     },
-    [rt, A]
+    [nt, A]
   ), mn = n(
     (e) => {
-      $e?.(e);
+      We?.(e);
     },
-    [$e]
+    [We]
   ), pn = n(() => {
     se(!0), A(!0);
-  }, [A]), _e = c(
+  }, [A]), we = c(
     () => B.map(
       (e, t) => `${e.sequence_number ?? `${e.type}-${t}`}:${String(e.is_new ?? "")}`
     ),
     [B]
   );
   return s(() => {
-    const e = Qe.current, f = (e.length > 0 && e.length < _e.length && e.every((a, P) => a === _e[P]) ? B.slice(e.length) : []).some(
+    const e = Je.current, f = (e.length > 0 && e.length < we.length && e.every((a, P) => a === we[P]) ? B.slice(e.length) : []).some(
       (a) => a.is_new === !1
     );
-    if (Qe.current = _e, !f)
+    if (Je.current = we, !f)
       return;
     const i = window.requestAnimationFrame(() => {
-      const a = Me.current, P = Xe.current;
+      const a = Re.current, P = Ye.current;
       if (!a || !P)
         return;
       const hn = a.getBoundingClientRect(), vn = P.getBoundingClientRect(), yn = a.scrollTop + (vn.top - hn.top);
@@ -755,7 +755,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
     return () => {
       window.cancelAnimationFrame(i);
     };
-  }, [B, _e]), s(() => {
+  }, [B, we]), s(() => {
     if (!pe.current || (pe.current = !1, B.length === 0))
       return;
     const e = window.requestAnimationFrame(() => {
@@ -790,7 +790,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
         /* @__PURE__ */ r.jsxs(
           "div",
           {
-            ref: Ye,
+            ref: $e,
             className: J(
               "slide__viewport relative h-full min-h-0 w-full",
               H && "slide__viewport--mobile-landscape",
@@ -824,7 +824,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                     Ht && "slide__viewport-content--with-header",
                     Nt ? "slide-content--single" : "grid gap-4"
                   ),
-                  children: B.length > 0 ? /* @__PURE__ */ r.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ r.jsx("div", { ref: Me, className: "slide-stage__layer w-full", children: Xt.map(
+                  children: B.length > 0 ? /* @__PURE__ */ r.jsx("div", { className: "slide-stage", children: /* @__PURE__ */ r.jsx("div", { ref: Re, className: "slide-stage__layer w-full", children: Xt.map(
                     (e, t) => {
                       const l = t === Jt;
                       return /* @__PURE__ */ r.jsx(
@@ -848,7 +848,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                 Sn,
                 {
                   message: Un(
-                    Pe,
+                    Ee,
                     jt
                   ),
                   className: "absolute left-1/2 top-1/2 z-[3] -translate-x-1/2 -translate-y-1/2"
@@ -865,10 +865,10 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                   subtitleCues: Qt
                 }
               ),
-              De ? /* @__PURE__ */ r.jsx(
+              qe ? /* @__PURE__ */ r.jsx(
                 "div",
                 {
-                  ref: Je,
+                  ref: Xe,
                   className: J(
                     "slide-interaction-overlay",
                     k && E ? "slide-interaction-overlay--with-player" : "slide-interaction-overlay--standalone"
@@ -888,7 +888,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                       copiedButtonText: q?.copiedButtonText,
                       onSend: rn,
                       readonly: xt,
-                      title: q?.title ?? Te ?? "Submit the content below to continue."
+                      title: q?.title ?? Pe ?? "Submit the content below to continue."
                     }
                   )
                 }
@@ -908,13 +908,13 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                   isPlaybackPaused: L,
                   isAutoAdvanceEnabled: le,
                   hasInteraction: !!o,
-                  isInteractionOpen: be,
+                  isInteractionOpen: ge,
                   isSubtitleEnabled: it,
-                  onAutoAdvanceToggle: ge,
+                  onAutoAdvanceToggle: ot,
                   onLoadingChange: un,
                   onPlaybackPreferenceChange: tn,
                   onPlaybackStarted: () => {
-                    Fe(!0);
+                    ke(!0);
                   },
                   onPlaybackTimeChange: z.setTime,
                   onSubtitleToggle: () => {
@@ -925,7 +925,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                   onFullscreen: ln,
                   isFullscreen: lt,
                   mobileViewMode: G,
-                  settingsPortalContainer: Ye.current,
+                  settingsPortalContainer: $e.current,
                   onMobileViewModeChange: $t,
                   onInteractionToggle: fn,
                   onNext: an,
@@ -933,7 +933,7 @@ const Gn = (b, I) => b.length === I.length && b.every((w, Q) => {
                   prevDisabled: !Bt,
                   showControls: k,
                   texts: Rt,
-                  customActionContext: Ve,
+                  customActionContext: Ke,
                   customActions: V,
                   useAutoAdvanceToggle: ue
                 }