@layers-app/shared 0.4.8 → 0.4.10

package/dist/components/VideoPlayer/VideoPlayer.js

@@ -0,0 +1,741 @@
+import { jsx as w, jsxs as me, Fragment as _e } from "react/jsx-runtime";
+import { useState as T, useRef as R, useEffect as d, useCallback as $e, useMemo as je } from "react";
+import { useTranslation as Xe } from "react-i18next";
+import { Flex as Fe } from "@mantine/core";
+import Ye from "shaka-player-react";
+import { VideoCustomControls as Ge } from "./components/VideoCustomControls.js";
+import { PlayIcon as Je } from "./components/VideoIcons.js";
+import { getSettingsSnapshot as x, setSubtitle as ie, setQuality as Ke, setPlaybackRate as Ze } from "./utils/videoSettings.js";
+/* empty css            */
+import { AudioOnlyCover as et } from "./AudioOnlyCover.js";
+import { useBlankFrame as tt } from "./useBlankFrame.js";
+import { idFromMediaUrl as pe, useWaveform as nt } from "./useWaveform.js";
+function M(b, p) {
+  return b ? b.startsWith("http://") || b.startsWith("https://") ? b : b.startsWith("/") ? `${p || window.location.origin}${b}` : b : null;
+}
+function rt(b) {
+  return Array.from(b.textTracks || []).filter(
+    (p) => p.kind === "subtitles" || p.kind === "captions"
+  );
+}
+function ve(b, p) {
+  return b.url ? M(b.url, p) : null;
+}
+function gt({
+  source: b,
+  videoId: p,
+  language: J,
+  baseUrl: y,
+  storyboard: Me,
+  chapters: ye,
+  subtitles: B,
+  onPlayerInfo: ae,
+  onFallback: z
+}) {
+  const {
+    streamUrl: D,
+    nativeUrl: I,
+    rawUrl: q,
+    localBlobUrl: H,
+    posterUrl: K,
+    optimizedReady: h = !1,
+    isProcessing: Ue = !1
+  } = b, { t: O, i18n: Be } = Xe(), [f, he] = T(null), [A, ge] = T(null), [ke, Ee] = T(null), [L, Z] = T(!1), g = R(null), P = R(null), W = R(null), [i, Te] = T(null), [_, S] = T(() => x(null, null)), [be, le] = T(!0), [k, se] = T([]), [ue, Se] = T([{ id: null, label: O("editor.video.settings.off") }]), [Q, ce] = T(null), [N, $] = T(null), [Le, Ie] = T(!0), [Pe, ee] = T(!1), [te, He] = T(0), [oe, de] = T(!1), C = R(!1), ne = R(null), v = R(null), j = R(null), X = R(
+    null
+  ), re = R([]), Re = R(!1), Y = R(/* @__PURE__ */ new Set()), fe = R(null), U = R(!1);
+  d(() => {
+    J && Be.changeLanguage(J).catch(() => {
+    });
+  }, [J]), d(() => {
+    if (!p) {
+      se([]);
+      return;
+    }
+    if (B != null) {
+      const e = (B || []).filter(
+        (t) => t.id && !t.isDisabled
+      );
+      se(e);
+    }
+  }, [p, B]), d(() => {
+    le(!0), fe.current = null;
+  }, [p]);
+  const Oe = $e(() => {
+    if (!p || B == null) return;
+    const e = (B || []).filter(
+      (t) => t.id && !t.isDisabled
+    );
+    se(e);
+  }, [p, B]);
+  d(() => {
+    if (k.length === 0) {
+      Se([
+        { id: null, label: O("editor.video.settings.off") }
+      ]), ce(null);
+      return;
+    }
+    const e = [
+      { id: null, label: O("editor.video.settings.off") },
+      ...k.map((t, n) => ({
+        id: n,
+        label: t.label || t.lang || "Unknown",
+        lang: t.lang || void 0,
+        isDefault: t.isDefault || !1
+      }))
+    ];
+    Se(e), ce(
+      (t) => t != null && t >= 0 && t < k.length ? t : null
+    );
+  }, [k, O]), d(() => {
+    let e = !1;
+    const t = g.current?.player || null;
+    return h ? (async () => {
+      if (!t) return;
+      if (Q == null) {
+        ie(t, null), S(
+          x(t, i)
+        );
+        return;
+      }
+      const a = k[Q], l = a?.label || a?.lang || "und", s = a?.lang || "und", u = a?.kind || "subtitles", m = t.getTextTracks?.() || [];
+      let o = m.find(
+        (E) => (E.language || "") === s && (E.label || "") === l && (E.kind || "subtitles") === u
+      );
+      if (!o && N && (o = m.find(
+        (E) => (E.language || "") === N.lang && (E.label || "") === N.label && (E.kind || "subtitles") === N.kind
+      )), !o) {
+        const E = N && k.length > 0 && k.find(
+          (G) => (G.lang || "und") === N.lang && (G.label || G.lang || "und") === N.label && (G.kind || "subtitles") === N.kind
+        ) || null, F = a || E, c = F ? ve(F, y) : null;
+        if (!c || typeof t.addTextTrackAsync != "function")
+          return;
+        let V = null;
+        V = await t.addTextTrackAsync(
+          c,
+          F?.lang || s,
+          F?.kind || u,
+          "text/vtt",
+          void 0,
+          F?.label || l
+        ), V && typeof V.id == "number" && (o = V);
+      }
+      e || o && (t.selectTextTrack?.(o), t.setTextTrackVisibility?.(!0), S(
+        x(t, i)
+      ));
+    })().catch(() => {
+    }) : i && (ie(null, Q, i), S(x(null, i))), () => {
+      e = !0;
+    };
+  }, [
+    Q,
+    k,
+    h,
+    i,
+    y,
+    p,
+    N
+  ]), d(() => {
+    if (!f) return;
+    let e = !1, t = null;
+    const n = (s) => {
+      if (e) return;
+      M(I, y) || M(q ?? null, y) ? (Z(!0), z?.(!0)) : Ee(
+        O("editor.video.player.playbackError", { code: s.code })
+      );
+    }, r = (s) => {
+      const u = s.detail;
+      if (u.severity === 2)
+        n(u);
+      else
+        try {
+          t?.recover();
+        } catch {
+        }
+    }, a = () => {
+      if (t = g.current?.player, !t) {
+        const s = requestAnimationFrame(a);
+        return () => cancelAnimationFrame(s);
+      }
+      if (j.current)
+        try {
+          t.removeEventListener("error", j.current);
+        } catch {
+        }
+      j.current = r, t.addEventListener("error", r), t.load(f).catch((s) => {
+        e || s.code !== 7e3 && n(s);
+      });
+    }, l = requestAnimationFrame(a);
+    return () => {
+      if (e = !0, cancelAnimationFrame(l), t && j.current)
+        try {
+          t.removeEventListener("error", j.current);
+        } catch {
+        }
+    };
+  }, [f, I, q, y, z]), d(() => {
+    let e = !1, t = null;
+    if (h && D) {
+      const n = M(D, y);
+      if (n) {
+        if (!A) {
+          const m = H || M(q ?? null, y);
+          m && ge(m);
+        }
+        if (fe.current === n)
+          return;
+        const r = P.current;
+        r && r.currentTime > 0 && (v.current = {
+          time: r.currentTime,
+          paused: r.paused
+        }, U.current = !0);
+        const a = (m) => {
+          e || fetch(n, { method: "HEAD", credentials: "include" }).then((o) => {
+            e || (fe.current = n, o.ok ? (he(n), Ee(null), Z(!1), z?.(!1), Y.current.clear()) : (Y.current.clear(), Z(!0), z?.(!0), u(m)));
+          }).catch(() => {
+            e || (Y.current.clear(), Z(!0), z?.(!0), u(m));
+          });
+        }, l = 10, s = 5e3, u = (m) => {
+          e || m >= l || (t = setTimeout(() => a(m + 1), s));
+        };
+        a(0);
+      }
+    } else if (H || I) {
+      const n = H || M(I, y);
+      if (n) {
+        if (ne.current === n)
+          return;
+        const r = P.current;
+        if (r && r.readyState > 0 && !r.error && r.src) {
+          ne.current = n;
+          return;
+        }
+        ne.current && r && r.currentTime > 0 && (v.current = {
+          time: r.currentTime,
+          paused: r.paused
+        }), ge(n), he(null), ne.current = n;
+      }
+    }
+    return () => {
+      e = !0, t && clearTimeout(t);
+    };
+  }, [D, y, h, I, H]), d(() => {
+    if (!h || !f) return;
+    let e = !1, t = null;
+    const n = () => {
+      if (e) return;
+      const r = g.current?.videoElement;
+      if (!r) {
+        requestAnimationFrame(n);
+        return;
+      }
+      const a = () => {
+        if (e || r.readyState < 1) return;
+        const l = P.current, s = l && l.currentTime > 0 ? l.currentTime : v.current?.time ?? 0;
+        s > 0 && Math.abs(r.currentTime - s) > 0.05 && (r.currentTime = s), v.current = null, U.current = !1;
+      };
+      r.readyState >= 1 ? a() : (r.addEventListener("loadedmetadata", a, {
+        once: !0
+      }), r.addEventListener("canplay", a, { once: !0 }), t = () => {
+        r.removeEventListener("loadedmetadata", a), r.removeEventListener("canplay", a);
+      });
+    };
+    return n(), () => {
+      e = !0, t?.();
+    };
+  }, [h, f]), d(() => {
+    const e = P.current;
+    e && f && !L && (C.current = !e.paused, e.currentTime > 0 && (v.current = {
+      time: e.currentTime,
+      paused: e.paused
+    }));
+  }, [f, L]), d(() => {
+    if (!f || L) {
+      de(!1);
+      return;
+    }
+    let e = !1, t = null, n = null, r = 0, a = !1;
+    const l = 3, s = () => {
+      if (e) return;
+      const u = g.current?.videoElement;
+      if (!u) {
+        requestAnimationFrame(s);
+        return;
+      }
+      const m = () => {
+        if (e || !C.current || !u.paused || u.ended) return;
+        const c = u.play();
+        !c || typeof c.then != "function" || c.then(() => {
+          e || !C.current || u.paused && (n && clearTimeout(n), n = setTimeout(() => {
+            e || !C.current || !u.paused || r >= l || (r += 1, m());
+          }, 250));
+        }).catch(() => {
+        });
+      }, o = () => {
+        if (!e && u.readyState >= 2 && !u.seeking) {
+          const c = P.current, V = !!(c && !c.paused && !c.ended);
+          if (!(C.current && V)) {
+            !a && c && Math.abs(u.currentTime - c.currentTime) > 0.1 && (u.currentTime = c.currentTime), a = !0, C.current = !1, de(!0);
+            return;
+          }
+          u.paused && c && (a || Math.abs(u.currentTime - c.currentTime) > 0.1 && (u.currentTime = c.currentTime), a = !0, u.muted = !0, m());
+        }
+      }, E = () => {
+        if (e) return;
+        const c = P.current;
+        c && !c.paused && c.pause(), u.muted && (u.muted = !1), de(!0), C.current = !1, r = 0, n && (clearTimeout(n), n = null);
+      }, F = () => {
+        if (!(e || !C.current) && !(u.seeking || u.ended) && !(u.readyState < 2)) {
+          if (r >= l) {
+            C.current = !1;
+            return;
+          }
+          r += 1, m();
+        }
+      };
+      u.addEventListener("seeked", o), u.addEventListener("canplay", o), u.addEventListener("loadeddata", o), u.addEventListener("playing", o), u.addEventListener("playing", E), u.addEventListener("pause", F), o(), t = () => {
+        u.removeEventListener("seeked", o), u.removeEventListener("canplay", o), u.removeEventListener("loadeddata", o), u.removeEventListener("playing", o), u.removeEventListener("playing", E), u.removeEventListener("pause", F);
+      };
+    };
+    return s(), () => {
+      e = !0, n && clearTimeout(n), t?.();
+    };
+  }, [f, L]), d(() => {
+    if (f && !L && oe) {
+      const e = g.current?.videoElement || null;
+      e && Te(e);
+    } else if (!f || L) {
+      const e = P.current;
+      if (Te(e), L && C.current && e && e.paused && !e.ended) {
+        const t = () => {
+          !C.current || !e.paused || e.ended || e.play().then(() => {
+            e.paused || (C.current = !1);
+          }).catch(() => {
+          });
+        };
+        e.readyState >= 2 ? t() : (e.addEventListener("canplay", t, { once: !0 }), e.addEventListener("loadeddata", t, { once: !0 }));
+      }
+    }
+  }, [
+    h,
+    L,
+    f,
+    A,
+    oe
+  ]), d(() => {
+    if (!i) {
+      ee(!1);
+      return;
+    }
+    const e = i, t = () => ee(!0), n = () => {
+      e.readyState >= 3 && ee(!1);
+    }, r = () => ee(!1);
+    return e.addEventListener("waiting", t), e.addEventListener("seeking", t), e.addEventListener("seeked", n), e.addEventListener("canplay", n), e.addEventListener("playing", r), () => {
+      e.removeEventListener("waiting", t), e.removeEventListener("seeking", t), e.removeEventListener("seeked", n), e.removeEventListener("canplay", n), e.removeEventListener("playing", r);
+    };
+  }, [i]), d(() => {
+    if (!i) return;
+    const e = () => {
+      Ie(i.paused);
+    };
+    return e(), i.addEventListener("play", e), i.addEventListener("pause", e), i.addEventListener("ended", e), () => {
+      i.removeEventListener("play", e), i.removeEventListener("pause", e), i.removeEventListener("ended", e);
+    };
+  }, [i]), d(() => {
+    const e = W.current;
+    if (!e) return;
+    const t = new ResizeObserver((n) => {
+      const r = n[0];
+      r && He(Math.round(r.contentRect.width));
+    });
+    return t.observe(e), () => t.disconnect();
+  }, []), d(() => {
+    if (!ae) return;
+    const e = g.current?.player || null, t = P.current || null, n = W.current || null, r = f && !L && e ? "shaka" : "native";
+    let a = null;
+    try {
+      const l = e?.seekRange?.();
+      l && Number.isFinite(l.end) && l.end > 0 && (a = l.end);
+    } catch {
+    }
+    if (a == null && i) {
+      const l = i.duration;
+      Number.isFinite(l) && l > 0 && (a = l);
+    }
+    ae({
+      shakaPlayer: e,
+      nativeVideo: t,
+      mode: r,
+      containerEl: n,
+      videoDuration: a
+    });
+  }, [
+    ae,
+    h,
+    L,
+    f,
+    A,
+    i
+  ]), d(() => {
+    const e = P.current;
+    e && (e.poster = K || "");
+    const t = g.current?.videoElement;
+    t && (t.poster = K || "");
+  }, [K, f, A]), d(() => {
+    const e = g.current?.player || null;
+    if (!h || !e) {
+      S(x(null, i));
+      return;
+    }
+    S(x(e, i));
+  }, [h, f, i]), d(() => {
+    const e = g.current?.player || null;
+    if (!h || !e)
+      return;
+    const t = () => {
+      S(x(e, i));
+    }, n = ["variantchanged", "adaptation", "trackschanged"];
+    return n.forEach((r) => {
+      e.addEventListener?.(r, t);
+    }), () => {
+      n.forEach((r) => {
+        e.removeEventListener?.(r, t);
+      });
+    };
+  }, [h, f, i]), d(() => {
+    if (!i) return;
+    const e = () => {
+      const t = g.current?.player || null;
+      S(x(t, i));
+    };
+    return i.addEventListener("ratechange", e), () => {
+      i.removeEventListener("ratechange", e);
+    };
+  }, [i]), d(() => () => {
+    const e = document.pictureInPictureElement;
+    if (!e) return;
+    const t = g.current?.videoElement || null, n = P.current || null, r = W.current || null, a = e instanceof HTMLVideoElement && (n && n.currentSrc === e.currentSrc || t && t.currentSrc === e.currentSrc);
+    (e === t || e === n || r && r.contains(e) || a) && document.exitPictureInPicture?.().catch(() => {
+    });
+  }, []), d(() => {
+    const e = P.current;
+    if (!e || !A) return;
+    const t = () => {
+      v.current && (e.currentTime = v.current.time, v.current.paused || e.play().catch(() => {
+      }), U.current = !1);
+    };
+    e.readyState >= 1 ? t() : e.addEventListener("loadedmetadata", t, {
+      once: !0
+    });
+    const n = () => {
+      U.current || (X.current && clearTimeout(X.current), X.current = setTimeout(() => {
+        U.current || (v.current || (v.current = { time: 0, paused: !0 }), v.current.time = e.currentTime);
+      }, 100));
+    }, r = () => {
+      U.current || (v.current ? v.current.paused = !1 : v.current = { time: 0, paused: !1 });
+    }, a = () => {
+      U.current || (v.current ? v.current.paused = !0 : v.current = { time: e.currentTime, paused: !0 });
+    };
+    return e.addEventListener("timeupdate", n), e.addEventListener("play", r), e.addEventListener("pause", a), () => {
+      e.removeEventListener("loadedmetadata", t), e.removeEventListener("timeupdate", n), e.removeEventListener("play", r), e.removeEventListener("pause", a), X.current && clearTimeout(X.current), e.currentTime > 0 && (v.current = {
+        time: e.currentTime,
+        paused: e.paused
+      });
+    };
+  }, [A]), d(() => {
+    if (h) return;
+    const e = P.current;
+    if (!e) return;
+    e.querySelectorAll(
+      'track[data-subtitle-track="managed"]'
+    ).forEach((a) => a.remove()), p && k.forEach((a) => {
+      const l = ve(a, y);
+      if (!l)
+        return;
+      const s = document.createElement("track");
+      s.setAttribute("data-subtitle-track", "managed"), s.kind = a.kind || "subtitles", s.label = a.label || a.lang || "und", s.srclang = a.lang || "und", s.src = l, s.setAttribute("crossorigin", "use-credentials"), s.default = !1, e.appendChild(s);
+    });
+    const n = rt(e);
+    n.some((a) => a.mode === "showing") && n.forEach((a) => {
+      a.mode = "disabled";
+    }), S(x(null, e));
+  }, [h, A, k, p, y]), d(() => {
+    if (!h) {
+      re.current = [];
+      return;
+    }
+    const e = g.current?.player || null;
+    if (!e) return;
+    const t = e.getNetworkingEngine?.();
+    t && !Re.current && (t.registerRequestFilter?.((l, s) => {
+      s.allowCrossSiteCredentials = !0;
+    }), Re.current = !0), (e.getTextTracks?.() || []).forEach((l) => {
+      re.current.includes(l.id) && e.removeTextTrack?.(l);
+    }), re.current = [];
+    let r = !1;
+    return (async () => {
+      const l = e.getTextTracks?.() || [];
+      if (p)
+        for (const s of k) {
+          const u = ve(s, y);
+          if (!u || typeof e.addTextTrackAsync != "function")
+            continue;
+          const m = s.label || s.lang || "und", o = s.lang || "und", E = s.kind || "subtitles";
+          if (l.some(
+            (V) => (V.language || "") === o && (V.label || "") === m && (V.kind || "subtitles") === E
+          ))
+            continue;
+          let c = null;
+          if (c = await e.addTextTrackAsync(
+            u,
+            o,
+            E,
+            "text/vtt",
+            void 0,
+            m
+          ), r) return;
+          c && typeof c.id == "number" && (re.current.push(c.id), l.push(c));
+        }
+      e.setTextTrackVisibility?.(!1), S(x(e, i));
+    })().catch(() => {
+    }), () => {
+      r = !0;
+    };
+  }, [
+    h,
+    f,
+    k,
+    p,
+    y,
+    i
+  ]);
+  const Qe = je(() => ({
+    ..._,
+    subtitles: ue,
+    currentSubtitleId: Q,
+    currentQualityId: be ? null : _.currentQualityId,
+    hasRealSubtitles: ue.length > 1
+  }), [
+    _,
+    ue,
+    Q,
+    be
+  ]), ze = (e) => {
+    if (!i) return;
+    e.target.closest(".video-player-controls") !== null || (i.paused ? i.play().catch(() => {
+    }) : i.pause());
+  };
+  if (ke)
+    return /* @__PURE__ */ w(
+      Fe,
+      {
+        justify: "center",
+        align: "center",
+        styles: {
+          root: {
+            height: "100%",
+            width: "100%",
+            minHeight: 200,
+            padding: 16
+          }
+        },
+        children: /* @__PURE__ */ w("div", { style: { textAlign: "center", color: "red" }, children: ke })
+      }
+    );
+  const xe = H || M(q ?? null, y) || A, Ae = !!(f && !L), Ce = Ae && oe, we = te > 0 && te < 500, Ve = te > 0 && te < 380, De = (ye?.length ?? 0) > 0 && !Ve ? "48px" : "16px", Ne = tt(i, A || f), qe = p || pe(A) || pe(f) || pe(D), We = nt(qe, Ne);
+  return /* @__PURE__ */ w(
+    Fe,
+    {
+      justify: "center",
+      align: "center",
+      styles: {
+        root: {
+          height: "100%",
+          width: "100%",
+          minHeight: 200,
+          position: "relative"
+        }
+      },
+      children: /* @__PURE__ */ me(
+        "div",
+        {
+          "data-test-id": "video-player-container",
+          className: `video-player-container video-player-container--with-player ${we ? "video-player--compact" : ""} ${Ve ? "video-player--narrow" : ""}`,
+          style: {
+            "--video-subtitles-offset": De
+          },
+          ref: W,
+          onClick: ze,
+          children: [
+            /* @__PURE__ */ w(
+              "video",
+              {
+                ref: P,
+                src: A || (L ? xe : null) || void 0,
+                className: "video-player-media",
+                style: Ce ? { display: "none" } : void 0,
+                poster: K || void 0,
+                onError: (e) => {
+                  const t = e.currentTarget, n = t.currentSrc || t.src;
+                  if (!n || !t.error) return;
+                  Y.current.add(n);
+                  const a = [
+                    H,
+                    M(q ?? null, y),
+                    M(I, y)
+                  ].filter(
+                    (l) => !!l && !Y.current.has(l)
+                  );
+                  a.length > 0 && (t.src = a[0], t.load());
+                }
+              }
+            ),
+            Ne && /* @__PURE__ */ w(
+              et,
+              {
+                playing: !Le,
+                peaks: We,
+                progress: i && i.duration > 0 ? i.currentTime / i.duration : 0,
+                onSeekRatio: (e) => {
+                  !i || !(i.duration > 0) || (i.currentTime = i.duration * e);
+                }
+              }
+            ),
+            Ae && /* @__PURE__ */ w(
+              Ye,
+              {
+                ref: g,
+                autoPlay: !1,
+                className: `video-player-media${Ce ? "" : " video-player-media--loading"}`
+              }
+            ),
+            (A || f || D || L && xe) && /* @__PURE__ */ me(_e, { children: [
+              Pe && /* @__PURE__ */ w(
+                "div",
+                {
+                  className: "video-player-buffering",
+                  "data-test-id": "video-player-buffering",
+                  children: /* @__PURE__ */ w("div", { className: "video-player-buffering-ring" })
+                }
+              ),
+              Le && !we && !Pe && /* @__PURE__ */ w(
+                "button",
+                {
+                  className: "video-player-center-play",
+                  type: "button",
+                  "aria-label": O("editor.video.player.play"),
+                  onClick: (e) => {
+                    e.stopPropagation(), i?.play().catch(() => {
+                    });
+                  },
+                  children: /* @__PURE__ */ w(Je, { size: 32 })
+                }
+              ),
+              /* @__PURE__ */ me("div", { className: "video-player-overlay", children: [
+                /* @__PURE__ */ w("div", { className: "video-player-gradient" }),
+                /* @__PURE__ */ w(
+                  Ge,
+                  {
+                    video: i,
+                    containerRef: W,
+                    settings: Qe,
+                    isSettingsDisabled: !1,
+                    onSubtitlesOpen: Oe,
+                    storyboard: Me,
+                    chapters: h ? ye : void 0,
+                    isProcessing: Ue,
+                    baseUrl: y,
+                    onSpeedClick: (e) => {
+                      const t = g.current?.player || null;
+                      S((n) => ({
+                        ...n,
+                        currentSpeed: e
+                      })), t && Ze(t, e), i && (i.playbackRate = e);
+                    },
+                    onQualityClick: (e) => {
+                      const t = g.current?.player || null;
+                      if (!t || _.qualities.length === 0)
+                        return;
+                      if (e == null) {
+                        t.configure?.({ abr: { enabled: !0 } }), le(!0), S(
+                          x(t, i)
+                        );
+                        return;
+                      }
+                      t.configure?.({ abr: { enabled: !1 } });
+                      const n = _.qualities.find(
+                        (r) => r.id === e
+                      ) || null;
+                      n && Ke(t, n.id), le(!1), S((r) => ({
+                        ...r,
+                        currentQualityId: e
+                      }));
+                    },
+                    onSubtitleSelect: (e) => {
+                      const t = g.current?.player || null, n = typeof e == "number" ? e : null;
+                      if (ce(n), t) {
+                        const r = t.getTextTracks?.() ?? [];
+                        if (n == null)
+                          $(null);
+                        else {
+                          const l = r.find(
+                            (s) => s.id === n
+                          );
+                          if (l)
+                            $({
+                              lang: l.language || "und",
+                              label: l.label || "und",
+                              kind: l.kind || "subtitles"
+                            });
+                          else {
+                            const s = k[n];
+                            s && $({
+                              lang: s.lang || "und",
+                              label: s.label || s.lang || "und",
+                              kind: s.kind || "subtitles"
+                            });
+                          }
+                        }
+                        let a = n;
+                        if (typeof n == "number" && !r.find((l) => l.id === n)) {
+                          const l = k[n];
+                          if (l) {
+                            const s = l.label || l.lang || "und", u = l.lang || "und", m = r.find(
+                              (o) => (o.language || "") === u && (o.label || "") === s
+                            );
+                            m && (a = m.id);
+                          }
+                        }
+                        ie(t, a), S(
+                          x(t, i)
+                        );
+                        return;
+                      }
+                      if (i) {
+                        if (n == null)
+                          $(null);
+                        else {
+                          const r = k[n];
+                          r && $({
+                            lang: r.lang || "und",
+                            label: r.label || r.lang || "und",
+                            kind: r.kind || "subtitles"
+                          });
+                        }
+                        ie(null, n, i), S(
+                          x(null, i)
+                        );
+                      }
+                    }
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  gt as VideoPlayer
+};