@devix-technologies/react-gjirafa-vp-player 1.0.23 → 1.0.24

package/dist/react-gjirafa-vp-player.es.js

@@ -1,5 +1,5 @@
 import * as ve from "react";
-import Lt, { forwardRef as Nt, useContext as Pt, useState as ce, useEffect as _e, useRef as te, useMemo as Et, createContext as Ft, useCallback as lt } from "react";
+import $t, { forwardRef as Nt, useContext as Et, useState as ce, useEffect as Se, useRef as te, useMemo as Pt, createContext as Ft, useCallback as lt } from "react";
 var De = { exports: {} }, ke = {};
 /**
  * @license React
@@ -48,18 +48,18 @@ function Dt() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === d ? null : o.displayName || o.name || null;
+        return o.$$typeof === f ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case p:
+        case d:
           return "Fragment";
-        case P:
+        case w:
           return "Profiler";
-        case b:
+        case x:
           return "StrictMode";
         case B:
           return "Suspense";
-        case j:
+        case V:
           return "SuspenseList";
         case q:
           return "Activity";
@@ -68,18 +68,18 @@ function Dt() {
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case v:
+          case E:
             return "Portal";
-          case $:
+          case L:
             return (o.displayName || "Context") + ".Provider";
           case I:
             return (o._context.displayName || "Context") + ".Consumer";
           case T:
             var m = o.render;
             return o = o.displayName, o || (o = m.displayName || m.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case w:
+          case b:
             return m = o.displayName || null, m !== null ? m : e(o.type) || "Memo";
-          case J:
+          case Q:
             m = o._payload, o = o._init;
             try {
               return e(o(m));
@@ -109,8 +109,8 @@ function Dt() {
       }
     }
     function a(o) {
-      if (o === p) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === J)
+      if (o === d) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === Q)
         return "<...>";
       try {
         var m = e(o);
@@ -120,14 +120,14 @@ function Dt() {
       }
     }
     function i() {
-      var o = g.A;
+      var o = v.A;
       return o === null ? null : o.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
     function s(o) {
-      if (E.call(o, "key")) {
+      if (P.call(o, "key")) {
         var m = Object.getOwnPropertyDescriptor(o, "key").get;
         if (m && m.isReactWarning) return !1;
       }
@@ -151,12 +151,12 @@ function Dt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function y(o, m, A, C, Y, K, X, de) {
-      return A = K.ref, o = {
+    function y(o, m, A, C, Y, J, X, de) {
+      return A = J.ref, o = {
         $$typeof: _,
         type: o,
         key: m,
-        props: K,
+        props: J,
         _owner: Y
       }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
@@ -183,25 +183,25 @@ function Dt() {
         value: de
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function u(o, m, A, C, Y, K, X, de) {
+    function u(o, m, A, C, Y, J, X, de) {
       var N = m.children;
       if (N !== void 0)
         if (C)
-          if (L(N)) {
+          if ($(N)) {
             for (C = 0; C < N.length; C++)
-              f(N[C]);
+              h(N[C]);
             Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(N);
-      if (E.call(m, "key")) {
+        else h(N);
+      if (P.call(m, "key")) {
         N = e(o);
         var Z = Object.keys(m).filter(function(ne) {
           return ne !== "key";
         });
-        C = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", h[N + C] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", p[N + C] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -212,7 +212,7 @@ React keys must be passed directly to JSX without using spread:
           N,
           Z,
           N
-        ), h[N + C] = !0);
+        ), p[N + C] = !0);
       }
       if (N = null, A !== void 0 && (r(A), N = "" + A), s(m) && (r(m.key), N = "" + m.key), "key" in m) {
         A = {};
@@ -225,7 +225,7 @@ React keys must be passed directly to JSX without using spread:
       ), y(
         o,
         N,
-        K,
+        J,
         Y,
         i(),
         A,
@@ -233,23 +233,23 @@ React keys must be passed directly to JSX without using spread:
         de
       );
     }
-    function f(o) {
+    function h(o) {
       typeof o == "object" && o !== null && o.$$typeof === _ && o._store && (o._store.validated = 1);
     }
-    var x = Lt, _ = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), g = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, L = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var g = $t, _ = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), L = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), V = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), Q = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), f = Symbol.for("react.client.reference"), v = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, $ = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    g = {
       "react-stack-bottom-frame": function(o) {
         return o();
       }
     };
-    var U, M = {}, W = x["react-stack-bottom-frame"].bind(
-      x,
+    var U, M = {}, W = g["react-stack-bottom-frame"].bind(
+      g,
       n
-    )(), z = D(a(n)), h = {};
-    Oe.Fragment = p, Oe.jsx = function(o, m, A, C, Y) {
-      var K = 1e4 > g.recentlyCreatedOwnerStacks++;
+    )(), z = D(a(n)), p = {};
+    Oe.Fragment = d, Oe.jsx = function(o, m, A, C, Y) {
+      var J = 1e4 > v.recentlyCreatedOwnerStacks++;
       return u(
         o,
         m,
@@ -257,11 +257,11 @@ React keys must be passed directly to JSX without using spread:
         !1,
         C,
         Y,
-        K ? Error("react-stack-top-frame") : W,
-        K ? D(a(o)) : z
+        J ? Error("react-stack-top-frame") : W,
+        J ? D(a(o)) : z
       );
     }, Oe.jsxs = function(o, m, A, C, Y) {
-      var K = 1e4 > g.recentlyCreatedOwnerStacks++;
+      var J = 1e4 > v.recentlyCreatedOwnerStacks++;
       return u(
         o,
         m,
@@ -269,8 +269,8 @@ React keys must be passed directly to JSX without using spread:
         !0,
         C,
         Y,
-        K ? Error("react-stack-top-frame") : W,
-        K ? D(a(o)) : z
+        J ? Error("react-stack-top-frame") : W,
+        J ? D(a(o)) : z
       );
     };
   }()), Oe;
@@ -279,7 +279,7 @@ var dt;
 function Mt() {
   return dt || (dt = 1, process.env.NODE_ENV === "production" ? De.exports = Bt() : De.exports = Dt()), De.exports;
 }
-var Q = Mt();
+var K = Mt();
 function Ze() {
   return Ze = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -339,7 +339,7 @@ function It(e) {
 function Jt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function V(e, t, r) {
+function j(e, t, r) {
   return e.replace(t, r);
 }
 function et(e, t) {
@@ -348,7 +348,7 @@ function et(e, t) {
 function re(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function $e(e, t, r) {
+function Le(e, t, r) {
   return e.slice(t, r);
 }
 function pe(e) {
@@ -363,32 +363,32 @@ function Me(e, t) {
 function Kt(e, t) {
   return e.map(t).join("");
 }
-var Ge = 1, Ie = 1, Ct = 0, oe = 0, H = 0, Re = "";
+var Ge = 1, Ce = 1, Ct = 0, oe = 0, H = 0, Te = "";
 function He(e, t, r, a, i, n, s) {
-  return { value: e, root: t, parent: r, type: a, props: i, children: n, line: Ge, column: Ie, length: s, return: "" };
+  return { value: e, root: t, parent: r, type: a, props: i, children: n, line: Ge, column: Ce, length: s, return: "" };
 }
-function Ve(e, t) {
+function je(e, t) {
   return Ht(He("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Qt() {
   return H;
 }
 function Zt() {
-  return H = oe > 0 ? re(Re, --oe) : 0, Ie--, H === 10 && (Ie = 1, Ge--), H;
+  return H = oe > 0 ? re(Te, --oe) : 0, Ce--, H === 10 && (Ce = 1, Ge--), H;
 }
 function ue() {
-  return H = oe < Ct ? re(Re, oe++) : 0, Ie++, H === 10 && (Ie = 1, Ge++), H;
+  return H = oe < Ct ? re(Te, oe++) : 0, Ce++, H === 10 && (Ce = 1, Ge++), H;
 }
 function me() {
-  return re(Re, oe);
+  return re(Te, oe);
 }
 function Ue() {
   return oe;
 }
 function Fe(e, t) {
-  return $e(Re, e, t);
+  return Le(Te, e, t);
 }
-function Le(e) {
+function $e(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -427,10 +427,10 @@ function Le(e) {
   return 0;
 }
 function Rt(e) {
-  return Ge = Ie = 1, Ct = pe(Re = e), oe = 0, [];
+  return Ge = Ce = 1, Ct = pe(Te = e), oe = 0, [];
 }
 function Tt(e) {
-  return Re = "", e;
+  return Te = "", e;
 }
 function ze(e) {
   return It(Fe(oe - 1, tt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
@@ -438,7 +438,7 @@ function ze(e) {
 function er(e) {
   for (; (H = me()) && H < 33; )
     ue();
-  return Le(e) > 2 || Le(H) > 3 ? "" : " ";
+  return $e(e) > 2 || $e(H) > 3 ? "" : " ";
 }
 function tr(e, t) {
   for (; --t && ue() && !(H < 48 || H > 102 || H > 57 && H < 65 || H > 70 && H < 97); )
@@ -474,7 +474,7 @@ function rr(e, t) {
   return "/*" + Fe(t, oe - 1) + "*" + Ye(e === 47 ? e : ue());
 }
 function nr(e) {
-  for (; !Le(me()); )
+  for (; !$e(me()); )
     ue();
   return Fe(e, oe);
 }
@@ -482,30 +482,30 @@ function ar(e) {
   return Tt(qe("", null, null, null, [""], e = Rt(e), 0, [0], e));
 }
 function qe(e, t, r, a, i, n, s, l, c) {
-  for (var y = 0, u = 0, f = s, x = 0, _ = 0, v = 0, p = 1, b = 1, P = 1, I = 0, $ = "", T = i, B = n, j = a, w = $; b; )
-    switch (v = I, I = ue()) {
+  for (var y = 0, u = 0, h = s, g = 0, _ = 0, E = 0, d = 1, x = 1, w = 1, I = 0, L = "", T = i, B = n, V = a, b = L; x; )
+    switch (E = I, I = ue()) {
       // (
       case 40:
-        if (v != 108 && re(w, f - 1) == 58) {
-          et(w += V(ze(I), "&", "&\f"), "&\f") != -1 && (P = -1);
+        if (E != 108 && re(b, h - 1) == 58) {
+          et(b += j(ze(I), "&", "&\f"), "&\f") != -1 && (w = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        w += ze(I);
+        b += ze(I);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        w += er(v);
+        b += er(E);
         break;
       // \
       case 92:
-        w += tr(Ue() - 1, 7);
+        b += tr(Ue() - 1, 7);
         continue;
       // /
       case 47:
@@ -515,91 +515,91 @@ function qe(e, t, r, a, i, n, s, l, c) {
             Me(ir(rr(ue(), Ue()), t, r), c);
             break;
           default:
-            w += "/";
+            b += "/";
         }
         break;
       // {
-      case 123 * p:
-        l[y++] = pe(w) * P;
+      case 123 * d:
+        l[y++] = pe(b) * w;
       // } ; \0
-      case 125 * p:
+      case 125 * d:
       case 59:
       case 0:
         switch (I) {
           // \0 }
           case 0:
           case 125:
-            b = 0;
+            x = 0;
           // ;
           case 59 + u:
-            P == -1 && (w = V(w, /\f/g, "")), _ > 0 && pe(w) - f && Me(_ > 32 ? pt(w + ";", a, r, f - 1) : pt(V(w, " ", "") + ";", a, r, f - 2), c);
+            w == -1 && (b = j(b, /\f/g, "")), _ > 0 && pe(b) - h && Me(_ > 32 ? pt(b + ";", a, r, h - 1) : pt(j(b, " ", "") + ";", a, r, h - 2), c);
             break;
           // @ ;
           case 59:
-            w += ";";
+            b += ";";
           // { rule/at-rule
           default:
-            if (Me(j = ft(w, t, r, y, u, i, l, $, T = [], B = [], f), n), I === 123)
+            if (Me(V = ft(b, t, r, y, u, i, l, L, T = [], B = [], h), n), I === 123)
               if (u === 0)
-                qe(w, t, j, j, T, n, f, l, B);
+                qe(b, t, V, V, T, n, h, l, B);
               else
-                switch (x === 99 && re(w, 3) === 110 ? 100 : x) {
+                switch (g === 99 && re(b, 3) === 110 ? 100 : g) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    qe(e, j, j, a && Me(ft(e, j, j, 0, 0, i, l, $, i, T = [], f), B), i, B, f, l, a ? T : B);
+                    qe(e, V, V, a && Me(ft(e, V, V, 0, 0, i, l, L, i, T = [], h), B), i, B, h, l, a ? T : B);
                     break;
                   default:
-                    qe(w, j, j, j, [""], B, 0, l, B);
+                    qe(b, V, V, V, [""], B, 0, l, B);
                 }
         }
-        y = u = _ = 0, p = P = 1, $ = w = "", f = s;
+        y = u = _ = 0, d = w = 1, L = b = "", h = s;
         break;
       // :
       case 58:
-        f = 1 + pe(w), _ = v;
+        h = 1 + pe(b), _ = E;
       default:
-        if (p < 1) {
+        if (d < 1) {
           if (I == 123)
-            --p;
-          else if (I == 125 && p++ == 0 && Zt() == 125)
+            --d;
+          else if (I == 125 && d++ == 0 && Zt() == 125)
             continue;
         }
-        switch (w += Ye(I), I * p) {
+        switch (b += Ye(I), I * d) {
           // &
           case 38:
-            P = u > 0 ? 1 : (w += "\f", -1);
+            w = u > 0 ? 1 : (b += "\f", -1);
             break;
           // ,
           case 44:
-            l[y++] = (pe(w) - 1) * P, P = 1;
+            l[y++] = (pe(b) - 1) * w, w = 1;
             break;
           // @
           case 64:
-            me() === 45 && (w += ze(ue())), x = me(), u = f = pe($ = w += nr(Ue())), I++;
+            me() === 45 && (b += ze(ue())), g = me(), u = h = pe(L = b += nr(Ue())), I++;
             break;
           // -
           case 45:
-            v === 45 && pe(w) == 2 && (p = 0);
+            E === 45 && pe(b) == 2 && (d = 0);
         }
     }
   return n;
 }
 function ft(e, t, r, a, i, n, s, l, c, y, u) {
-  for (var f = i - 1, x = i === 0 ? n : [""], _ = it(x), v = 0, p = 0, b = 0; v < a; ++v)
-    for (var P = 0, I = $e(e, f + 1, f = Gt(p = s[v])), $ = e; P < _; ++P)
-      ($ = It(p > 0 ? x[P] + " " + I : V(I, /&\f/g, x[P]))) && (c[b++] = $);
+  for (var h = i - 1, g = i === 0 ? n : [""], _ = it(g), E = 0, d = 0, x = 0; E < a; ++E)
+    for (var w = 0, I = Le(e, h + 1, h = Gt(d = s[E])), L = e; w < _; ++w)
+      (L = It(d > 0 ? g[w] + " " + I : j(I, /&\f/g, g[w]))) && (c[x++] = L);
   return He(e, t, r, i === 0 ? nt : l, c, y, u);
 }
 function ir(e, t, r) {
-  return He(e, t, r, _t, Ye(Qt()), $e(e, 2, -2), 0);
+  return He(e, t, r, _t, Ye(Qt()), Le(e, 2, -2), 0);
 }
 function pt(e, t, r, a) {
-  return He(e, t, r, at, $e(e, 0, a), $e(e, a + 1, -1), a);
+  return He(e, t, r, at, Le(e, 0, a), Le(e, a + 1, -1), a);
 }
-function Se(e, t) {
+function Ie(e, t) {
   for (var r = "", a = it(e), i = 0; i < a; i++)
     r += t(e[i], i, e, t) || "";
   return r;
@@ -614,11 +614,11 @@ function or(e, t, r, a) {
     case _t:
       return "";
     case St:
-      return e.return = e.value + "{" + Se(e.children, a) + "}";
+      return e.return = e.value + "{" + Ie(e.children, a) + "}";
     case nt:
       e.value = e.props.join(",");
   }
-  return pe(r = Se(e.children, a)) ? e.return = e.value + "{" + r + "}" : "";
+  return pe(r = Ie(e.children, a)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function sr(e) {
   var t = it(e);
@@ -640,13 +640,13 @@ function At(e) {
   };
 }
 var ur = function(t, r, a) {
-  for (var i = 0, n = 0; i = n, n = me(), i === 38 && n === 12 && (r[a] = 1), !Le(n); )
+  for (var i = 0, n = 0; i = n, n = me(), i === 38 && n === 12 && (r[a] = 1), !$e(n); )
     ue();
   return Fe(t, oe);
 }, cr = function(t, r) {
   var a = -1, i = 44;
   do
-    switch (Le(i)) {
+    switch ($e(i)) {
       case 0:
         i === 38 && me() === 12 && (r[a] = 1), t[a] += ur(oe - 1, r, a);
         break;
@@ -738,41 +738,41 @@ function kt(e, t) {
       return O + e + ae + "flex-" + e + e;
     // align-items
     case 5187:
-      return O + e + V(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + ae + "flex-$1$2") + e;
+      return O + e + j(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + ae + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return O + e + ae + "flex-item-" + V(e, /flex-|-self/, "") + e;
+      return O + e + ae + "flex-item-" + j(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return O + e + ae + "flex-line-pack" + V(e, /align-content|flex-|-self/, "") + e;
+      return O + e + ae + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return O + e + ae + V(e, "shrink", "negative") + e;
+      return O + e + ae + j(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return O + e + ae + V(e, "basis", "preferred-size") + e;
+      return O + e + ae + j(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return O + "box-" + V(e, "-grow", "") + O + e + ae + V(e, "grow", "positive") + e;
+      return O + "box-" + j(e, "-grow", "") + O + e + ae + j(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return O + V(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
+      return O + j(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
     // cursor
     case 6187:
-      return V(V(V(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
+      return j(j(j(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return V(e, /(image-set\([^]*)/, O + "$1$`$1");
+      return j(e, /(image-set\([^]*)/, O + "$1$`$1");
     // justify-content
     case 4968:
-      return V(V(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + ae + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
+      return j(j(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + ae + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return V(e, /(.+)-inline(.+)/, O + "$1$2") + e;
+      return j(e, /(.+)-inline(.+)/, O + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -792,10 +792,10 @@ function kt(e, t) {
           if (re(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return V(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + We + (re(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return j(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + We + (re(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~et(e, "stretch") ? kt(V(e, "stretch", "fill-available"), t) + e : e;
+          return ~et(e, "stretch") ? kt(j(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
@@ -806,10 +806,10 @@ function kt(e, t) {
       switch (re(e, pe(e) - 3 - (~et(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return V(e, ":", ":" + O) + e;
+          return j(e, ":", ":" + O) + e;
         // (inline-)?fl(e)x
         case 101:
-          return V(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + O + (re(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + ae + "$2box$3") + e;
+          return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + O + (re(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + ae + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -817,13 +817,13 @@ function kt(e, t) {
       switch (re(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return O + e + ae + V(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return O + e + ae + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return O + e + ae + V(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return O + e + ae + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return O + e + ae + V(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return O + e + ae + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
       return O + e + ae + e + e;
   }
@@ -835,8 +835,8 @@ var hr = function(t, r, a, i) {
       t.return = kt(t.value, t.length);
       break;
     case St:
-      return Se([Ve(t, {
-        value: V(t.value, "@", "@" + O)
+      return Ie([je(t, {
+        value: j(t.value, "@", "@" + O)
       })], i);
     case nt:
       if (t.length) return Kt(t.props, function(n) {
@@ -844,17 +844,17 @@ var hr = function(t, r, a, i) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return Se([Ve(t, {
-              props: [V(n, /:(read-\w+)/, ":" + We + "$1")]
+            return Ie([je(t, {
+              props: [j(n, /:(read-\w+)/, ":" + We + "$1")]
             })], i);
           // :placeholder
           case "::placeholder":
-            return Se([Ve(t, {
-              props: [V(n, /:(plac\w+)/, ":" + O + "input-$1")]
-            }), Ve(t, {
-              props: [V(n, /:(plac\w+)/, ":" + We + "$1")]
-            }), Ve(t, {
-              props: [V(n, /:(plac\w+)/, ae + "input-$1")]
+            return Ie([je(t, {
+              props: [j(n, /:(plac\w+)/, ":" + O + "input-$1")]
+            }), je(t, {
+              props: [j(n, /:(plac\w+)/, ":" + We + "$1")]
+            }), je(t, {
+              props: [j(n, /:(plac\w+)/, ae + "input-$1")]
             })], i);
         }
         return "";
@@ -864,9 +864,9 @@ var hr = function(t, r, a, i) {
   var r = t.key;
   if (r === "css") {
     var a = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(a, function(p) {
-      var b = p.getAttribute("data-emotion");
-      b.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(a, function(d) {
+      var x = d.getAttribute("data-emotion");
+      x.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("data-s", ""));
     });
   }
   var i = t.stylisPlugins || mr, n = {}, s, l = [];
@@ -874,24 +874,24 @@ var hr = function(t, r, a, i) {
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
-    function(p) {
-      for (var b = p.getAttribute("data-emotion").split(" "), P = 1; P < b.length; P++)
-        n[b[P]] = !0;
-      l.push(p);
+    function(d) {
+      for (var x = d.getAttribute("data-emotion").split(" "), w = 1; w < x.length; w++)
+        n[x[w]] = !0;
+      l.push(d);
     }
   );
   var c, y = [fr, pr];
   {
-    var u, f = [or, lr(function(p) {
-      u.insert(p);
-    })], x = sr(y.concat(i, f)), _ = function(b) {
-      return Se(ar(b), x);
+    var u, h = [or, lr(function(d) {
+      u.insert(d);
+    })], g = sr(y.concat(i, h)), _ = function(x) {
+      return Ie(ar(x), g);
     };
-    c = function(b, P, I, $) {
-      u = I, _(b ? b + "{" + P.styles + "}" : P.styles), $ && (v.inserted[P.name] = !0);
+    c = function(x, w, I, L) {
+      u = I, _(x ? x + "{" + w.styles + "}" : w.styles), L && (E.inserted[w.name] = !0);
     };
   }
-  var v = {
+  var E = {
     key: r,
     sheet: new qt({
       key: r,
@@ -906,7 +906,7 @@ var hr = function(t, r, a, i) {
     registered: {},
     insert: c
   };
-  return v.sheet.hydrate(l), v;
+  return E.sheet.hydrate(l), E;
 }, vr = !0;
 function gr(e, t, r) {
   var a = "";
@@ -1004,18 +1004,18 @@ var br = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Pr = /[A-Z]|^ms/g, Er = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Vt = function(t) {
+}, Er = /[A-Z]|^ms/g, Pr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, jt = function(t) {
   return t.charCodeAt(1) === 45;
 }, mt = function(t) {
   return t != null && typeof t != "boolean";
 }, Xe = /* @__PURE__ */ At(function(e) {
-  return Vt(e) ? e : e.replace(Pr, "-$&").toLowerCase();
+  return jt(e) ? e : e.replace(Er, "-$&").toLowerCase();
 }), yt = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Er, function(a, i, n) {
+        return r.replace(Pr, function(a, i, n) {
           return he = {
             name: i,
             styles: n,
@@ -1023,7 +1023,7 @@ var br = {
           }, i;
         });
   }
-  return br[t] !== 1 && !Vt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return br[t] !== 1 && !jt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function Ne(e, t, r) {
   if (r == null)
@@ -1068,8 +1068,8 @@ function Ne(e, t, r) {
   var u = r;
   if (t == null)
     return u;
-  var f = t[u];
-  return f !== void 0 ? f : u;
+  var h = t[u];
+  return h !== void 0 ? h : u;
 }
 function _r(e, t, r) {
   var a = "";
@@ -1121,16 +1121,16 @@ function Sr(e, t, r) {
   vt.lastIndex = 0;
   for (var y = "", u; (u = vt.exec(i)) !== null; )
     y += "-" + u[1];
-  var f = wr(i) + y;
+  var h = wr(i) + y;
   return {
-    name: f,
+    name: h,
     styles: i,
     next: he
   };
 }
 var Ir = function(t) {
   return t();
-}, Cr = ve.useInsertionEffect ? ve.useInsertionEffect : !1, Rr = Cr || Ir, jt = /* @__PURE__ */ ve.createContext(
+}, Cr = ve.useInsertionEffect ? ve.useInsertionEffect : !1, Rr = Cr || Ir, Vt = /* @__PURE__ */ ve.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1141,10 +1141,10 @@ var Ir = function(t) {
     key: "css"
   }) : null
 );
-jt.Provider;
+Vt.Provider;
 var Tr = function(t) {
   return /* @__PURE__ */ Nt(function(r, a) {
-    var i = Pt(jt);
+    var i = Et(Vt);
     return t(r, i, a);
   });
 }, Ar = /* @__PURE__ */ ve.createContext({}), kr = /^((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|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)-.*))$/, Or = /* @__PURE__ */ At(
@@ -1152,13 +1152,13 @@ var Tr = function(t) {
     return kr.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Vr = Or, jr = function(t) {
+), jr = Or, Vr = function(t) {
   return t !== "theme";
 }, gt = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  t.charCodeAt(0) > 96 ? Vr : jr;
+  t.charCodeAt(0) > 96 ? jr : Vr;
 }, xt = function(t, r, a) {
   var i;
   if (r) {
@@ -1168,55 +1168,55 @@ var Tr = function(t) {
     } : n;
   }
   return typeof i != "function" && a && (i = t.__emotion_forwardProp), i;
-}, $r = function(t) {
+}, Lr = function(t) {
   var r = t.cache, a = t.serialized, i = t.isStringTag;
   return Ot(r, a, i), Rr(function() {
     return xr(r, a, i);
   }), null;
-}, Lr = function e(t, r) {
+}, $r = function e(t, r) {
   var a = t.__emotion_real === t, i = a && t.__emotion_base || t, n, s;
   r !== void 0 && (n = r.label, s = r.target);
   var l = xt(t, r, a), c = l || gt(i), y = !c("as");
   return function() {
-    var u = arguments, f = a && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
-    if (n !== void 0 && f.push("label:" + n + ";"), u[0] == null || u[0].raw === void 0)
-      f.push.apply(f, u);
+    var u = arguments, h = a && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
+    if (n !== void 0 && h.push("label:" + n + ";"), u[0] == null || u[0].raw === void 0)
+      h.push.apply(h, u);
     else {
-      var x = u[0];
-      f.push(x[0]);
-      for (var _ = u.length, v = 1; v < _; v++)
-        f.push(u[v], x[v]);
+      var g = u[0];
+      h.push(g[0]);
+      for (var _ = u.length, E = 1; E < _; E++)
+        h.push(u[E], g[E]);
     }
-    var p = Tr(function(b, P, I) {
-      var $ = y && b.as || i, T = "", B = [], j = b;
-      if (b.theme == null) {
-        j = {};
-        for (var w in b)
-          j[w] = b[w];
-        j.theme = ve.useContext(Ar);
+    var d = Tr(function(x, w, I) {
+      var L = y && x.as || i, T = "", B = [], V = x;
+      if (x.theme == null) {
+        V = {};
+        for (var b in x)
+          V[b] = x[b];
+        V.theme = ve.useContext(Ar);
       }
-      typeof b.className == "string" ? T = gr(P.registered, B, b.className) : b.className != null && (T = b.className + " ");
-      var J = Sr(f.concat(B), P.registered, j);
-      T += P.key + "-" + J.name, s !== void 0 && (T += " " + s);
-      var q = y && l === void 0 ? gt($) : c, d = {};
-      for (var g in b)
-        y && g === "as" || q(g) && (d[g] = b[g]);
-      return d.className = T, I && (d.ref = I), /* @__PURE__ */ ve.createElement(ve.Fragment, null, /* @__PURE__ */ ve.createElement($r, {
-        cache: P,
-        serialized: J,
-        isStringTag: typeof $ == "string"
-      }), /* @__PURE__ */ ve.createElement($, d));
+      typeof x.className == "string" ? T = gr(w.registered, B, x.className) : x.className != null && (T = x.className + " ");
+      var Q = Sr(h.concat(B), w.registered, V);
+      T += w.key + "-" + Q.name, s !== void 0 && (T += " " + s);
+      var q = y && l === void 0 ? gt(L) : c, f = {};
+      for (var v in x)
+        y && v === "as" || q(v) && (f[v] = x[v]);
+      return f.className = T, I && (f.ref = I), /* @__PURE__ */ ve.createElement(ve.Fragment, null, /* @__PURE__ */ ve.createElement(Lr, {
+        cache: w,
+        serialized: Q,
+        isStringTag: typeof L == "string"
+      }), /* @__PURE__ */ ve.createElement(L, f));
     });
-    return p.displayName = n !== void 0 ? n : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = i, p.__emotion_styles = f, p.__emotion_forwardProp = l, Object.defineProperty(p, "toString", {
+    return d.displayName = n !== void 0 ? n : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", d.defaultProps = t.defaultProps, d.__emotion_real = d, d.__emotion_base = i, d.__emotion_styles = h, d.__emotion_forwardProp = l, Object.defineProperty(d, "toString", {
       value: function() {
         return "." + s;
       }
-    }), p.withComponent = function(b, P) {
-      var I = e(b, Ze({}, r, P, {
-        shouldForwardProp: xt(p, P, !0)
+    }), d.withComponent = function(x, w) {
+      var I = e(x, Ze({}, r, w, {
+        shouldForwardProp: xt(d, w, !0)
       }));
-      return I.apply(void 0, f);
-    }, p;
+      return I.apply(void 0, h);
+    }, d;
   };
 }, Nr = [
   "a",
@@ -1354,11 +1354,11 @@ var Tr = function(t) {
   "svg",
   "text",
   "tspan"
-], Ce = Lr.bind(null);
+], Re = $r.bind(null);
 Nr.forEach(function(e) {
-  Ce[e] = Ce(e);
+  Re[e] = Re(e);
 });
-const Fr = Ce.div`
+const Fr = Re.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1399,7 +1399,7 @@ const Fr = Ce.div`
       return "";
   }
 }}
-`, rt = ({ type: e, children: t, className: r, icon: a, action: i }) => Q.jsxs(Fr, { type: e, className: r, children: [a && Q.jsx("span", { children: a }), Q.jsx("span", { children: t }), i && Q.jsx("span", { children: i })] }), wt = Ce.div`
+`, rt = ({ type: e, children: t, className: r, icon: a, action: i }) => K.jsxs(Fr, { type: e, className: r, children: [a && K.jsx("span", { children: a }), K.jsx("span", { children: t }), i && K.jsx("span", { children: i })] }), wt = Re.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -1411,7 +1411,7 @@ const Fr = Ce.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
-`, Br = Ce.div`
+`, Br = Re.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1423,7 +1423,7 @@ const Fr = Ce.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, Dr = Ce.div`
+`, Dr = Re.div`
   position: relative;
   max-width: 100vw;
   aspect-ratio: 9 / 16;
@@ -1432,15 +1432,15 @@ const Fr = Ce.div`
   max-height: 100vh;
 `, Mr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, bt = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, Ur = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`, zr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, ot = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Je = /* @__PURE__ */ new Map(), qr = (e, t) => {
   const [r, a] = ce(!1), [i, n] = ce(null);
-  return _e(() => {
+  return Se(() => {
     let s = null, l, c = 0;
     const y = 3;
     let u;
     try {
       u = t || zr(e || "latest");
     } catch (_) {
-      const v = _ instanceof Error ? _.message : String(_);
-      n(`Failed to resolve script URL: ${v}`), a(!1);
+      const E = _ instanceof Error ? _.message : String(_);
+      n(`Failed to resolve script URL: ${E}`), a(!1);
       return;
     }
     if (Je.get(u)) {
@@ -1451,46 +1451,46 @@ const Fr = Ce.div`
       Je.set(u, !0), a(!0), n(null);
       return;
     }
-    const x = () => {
+    const g = () => {
       s = document.createElement("script"), s.src = u, s.async = !0, l = window.setTimeout(() => {
         a(!1), n(`Loading script timed out: ${u}`);
       }, 1e4), s.onload = () => {
         clearTimeout(l), Je.set(u, !0), a(!0), n(null);
       }, s.onerror = () => {
-        clearTimeout(l), c++, c < y ? setTimeout(x, 1e3 * c) : (a(!1), n(`Failed to load VP Player script after ${y} attempts: ${u}`));
+        clearTimeout(l), c++, c < y ? setTimeout(g, 1e3 * c) : (a(!1), n(`Failed to load VP Player script after ${y} attempts: ${u}`));
       }, document.body.appendChild(s);
     };
-    return x(), () => {
+    return g(), () => {
       clearTimeout(l), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, t]), { isLoaded: r, error: i };
-}, Wr = {}, je = /* @__PURE__ */ new Map(), Yr = 3e4, Ke = 5, Gr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: a, apiKey: i }) => {
-  const [n, s] = ce(null), [l, c] = ce(null), [y, u] = ce(!1), [f, x] = ce(null), _ = i || (typeof Wr < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
-  return _e(() => {
-    const v = t ? `video:${t}` : r ? `playlist:${r}` : null;
+}, Wr = {}, Ve = /* @__PURE__ */ new Map(), Yr = 3e4, Ke = 5, Gr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: a, apiKey: i }) => {
+  const [n, s] = ce(null), [l, c] = ce(null), [y, u] = ce(!1), [h, g] = ce(null), _ = i || (typeof Wr < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+  return Se(() => {
+    const E = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || a || !t && !r) {
-      s(a || null), c(null), u(!1), x(null);
+      s(a || null), c(null), u(!1), g(null);
       return;
     }
     if (!_) {
-      u(!1), x("No API key provided");
+      u(!1), g("No API key provided");
       return;
     }
-    if (v && je.has(v)) {
-      const T = je.get(v);
-      s(T.url), c(T.playlist), u(!1), x(null);
+    if (E && Ve.has(E)) {
+      const T = Ve.get(E);
+      s(T.url), c(T.playlist), u(!1), g(null);
       return;
     }
-    let p = !0;
-    const b = new AbortController(), P = b.signal, $ = setTimeout(async () => {
-      var B, j, w, J;
-      if (!p)
+    let d = !0;
+    const x = new AbortController(), w = x.signal, L = setTimeout(async () => {
+      var B, V, b, Q;
+      if (!d)
         return;
-      u(!0), x(null);
+      u(!0), g(null);
       let T = 0;
-      for (; T < Ke && p; )
+      for (; T < Ke && d; )
         try {
-          const q = t && !r ? Mr(e, t) : bt(e, r), d = setTimeout(() => b.abort(), Yr), g = await fetch(q, {
+          const q = t && !r ? Mr(e, t) : bt(e, r), f = setTimeout(() => x.abort(), Yr), v = await fetch(q, {
             method: "GET",
             headers: {
               "api-key": _,
@@ -1498,34 +1498,34 @@ const Fr = Ce.div`
               "Cache-Control": "no-cache"
               // Prevent caching issues
             },
-            signal: P
+            signal: w
           });
-          if (clearTimeout(d), !g.ok)
-            throw new Error(`Fetch failed with status ${g.status}`);
-          const E = await g.json();
-          if (!p)
+          if (clearTimeout(f), !v.ok)
+            throw new Error(`Fetch failed with status ${v.status}`);
+          const P = await v.json();
+          if (!d)
             return;
           if (t && !r) {
-            const L = (j = (B = E.result) == null ? void 0 : B.items) == null ? void 0 : j.find((D) => D.mediaId === t);
-            if (!(L != null && L.playbackUrl))
+            const $ = (V = (B = P.result) == null ? void 0 : B.items) == null ? void 0 : V.find((D) => D.mediaId === t);
+            if (!($ != null && $.playbackUrl))
               throw new Error("Invalid video data");
-            s(L.playbackUrl), c(null), v && je.set(v, { url: L.playbackUrl, playlist: null });
+            s($.playbackUrl), c(null), E && Ve.set(E, { url: $.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(E.result))
+            if (!Array.isArray(P.result))
               throw new Error("Invalid playlist format");
-            const L = Ur(e, r), D = await fetch(L, {
+            const $ = Ur(e, r), D = await fetch($, {
               method: "GET",
               headers: {
                 "api-key": _,
                 Accept: "application/json",
                 "Cache-Control": "no-cache"
               },
-              signal: P
+              signal: w
             });
             if (D.ok) {
               const U = await D.json();
-              let M = [...E.result];
-              if ((w = U.result) != null && w.playlistBackupState && ((J = U.result) != null && J.playlistBackupId)) {
+              let M = [...P.result];
+              if ((b = U.result) != null && b.playlistBackupState && ((Q = U.result) != null && Q.playlistBackupId)) {
                 const W = bt(e, U.result.playlistBackupId), z = await fetch(W, {
                   method: "GET",
                   headers: {
@@ -1533,12 +1533,12 @@ const Fr = Ce.div`
                     Accept: "application/json",
                     "Cache-Control": "no-cache"
                   },
-                  signal: P
+                  signal: w
                 });
                 if (z.ok) {
-                  const h = await z.json();
-                  if (Array.isArray(h.result)) {
-                    const o = h.result.map((m) => ({
+                  const p = await z.json();
+                  if (Array.isArray(p.result)) {
+                    const o = p.result.map((m) => ({
                       ...m,
                       isBackupPlaylist: !0
                     }));
@@ -1546,176 +1546,171 @@ const Fr = Ce.div`
                   }
                 }
               }
-              c(M), s(null), v && je.set(v, { url: null, playlist: M });
+              c(M), s(null), E && Ve.set(E, { url: null, playlist: M });
             } else
-              c(E.result), s(null), v && je.set(v, { url: null, playlist: E.result });
+              c(P.result), s(null), E && Ve.set(E, { url: null, playlist: P.result });
           }
           break;
         } catch (q) {
-          if (P.aborted) {
-            p && x("Request timed out");
+          if (w.aborted) {
+            d && g("Request timed out");
             break;
           }
           if (T++, T >= Ke) {
-            const d = q instanceof Error ? q.message : String(q);
-            p && x(`Failed after ${Ke} attempts: ${d}`);
+            const f = q instanceof Error ? q.message : String(q);
+            d && g(`Failed after ${Ke} attempts: ${f}`);
           } else
-            await new Promise((d) => setTimeout(d, 2e3));
+            await new Promise((f) => setTimeout(f, 2e3));
         }
-      p && u(!1);
+      d && u(!1);
     }, 100);
     return () => {
-      p = !1, clearTimeout($), b.abort();
+      d = !1, clearTimeout(L), x.abort();
     };
-  }, [_, e, t, r, a]), { fetchedPlaybackUrl: n, fetchedPlaylist: l, isLoading: y, error: f };
+  }, [_, e, t, r, a]), { fetchedPlaybackUrl: n, fetchedPlaylist: l, isLoading: y, error: h };
 }, Hr = ({ playerId: e, playerInstanceRef: t, playerRef: r, videoData: a, trackingMetadata: i, callbacks: n }) => {
-  const s = te(!1), l = te(!1), c = te(!1), y = te(0), u = te({}), f = te(null), x = te(null), _ = te(null), v = te(!1), p = te(!1);
-  _e(() => {
+  const s = te(!1), l = te(!1), c = te(!1), y = te(0), u = te({}), h = te(null), g = te(null), _ = te(null), E = te(null), d = te(!1);
+  Se(() => {
     if (!(n && (n.onPlayerStart || n.onPlayerPlay || n.onPlayerPause || n.onPlayerResume || n.onPlayerEnd || n.onPlayerProgressEvery10Seconds || n.onPlayerProgressAt20Seconds || n.onPlayerQuartile25 || n.onPlayerQuartile50 || n.onPlayerQuartile75 || n.onPlayerNext || n.onPlayerPrevious || n.onPlayerEvent)))
       return;
     (() => {
       s.current = !1, l.current = !1, c.current = !1, y.current = 0, u.current = {};
     })();
     const I = () => {
-      var E;
-      const d = document.getElementById(e);
-      if (!d)
+      var P;
+      const f = document.getElementById(e);
+      if (!f)
         return null;
-      if (d.querySelectorAll("video").length > 1 && t.current) {
-        const L = t.current, D = L.videoIndex ?? ((E = L.playlist) == null ? void 0 : E.playlistVideoIndex) ?? 0, U = d.querySelector(`video[id="${D}"]`);
+      if (f.querySelectorAll("video").length > 1 && t.current) {
+        const $ = t.current, D = $.videoIndex ?? ((P = $.playlist) == null ? void 0 : P.playlistVideoIndex) ?? 0, U = f.querySelector(`video[id="${D}"]`);
         if (U)
           return U;
-        const M = d.querySelector("video.active");
+        const M = f.querySelector("video.active");
         if (M)
           return M;
       }
-      return d.querySelector("video");
-    }, $ = () => {
-      const d = I();
-      if (!d)
+      return f.querySelector("video");
+    }, L = () => {
+      const f = I();
+      if (!f)
         return !1;
-      const g = (h, o) => {
-        var m, A, C, Y, K, X, de, N, Z, fe, ne, xe, Be, se;
-        switch (h) {
-          case "player_start":
-            (m = n.onPlayerStart) == null || m.call(n, h);
-            break;
-          case "player_play":
-            (A = n.onPlayerPlay) == null || A.call(n, h);
-            break;
-          case "player_pause":
-            (C = n.onPlayerPause) == null || C.call(n, h);
-            break;
-          case "player_resume":
-            (Y = n.onPlayerResume) == null || Y.call(n, h);
-            break;
-          case "player_end":
-            (K = n.onPlayerEnd) == null || K.call(n, h);
-            break;
-          case "player_progress_every_10_seconds":
-            o !== void 0 && ((X = n.onPlayerProgressEvery10Seconds) == null || X.call(n, h, o));
-            break;
-          case "player_progress_at_20_seconds":
-            o !== void 0 && ((de = n.onPlayerProgressAt20Seconds) == null || de.call(n, h, o));
-            break;
-          case "player_quartile_25":
-            o !== void 0 && ((N = n.onPlayerQuartile25) == null || N.call(n, h, o));
-            break;
-          case "player_quartile_50":
-            o !== void 0 && ((Z = n.onPlayerQuartile50) == null || Z.call(n, h, o));
-            break;
-          case "player_quartile_75":
-            o !== void 0 && ((fe = n.onPlayerQuartile75) == null || fe.call(n, h, o));
-            break;
-          case "player_next":
-            (ne = n.onPlayerNext) == null || ne.call(n, h);
-            break;
-          case "player_previous":
-            (xe = n.onPlayerPrevious) == null || xe.call(n, h);
-            break;
-        }
-        o !== void 0 && (h === "player_progress_every_10_seconds" || h === "player_progress_at_20_seconds" || h === "player_quartile_25" || h === "player_quartile_50" || h === "player_quartile_75") ? (Be = n.onPlayerEvent) == null || Be.call(n, h, o) : (se = n.onPlayerEvent) == null || se.call(n, h);
-      }, E = () => {
-        if (!s.current) {
-          if (p.current) {
-            p.current = !1, s.current = !0, d.readyState >= 2 && !d.paused && setTimeout(() => {
-              !l.current && !d.paused && (g("player_play"), l.current = !0, c.current = !1);
-            }, 100);
-            return;
+      const v = (p, o) => {
+        var A, C, Y, J, X, de, N, Z, fe, ne, we, Be, se, ge;
+        const m = Date.now();
+        if (!(p === "player_start" && s.current)) {
+          switch (E.current = { type: p, time: m }, p) {
+            case "player_start":
+              (A = n.onPlayerStart) == null || A.call(n, p);
+              break;
+            case "player_play":
+              (C = n.onPlayerPlay) == null || C.call(n, p);
+              break;
+            case "player_pause":
+              (Y = n.onPlayerPause) == null || Y.call(n, p);
+              break;
+            case "player_resume":
+              (J = n.onPlayerResume) == null || J.call(n, p);
+              break;
+            case "player_end":
+              (X = n.onPlayerEnd) == null || X.call(n, p);
+              break;
+            case "player_progress_every_10_seconds":
+              o !== void 0 && ((de = n.onPlayerProgressEvery10Seconds) == null || de.call(n, p, o));
+              break;
+            case "player_progress_at_20_seconds":
+              o !== void 0 && ((N = n.onPlayerProgressAt20Seconds) == null || N.call(n, p, o));
+              break;
+            case "player_quartile_25":
+              o !== void 0 && ((Z = n.onPlayerQuartile25) == null || Z.call(n, p, o));
+              break;
+            case "player_quartile_50":
+              o !== void 0 && ((fe = n.onPlayerQuartile50) == null || fe.call(n, p, o));
+              break;
+            case "player_quartile_75":
+              o !== void 0 && ((ne = n.onPlayerQuartile75) == null || ne.call(n, p, o));
+              break;
+            case "player_next":
+              (we = n.onPlayerNext) == null || we.call(n, p);
+              break;
+            case "player_previous":
+              (Be = n.onPlayerPrevious) == null || Be.call(n, p);
+              break;
           }
-          g("player_start"), s.current = !0, d.readyState >= 2 && !d.paused && setTimeout(() => {
-            !l.current && !d.paused && (g("player_play"), l.current = !0, c.current = !1);
-          }, 100);
+          o !== void 0 && (p === "player_progress_every_10_seconds" || p === "player_progress_at_20_seconds" || p === "player_quartile_25" || p === "player_quartile_50" || p === "player_quartile_75") ? (se = n.onPlayerEvent) == null || se.call(n, p, o) : (ge = n.onPlayerEvent) == null || ge.call(n, p);
         }
-      }, L = () => {
-        c.current ? g("player_resume") : l.current ? g("player_play") : (g("player_play"), l.current = !0), c.current = !1;
+      }, P = () => {
+        s.current || (v("player_start"), s.current = !0, f.readyState >= 2 && !f.paused && setTimeout(() => {
+          !l.current && !f.paused && (v("player_play"), l.current = !0, c.current = !1);
+        }, 100));
+      }, $ = () => {
+        c.current ? v("player_resume") : l.current ? v("player_play") : (v("player_play"), l.current = !0), c.current = !1;
       }, D = () => {
-        d.ended || v.current || setTimeout(() => {
-          var h;
-          if (!v.current) {
-            if (t.current && x.current !== null) {
+        f.ended || d.current || setTimeout(() => {
+          var p;
+          if (!d.current) {
+            if (t.current && g.current !== null) {
               const o = t.current;
-              if ((o.videoIndex ?? ((h = o.playlist) == null ? void 0 : h.playlistVideoIndex) ?? 0) !== x.current)
+              if ((o.videoIndex ?? ((p = o.playlist) == null ? void 0 : p.playlistVideoIndex) ?? 0) !== g.current)
                 return;
             }
-            g("player_pause"), c.current = !0;
+            v("player_pause"), c.current = !0;
           }
         }, 200);
       }, U = () => {
-        g("player_end");
+        v("player_end");
       }, M = () => {
-        s.current && !l.current && d.currentTime >= 1 && d.currentTime < 1.5 && !d.paused && (g("player_play"), l.current = !0, c.current = !1);
-        const h = d.duration > 0 ? d.currentTime / d.duration * 100 : 0, o = Math.floor(d.currentTime);
-        o - y.current >= 10 && (y.current = o, g("player_progress_every_10_seconds", o)), o >= 20 && !u.current[20] && (u.current[20] = !0, g("player_progress_at_20_seconds", o)), h >= 25 && !u.current[25] && (u.current[25] = !0, g("player_quartile_25", o)), h >= 50 && !u.current[50] && (u.current[50] = !0, g("player_quartile_50", o)), h >= 75 && !u.current[75] && (u.current[75] = !0, g("player_quartile_75", o));
+        s.current && !l.current && f.currentTime >= 1 && f.currentTime < 1.5 && !f.paused && (v("player_play"), l.current = !0, c.current = !1);
+        const p = f.duration > 0 ? f.currentTime / f.duration * 100 : 0, o = Math.floor(f.currentTime);
+        o - y.current >= 10 && (y.current = o, v("player_progress_every_10_seconds", o)), o >= 20 && !u.current[20] && (u.current[20] = !0, v("player_progress_at_20_seconds", o)), p >= 25 && !u.current[25] && (u.current[25] = !0, v("player_quartile_25", o)), p >= 50 && !u.current[50] && (u.current[50] = !0, v("player_quartile_50", o)), p >= 75 && !u.current[75] && (u.current[75] = !0, v("player_quartile_75", o));
       };
-      if (_.current && _.current !== d) {
-        const h = _.current;
-        h.removeEventListener("loadedmetadata", E), h.removeEventListener("play", L), h.removeEventListener("pause", D), h.removeEventListener("ended", U), h.removeEventListener("timeupdate", M);
+      if (_.current && _.current !== f) {
+        const p = _.current;
+        p.removeEventListener("loadedmetadata", P), p.removeEventListener("play", $), p.removeEventListener("pause", D), p.removeEventListener("ended", U), p.removeEventListener("timeupdate", M);
       }
-      _.current = d, d.addEventListener("loadedmetadata", E), d.addEventListener("play", L), d.addEventListener("pause", D), d.addEventListener("ended", U), d.addEventListener("timeupdate", M), d.readyState >= 1 && (console.log("[useVPPlayerEvents] Video metadata already loaded, triggering player_start"), E());
-      const W = document.getElementById(e), z = (h) => {
-        const o = h.target;
-        (o.closest(".vp-next") || o.closest(".vrt-icon-down") || o.closest(".vrt-arrow.vrt-icon-down")) && (v.current = !0, p.current = !0, g("player_next"), setTimeout(() => {
-          v.current = !1;
-        }, 500)), (o.closest(".vp-prev") || o.closest(".vp-previous") || o.closest(".vrt-icon-up") || o.closest(".vrt-arrow.vrt-icon-up")) && (v.current = !0, p.current = !0, g("player_previous"), setTimeout(() => {
-          v.current = !1;
+      _.current = f, f.addEventListener("loadedmetadata", P), f.addEventListener("play", $), f.addEventListener("pause", D), f.addEventListener("ended", U), f.addEventListener("timeupdate", M), f.readyState >= 1 && P();
+      const W = document.getElementById(e), z = (p) => {
+        const o = p.target;
+        (o.closest(".vp-next") || o.closest(".vrt-icon-down") || o.closest(".vrt-arrow.vrt-icon-down")) && (d.current = !0, v("player_next"), setTimeout(() => {
+          d.current = !1;
+        }, 500)), (o.closest(".vp-prev") || o.closest(".vp-previous") || o.closest(".vrt-icon-up") || o.closest(".vrt-arrow.vrt-icon-up")) && (d.current = !0, v("player_previous"), setTimeout(() => {
+          d.current = !1;
         }, 500));
       };
-      return W && W.addEventListener("click", z, !0), f.current = () => {
-        const h = _.current || d;
-        h.removeEventListener("loadedmetadata", E), h.removeEventListener("play", L), h.removeEventListener("pause", D), h.removeEventListener("ended", U), h.removeEventListener("timeupdate", M), W == null || W.removeEventListener("click", z, !0), _.current = null;
+      return W && W.addEventListener("click", z, !0), h.current = () => {
+        const p = _.current || f;
+        p.removeEventListener("loadedmetadata", P), p.removeEventListener("play", $), p.removeEventListener("pause", D), p.removeEventListener("ended", U), p.removeEventListener("timeupdate", M), W == null || W.removeEventListener("click", z, !0), _.current = null;
       }, !0;
     };
     let T = null, B = !1;
-    const j = () => {
+    const V = () => {
       if (!t.current)
         return;
-      const d = t.current, g = document.getElementById(e), E = g == null ? void 0 : g.querySelectorAll("video");
-      E && E.length > 1 && d.videoIndex !== void 0 && (T = window.setInterval(() => {
+      const f = t.current, v = document.getElementById(e), P = v == null ? void 0 : v.querySelectorAll("video");
+      P && P.length > 1 && f.videoIndex !== void 0 && (T = window.setInterval(() => {
         var D, U, M, W;
         try {
-          const z = d.videoIndex ?? ((D = d.playlist) == null ? void 0 : D.playlistVideoIndex) ?? 0;
-          if (x.current !== null && z !== x.current) {
-            const h = z > x.current, o = h ? "player_next" : "player_previous";
-            n && !v.current && (h ? (U = n.onPlayerNext) == null || U.call(n, o) : (M = n.onPlayerPrevious) == null || M.call(n, o), (W = n.onPlayerEvent) == null || W.call(n, o)), v.current = !0, p.current = !0, f.current && (f.current(), f.current = null), l.current = !1, c.current = !1, y.current = 0, u.current = {}, _.current = null, setTimeout(() => {
-              $(), setTimeout(() => {
-                v.current = !1;
+          const z = f.videoIndex ?? ((D = f.playlist) == null ? void 0 : D.playlistVideoIndex) ?? 0;
+          if (g.current !== null && z !== g.current) {
+            const p = z > g.current, o = p ? "player_next" : "player_previous";
+            n && !d.current && (p ? (U = n.onPlayerNext) == null || U.call(n, o) : (M = n.onPlayerPrevious) == null || M.call(n, o), (W = n.onPlayerEvent) == null || W.call(n, o)), d.current = !0, h.current && (h.current(), h.current = null), s.current = !1, l.current = !1, c.current = !1, y.current = 0, u.current = {}, _.current = null, setTimeout(() => {
+              L(), setTimeout(() => {
+                d.current = !1;
               }, 200);
             }, 100);
           }
-          x.current = z;
+          g.current = z;
         } catch {
         }
       }, 500));
     };
-    let w = 0;
-    const J = 20, q = setInterval(() => {
-      w++, $() && !B ? (console.log(`[useVPPlayerEvents] Successfully set up event tracking on attempt ${w}`), B = !0, clearInterval(q), setTimeout(() => {
-        j();
-      }, 1e3)) : w >= J && (console.warn(`[useVPPlayerEvents] Failed to set up event tracking after ${J} attempts for playerId: ${e}`), clearInterval(q));
+    let b = 0;
+    const Q = 20, q = setInterval(() => {
+      b++, L() && !B ? (B = !0, clearInterval(q), setTimeout(() => {
+        V();
+      }, 1e3)) : b >= Q && clearInterval(q);
     }, 500);
     return () => {
-      clearInterval(q), T !== null && (clearInterval(T), T = null), f.current && (f.current(), f.current = null);
+      clearInterval(q), T !== null && (clearInterval(T), T = null), h.current && (h.current(), h.current = null);
     };
   }, [
     e,
@@ -1788,7 +1783,7 @@ const Fr = Ce.div`
   isVerticalPlayer: n
   // Distinguish between VP Player types
 }) => {
-  var u, f, x, _, v, p, b, P, I, $, T, B, j, w, J, q;
+  var u, h, g, _, E, d, x, w, I, L, T, B, V, b, Q, q;
   const s = { ...Xr, ...i }, l = { ...s.config, ...i.config };
   if (e)
     return {
@@ -1811,7 +1806,7 @@ const Fr = Ce.div`
       config: l
     };
   if (r && r.length > 0) {
-    const d = ((f = (u = i == null ? void 0 : i.video) == null ? void 0 : u.playlist) == null ? void 0 : f.playlistVideoIndex) ?? ((x = i == null ? void 0 : i.config) == null ? void 0 : x.playlistVideoIndex) ?? 0;
+    const f = ((h = (u = i == null ? void 0 : i.video) == null ? void 0 : u.playlist) == null ? void 0 : h.playlistVideoIndex) ?? ((g = i == null ? void 0 : i.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
     return n ? {
       ...s,
       projectId: a || "vp-player-projectId",
@@ -1820,23 +1815,23 @@ const Fr = Ce.div`
         // Set first video file (index 0) to avoid VP Player duplication
         videoId: (_ = r[0]) == null ? void 0 : _.mediaId,
         // Add videoId for tracking
-        file: (v = r[0]) == null ? void 0 : v.hlsUrl,
-        title: (p = r[0]) == null ? void 0 : p.title,
+        file: (E = r[0]) == null ? void 0 : E.hlsUrl,
+        title: (d = r[0]) == null ? void 0 : d.title,
         // thumbnail: fetchedPlaylist[0]?.thumbnailUrl,
         playlist: {
           state: !0,
           playlistId: "",
           // Will be set by API
           // Use original playlistVideoIndex - VP Player will navigate to it
-          playlistVideoIndex: Number(d),
+          playlistVideoIndex: Number(f),
           // Remove first video from playlist to avoid duplication (already in file)
-          videos: r.slice(1).map((E, L) => ({
-            videoId: E.mediaId || String(L + 1),
+          videos: r.slice(1).map((P, $) => ({
+            videoId: P.mediaId || String($ + 1),
             // Use mediaId if available
-            title: E.title,
-            file: E.hlsUrl,
-            thumbnailUrl: E.thumbnailUrl,
-            duration: E.duration
+            title: P.title,
+            file: P.hlsUrl,
+            thumbnailUrl: P.thumbnailUrl,
+            duration: P.duration
           }))
         }
       },
@@ -1846,29 +1841,29 @@ const Fr = Ce.div`
       projectId: a || "vp-player-projectId",
       video: {
         ...s.video,
-        videoId: ((b = r[Number(d)]) == null ? void 0 : b.mediaId) || ((P = r[0]) == null ? void 0 : P.mediaId),
+        videoId: ((x = r[Number(f)]) == null ? void 0 : x.mediaId) || ((w = r[0]) == null ? void 0 : w.mediaId),
         // Add videoId for tracking
-        file: ((I = r[Number(d)]) == null ? void 0 : I.hlsUrl) || (($ = r[0]) == null ? void 0 : $.hlsUrl) || "",
-        title: ((T = r[Number(d)]) == null ? void 0 : T.title) || ((B = r[0]) == null ? void 0 : B.title),
-        thumbnail: ((j = r[Number(d)]) == null ? void 0 : j.thumbnailUrl) || ((w = r[0]) == null ? void 0 : w.thumbnailUrl),
+        file: ((I = r[Number(f)]) == null ? void 0 : I.hlsUrl) || ((L = r[0]) == null ? void 0 : L.hlsUrl) || "",
+        title: ((T = r[Number(f)]) == null ? void 0 : T.title) || ((B = r[0]) == null ? void 0 : B.title),
+        thumbnail: ((V = r[Number(f)]) == null ? void 0 : V.thumbnailUrl) || ((b = r[0]) == null ? void 0 : b.thumbnailUrl),
         playlist: {
           state: !0,
           // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(d),
-          videos: r.map((E, L) => ({
-            videoId: E.mediaId || String(L),
+          playlistVideoIndex: Number(f),
+          videos: r.map((P, $) => ({
+            videoId: P.mediaId || String($),
             // Use mediaId if available
-            title: E.title,
-            file: E.hlsUrl,
-            thumbnailUrl: E.thumbnailUrl,
-            duration: E.duration
+            title: P.title,
+            file: P.hlsUrl,
+            thumbnailUrl: P.thumbnailUrl,
+            duration: P.duration
           }))
         }
       },
       config: l
     };
   }
-  const c = ((J = i == null ? void 0 : i.video) == null ? void 0 : J.playlist) || s.video.playlist, y = (q = i == null ? void 0 : i.video) == null ? void 0 : q.file;
+  const c = ((Q = i == null ? void 0 : i.video) == null ? void 0 : Q.playlist) || s.video.playlist, y = (q = i == null ? void 0 : i.video) == null ? void 0 : q.file;
   if (y)
     return {
       ...s,
@@ -1881,12 +1876,12 @@ const Fr = Ce.div`
       config: l
     };
   if (c != null && c.videos && c.videos.length > 0) {
-    const d = c.videos[Number(c.playlistVideoIndex) || 0];
+    const f = c.videos[Number(c.playlistVideoIndex) || 0];
     return {
       ...s,
       video: {
         ...s.video,
-        file: (d == null ? void 0 : d.file) || "",
+        file: (f == null ? void 0 : f.file) || "",
         playlist: {
           ...c,
           state: c.state ?? !0,
@@ -1907,49 +1902,49 @@ const Fr = Ce.div`
     return;
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
-}, Qr = ({ playerId: e, videoId: t, version: r, videoUrl: a, projectId: i, playlistId: n, scriptUrl: s, config: l = {}, apiKey: c, isReels: y = !1, onPlaylistData: u, onVideoStarted: f, trackingMetadata: x, onPlayerStart: _, onPlayerPlay: v, onPlayerPause: p, onPlayerResume: b, onPlayerEnd: P, onPlayerProgressEvery10Seconds: I, onPlayerProgressAt20Seconds: $, onPlayerQuartile25: T, onPlayerQuartile50: B, onPlayerQuartile75: j, onPlayerNext: w, onPlayerPrevious: J, onPlayerEvent: q }) => {
-  const d = te(null), g = te(null), E = te(!1), L = te(""), D = te([]), U = te([]), M = te(null), { isLoaded: W, error: z } = qr(r, s), h = t || Kr(s), [o, m] = ce(null), { fetchedPlaybackUrl: A, fetchedPlaylist: C, isLoading: Y, error: K } = Gr({
+}, Qr = ({ playerId: e, videoId: t, version: r, videoUrl: a, projectId: i, playlistId: n, scriptUrl: s, config: l = {}, apiKey: c, isReels: y = !1, onPlaylistData: u, onVideoStarted: h, trackingMetadata: g, onPlayerStart: _, onPlayerPlay: E, onPlayerPause: d, onPlayerResume: x, onPlayerEnd: w, onPlayerProgressEvery10Seconds: I, onPlayerProgressAt20Seconds: L, onPlayerQuartile25: T, onPlayerQuartile50: B, onPlayerQuartile75: V, onPlayerNext: b, onPlayerPrevious: Q, onPlayerEvent: q }) => {
+  const f = te(null), v = te(null), P = te(!1), $ = te(""), D = te([]), U = te([]), M = te(null), { isLoaded: W, error: z } = qr(r, s), p = t || Kr(s), [o, m] = ce(null), { fetchedPlaybackUrl: A, fetchedPlaylist: C, isLoading: Y, error: J } = Gr({
     projectId: i,
-    videoId: h,
+    videoId: p,
     playlistId: n,
     videoUrl: a,
     apiKey: c
-  }), X = ot(e, h), [de, N] = ce(void 0);
-  _e(() => {
+  }), X = ot(e, p), [de, N] = ce(void 0);
+  Se(() => {
     C && u && u(C);
   }, [C, u]), Hr({
     playerId: X,
-    playerInstanceRef: g,
-    playerRef: d,
+    playerInstanceRef: v,
+    playerRef: f,
     videoData: de,
-    trackingMetadata: x,
+    trackingMetadata: g,
     callbacks: {
       onPlayerStart: _,
-      onPlayerPlay: v,
-      onPlayerPause: p,
-      onPlayerResume: b,
-      onPlayerEnd: P,
+      onPlayerPlay: E,
+      onPlayerPause: d,
+      onPlayerResume: x,
+      onPlayerEnd: w,
       onPlayerProgressEvery10Seconds: I,
-      onPlayerProgressAt20Seconds: $,
+      onPlayerProgressAt20Seconds: L,
       onPlayerQuartile25: T,
       onPlayerQuartile50: B,
-      onPlayerQuartile75: j,
-      onPlayerNext: w,
-      onPlayerPrevious: J,
+      onPlayerQuartile75: V,
+      onPlayerNext: b,
+      onPlayerPrevious: Q,
       onPlayerEvent: q
     }
   });
-  const fe = Et(() => {
-    const ne = l.config || {}, xe = y && !ne.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ne.size || { sizeType: "FIXED", width: "100%" };
+  const fe = Pt(() => {
+    const ne = l.config || {}, we = y && !ne.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ne.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...l,
       config: {
         ...ne,
-        size: xe
+        size: we
       }
     };
   }, [l, y]);
-  return _e(() => {
+  return Se(() => {
     if (z) {
       m(z);
       return;
@@ -1960,9 +1955,9 @@ const Fr = Ce.div`
     const Be = setTimeout(async () => {
       try {
         D.current.forEach((ie) => clearInterval(ie)), D.current = [], U.current.forEach((ie) => clearTimeout(ie)), U.current = [], M.current = null;
-        const se = (C == null ? void 0 : C.length) ?? 0, Te = JSON.stringify({
+        const se = (C == null ? void 0 : C.length) ?? 0, ge = JSON.stringify({
           playerId: X,
-          videoId: t || h,
+          videoId: t || p,
           playlistId: n,
           videoUrl: a,
           fetchedPlaybackUrl: A,
@@ -1971,21 +1966,21 @@ const Fr = Ce.div`
           projectId: i,
           playlistLength: se
         });
-        if (E.current && g.current && L.current === Te)
+        if (P.current && v.current && $.current === ge)
           return;
-        L.current !== Te && (E.current = !1, L.current = Te);
+        $.current !== ge && (P.current = !1, $.current = ge);
         const Ae = s == null ? void 0 : s.includes("vertical-player");
         if (document.querySelectorAll('[id*="player"]').forEach((ie) => {
           var Pe, R;
-          const ge = ie.id;
-          if (ge !== X)
+          const xe = ie.id;
+          if (xe !== X)
             try {
-              const S = Ae ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, ge) : (R = window.vpPlayer) == null ? void 0 : R.call(window, ge);
+              const S = Ae ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, xe) : (R = window.vpPlayer) == null ? void 0 : R.call(window, xe);
               S != null && S.destroy && S.destroy();
             } catch (S) {
-              console.warn(`Failed to destroy existing player ${ge}:`, S);
+              console.warn(`Failed to destroy existing player ${xe}:`, S);
             }
-        }), await new Promise((ie) => setTimeout(ie, 100)), !ne || !d.current)
+        }), await new Promise((ie) => setTimeout(ie, 100)), !ne || !f.current)
           return;
         if (!document.getElementById(X)) {
           m("DOM element not found after cleanup.");
@@ -2000,7 +1995,7 @@ const Fr = Ce.div`
           m(`VP ${Ae ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const be = Jr({
+        const Ee = Jr({
           videoUrl: a,
           fetchedPlaybackUrl: A ?? void 0,
           fetchedPlaylist: C ?? void 0,
@@ -2013,32 +2008,32 @@ const Fr = Ce.div`
           m(`Failed to create VP ${Ae ? "Vertical " : ""}Player instance.`);
           return;
         }
-        if (ne && d.current && (G.setup(be), g.current = G, E.current = !0, m(null), f && G.on)) {
+        if (ne && f.current && (G.setup(Ee), v.current = G, P.current = !0, m(null), h && G.on)) {
           const ie = () => {
             var S;
             const R = {};
             if (C && C.length > 0) {
               const F = G.videoIndex ?? ((S = G.playlist) == null ? void 0 : S.playlistVideoIndex) ?? 0, k = C[F];
               k && (R.title = k.title, R.hlsUrl = k.hlsUrl, R.file = k.hlsUrl, R.thumbnailUrl = k.thumbnailUrl, R.duration = k.duration, R.videoIndex = F, R.playlistVideoIndex = F, R.isBackupPlaylist = k.isBackupPlaylist, R.mediaId = k.mediaId, R.videoId = k.mediaId || k.videoId);
-            } else be.video && (R.title = be.video.title, R.file = be.video.file, R.hlsUrl = be.video.file, R.thumbnailUrl = be.video.thumbnail, R.videoId = t || h, R.videoIndex = 0, R.playlistVideoIndex = 0, G.getDuration && (R.duration = G.getDuration()));
+            } else Ee.video && (R.title = Ee.video.title, R.file = Ee.video.file, R.hlsUrl = Ee.video.file, R.thumbnailUrl = Ee.video.thumbnail, R.videoId = t || p, R.videoIndex = 0, R.playlistVideoIndex = 0, G.getDuration && (R.duration = G.getDuration()));
             return R;
           };
-          let ge = null;
+          let xe = null;
           const Pe = async () => {
             var R;
             try {
-              ge && clearTimeout(ge), await new Promise((k) => setTimeout(k, 100));
+              xe && clearTimeout(xe), await new Promise((k) => setTimeout(k, 100));
               let S = ie();
               const F = S.videoId || S.mediaId;
               if (F && F === M.current)
                 return;
-              if (ge = window.setTimeout(() => {
+              if (xe = window.setTimeout(() => {
                 M.current = null;
               }, 500), y && F)
                 try {
-                  const ye = `https://host.vpplayer.tech/player/ptkzurnx/${F}.json`, we = await fetch(ye);
-                  if (we.ok) {
-                    const ee = await we.json();
+                  const ye = `https://host.vpplayer.tech/player/ptkzurnx/${F}.json`, be = await fetch(ye);
+                  if (be.ok) {
+                    const ee = await be.json();
                     ee && ee.video && (S = {
                       ...S,
                       title: ee.video.title || S.title,
@@ -2052,7 +2047,7 @@ const Fr = Ce.div`
                   }
                 } catch {
                 }
-              M.current = F || null, N(S), f(S);
+              M.current = F || null, N(S), h(S);
             } catch (S) {
               console.warn("Error in video-started handler:", S);
             }
@@ -2072,19 +2067,19 @@ const Fr = Ce.div`
               }
             };
             let k = 0;
-            const ye = 15, we = setInterval(() => {
+            const ye = 15, be = setInterval(() => {
               try {
                 const ee = G.videoIndex !== void 0 || G.playlist;
                 if (!R)
                   k++, (ee || k >= ye) && F();
                 else {
-                  const Ee = G.videoIndex ?? 0;
-                  Ee !== S && S !== -1 && (S = Ee, Pe());
+                  const _e = G.videoIndex ?? 0;
+                  _e !== S && S !== -1 && (S = _e, Pe());
                 }
               } catch {
               }
             }, 200);
-            D.current.push(we);
+            D.current.push(be);
             try {
               G.on && G.on("vp-listen-ready", F);
             } catch {
@@ -2093,13 +2088,13 @@ const Fr = Ce.div`
             const R = async (S) => {
               var F, k;
               try {
-                const ye = s == null ? void 0 : s.match(/player\/([^/.]+)/), we = ye == null ? void 0 : ye[1];
-                if (!we || !S)
+                const ye = s == null ? void 0 : s.match(/player\/([^/.]+)/), be = ye == null ? void 0 : ye[1];
+                if (!be || !S)
                   return ie();
-                const ee = `https://host.vpplayer.tech/player/${we}/${S}.json`, Ee = await fetch(ee);
-                if (!Ee.ok)
-                  return console.warn("Failed to fetch full video config:", Ee.status), ie();
-                const le = await Ee.json();
+                const ee = `https://host.vpplayer.tech/player/${be}/${S}.json`, _e = await fetch(ee);
+                if (!_e.ok)
+                  return console.warn("Failed to fetch full video config:", _e.status), ie();
+                const le = await _e.json();
                 return !le || !le.video ? ie() : {
                   videoId: S,
                   title: le.video.title,
@@ -2122,13 +2117,13 @@ const Fr = Ce.div`
             };
             G.on("ready", async (S) => {
               try {
-                const F = (S == null ? void 0 : S.id) || t || h;
+                const F = (S == null ? void 0 : S.id) || t || p;
                 if (F) {
                   const k = await R(F);
-                  N(k), f(k);
+                  N(k), h(k);
                 } else {
                   const k = ie();
-                  (k.title || k.file) && (N(k), f(k));
+                  (k.title || k.file) && (N(k), h(k));
                 }
               } catch (F) {
                 console.warn("Error in ready handler:", F);
@@ -2138,7 +2133,7 @@ const Fr = Ce.div`
                 const F = S == null ? void 0 : S.id;
                 if (F) {
                   const k = await R(F);
-                  N(k), f(k);
+                  N(k), h(k);
                 }
               } catch (F) {
                 console.warn("Error in playlistItem handler:", F);
@@ -2148,13 +2143,13 @@ const Fr = Ce.div`
         }
       } catch (se) {
         if (ne) {
-          const Te = se instanceof Error ? se.message : String(se);
-          m(Te), console.error("VP Player initialization error:", se);
+          const ge = se instanceof Error ? se.message : String(se);
+          m(ge), console.error("VP Player initialization error:", se);
         }
       }
     }, 150);
     return () => {
-      ne = !1, clearTimeout(Be), D.current.forEach((se) => clearInterval(se)), D.current = [], U.current.forEach((se) => clearTimeout(se)), U.current = [], E.current = !1;
+      ne = !1, clearTimeout(Be), D.current.forEach((se) => clearInterval(se)), D.current = [], U.current.forEach((se) => clearTimeout(se)), U.current = [], P.current = !1;
     };
   }, [
     W,
@@ -2162,28 +2157,28 @@ const Fr = Ce.div`
     X,
     z,
     s
-  ]), _e(() => () => {
-    if (g.current) {
+  ]), Se(() => () => {
+    if (v.current) {
       try {
-        g.current.destroy && g.current.destroy();
-      } catch (xe) {
-        console.warn(`Failed to destroy player ${X}:`, xe);
+        v.current.destroy && v.current.destroy();
+      } catch (we) {
+        console.warn(`Failed to destroy player ${X}:`, we);
       }
-      g.current = null;
+      v.current = null;
     }
-    E.current = !1;
+    P.current = !1;
     const ne = document.getElementById(X);
     ne && (ne.innerHTML = "");
   }, [X]), {
-    playerRef: d,
-    playerInstanceRef: g,
+    playerRef: f,
+    playerInstanceRef: v,
     isScriptLoaded: W,
     isLoading: Y,
-    error: K || o || z
+    error: J || o || z
   };
-}, Zr = ({ playerId: e, videoId: t, version: r, videoUrl: a, projectId: i, playlistId: n, scriptUrl: s, config: l = {}, apiKey: c, isReels: y = !1, hiddenClasses: u = [], onClose: f, className: x, onPlaylistData: _, onVideoStarted: v, trackingMetadata: p, onPlayerStart: b, onPlayerPlay: P, onPlayerPause: I, onPlayerResume: $, onPlayerEnd: T, onPlayerProgressEvery10Seconds: B, onPlayerProgressAt20Seconds: j, onPlayerQuartile25: w, onPlayerQuartile50: J, onPlayerQuartile75: q, onPlayerNext: d, onPlayerPrevious: g, onPlayerEvent: E }) => {
-  var K, X, de, N;
-  const { playerRef: L, playerInstanceRef: D, isScriptLoaded: U, isLoading: M, error: W } = Qr({
+}, Zr = ({ playerId: e, videoId: t, version: r, videoUrl: a, projectId: i, playlistId: n, scriptUrl: s, config: l = {}, apiKey: c, isReels: y = !1, hiddenClasses: u = [], onClose: h, className: g, onPlaylistData: _, onVideoStarted: E, trackingMetadata: d, onPlayerStart: x, onPlayerPlay: w, onPlayerPause: I, onPlayerResume: L, onPlayerEnd: T, onPlayerProgressEvery10Seconds: B, onPlayerProgressAt20Seconds: V, onPlayerQuartile25: b, onPlayerQuartile50: Q, onPlayerQuartile75: q, onPlayerNext: f, onPlayerPrevious: v, onPlayerEvent: P }) => {
+  var J, X, de, N;
+  const { playerRef: $, playerInstanceRef: D, isScriptLoaded: U, isLoading: M, error: W } = Qr({
     playerId: e,
     videoId: t,
     version: r,
@@ -2195,45 +2190,45 @@ const Fr = Ce.div`
     apiKey: c,
     isReels: y,
     onPlaylistData: _,
-    onVideoStarted: v,
-    trackingMetadata: p,
-    onPlayerStart: b,
-    onPlayerPlay: P,
+    onVideoStarted: E,
+    trackingMetadata: d,
+    onPlayerStart: x,
+    onPlayerPlay: w,
     onPlayerPause: I,
-    onPlayerResume: $,
+    onPlayerResume: L,
     onPlayerEnd: T,
     onPlayerProgressEvery10Seconds: B,
-    onPlayerProgressAt20Seconds: j,
-    onPlayerQuartile25: w,
-    onPlayerQuartile50: J,
+    onPlayerProgressAt20Seconds: V,
+    onPlayerQuartile25: b,
+    onPlayerQuartile50: Q,
     onPlayerQuartile75: q,
-    onPlayerNext: d,
-    onPlayerPrevious: g,
-    onPlayerEvent: E
-  }), [z, h] = ce(!0), o = () => y && h(!0), m = () => {
+    onPlayerNext: f,
+    onPlayerPrevious: v,
+    onPlayerEvent: P
+  }), [z, p] = ce(!0), o = () => y && p(!0), m = () => {
     var Z, fe;
-    h(!1), (fe = (Z = D.current) == null ? void 0 : Z.play) == null || fe.call(Z), f == null || f();
-  }, A = (X = (K = l == null ? void 0 : l.config) == null ? void 0 : K.size) != null && X.width ? typeof l.config.size.width == "number" ? `${l.config.size.width}px` : l.config.size.width : void 0, C = (N = (de = l == null ? void 0 : l.config) == null ? void 0 : de.size) != null && N.height ? typeof l.config.size.height == "number" ? `${l.config.size.height}px` : l.config.size.height : void 0, Y = ot(e, t);
-  return W ? Q.jsxs(rt, { type: "error", children: ["An error occurred: ", W] }) : M || !U ? Q.jsx(rt, { type: "loading", children: "Loading..." }) : Q.jsxs(Q.Fragment, { children: [y && !z ? Q.jsx("div", { onClick: o }) : null, !y && Q.jsx("div", { children: Q.jsx(wt, { id: Y, ref: L, width: A || "100%", height: C || "auto", $hiddenClasses: u, className: x }) }, Y), y && z && Q.jsx(Br, { onClick: m, className: x, children: Q.jsx(Dr, { className: x, onClick: (Z) => Z.stopPropagation(), children: Q.jsx("div", { children: Q.jsx(wt, { id: Y, ref: L, width: "100%", height: "auto", $hiddenClasses: u, className: x }) }, Y) }) })] });
-}, $t = Ft(void 0), nn = ({ children: e }) => {
+    p(!1), (fe = (Z = D.current) == null ? void 0 : Z.play) == null || fe.call(Z), h == null || h();
+  }, A = (X = (J = l == null ? void 0 : l.config) == null ? void 0 : J.size) != null && X.width ? typeof l.config.size.width == "number" ? `${l.config.size.width}px` : l.config.size.width : void 0, C = (N = (de = l == null ? void 0 : l.config) == null ? void 0 : de.size) != null && N.height ? typeof l.config.size.height == "number" ? `${l.config.size.height}px` : l.config.size.height : void 0, Y = ot(e, t);
+  return W ? K.jsxs(rt, { type: "error", children: ["An error occurred: ", W] }) : M || !U ? K.jsx(rt, { type: "loading", children: "Loading..." }) : K.jsxs(K.Fragment, { children: [y && !z ? K.jsx("div", { onClick: o }) : null, !y && K.jsx("div", { children: K.jsx(wt, { id: Y, ref: $, width: A || "100%", height: C || "auto", $hiddenClasses: u, className: g }) }, Y), y && z && K.jsx(Br, { onClick: m, className: g, children: K.jsx(Dr, { className: g, onClick: (Z) => Z.stopPropagation(), children: K.jsx("div", { children: K.jsx(wt, { id: Y, ref: $, width: "100%", height: "auto", $hiddenClasses: u, className: g }) }, Y) }) })] });
+}, Lt = Ft(void 0), nn = ({ children: e }) => {
   const [t, r] = ce(!1), [a, i] = ce(null), [n, s] = ce(null), l = lt((u) => {
     try {
-      const f = ot(u.playerId, u.videoId);
-      i({ ...u, playerId: f }), r(!0), s(null);
+      const h = ot(u.playerId, u.videoId);
+      i({ ...u, playerId: h }), r(!0), s(null);
     } catch {
       s("Failed to show player.");
     }
   }, []), c = lt(() => {
     r(!1), i(null), s(null);
-  }, []), y = Et(() => ({
+  }, []), y = Pt(() => ({
     showPlayer: l,
     hidePlayer: c,
     isPlayerVisible: t,
     playerParams: a
   }), [l, c, t, a]);
-  return Q.jsxs($t.Provider, { value: y, children: [e, n && Q.jsx(rt, { type: "error", children: n }), t && (a == null ? void 0 : a.playerId) && Q.jsx(Zr, { playerId: a.playerId, videoId: a.videoId, projectId: a.projectId, videoUrl: a.videoUrl, version: a.version, playlistId: a.playlistId, scriptUrl: a.scriptUrl, config: a.config, isReels: a.isReels, thumbnailUrl: a.thumbnailUrl, onClose: c, hiddenClasses: a.hiddenClasses || [], apiKey: a.apiKey, className: a.className })] });
+  return K.jsxs(Lt.Provider, { value: y, children: [e, n && K.jsx(rt, { type: "error", children: n }), t && (a == null ? void 0 : a.playerId) && K.jsx(Zr, { playerId: a.playerId, videoId: a.videoId, projectId: a.projectId, videoUrl: a.videoUrl, version: a.version, playlistId: a.playlistId, scriptUrl: a.scriptUrl, config: a.config, isReels: a.isReels, thumbnailUrl: a.thumbnailUrl, onClose: c, hiddenClasses: a.hiddenClasses || [], apiKey: a.apiKey, className: a.className })] });
 }, an = () => {
-  const e = Pt($t);
+  const e = Et(Lt);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;