@streamlayer/react 1.24.6 → 1.24.8

package/lib/classic/es/feature.js

@@ -1,210 +0,0 @@
-import y, { forwardRef as A, createElement as O } from "react";
-import { listenKeys as _ } from "nanostores";
-import { pino as M } from "pino";
-import { S as g } from "./useStreamLayerApp2.js";
-var B = function() {
-  const t = Array.prototype.slice.call(arguments).filter(Boolean), n = {}, r = [];
-  t.forEach((a) => {
-    (a ? a.split(" ") : []).forEach((c) => {
-      if (c.startsWith("atm_")) {
-        const [, p] = c.split("_");
-        n[p] = c;
-      } else
-        r.push(c);
-    });
-  });
-  const o = [];
-  for (const a in n)
-    Object.prototype.hasOwnProperty.call(n, a) && o.push(n[a]);
-  return o.push(...r), o.join(" ");
-}, R = B;
-function D(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(n) {
-    return t[n] === void 0 && (t[n] = e(n)), t[n];
-  };
-}
-var H = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, x = /* @__PURE__ */ D(
-  function(e) {
-    return H.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-), j = (e) => e.toUpperCase() === e, q = (e) => (t) => e.indexOf(t) === -1, U = (e, t) => {
-  const n = {};
-  return Object.keys(e).filter(q(t)).forEach((r) => {
-    n[r] = e[r];
-  }), n;
-};
-function z(e, t, n) {
-  const r = U(t, n);
-  if (!e) {
-    const o = typeof x == "function" ? { default: x } : x;
-    Object.keys(r).forEach((a) => {
-      o.default(a) || delete r[a];
-    });
-  }
-  return r;
-}
-var V = (e, t) => {
-};
-function F(e) {
-  let t = "";
-  return (n) => {
-    const r = (a, d) => {
-      const { as: c = e, class: p = t } = a, v = n.propsAsIs === void 0 ? !(typeof c == "string" && c.indexOf("-") === -1 && !j(c[0])) : n.propsAsIs, u = z(v, a, [
-        "as",
-        "class"
-      ]);
-      u.ref = d, u.className = n.atomic ? R(n.class, u.className || p) : R(u.className || p, n.class);
-      const { vars: i } = n;
-      if (i) {
-        const s = {};
-        for (const l in i) {
-          const h = i[l], S = h[0], N = h[1] || "", b = typeof S == "function" ? S(a) : S;
-          V(b, n.name), s[`--${l}`] = `${b}${N}`;
-        }
-        const f = u.style || {}, m = Object.keys(f);
-        m.length > 0 && m.forEach((l) => {
-          s[l] = f[l];
-        }), u.style = s;
-      }
-      return e.__wyw_meta && e !== c ? (u.as = c, O(e, u)) : O(c, u);
-    }, o = A ? A(r) : (
-      // React.forwardRef won't available on older React versions and in Preact
-      // Fallback to a innerRef prop in that case
-      ((a) => {
-        const d = U(a, ["innerRef"]);
-        return r(d, a.innerRef);
-      })
-    );
-    return o.displayName = n.name, o.__wyw_meta = {
-      className: n.class || t,
-      extends: e
-    }, o;
-  };
-}
-var ae = F, E = { exports: {} }, k = {};
-var T;
-function G() {
-  if (T) return k;
-  T = 1;
-  var e = y;
-  function t(i, s) {
-    return i === s && (i !== 0 || 1 / i === 1 / s) || i !== i && s !== s;
-  }
-  var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, a = e.useLayoutEffect, d = e.useDebugValue;
-  function c(i, s) {
-    var f = s(), m = r({ inst: { value: f, getSnapshot: s } }), l = m[0].inst, h = m[1];
-    return a(
-      function() {
-        l.value = f, l.getSnapshot = s, p(l) && h({ inst: l });
-      },
-      [i, f, s]
-    ), o(
-      function() {
-        return p(l) && h({ inst: l }), i(function() {
-          p(l) && h({ inst: l });
-        });
-      },
-      [i]
-    ), d(f), f;
-  }
-  function p(i) {
-    var s = i.getSnapshot;
-    i = i.value;
-    try {
-      var f = s();
-      return !n(i, f);
-    } catch {
-      return !0;
-    }
-  }
-  function v(i, s) {
-    return s();
-  }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : c;
-  return k.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, k;
-}
-var C;
-function W() {
-  return C || (C = 1, E.exports = G()), E.exports;
-}
-var $ = W();
-const w = (e, t) => (n) => {
-  e.current !== n && (e.current = n, t());
-};
-function X(e, { keys: t, deps: n = [e, t] } = {}) {
-  const r = y.useRef();
-  r.current = e.get();
-  const o = y.useCallback((d) => (w(r, d)(e.value), t?.length > 0 ? _(e, t, w(r, d)) : e.listen(w(r, d))), n), a = () => r.current;
-  return y.useSyncExternalStore ? y.useSyncExternalStore(o, a, a) : $.useSyncExternalStore(o, a, a);
-}
-const ie = X, K = () => [
-  !1,
-  (e) => {
-    window.requestAnimationFrame(() => e());
-  }
-], se = y.useTransition || K, Y = M({
-  level: "trace",
-  enabled: typeof window < "u" && !!window.localStorage.getItem("SL_DEBUG"),
-  browser: {
-    write: (e) => {
-      console.log(e);
-    }
-  }
-}), Q = (e, t) => Y.child({ name: e }, t);
-class Z extends Event {
-  slEventBus;
-  constructor(t, n) {
-    super(t), this.slEventBus = n;
-  }
-}
-const J = Q("event-bus");
-class oe {
-  name;
-  listeners;
-  constructor(t = "sl-event-bus") {
-    this.name = t, this.listeners = /* @__PURE__ */ new Set();
-  }
-  emit = (t, n) => {
-    const r = new Z(this.name, { ...n, type: t });
-    J.debug(r, "Emitting event"), window.dispatchEvent(r);
-  };
-  listen(t) {
-    return window.addEventListener(this.name, t), this.listeners.add(t), () => {
-      this.off(t);
-    };
-  }
-  off(t) {
-    window.removeEventListener(this.name, t), this.listeners.delete(t);
-  }
-  destroy = () => {
-    this.listeners.forEach((t) => {
-      window.removeEventListener(this.name, t), this.listeners.delete(t);
-    }), this.listeners.clear();
-  };
-}
-var I;
-(function(e) {
-  e[e.ONBOARDING = 1] = "ONBOARDING", e[e.QUESTION = 2] = "QUESTION", e[e.QUESTION_RESOLVED = 3] = "QUESTION_RESOLVED";
-})(I || (I = {}));
-window.slStore = /* @__PURE__ */ Object.create(null);
-var P;
-(function(e) {
-  e.ORGANIZATION = "ORGANIZATION", e.STREAM = "STREAM";
-})(P || (P = {}));
-g.BETTING + "", g.GAMES + "", g.PUBLIC_CHAT + "", g.TWITTER + "";
-var L;
-(function(e) {
-  e.Ready = "ready", e.Suspended = "suspended";
-})(L || (L = {}));
-export {
-  oe as E,
-  L as F,
-  I as N,
-  Q as a,
-  se as b,
-  R as c,
-  ae as s,
-  ie as u
-};

package/lib/classic/es/gamification-feature.js

@@ -1,4 +0,0 @@
-import { B as f } from "./index2.js";
-export {
-  f as default
-};

package/lib/classic/es/hooks-n9ax4LRT.js

@@ -1,97 +0,0 @@
-import { useRef as w, useMemo as A, useEffect as r, useContext as l, useState as b, createContext as N } from "react";
-import { jsxs as O, jsx as T } from "react/jsx-runtime";
-import { z as L } from "./useStreamLayerApp2.js";
-const x = ({
-  event: e,
-  internal: i
-}) => {
-  const o = j(), n = I();
-  return r(() => {
-    o && (e && (o.createEventSession(e, i), n && (n.current = e)), !e && n?.current && (o.createEventSession("", i), n.current = ""));
-  }, [e, i, n, o]), null;
-};
-var M = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(M || {});
-const H = {
-  status: 0,
-  sdk: null
-}, d = N(H), F = ({
-  sdkKey: e,
-  theme: i,
-  themeMode: o,
-  plugins: n,
-  children: h,
-  event: v,
-  production: y = !0,
-  autoEnable: f = !0,
-  withAdNotification: C,
-  withAd: E = !0,
-  betPack: u = !1,
-  hideFriends: S,
-  skipOnboarding: c,
-  friendsTab: p = "enabled",
-  onDeepLinkHandled: s,
-  videoPlayerController: a,
-  onContentActivate: g,
-  containerId: k,
-  webOS: D,
-  gamification: K
-}) => {
-  const t = L({
-    sdkKey: e,
-    plugins: n,
-    production: y,
-    autoEnable: f,
-    onDeepLinkHandled: s,
-    videoPlayerController: a,
-    onContentActivate: g,
-    hideFriends: S,
-    skipOnboarding: c,
-    withAdNotification: C,
-    withAd: E,
-    friendsTab: p,
-    betPack: u,
-    webOS: D,
-    gamification: K
-  }), m = w(""), P = A(() => t ? { sdk: t, status: 2, event: m } : { status: 1, sdk: null, event: m }, [t]);
-  return r(() => {
-    t && (t.options.setKey("friendsTab", p), t.options.setKey("theme", i), t.options.setKey("themeMode", o), t.options.setKey("skipOnboarding", c), t.options.setKey("betPack", u), t.options.setKey("containerId", k));
-  }, [t, p, i, o, c, u, k]), r(() => () => {
-    s && t?.removeDeepLinkHandler(s), a && t?.removeVideoPlayerController(a);
-  }, [t]), r(() => {
-    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
-      sdkKey: !!e,
-      onDeepLinkHandled: !!s,
-      videoPlayerController: !!a
-    });
-  }, [e, s, a]), /* @__PURE__ */ O(d.Provider, { value: P, children: [
-    v !== void 0 && /* @__PURE__ */ T(x, { event: v }),
-    h
-  ] });
-}, j = () => {
-  const { sdk: e } = l(d);
-  return e;
-}, I = () => {
-  const { event: e } = l(d);
-  return e;
-}, V = () => {
-  const { sdk: e } = l(d), [i, o] = b({});
-  return r(() => e?.options ? e?.options?.subscribe((n) => {
-    o({ theme: n.theme, themeMode: n.themeMode });
-  }) : () => {
-  }, [e?.options]), i;
-}, _ = () => {
-  const { sdk: e } = l(d), [i, o] = b({});
-  return r(() => e?.uiState ? e?.uiState.subscribe((n) => {
-    o({ ...n });
-  }) : () => {
-  }, [e?.uiState]), i;
-};
-export {
-  F as V,
-  j as Y,
-  V as _,
-  x as g,
-  d as i,
-  M as j,
-  _ as q
-};

package/lib/classic/es/index.js

@@ -1,15 +0,0 @@
-import { h as r } from "./index8.js";
-import { D as m } from "./index2.js";
-import { a as S, x as s } from "./notification2.js";
-import { V as L, g as i, Y as f, _ as x, q as D } from "./hooks-n9ax4LRT.js";
-export {
-  L as StreamLayerProvider,
-  i as StreamLayerSDKEvent,
-  S as StreamLayerSDKNotification,
-  s as StreamLayerSDKNotificationUI,
-  m as StreamLayerSDKReact,
-  r as StreamLayerThemeProvider,
-  f as useStreamLayer,
-  x as useStreamLayerTheme,
-  D as useStreamLayerUI
-};

package/lib/classic/es/index10.js

@@ -1,321 +0,0 @@
-import { jsxs as T, jsx as e, Fragment as le } from "react/jsx-runtime";
-import { s as n, c as Z } from "./feature.js";
-import { useState as I, useEffect as b, useCallback as v, forwardRef as ce, useRef as B } from "react";
-import { B as f } from "./index6.js";
-import { G as ue, d as ie, b as de } from "./index7.js";
-import { C as pe } from "./useStreamLayerApp2.js";
-const me = /* @__PURE__ */ n("div")({
-  name: "CloseIconWrap",
-  class: "c3v6bv6",
-  propsAsIs: !1
-}), fe = /* @__PURE__ */ n("div")({
-  name: "TimerWrap",
-  class: "teuhmro",
-  propsAsIs: !1
-}), ye = () => f, ge = /* @__PURE__ */ n(ye())({
-  name: "Icon",
-  class: "i17rfxv5",
-  propsAsIs: !0
-}), Ze = ({
-  close: t,
-  className: a,
-  timerClassName: o,
-  skipIcon: l,
-  isPlaying: i = !0,
-  duration: c = 0,
-  autoClose: d
-}) => {
-  const [p, y] = I(c === 0);
-  b(() => {
-    y(!c);
-  }, [c]);
-  const C = v(() => {
-    d === pe.ENABLED ? t?.() : y(!0);
-  }, [d, t]);
-  return p ? /* @__PURE__ */ T(me, {
-    "data-a": "intr",
-    onClick: t,
-    className: a,
-    style: l ? {
-      width: "auto"
-    } : {},
-    children: [l && /* @__PURE__ */ e("span", {
-      "data-a": "intr",
-      children: "Skip"
-    }), /* @__PURE__ */ e(ge, {
-      "data-a": "intr",
-      name: l ? "iconSkip" : "icon-cross"
-    })]
-  }) : /* @__PURE__ */ e(fe, {
-    children: /* @__PURE__ */ e(ue, {
-      className: o,
-      isPlaying: i,
-      duration: c,
-      onTimerExpired: C
-    })
-  });
-}, he = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1bgb86j",
-  propsAsIs: !1
-}), Ie = /* @__PURE__ */ n("video")({
-  name: "Player",
-  class: "p6703cq",
-  propsAsIs: !1
-}), be = /* @__PURE__ */ n("img")({
-  name: "Poster",
-  class: "p12ow7zo",
-  propsAsIs: !1
-}), R = /* @__PURE__ */ n("div")({
-  name: "Control",
-  class: "cdpal9o",
-  propsAsIs: !1
-}), Pe = "t1xke4ml", Ae = "h1yzxv57", ve = /* @__PURE__ */ n("div")({
-  name: "VideoControls",
-  class: "vxo8xch",
-  propsAsIs: !1
-}), D = /* @__PURE__ */ n("button")({
-  name: "ControlBtn",
-  class: "coyuzu0",
-  propsAsIs: !1
-}), Ce = () => D, Me = /* @__PURE__ */ n(Ce())({
-  name: "MuteIcon",
-  class: "musmi9a",
-  propsAsIs: !0
-}), ke = () => D, we = /* @__PURE__ */ n(ke())({
-  name: "PauseIcon",
-  class: "p1qe7rum",
-  propsAsIs: !0
-}), Ve = () => D, xe = /* @__PURE__ */ n(Ve())({
-  name: "PlayIcon",
-  class: "psevery",
-  propsAsIs: !0
-}), Y = /* @__PURE__ */ n("button")({
-  name: "WebOSIconButton",
-  class: "w1q3u7py",
-  propsAsIs: !1
-}), Ee = () => Y, L = /* @__PURE__ */ n(Ee())({
-  name: "WebOSIconButtonAnimation",
-  class: "wdlqvum",
-  propsAsIs: !0
-}), Ne = () => L, Oe = /* @__PURE__ */ n(Ne())({
-  name: "WebOSIconButtonPlay",
-  class: "w1ylz9ea",
-  propsAsIs: !0
-}), Se = () => L, We = /* @__PURE__ */ n(Se())({
-  name: "WebOSIconButtonPause",
-  class: "w1iylt55",
-  propsAsIs: !0
-}), Be = () => L, Re = /* @__PURE__ */ n(Be())({
-  name: "WebOSIconButtonMute",
-  class: "w8h4h7",
-  propsAsIs: !0
-}), Te = () => L, Le = /* @__PURE__ */ n(Te())({
-  name: "WebOSIconButtonUnmute",
-  class: "w12l12kt",
-  propsAsIs: !0
-}), Ue = (t) => {
-  for (const a of t)
-    a.isIntersecting ? a.target instanceof HTMLVideoElement && a.target.autoplay && a.target.play() : a.target instanceof HTMLVideoElement && !a.target.paused && a.target.pause();
-}, ee = new IntersectionObserver(Ue, { threshold: 0.5 }), F = /* @__PURE__ */ new Set(), je = (t) => {
-  ee.observe(t), F.add(t);
-}, ze = (t) => {
-  ee.unobserve(t), F.delete(t);
-}, He = () => {
-  for (const t of F)
-    t instanceof HTMLVideoElement && !t.paused && t.pause();
-};
-function qe(...t) {
-  return v(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (a) => {
-      for (const o of t)
-        o !== null && (typeof o == "function" ? o(a) : o && (o.current = a));
-    },
-    // Re-run the callback if the array of refs changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMuted: i, unmute: c, mute: d, togglePlaying: p }) => !t && !a && !o ? /* @__PURE__ */ e(R, { children: l ? /* @__PURE__ */ e(f, { name: "icon-pause" }) : /* @__PURE__ */ e(f, { name: "icon-play" }) }) : o ? /* @__PURE__ */ T(ve, { children: [
-  l ? /* @__PURE__ */ e(we, { onClick: p }) : /* @__PURE__ */ e(xe, { onClick: p }),
-  /* @__PURE__ */ e(Me, { className: Z(!i && "muted"), onClick: i ? c : d })
-] }) : null, Fe = ({
-  loading: t,
-  autoPlay: a,
-  playMuted: o,
-  playing: l,
-  played: i,
-  unmute: c,
-  mute: d,
-  isMuted: p,
-  hasNotPausedVideo: y,
-  hasInteractedWithAudio: C
-}) => /* @__PURE__ */ T(le, { children: [
-  !t && !(a && o) && /* @__PURE__ */ e(R, { "data-control-btn": "true", children: l ? y ? null : /* @__PURE__ */ e(Oe, { children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) : i ? /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(f, { name: "icon-pause" }) }) : /* @__PURE__ */ e(Y, { "data-control-icon": "true", children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) }),
-  !t && a && o && C && /* @__PURE__ */ e(R, { children: p ? /* @__PURE__ */ e(Re, { onClick: c, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Le, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
-] }), Ye = ce(
-  ({
-    poster: t,
-    source: a,
-    aspectRatio: o,
-    controlVideo: l,
-    onReplay: i,
-    onPlay: c,
-    onPause: d,
-    onEnd: p,
-    onRender: y,
-    onMute: C,
-    onMuteClick: x,
-    onQuartile: U,
-    autoPlay: M,
-    playMuted: k,
-    className: te,
-    muted: w,
-    webos: E,
-    hasNotPausedVideo: ae
-  }, se) => {
-    const u = B(null), ne = qe(u, se), j = B(!1), z = B(!1), m = B(/* @__PURE__ */ new Set()), [G, K] = I(!1), [N, O] = I(!1), [H, _] = I(!1), [J, S] = I(!0), [q, W] = I(k), [$, oe] = I(!1);
-    b(() => {
-      a && (W(k), K(!1));
-    }, [a]);
-    const P = v(() => {
-      l?.({ muted: !1 });
-    }, [l]), Q = v(() => {
-      l?.({ muted: !0 });
-    }, [l]), A = v(
-      (s) => {
-        s?.stopPropagation(), u.current && (u.current.muted = !0), W(!0), s && x?.(!0);
-      },
-      [x]
-    ), V = v(
-      (s) => {
-        s?.stopPropagation(), u.current && (u.current.muted = !1), W(!1), $ || oe(!0), s && x?.(!1);
-      },
-      [$, x]
-    );
-    b(() => {
-      w !== void 0 && (w ? A() : V());
-    }, [A, w, V]);
-    const X = (s) => {
-      s.stopPropagation?.();
-      const r = u?.current;
-      if (r)
-        if (N)
-          r.pause();
-        else {
-          const g = u?.current;
-          if (!g)
-            return;
-          He(), g.play().catch((h) => console.log(h)), S(!1);
-        }
-    }, re = () => {
-      u?.current?.load(), S(!0);
-    };
-    return b(() => () => {
-      P();
-    }, [P]), b(() => {
-      const s = u.current;
-      return s ? (z.current = s.muted, W(s.muted), je(s), () => {
-        ze(s);
-      }) : () => {
-      };
-    }, []), b(() => {
-      y?.();
-    }, [y]), b(() => {
-      m.current.clear(), j.current = !1;
-    }, [a]), /* @__PURE__ */ T(
-      $e,
-      {
-        webos: E,
-        onClick: M && k ? q ? V : A : X,
-        "data-a": "intr",
-        autoFocus: !0,
-        options: { focusKey: "video-play-btn" },
-        className: Z(N && !E && Pe, M && Ae, te),
-        style: o ? { aspectRatio: o } : {},
-        children: [
-          /* @__PURE__ */ e(
-            Ie,
-            {
-              ref: ne,
-              src: a,
-              autoPlay: M,
-              onPlay: () => {
-                K(!0), j.current && (i?.(), m.current.clear()), O(!0), S(!1), c?.(), k ? A() : Q();
-              },
-              onTimeUpdate: (s) => {
-                const r = s.target.duration, g = s.target.currentTime;
-                if (r && g) {
-                  const h = Math.floor(g / r * 100);
-                  h >= 25 && h < 50 && !m.current.has(25) ? (U?.(25), m.current.add(25)) : h >= 50 && h < 75 && !m.current.has(50) ? (U?.(50), m.current.add(50)) : h >= 75 && !m.current.has(75) && (U?.(75), m.current.add(75));
-                }
-              },
-              onVolumeChange: (s) => {
-                const r = s.target.muted;
-                z.current !== r && (C?.(r), z.current = r, (r !== w || w === void 0) && (r ? P() : Q()));
-              },
-              onError: async (s) => {
-                try {
-                  if (s.target instanceof HTMLVideoElement) {
-                    _(!0);
-                    const r = await (await fetch(s.target.src)).blob(), g = URL.createObjectURL(r);
-                    s.target.src = g;
-                  }
-                } catch (r) {
-                  console.error("video fallback fetch failed", r), O(!0), S(!0);
-                } finally {
-                  _(!1), P();
-                }
-              },
-              onPause: () => {
-                O(!1), d?.(), P();
-              },
-              onEnded: () => {
-                O(!1), j.current = !0, re(), p?.(), P();
-              },
-              style: { visibility: J ? "hidden" : "visible" },
-              controls: !1,
-              playsInline: !0
-            }
-          ),
-          /* @__PURE__ */ e(be, { src: t, style: { visibility: J ? "visible" : "hidden" } }),
-          !E && /* @__PURE__ */ e(
-            De,
-            {
-              loading: H,
-              autoPlay: M,
-              played: G,
-              playing: N,
-              isMuted: q,
-              unmute: V,
-              mute: A,
-              togglePlaying: X
-            }
-          ),
-          E && /* @__PURE__ */ e(
-            Fe,
-            {
-              loading: H,
-              autoPlay: M,
-              playMuted: k,
-              playing: N,
-              played: G,
-              unmute: V,
-              mute: A,
-              isMuted: q,
-              hasNotPausedVideo: ae,
-              hasInteractedWithAudio: $
-            }
-          ),
-          H && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ie, {}) })
-        ]
-      }
-    );
-  }
-);
-export {
-  He as O,
-  Ye as V,
-  Ze as y
-};