@hirebus/academy/dist/Twitch-CuCsE-Bz.js

React component library for academy and learning platforms

import { g as w, u as D, p as C } from "./index-DY6PE18t.js";
import N from "react";
function I(t, e) {
  for (var r = 0; r < e.length; r++) {
    const s = e[r];
    if (typeof s != "string" && !Array.isArray(s)) {
      for (const a in s)
        if (a !== "default" && !(a in t)) {
          const n = Object.getOwnPropertyDescriptor(s, a);
          n && Object.defineProperty(t, a, n.get ? n : {
            enumerable: !0,
            get: () => s[a]
          });
        }
    }
  }
  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
}
var M = Object.create, l = Object.defineProperty, S = Object.getOwnPropertyDescriptor, j = Object.getOwnPropertyNames, A = Object.getPrototypeOf, R = Object.prototype.hasOwnProperty, H = (t, e, r) => e in t ? l(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, x = (t, e) => {
  for (var r in e)
    l(t, r, { get: e[r], enumerable: !0 });
}, _ = (t, e, r, s) => {
  if (e && typeof e == "object" || typeof e == "function")
    for (let a of j(e))
      !R.call(t, a) && a !== r && l(t, a, { get: () => e[a], enumerable: !(s = S(e, a)) || s.enumerable });
  return t;
}, F = (t, e, r) => (r = t != null ? M(A(t)) : {}, _(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  !t || !t.__esModule ? l(r, "default", { value: t, enumerable: !0 }) : r,
  t
)), U = (t) => _(l({}, "__esModule", { value: !0 }), t), o = (t, e, r) => (H(t, typeof e != "symbol" ? e + "" : e, r), r), P = {};
x(P, {
  default: () => h
});
var f = U(P), y = F(N), c = D, u = C;
const K = "https://player.twitch.tv/js/embed/v1.js", V = "Twitch", $ = "twitch-player-";
class h extends y.Component {
  constructor() {
    super(...arguments), o(this, "callPlayer", c.callPlayer), o(this, "playerID", this.props.config.playerId || `${$}${(0, c.randomString)()}`), o(this, "mute", () => {
      this.callPlayer("setMuted", !0);
    }), o(this, "unmute", () => {
      this.callPlayer("setMuted", !1);
    });
  }
  componentDidMount() {
    this.props.onMount && this.props.onMount(this);
  }
  load(e, r) {
    const { playsinline: s, onError: a, config: n, controls: v } = this.props, i = u.MATCH_URL_TWITCH_CHANNEL.test(e), p = i ? e.match(u.MATCH_URL_TWITCH_CHANNEL)[1] : e.match(u.MATCH_URL_TWITCH_VIDEO)[1];
    if (r) {
      i ? this.player.setChannel(p) : this.player.setVideo("v" + p);
      return;
    }
    (0, c.getSDK)(K, V).then((d) => {
      this.player = new d.Player(this.playerID, {
        video: i ? "" : p,
        channel: i ? p : "",
        height: "100%",
        width: "100%",
        playsinline: s,
        autoplay: this.props.playing,
        muted: this.props.muted,
        // https://github.com/CookPete/react-player/issues/733#issuecomment-549085859
        controls: i ? !0 : v,
        time: (0, c.parseStartTime)(e),
        ...n.options
      });
      const { READY: g, PLAYING: m, PAUSE: E, ENDED: O, ONLINE: L, OFFLINE: b, SEEK: T } = d.Player;
      this.player.addEventListener(g, this.props.onReady), this.player.addEventListener(m, this.props.onPlay), this.player.addEventListener(E, this.props.onPause), this.player.addEventListener(O, this.props.onEnded), this.player.addEventListener(T, this.props.onSeek), this.player.addEventListener(L, this.props.onLoaded), this.player.addEventListener(b, this.props.onLoaded);
    }, a);
  }
  play() {
    this.callPlayer("play");
  }
  pause() {
    this.callPlayer("pause");
  }
  stop() {
    this.callPlayer("pause");
  }
  seekTo(e, r = !0) {
    this.callPlayer("seek", e), r || this.pause();
  }
  setVolume(e) {
    this.callPlayer("setVolume", e);
  }
  getDuration() {
    return this.callPlayer("getDuration");
  }
  getCurrentTime() {
    return this.callPlayer("getCurrentTime");
  }
  getSecondsLoaded() {
    return null;
  }
  render() {
    const e = {
      width: "100%",
      height: "100%"
    };
    return /* @__PURE__ */ y.default.createElement("div", { style: e, id: this.playerID });
  }
}
o(h, "displayName", "Twitch");
o(h, "canPlay", u.canPlay.twitch);
o(h, "loopOnEnded", !0);
const W = /* @__PURE__ */ w(f), k = /* @__PURE__ */ I({
  __proto__: null,
  default: W
}, [f]);
export {
  k as T
};