markdown-flow-ui 0.1.115 → 0.1.116-beta.0

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

@@ -1,26 +1,28 @@
-import { j as r } from "../../_virtual/jsx-runtime.es.js";
-import Je, { memo as Qe, useRef as c, useState as ke, useMemo as O, useEffect as b, useCallback as l } from "react";
-import { cn as Ae } from "../../lib/utils.es.js";
-import Ie from "./MobilePlayerSettingsSheet.es.js";
-import { DEFAULT_SLIDE_PLAYER_TEXTS as er } from "./constants.es.js";
-import { DEFAULT_MOBILE_VIEW_MODE as rr } from "./utils/mobileScreenMode.es.js";
-import { toPlayerCustomActionList as tr } from "./utils/playerCustomActions.es.js";
+import { j as t } from "../../_virtual/jsx-runtime.es.js";
+import rr, { memo as tr, useRef as a, useState as Ee, useMemo as z, useEffect as b, useCallback as u } from "react";
+import { cn as Te } from "../../lib/utils.es.js";
+import nr from "./MobilePlayerSettingsSheet.es.js";
+import { DEFAULT_SLIDE_PLAYER_TEXTS as ur } from "./constants.es.js";
+import { DEFAULT_MOBILE_VIEW_MODE as lr } from "./utils/mobileScreenMode.es.js";
+import { hasReachedAudioEnd as sr } from "./utils/audioCompletion.es.js";
+import { resolveAudioPlaybackSourceType as ar } from "./utils/playbackSource.es.js";
+import { toPlayerCustomActionList as cr } from "./utils/playerCustomActions.es.js";
 /* empty css              */
-import nr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
-import sr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
-import lr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
-import ur from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
-import ar from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
-import cr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
-import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
-import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
-import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
-const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
-  if (typeof window > "u" || !R || Ee.has(R))
+import ir from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.es.js";
+import or from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.es.js";
+import fr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions.es.js";
+import dr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/captions-off.es.js";
+import mr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.es.js";
+import pr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.es.js";
+import hr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/scan-line.es.js";
+import yr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.es.js";
+import gr from "../../markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.es.js";
+const Ne = /* @__PURE__ */ new Map(), Re = (N) => {
+  if (typeof window > "u" || !N || Ne.has(N))
     return;
-  const v = window.document.createElement("audio");
-  v.preload = "auto", v.setAttribute("playsinline", "true"), v.src = R, v.load(), Ee.set(R, v);
-}, dr = () => /* @__PURE__ */ r.jsxs(
+  const F = window.document.createElement("audio");
+  F.preload = "auto", F.setAttribute("playsinline", "true"), F.src = N, F.load(), Ne.set(N, F);
+}, _r = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -29,17 +31,17 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ r.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
+      /* @__PURE__ */ t.jsx("path", { d: "M12 10H16V24H12V10ZM18 10H22V24H18V10Z", fill: "white" })
     ]
   }
-), mr = () => /* @__PURE__ */ r.jsxs(
+), br = () => /* @__PURE__ */ t.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -48,415 +50,441 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
     viewBox: "0 0 34 34",
     fill: "none",
     children: [
-      /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.jsx(
         "path",
         {
           d: "M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",
           fill: "#0A0A0A"
         }
       ),
-      /* @__PURE__ */ r.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
+      /* @__PURE__ */ t.jsx("path", { d: "M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z", fill: "white" })
     ]
   }
-), pr = ({
-  audioList: R = [],
-  className: v,
+), Sr = ({
+  audioList: N = [],
+  className: F,
   currentAudioIndex: m = -1,
-  defaultPlaying: j = !0,
-  isPlaybackPaused: L = !1,
-  isAutoAdvanceEnabled: Y = !0,
-  useAutoAdvanceToggle: G = !1,
-  onLoadingChange: te,
-  onPlaybackStarted: ne,
-  onPlaybackTimeChange: q,
+  defaultPlaying: M = !0,
+  isPlaybackPaused: U = !1,
+  isAutoAdvanceEnabled: J = !0,
+  useAutoAdvanceToggle: Q = !1,
+  onLoadingChange: ue,
+  onPlaybackStarted: le,
+  onPlaybackTimeChange: D,
   onSubtitleToggle: se,
-  onPrev: Re,
-  onNext: Te,
-  onFullscreen: le,
-  isFullscreen: ue = !1,
-  mobileViewMode: Ce = rr,
-  settingsPortalContainer: ve,
-  onMobileViewModeChange: ae,
-  onEnded: ce,
-  onAutoAdvanceToggle: Le,
-  onInteractionToggle: Ue,
-  hasInteraction: Fe = !1,
-  isInteractionOpen: Z = !1,
-  isSubtitleEnabled: J = !0,
-  prevDisabled: Pe = !1,
-  nextDisabled: We = !1,
-  showControls: Q = !0,
-  customActions: ie,
-  customActionContext: oe,
-  texts: fe,
-  ...Ve
+  onPrev: ve,
+  onNext: Ce,
+  onFullscreen: ae,
+  isFullscreen: ce = !1,
+  mobileViewMode: Le = lr,
+  settingsPortalContainer: Fe,
+  onMobileViewModeChange: ie,
+  onEnded: oe,
+  onAutoAdvanceToggle: Ue,
+  onInteractionToggle: We,
+  hasInteraction: Pe = !1,
+  isInteractionOpen: q = !1,
+  isSubtitleEnabled: I = !0,
+  prevDisabled: Ve = !1,
+  nextDisabled: Be = !1,
+  showControls: ee = !0,
+  customActions: fe,
+  customActionContext: de,
+  texts: me,
+  ...Ze
 }) => {
-  const h = c(null), de = c(Z), M = c(null), me = c(null), x = c(0), a = c(null), z = c(void 0), k = c([]), $ = c(!1), pe = c(!1), y = c(!1), U = c(null), S = c(!1), s = c(!1), p = c(null), w = c(!1), F = c(null), I = c(0), T = c("unknown"), [ee, i] = ke(j), [he, B] = ke(!1), f = m >= 0 ? R[m] : void 0, K = f?.audioUrl, A = O(
+  const p = a(null), pe = a(q), R = a(null), he = a(null), S = a(0), c = a(null), X = a(void 0), j = a([]), K = a(!1), ye = a(!1), y = a(!1), v = a(null), Z = a(null), g = a(!1), l = a(!1), h = a(null), x = a(!1), W = a(null), re = a(0), C = a("unknown"), [te, o] = Ee(M), [ge, $] = Ee(!1), f = m >= 0 ? N[m] : void 0, P = f?.audioUrl, w = z(
     () => [...f?.audioSegments ?? []].sort(
-      (e, t) => e.segment_index - t.segment_index
+      (e, r) => e.segment_index - r.segment_index
     ),
     [f?.audioSegments]
-  ), ye = O(
-    () => tr(ie, oe),
-    [oe, ie]
-  ), ge = ye.length + 5, Be = O(
+  ), _e = z(
+    () => cr(fe, de),
+    [de, fe]
+  ), be = _e.length + 5, $e = z(
     () => ({
-      "--slide-player-mobile-control-count": String(ge)
+      "--slide-player-mobile-control-count": String(be)
     }),
-    [ge]
-  ), P = O(
+    [be]
+  ), V = z(
     () => ({
-      ...er,
-      ...fe
+      ...ur,
+      ...me
     }),
-    [fe]
-  ), re = O(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), Ke = G ? Y : ee, Ze = G ? Y ? "Pause autoplay" : "Play autoplay" : ee ? "Pause" : "Play";
+    [me]
+  ), ne = z(() => f ? f.audioKey ?? `${String(f.sequenceNumber ?? "none")}:${String(f.audioUrl ?? "")}` : "none", [f]), He = Q ? J : te, Oe = Q ? J ? "Pause autoplay" : "Play autoplay" : te ? "Pause" : "Play";
   b(() => {
-    z.current = f;
+    X.current = f;
   }, [f]), b(() => {
-    Q || B(!1);
-  }, [Q]), b(() => {
-    !de.current && Z && B(!1), de.current = Z;
-  }, [Z]), b(() => {
-    k.current = A;
-  }, [A]), b(() => {
-    const e = f?.audioUrl, t = m >= 0 ? R[m + 1]?.audioUrl : void 0;
-    Ne(e), Ne(t);
-  }, [R, f?.audioUrl, m]);
-  const n = l(
-    (e) => {
-      pe.current !== e && (pe.current = e, te?.(e));
+    ee || $(!1);
+  }, [ee]), b(() => {
+    !pe.current && q && $(!1), pe.current = q;
+  }, [q]), b(() => {
+    j.current = w;
+  }, [w]), b(() => {
+    const e = f?.audioUrl, r = m >= 0 ? N[m + 1]?.audioUrl : void 0;
+    Re(e), Re(r);
+  }, [N, f?.audioUrl, m]);
+  const n = u(
+    (e, r = null) => {
+      ye.current === e && (!e || r === null) || (ye.current = e, ue?.({
+        loading: e,
+        reason: e ? r : null
+      }));
     },
-    [te]
-  ), _e = l((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), C = l(() => j && !L && !y.current && T.current !== "blocked", [j, L]), be = l((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), xe = l(() => {
-    const e = a.current;
-    return e == null || e <= 0 ? 0 : k.current.slice(0, e).reduce(
-      (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
+    [ue]
+  ), Se = u((e) => e instanceof DOMException ? e.name === "NotAllowedError" || e.name === "SecurityError" : !1, []), L = u(() => M && !U && !y.current && C.current !== "blocked", [M, U]), xe = u((e) => e ? e.startsWith("data:") ? e : `data:audio/mpeg;base64,${e}` : "", []), we = u(() => {
+    const e = c.current;
+    return e == null || e <= 0 ? 0 : j.current.slice(0, e).reduce(
+      (r, s) => r + Math.max(Number(s.duration_ms ?? 0), 0),
       0
     ) / 1e3;
-  }, []), W = l((e) => e <= 0 ? 0 : k.current.slice(0, e).reduce(
-    (t, u) => t + Math.max(Number(u.duration_ms ?? 0), 0),
+  }, []), B = u((e) => e <= 0 ? 0 : j.current.slice(0, e).reduce(
+    (r, s) => r + Math.max(Number(s.duration_ms ?? 0), 0),
     0
-  ), []), Se = l(() => {
-    const e = h.current;
-    return e ? U.current === "segment" ? W(x.current) + Math.max(e.currentTime, 0) * 1e3 : p.current !== null && e.readyState === 0 ? p.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : a.current != null ? W(a.current) : 0;
-  }, [W]), g = l(
+  ), []), Ae = u(() => {
+    const e = p.current;
+    return e ? v.current === "segment" ? B(S.current) + Math.max(e.currentTime, 0) * 1e3 : h.current !== null && e.readyState === 0 ? h.current * 1e3 : Math.max(e.currentTime, 0) * 1e3 : c.current != null ? B(c.current) : 0;
+  }, [B]), _ = u(
     (e) => {
-      const t = Math.max(e, 0);
-      I.current !== t && (I.current = t, q?.(t));
+      const r = Math.max(e, 0);
+      re.current !== r && (re.current = r, D?.(r));
     },
-    [q]
-  ), o = l(() => {
-    g(Se());
-  }, [Se, g]), d = l(() => {
-    typeof window > "u" || F.current === null || (window.cancelAnimationFrame(F.current), F.current = null);
-  }, []), we = l(() => {
-    if (typeof window > "u" || F.current !== null)
+    [D]
+  ), i = u(() => {
+    _(Ae());
+  }, [Ae, _]), d = u(() => {
+    typeof window > "u" || W.current === null || (window.cancelAnimationFrame(W.current), W.current = null);
+  }, []), Me = u(() => {
+    if (typeof window > "u" || W.current !== null)
       return;
     const e = () => {
-      o();
-      const t = h.current;
-      if (!t || t.paused || t.ended) {
-        F.current = null;
+      i();
+      const r = p.current;
+      if (!r || r.paused || r.ended) {
+        W.current = null;
         return;
       }
-      F.current = window.requestAnimationFrame(e);
+      W.current = window.requestAnimationFrame(e);
     };
-    F.current = window.requestAnimationFrame(e);
-  }, [o]), H = l(() => {
-    const e = h.current;
-    e && (d(), s.current = !1, y.current = !1, $.current = !1, U.current = null, p.current = null, S.current = !1, w.current = !1, e.pause(), e.removeAttribute("src"), e.load(), M.current = null, x.current = 0, a.current = null, g(0), i(!1), n(!1));
-  }, [g, d, n]), _ = l(
+    W.current = window.requestAnimationFrame(e);
+  }, [i]), H = u(() => {
+    const e = p.current;
+    e && (d(), l.current = !1, y.current = !1, K.current = !1, v.current = null, h.current = null, g.current = !1, x.current = !1, Z.current = null, e.pause(), e.removeAttribute("src"), e.load(), R.current = null, S.current = 0, c.current = null, _(0), o(!1), n(!1));
+  }, [_, d, n]), A = u(
     (e) => {
-      const t = h.current;
-      if (!t)
+      const r = p.current;
+      if (!r)
         return !1;
-      const u = t.play();
-      return u && typeof u.then == "function" && u.then(() => {
-        T.current === "unknown" && (T.current = "auto"), s.current = !1, w.current = !1;
-      }).catch((V) => {
-        T.current === "unknown" && _e(V) && (T.current = "blocked", s.current = !1, n(!1)), w.current = !1, i(!1);
+      const s = r.play();
+      return s && typeof s.then == "function" && s.then(() => {
+        C.current === "unknown" && (C.current = "auto"), l.current = !1, x.current = !1;
+      }).catch((E) => {
+        C.current === "unknown" && Se(E) && (C.current = "blocked", l.current = !1, n(!1)), x.current = !1, o(!1);
       }), !0;
     },
-    [_e, n]
-  ), E = l(
-    (e, t) => {
-      const u = h.current, V = k.current[e];
-      if (!u || !V)
+    [Se, n]
+  ), k = u(
+    (e, r) => {
+      const s = p.current, E = j.current[e];
+      if (!s || !E)
         return !1;
-      const N = be(V.audio_data);
-      x.current = e, a.current = null, S.current = !1, w.current = !0, g(W(e));
-      const X = C();
-      s.current = X, n(!1);
-      const Ge = M.current !== N;
-      return U.current = "segment", Ge && (u.pause(), u.removeAttribute("src"), u.load(), M.current = N, u.src = N, u.load()), p.current = 0, u.readyState > 0 && (u.currentTime = 0, p.current = null), X ? _(`start-segment:${t}`) : (s.current = !1, w.current = !1, u.pause(), i(!1), !0);
+      const T = xe(E.audio_data);
+      S.current = e, c.current = null, g.current = !1, x.current = !0, Z.current = "segment", _(B(e));
+      const G = L();
+      l.current = G, n(!1);
+      const er = R.current !== T;
+      return v.current = "segment", er && (s.pause(), s.removeAttribute("src"), s.load(), R.current = T, s.src = T, s.load()), h.current = 0, s.readyState > 0 && (s.currentTime = 0, h.current = null), G ? A(`start-segment:${r}`) : (l.current = !1, x.current = !1, s.pause(), o(!1), !0);
     },
     [
-      C,
-      be,
-      W,
-      g,
+      L,
+      xe,
+      B,
       _,
+      A,
       n
     ]
-  ), D = l(
+  ), O = u(
     (e) => {
-      d(), s.current = !1, S.current = !1, w.current = !1, o(), i(!1), n(!1), m >= 0 && ce?.(m);
+      d(), l.current = !1, g.current = !1, x.current = !1, i(), o(!1), n(!1), m >= 0 && oe?.(m);
     },
     [
       m,
-      ce,
+      oe,
       d,
-      o,
+      i,
       n
     ]
-  ), je = l(() => {
-    const e = x.current + 1, t = k.current, u = t[e], V = z.current, N = t.some((X) => X.is_final);
-    if (u) {
-      E(e, "ended");
+  ), Y = u(
+    (e) => {
+      const r = p.current;
+      return !r || v.current !== "url" || !sr({
+        currentTimeSeconds: Math.max(r.currentTime, 0),
+        durationSeconds: r.duration
+      }) ? !1 : (l.current = !1, r.pause(), O(e), !0);
+    },
+    [O]
+  ), je = u(() => {
+    const e = S.current + 1, r = j.current, s = r[e], E = X.current, T = r.some((G) => G.is_final);
+    if (s) {
+      k(e, "ended");
       return;
     }
-    if (V?.isAudioStreaming || !N) {
-      x.current = e, a.current = e, S.current = !0, s.current = j, g(W(e)), i(!1), n(!0);
+    if (E?.isAudioStreaming || !T) {
+      S.current = e, c.current = e, g.current = !0, l.current = M, _(B(e)), o(!1), n(!0, "waitingForMoreAudio");
       return;
     }
-    D("segments-completed");
+    O("segments-completed");
   }, [
-    j,
-    D,
-    W,
-    g,
-    E,
+    M,
+    O,
+    B,
+    _,
+    k,
     n
   ]);
   b(() => {
-    if (me.current === re)
+    if (he.current === ne)
       return;
-    me.current = re, x.current = 0, a.current = null, S.current = !1, y.current = !1, $.current = !1, s.current = !1, w.current = !1, U.current = null, M.current = null, d(), g(0), n(!1);
-    const e = h.current;
-    e && (e.pause(), e.removeAttribute("src"), e.load(), i(!1));
+    he.current = ne, S.current = 0, c.current = null, g.current = !1, y.current = !1, K.current = !1, l.current = !1, x.current = !1, v.current = null, Z.current = null, R.current = null, d(), _(0), n(!1);
+    const e = p.current;
+    e && (e.pause(), e.removeAttribute("src"), e.load(), o(!1));
   }, [
     m,
-    re,
-    A.length,
-    K,
-    g,
+    ne,
+    w.length,
+    P,
+    _,
     d,
     n
   ]), b(() => {
-    const e = h.current;
+    const e = p.current;
     if (e) {
-      if (L) {
-        $.current = !!(z.current && !y.current && (!e.paused || s.current || a.current !== null)), s.current = !1, n(!1), e.pause(), i(!1);
+      if (U) {
+        K.current = !!(X.current && !y.current && (!e.paused || l.current || c.current !== null)), l.current = !1, n(!1), e.pause(), o(!1);
         return;
       }
-      if (!(!$.current || !z.current || y.current)) {
-        if ($.current = !1, a.current !== null) {
-          if (a.current < k.current.length) {
-            E(a.current, "external-resume");
+      if (!(!K.current || !X.current || y.current)) {
+        if (K.current = !1, c.current !== null) {
+          if (c.current < j.current.length) {
+            k(c.current, "external-resume");
             return;
           }
-          s.current = !0, n(!0);
+          l.current = !0, n(!0, "waitingForMoreAudio");
           return;
         }
-        if (!M.current && k.current.length > 0) {
-          E(
+        if (!R.current && j.current.length > 0) {
+          k(
             Math.min(
-              x.current,
-              k.current.length - 1
+              S.current,
+              j.current.length - 1
             ),
             "external-resume-init"
           );
           return;
         }
-        e.paused && (s.current = !0, _("external-resume"));
+        e.paused && (l.current = !0, A("external-resume"));
       }
     }
   }, [
-    L,
-    E,
-    _,
+    U,
+    k,
+    A,
     n
   ]), b(() => {
-    const e = h.current;
-    if (e) {
-      if (!f) {
-        H();
-        return;
-      }
-      if (L) {
-        s.current = !1, n(!1), e.pause(), i(!1);
-        return;
-      }
-      if (K) {
-        const t = M.current !== K, u = C();
-        if (U.current === "segment" && !!M.current && a.current === null) {
-          if (!u) {
-            s.current = !1, e.pause(), i(!1);
-            return;
-          }
-          e.paused && (s.current = !0, _("keep-segment-source"));
-          return;
-        }
-        if (t) {
-          const N = a.current !== null ? xe() : 0;
-          e.pause(), e.removeAttribute("src"), e.load(), M.current = K, U.current = "url", e.src = K, e.load(), p.current = N, g(N * 1e3), e.readyState > 0 && (e.currentTime = N, p.current = null);
-        }
-        if (s.current = u, S.current = !1, w.current = !1, n(!1), !u) {
-          s.current = !1, e.pause(), i(!1);
-          return;
-        }
-        _(t ? "sync-url-init" : "sync-url");
-        return;
+    const e = p.current;
+    if (!e)
+      return;
+    if (!f) {
+      H();
+      return;
+    }
+    if (U) {
+      l.current = !1, n(!1), e.pause(), o(!1);
+      return;
+    }
+    const r = ar({
+      activeSourceType: v.current,
+      hasAudioUrl: !!P,
+      segmentCount: w.length,
+      preferredSourceType: Z.current,
+      waitingSegmentIndex: c.current
+    });
+    if (r && Z.current !== r && (Z.current = r), r === "url" && P) {
+      const s = R.current !== P, E = L();
+      if (s) {
+        const T = c.current !== null ? we() : 0;
+        e.pause(), e.removeAttribute("src"), e.load(), R.current = P, v.current = "url", e.src = P, e.load(), h.current = T, _(T * 1e3), e.readyState > 0 && (e.currentTime = T, h.current = null);
       }
-      if (a.current !== null) {
-        if (a.current < A.length) {
-          if (y.current) {
-            i(!1), n(!1);
-            return;
-          }
-          E(a.current, "wait-resume");
-          return;
-        }
-        S.current = !0, s.current = C(), i(!1), n(C());
+      if (l.current = E, g.current = !1, x.current = !1, n(!1), !E) {
+        l.current = !1, e.pause(), o(!1);
         return;
       }
-      if (!A.length) {
-        if (f.isAudioStreaming) {
-          a.current = x.current, S.current = !0, s.current = C(), i(!1), n(C());
+      A(s ? "sync-url-init" : "sync-url");
+      return;
+    }
+    if (r === "segment" && c.current !== null) {
+      if (c.current < w.length) {
+        if (y.current) {
+          o(!1), n(!1);
           return;
         }
-        H();
-        return;
-      }
-      if (!M.current) {
-        E(
-          Math.min(
-            x.current,
-            A.length - 1
-          ),
-          "effect-init"
-        );
+        k(c.current, "wait-resume");
         return;
       }
-      if (!j || y.current) {
-        s.current = !1, e.pause(), i(!1);
+      g.current = !0, l.current = L(), o(!1), n(L());
+      return;
+    }
+    if (r === "segment" && !w.length) {
+      if (f.isAudioStreaming) {
+        c.current = S.current, g.current = !0, l.current = L(), o(!1), n(L());
         return;
       }
-      e.paused && (s.current = !0, _("sync-paused-retry"));
+      H();
+      return;
+    }
+    if (r === "segment" && !R.current) {
+      k(
+        Math.min(
+          S.current,
+          w.length - 1
+        ),
+        "effect-init"
+      );
+      return;
+    }
+    if (r !== "segment") {
+      H();
+      return;
+    }
+    if (!M || y.current) {
+      l.current = !1, e.pause(), o(!1);
+      return;
     }
+    e.paused && (l.current = !0, A("sync-paused-retry"));
   }, [
     f,
     m,
-    A,
-    K,
-    j,
+    w,
+    P,
+    M,
+    U,
     L,
-    C,
-    g,
-    H,
-    E,
     _,
-    xe,
+    H,
+    k,
+    A,
+    we,
     n
   ]), b(() => H, [H]), b(() => d, [d]);
-  const $e = l(() => {
-    o(), we(), i(!0), n(!1), ne?.();
+  const qe = u(() => {
+    i(), Me(), o(!0), n(!1), le?.();
   }, [
-    ne,
-    we,
-    o,
+    le,
+    Me,
+    i,
     n
-  ]), He = l(() => {
-    S.current || w.current || (d(), o(), i(!1));
-  }, [m, d, o]), Oe = l(() => {
-    const e = h.current;
-    e && p.current !== null && (e.currentTime = p.current, p.current = null), o(), !(!s.current || !j) && _("canplay");
+  ]), Ke = u(() => {
+    g.current || x.current || (d(), i(), o(!1));
+  }, [m, d, i]), ze = u(() => {
+    const e = p.current;
+    e && h.current !== null && (e.currentTime = h.current, h.current = null), i(), !Y("canplay-seek-finished") && (!l.current || !M || A("canplay"));
   }, [
     m,
-    j,
-    o,
-    _
-  ]), qe = l(() => {
-    const e = h.current;
-    e && p.current !== null && (e.currentTime = p.current, p.current = null), o();
-  }, [m, o]), ze = l(() => {
-    o();
-  }, [o]), Me = l(() => {
-    o();
-  }, [o]), De = l(() => {
-    const e = U.current === "url" || k.current.length === 0;
-    if (d(), w.current = !1, e) {
-      D("url-ended");
+    M,
+    Y,
+    i,
+    A
+  ]), De = u(() => {
+    const e = p.current;
+    e && h.current !== null && (e.currentTime = h.current, h.current = null), i(), Y("metadata-seek-finished");
+  }, [m, Y, i]), Xe = u(() => {
+    i();
+  }, [i]), Ye = u(() => {
+    g.current || n(!0, "loadingAudio");
+  }, [n]), Ge = u(() => {
+    if (g.current) {
+      n(!0, "waitingForMoreAudio");
+      return;
+    }
+    n(!0, "loadingAudio");
+  }, [n]), ke = u(() => {
+    i();
+  }, [i]), Je = u(() => {
+    const e = v.current === "url" || j.current.length === 0;
+    if (d(), x.current = !1, e) {
+      O("url-ended");
       return;
     }
     je();
-  }, [D, je, d]), Xe = l(() => {
-    d(), o(), i(!1), n(!1);
-  }, [d, o, n]), Ye = l(
+  }, [O, je, d]), Qe = u(() => {
+    d(), i(), o(!1), n(!1);
+  }, [d, i, n]), Ie = u(
     (e) => {
-      ae?.(e), B(!1);
+      ie?.(e), $(!1);
     },
-    [ae]
+    [ie]
   );
   return b(() => {
-    q?.(I.current);
-  }, [q]), /* @__PURE__ */ r.jsxs("div", { className: Ae("slide-player", v), ...Ve, children: [
-    /* @__PURE__ */ r.jsx(
+    D?.(re.current);
+  }, [D]), /* @__PURE__ */ t.jsxs("div", { className: Te("slide-player", F), ...Ze, children: [
+    /* @__PURE__ */ t.jsx(
       "audio",
       {
-        ref: h,
+        ref: p,
         preload: "auto",
         playsInline: !0,
-        onLoadedMetadata: qe,
-        onCanPlay: Oe,
-        onPlay: $e,
-        onPause: He,
-        onSeeking: Me,
-        onSeeked: Me,
-        onTimeUpdate: ze,
-        onEnded: De,
-        onError: Xe
+        onLoadStart: Ye,
+        onLoadedMetadata: De,
+        onCanPlay: ze,
+        onPlay: qe,
+        onPause: Ke,
+        onWaiting: Ge,
+        onSeeking: ke,
+        onSeeked: ke,
+        onTimeUpdate: Xe,
+        onEnded: Je,
+        onError: Qe
       }
     ),
-    Q ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(
-        Ie,
+    ee ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        nr,
         {
-          container: ve,
+          container: Fe,
           labels: {
-            fullscreen: P.fullscreenLabel,
-            nonFullscreen: P.nonFullscreenLabel,
-            screen: P.screenLabel,
-            subtitle: P.subtitleLabel,
-            subtitleToggle: P.subtitleToggleAriaLabel,
-            title: P.settingsTitle
+            fullscreen: V.fullscreenLabel,
+            nonFullscreen: V.nonFullscreenLabel,
+            screen: V.screenLabel,
+            subtitle: V.subtitleLabel,
+            subtitleToggle: V.subtitleToggleAriaLabel,
+            title: V.settingsTitle
           },
-          isSubtitleEnabled: J,
-          onClose: () => B(!1),
-          onOpenChange: B,
+          isSubtitleEnabled: I,
+          onClose: () => $(!1),
+          onOpenChange: $,
           onSubtitleToggle: se ?? (() => {
           }),
-          onViewModeChange: Ye,
-          open: he,
-          viewMode: Ce
+          onViewModeChange: Ie,
+          open: ge,
+          viewMode: Le
         }
       ),
-      /* @__PURE__ */ r.jsxs("div", { className: "slide-player__controls", style: Be, children: [
-        /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          /* @__PURE__ */ r.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: "slide-player__controls", style: $e, children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-expanded": he,
+              "aria-expanded": ge,
               "aria-haspopup": "dialog",
               "aria-label": "More options",
               className: "slide-player__action slide-player__action--mobile-more",
               onClick: () => {
-                B((e) => !e);
+                $((e) => !e);
               },
               type: "button",
-              children: /* @__PURE__ */ r.jsx(
-                nr,
+              children: /* @__PURE__ */ t.jsx(
+                ir,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -464,17 +492,17 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ r.jsx(sr, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx("button", { "aria-label": "Volume", className: "hidden", type: "button", children: /* @__PURE__ */ t.jsx(or, { className: "slide-player__icon", strokeWidth: 2.25 }) }),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": P.subtitleToggleAriaLabel,
-              "aria-pressed": J,
+              "aria-label": V.subtitleToggleAriaLabel,
+              "aria-pressed": I,
               className: "slide-player__action slide-player__action--subtitle",
               onClick: se,
               type: "button",
-              children: J ? /* @__PURE__ */ r.jsx(lr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ r.jsx(
-                ur,
+              children: I ? /* @__PURE__ */ t.jsx(fr, { className: "slide-player__icon", strokeWidth: 2.25 }) : /* @__PURE__ */ t.jsx(
+                dr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -482,84 +510,84 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
               )
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Rewind",
               className: "slide-player__action slide-player__action--prev",
-              disabled: Pe,
-              onClick: Re,
+              disabled: Ve,
+              onClick: ve,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(ar, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ t.jsx(mr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": Ze,
+              "aria-label": Oe,
               className: "slide-player__toggle slide-player__toggle--playback",
               onClick: () => {
-                if (G) {
-                  Le?.(!Y);
+                if (Q) {
+                  Ue?.(!J);
                   return;
                 }
-                const e = h.current;
-                if (!(L || !e || !f)) {
-                  if (a.current !== null) {
-                    if (ee) {
-                      s.current = !1, y.current = !0, a.current = null, S.current = !1, i(!1), n(!1), e.pause();
+                const e = p.current;
+                if (!(U || !e || !f)) {
+                  if (c.current !== null) {
+                    if (te) {
+                      l.current = !1, y.current = !0, c.current = null, g.current = !1, o(!1), n(!1), e.pause();
                       return;
                     }
-                    T.current = "manual", y.current = !1, s.current = !0, n(!0);
+                    C.current = "manual", y.current = !1, l.current = !0, n(!0, "waitingForMoreAudio");
                     return;
                   }
-                  if (!e.src && A.length > 0) {
-                    T.current = "manual", y.current = !1, E(
+                  if (!e.src && w.length > 0) {
+                    C.current = "manual", y.current = !1, k(
                       Math.min(
-                        x.current,
-                        A.length - 1
+                        S.current,
+                        w.length - 1
                       ),
                       "toggle"
                     );
                     return;
                   }
                   if (e.paused) {
-                    T.current = "manual", y.current = !1, s.current = !0, _("toggle-resume");
+                    C.current = "manual", y.current = !1, l.current = !0, A("toggle-resume");
                     return;
                   }
-                  s.current = !1, y.current = !0, e.pause();
+                  l.current = !1, y.current = !0, e.pause();
                 }
               },
               type: "button",
-              children: Ke ? /* @__PURE__ */ r.jsx(dr, {}) : /* @__PURE__ */ r.jsx(mr, {})
+              children: He ? /* @__PURE__ */ t.jsx(_r, {}) : /* @__PURE__ */ t.jsx(br, {})
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Forward",
               className: "slide-player__action slide-player__action--next",
-              disabled: We,
-              onClick: Te,
+              disabled: Be,
+              onClick: Ce,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(cr, { className: "slide-player__icon", strokeWidth: 2.25 })
+              children: /* @__PURE__ */ t.jsx(pr, { className: "slide-player__icon", strokeWidth: 2.25 })
             }
           ),
-          le ? /* @__PURE__ */ r.jsx(
+          ae ? /* @__PURE__ */ t.jsx(
             "button",
             {
-              "aria-label": ue ? "Exit fullscreen" : "Enter fullscreen",
+              "aria-label": ce ? "Exit fullscreen" : "Enter fullscreen",
               className: "slide-player__action slide-player__action--fullscreen",
-              onClick: le,
+              onClick: ae,
               type: "button",
-              children: ue ? /* @__PURE__ */ r.jsx(
-                ir,
+              children: ce ? /* @__PURE__ */ t.jsx(
+                hr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
                 }
-              ) : /* @__PURE__ */ r.jsx(
-                or,
+              ) : /* @__PURE__ */ t.jsx(
+                yr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -568,22 +596,22 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ r.jsx("div", { className: "slide-player__separator" }),
-        /* @__PURE__ */ r.jsxs("div", { className: "slide-player__group", children: [
-          ye.map((e, t) => /* @__PURE__ */ r.jsx(Je.Fragment, { children: e }, `custom-action-${t}`)),
-          /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t.jsx("div", { className: "slide-player__separator" }),
+        /* @__PURE__ */ t.jsxs("div", { className: "slide-player__group", children: [
+          _e.map((e, r) => /* @__PURE__ */ t.jsx(rr.Fragment, { children: e }, `custom-action-${r}`)),
+          /* @__PURE__ */ t.jsx(
             "button",
             {
               "aria-label": "Notes",
-              className: Ae(
+              className: Te(
                 "slide-player__action slide-player__action--notes",
-                Z && "slide-player__action--active"
+                q && "slide-player__action--active"
               ),
-              disabled: !Fe,
-              onClick: Ue,
+              disabled: !Pe,
+              onClick: We,
               type: "button",
-              children: /* @__PURE__ */ r.jsx(
-                fr,
+              children: /* @__PURE__ */ t.jsx(
+                gr,
                 {
                   className: "slide-player__icon",
                   strokeWidth: 2.25
@@ -595,9 +623,9 @@ const Ee = /* @__PURE__ */ new Map(), Ne = (R) => {
       ] })
     ] }) : null
   ] });
-}, hr = Qe(pr);
-hr.displayName = "Player";
+}, xr = tr(Sr);
+xr.displayName = "Player";
 export {
-  hr as default
+  xr as default
 };
 //# sourceMappingURL=Player.es.js.map