@devix-technologies/react-gjirafa-vp-player 1.0.29 → 1.0.30

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

@@ -1,5 +1,5 @@
 import * as xe from "react";
-import Nr, { forwardRef as Fr, useContext as Er, useState as de, useEffect as Se, useRef as K, useMemo as Pr, createContext as Dr, useCallback as cr } from "react";
+import Nr, { forwardRef as Fr, useContext as Er, useState as de, useEffect as Se, useRef as K, useMemo as Pr, createContext as Dr, useCallback as ur } from "react";
 var Me = { exports: {} }, Oe = {};
 /**
  * @license React
@@ -19,8 +19,8 @@ function Mr() {
     var s = null;
     if (t !== void 0 && (s = "" + t), a.key !== void 0 && (s = "" + a.key), "key" in a) {
       t = {};
-      for (var u in a)
-        u !== "key" && (t[u] = a[u]);
+      for (var c in a)
+        c !== "key" && (t[c] = a[c]);
     } else t = a;
     return a = t.ref, {
       $$typeof: e,
@@ -79,7 +79,7 @@ function zr() {
             return o = o.displayName, o || (o = l.displayName || l.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case J:
             return l = o.displayName || null, l !== null ? l : e(o.type) || "Memo";
-          case W:
+          case Y:
             l = o._payload, o = o._init;
             try {
               return e(o(l));
@@ -110,7 +110,7 @@ function zr() {
     }
     function i(o) {
       if (o === v) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === W)
+      if (typeof o == "object" && o !== null && o.$$typeof === Y)
         return "<...>";
       try {
         var l = e(o);
@@ -120,7 +120,7 @@ function zr() {
       }
     }
     function a() {
-      var o = R.A;
+      var o = S.A;
       return o === null ? null : o.getOwner();
     }
     function t() {
@@ -133,7 +133,7 @@ function zr() {
       }
       return o.key !== void 0;
     }
-    function u(o, l) {
+    function c(o, l) {
       function d() {
         j || (j = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -184,11 +184,11 @@ function zr() {
         value: fe
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function c(o, l, d, $, H, fe) {
+    function u(o, l, d, $, H, fe) {
       var V = l.children;
       if (V !== void 0)
         if ($)
-          if (Y(V)) {
+          if (U(V)) {
             for ($ = 0; $ < V.length; $++)
               p(V[$]);
             Object.freeze && Object.freeze(V);
@@ -202,7 +202,7 @@ function zr() {
         var ee = Object.keys(l).filter(function(ne) {
           return ne !== "key";
         });
-        $ = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", U[V + $] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[V + $] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,14 +213,14 @@ React keys must be passed directly to JSX without using spread:
           V,
           ee,
           V
-        ), U[V + $] = !0);
+        ), q[V + $] = !0);
       }
       if (V = null, d !== void 0 && (n(d), V = "" + d), s(l) && (n(l.key), V = "" + l.key), "key" in l) {
         d = {};
         for (var pe in l)
           pe !== "key" && (d[pe] = l[pe]);
       } else d = l;
-      return V && u(
+      return V && c(
         d,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), m(
@@ -233,12 +233,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function p(o) {
-      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === W && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === Y && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
     function x(o) {
       return typeof o == "object" && o !== null && o.$$typeof === E;
     }
-    var g = Nr, E = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), F = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), R = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, Y = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var g = Nr, E = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), F = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), S = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, U = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -249,10 +249,10 @@ React keys must be passed directly to JSX without using spread:
     var j, z = {}, O = g.react_stack_bottom_frame.bind(
       g,
       t
-    )(), Q = M(i(t)), U = {};
+    )(), Q = M(i(t)), q = {};
     Ve.Fragment = v, Ve.jsx = function(o, l, d) {
-      var $ = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return c(
+      var $ = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return u(
         o,
         l,
         d,
@@ -261,8 +261,8 @@ React keys must be passed directly to JSX without using spread:
         $ ? M(i(o)) : Q
       );
     }, Ve.jsxs = function(o, l, d) {
-      var $ = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return c(
+      var $ = 1e4 > S.recentlyCreatedOwnerStacks++;
+      return u(
         o,
         l,
         d,
@@ -374,7 +374,7 @@ function Zr() {
 function et() {
   return X = le > 0 ? te(Ce, --le) : 0, Te--, X === 10 && (Te = 1, Ge--), X;
 }
-function ce() {
+function ue() {
   return X = le < Tr ? te(Ce, le++) : 0, Te++, X === 10 && (Te = 1, Ge++), X;
 }
 function ye() {
@@ -435,16 +435,16 @@ function qe(e) {
 }
 function rt(e) {
   for (; (X = ye()) && X < 33; )
-    ce();
+    ue();
   return $e(e) > 2 || $e(X) > 3 ? "" : " ";
 }
 function tt(e, r) {
-  for (; --r && ce() && !(X < 48 || X > 102 || X > 57 && X < 65 || X > 70 && X < 97); )
+  for (; --r && ue() && !(X < 48 || X > 102 || X > 57 && X < 65 || X > 70 && X < 97); )
     ;
-  return Fe(e, Ue() + (r < 6 && ye() == 32 && ce() == 32));
+  return Fe(e, Ue() + (r < 6 && ye() == 32 && ue() == 32));
 }
 function ir(e) {
-  for (; ce(); )
+  for (; ue(); )
     switch (X) {
       // ] ) " '
       case e:
@@ -460,28 +460,28 @@ function ir(e) {
         break;
       // \
       case 92:
-        ce();
+        ue();
         break;
     }
   return le;
 }
 function nt(e, r) {
-  for (; ce() && e + X !== 57; )
+  for (; ue() && e + X !== 57; )
     if (e + X === 84 && ye() === 47)
       break;
-  return "/*" + Fe(r, le - 1) + "*" + He(e === 47 ? e : ce());
+  return "/*" + Fe(r, le - 1) + "*" + He(e === 47 ? e : ue());
 }
 function it(e) {
   for (; !$e(ye()); )
-    ce();
+    ue();
   return Fe(e, le);
 }
 function at(e) {
   return Cr(We("", null, null, null, [""], e = Ar(e), 0, [0], e));
 }
-function We(e, r, n, i, a, t, s, u, f) {
-  for (var m = 0, c = 0, p = s, x = 0, g = 0, E = 0, h = 1, v = 1, w = 1, b = 0, L = "", F = a, k = t, I = i, _ = L; v; )
-    switch (E = b, b = ce()) {
+function We(e, r, n, i, a, t, s, c, f) {
+  for (var m = 0, u = 0, p = s, x = 0, g = 0, E = 0, h = 1, v = 1, w = 1, b = 0, L = "", F = a, k = t, I = i, _ = L; v; )
+    switch (E = b, b = ue()) {
       // (
       case 40:
         if (E != 108 && te(_, p - 1) == 58) {
@@ -510,7 +510,7 @@ function We(e, r, n, i, a, t, s, u, f) {
         switch (ye()) {
           case 42:
           case 47:
-            ze(ot(nt(ce(), Ue()), r, n), f);
+            ze(ot(nt(ue(), Ue()), r, n), f);
             break;
           default:
             _ += "/";
@@ -518,7 +518,7 @@ function We(e, r, n, i, a, t, s, u, f) {
         break;
       // {
       case 123 * h:
-        u[m++] = he(_) * w;
+        c[m++] = he(_) * w;
       // } ; \0
       case 125 * h:
       case 59:
@@ -529,7 +529,7 @@ function We(e, r, n, i, a, t, s, u, f) {
           case 125:
             v = 0;
           // ;
-          case 59 + c:
+          case 59 + u:
             w == -1 && (_ = C(_, /\f/g, "")), g > 0 && he(_) - p && ze(g > 32 ? mr(_ + ";", i, n, p - 1) : mr(C(_, " ", "") + ";", i, n, p - 2), f);
             break;
           // @ ;
@@ -537,9 +537,9 @@ function We(e, r, n, i, a, t, s, u, f) {
             _ += ";";
           // { rule/at-rule
           default:
-            if (ze(I = hr(_, r, n, m, c, a, u, L, F = [], k = [], p), t), b === 123)
-              if (c === 0)
-                We(_, r, I, I, F, t, p, u, k);
+            if (ze(I = hr(_, r, n, m, u, a, c, L, F = [], k = [], p), t), b === 123)
+              if (u === 0)
+                We(_, r, I, I, F, t, p, c, k);
               else
                 switch (x === 99 && te(_, 3) === 110 ? 100 : x) {
                   // d l m s
@@ -547,13 +547,13 @@ function We(e, r, n, i, a, t, s, u, f) {
                   case 108:
                   case 109:
                   case 115:
-                    We(e, I, I, i && ze(hr(e, I, I, 0, 0, a, u, L, a, F = [], p), k), a, k, p, u, i ? F : k);
+                    We(e, I, I, i && ze(hr(e, I, I, 0, 0, a, c, L, a, F = [], p), k), a, k, p, c, i ? F : k);
                     break;
                   default:
-                    We(_, I, I, I, [""], k, 0, u, k);
+                    We(_, I, I, I, [""], k, 0, c, k);
                 }
         }
-        m = c = g = 0, h = w = 1, L = _ = "", p = s;
+        m = u = g = 0, h = w = 1, L = _ = "", p = s;
         break;
       // :
       case 58:
@@ -568,15 +568,15 @@ function We(e, r, n, i, a, t, s, u, f) {
         switch (_ += He(b), b * h) {
           // &
           case 38:
-            w = c > 0 ? 1 : (_ += "\f", -1);
+            w = u > 0 ? 1 : (_ += "\f", -1);
             break;
           // ,
           case 44:
-            u[m++] = (he(_) - 1) * w, w = 1;
+            c[m++] = (he(_) - 1) * w, w = 1;
             break;
           // @
           case 64:
-            ye() === 45 && (_ += qe(ce())), x = ye(), c = p = he(L = _ += it(Ue())), b++;
+            ye() === 45 && (_ += qe(ue())), x = ye(), u = p = he(L = _ += it(Ue())), b++;
             break;
           // -
           case 45:
@@ -585,11 +585,11 @@ function We(e, r, n, i, a, t, s, u, f) {
     }
   return t;
 }
-function hr(e, r, n, i, a, t, s, u, f, m, c) {
+function hr(e, r, n, i, a, t, s, c, f, m, u) {
   for (var p = a - 1, x = a === 0 ? t : [""], g = lr(x), E = 0, h = 0, v = 0; E < i; ++E)
     for (var w = 0, b = je(e, p + 1, p = Gr(h = s[E])), L = e; w < g; ++w)
       (L = Rr(h > 0 ? x[w] + " " + b : C(b, /&\f/g, x[w]))) && (f[v++] = L);
-  return Xe(e, r, n, a === 0 ? or : u, f, m, c);
+  return Xe(e, r, n, a === 0 ? or : c, f, m, u);
 }
 function ot(e, r, n) {
   return Xe(e, r, n, Ir, He(Zr()), je(e, 2, -2), 0);
@@ -621,12 +621,12 @@ function st(e, r, n, i) {
 function lt(e) {
   var r = lr(e);
   return function(n, i, a, t) {
-    for (var s = "", u = 0; u < r; u++)
-      s += e[u](n, i, a, t) || "";
+    for (var s = "", c = 0; c < r; c++)
+      s += e[c](n, i, a, t) || "";
     return s;
   };
 }
-function ut(e) {
+function ct(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
@@ -637,16 +637,16 @@ function kr(e) {
     return r[n] === void 0 && (r[n] = e(n)), r[n];
   };
 }
-var ct = function(r, n, i) {
+var ut = function(r, n, i) {
   for (var a = 0, t = 0; a = t, t = ye(), a === 38 && t === 12 && (n[i] = 1), !$e(t); )
-    ce();
+    ue();
   return Fe(r, le);
 }, dt = function(r, n) {
   var i = -1, a = 44;
   do
     switch ($e(a)) {
       case 0:
-        a === 38 && ye() === 12 && (n[i] = 1), r[i] += ct(le - 1, n, i);
+        a === 38 && ye() === 12 && (n[i] = 1), r[i] += ut(le - 1, n, i);
         break;
       case 2:
         r[i] += qe(a);
@@ -660,7 +660,7 @@ var ct = function(r, n, i) {
       default:
         r[i] += He(a);
     }
-  while (a = ce());
+  while (a = ue());
   return r;
 }, ft = function(r, n) {
   return Cr(dt(Ar(r), n));
@@ -672,9 +672,9 @@ var ct = function(r, n, i) {
       if (i = i.parent, !i) return;
     if (!(r.props.length === 1 && n.charCodeAt(0) !== 58 && !yr.get(i)) && !a) {
       yr.set(r, !0);
-      for (var t = [], s = ft(n, t), u = i.props, f = 0, m = 0; f < s.length; f++)
-        for (var c = 0; c < u.length; c++, m++)
-          r.props[m] = t[f] ? s[f].replace(/&\f/g, u[c]) : u[c] + " " + s[f];
+      for (var t = [], s = ft(n, t), c = i.props, f = 0, m = 0; f < s.length; f++)
+        for (var u = 0; u < c.length; u++, m++)
+          r.props[m] = t[f] ? s[f].replace(/&\f/g, c[u]) : c[u] + " " + s[f];
     }
   }
 }, ht = function(r) {
@@ -867,7 +867,7 @@ var mt = function(r, n, i, a) {
       v.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || yt, t = {}, s, u = [];
+  var a = r.stylisPlugins || yt, t = {}, s, c = [];
   s = r.container || document.head, Array.prototype.forEach.call(
     // 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
@@ -875,18 +875,18 @@ var mt = function(r, n, i, a) {
     function(h) {
       for (var v = h.getAttribute("data-emotion").split(" "), w = 1; w < v.length; w++)
         t[v[w]] = !0;
-      u.push(h);
+      c.push(h);
     }
   );
   var f, m = [pt, ht];
   {
-    var c, p = [st, ut(function(h) {
-      c.insert(h);
+    var u, p = [st, ct(function(h) {
+      u.insert(h);
     })], x = lt(m.concat(a, p)), g = function(v) {
       return Re(at(v), x);
     };
     f = function(v, w, b, L) {
-      c = b, g(v ? v + "{" + w.styles + "}" : w.styles), L && (E.inserted[w.name] = !0);
+      u = b, g(v ? v + "{" + w.styles + "}" : w.styles), L && (E.inserted[w.name] = !0);
     };
   }
   var E = {
@@ -904,7 +904,7 @@ var mt = function(r, n, i, a) {
     registered: {},
     insert: f
   };
-  return E.sheet.hydrate(u), E;
+  return E.sheet.hydrate(c), E;
 }, gt = !0;
 function xt(e, r, n) {
   var i = "";
@@ -1050,8 +1050,8 @@ function Ne(e, r, n) {
               styles: s.styles,
               next: me
             }, s = s.next;
-        var u = t.styles + ";";
-        return u;
+        var c = t.styles + ";";
+        return c;
       }
       return It(e, r, n);
     }
@@ -1063,11 +1063,11 @@ function Ne(e, r, n) {
       break;
     }
   }
-  var c = n;
+  var u = n;
   if (r == null)
-    return c;
-  var p = r[c];
-  return p !== void 0 ? p : c;
+    return u;
+  var p = r[u];
+  return p !== void 0 ? p : u;
 }
 function It(e, r, n) {
   var i = "";
@@ -1078,8 +1078,8 @@ function It(e, r, n) {
     for (var t in n) {
       var s = n[t];
       if (typeof s != "object") {
-        var u = s;
-        r != null && r[u] !== void 0 ? i += t + "{" + r[u] + "}" : vr(u) && (i += Ke(t) + ":" + gr(t, u) + ";");
+        var c = s;
+        r != null && r[c] !== void 0 ? i += t + "{" + r[c] + "}" : vr(c) && (i += Ke(t) + ":" + gr(t, c) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
         for (var f = 0; f < s.length; f++)
           vr(s[f]) && (i += Ke(t) + ":" + gr(t, s[f]) + ";");
@@ -1111,14 +1111,14 @@ function St(e, r, n) {
     var s = t;
     a += s[0];
   }
-  for (var u = 1; u < e.length; u++)
-    if (a += Ne(n, r, e[u]), i) {
+  for (var c = 1; c < e.length; c++)
+    if (a += Ne(n, r, e[c]), i) {
       var f = t;
-      a += f[u];
+      a += f[c];
     }
   xr.lastIndex = 0;
-  for (var m = "", c; (c = xr.exec(a)) !== null; )
-    m += "-" + c[1];
+  for (var m = "", u; (u = xr.exec(a)) !== null; )
+    m += "-" + u[1];
   var p = bt(a) + m;
   return {
     name: p,
@@ -1174,16 +1174,16 @@ var Ct = function(r) {
 }, Nt = function e(r, n) {
   var i = r.__emotion_real === r, a = i && r.__emotion_base || r, t, s;
   n !== void 0 && (t = n.label, s = n.target);
-  var u = br(r, n, i), f = u || wr(a), m = !f("as");
+  var c = br(r, n, i), f = c || wr(a), m = !f("as");
   return function() {
-    var c = arguments, p = i && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (t !== void 0 && p.push("label:" + t + ";"), c[0] == null || c[0].raw === void 0)
-      p.push.apply(p, c);
+    var u = arguments, p = i && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (t !== void 0 && p.push("label:" + t + ";"), u[0] == null || u[0].raw === void 0)
+      p.push.apply(p, u);
     else {
-      var x = c[0];
+      var x = u[0];
       p.push(x[0]);
-      for (var g = c.length, E = 1; E < g; E++)
-        p.push(c[E], x[E]);
+      for (var g = u.length, E = 1; E < g; E++)
+        p.push(u[E], x[E]);
     }
     var h = Ct(function(v, w, b) {
       var L = m && v.as || a, F = "", k = [], I = v;
@@ -1196,16 +1196,16 @@ var Ct = function(r) {
       typeof v.className == "string" ? F = xt(w.registered, k, v.className) : v.className != null && (F = v.className + " ");
       var J = St(p.concat(k), w.registered, I);
       F += w.key + "-" + J.name, s !== void 0 && (F += " " + s);
-      var W = m && u === void 0 ? wr(L) : f, P = {};
+      var Y = m && c === void 0 ? wr(L) : f, P = {};
       for (var y in v)
-        m && y === "as" || W(y) && (P[y] = v[y]);
+        m && y === "as" || Y(y) && (P[y] = v[y]);
       return P.className = F, b && (P.ref = b), /* @__PURE__ */ xe.createElement(xe.Fragment, null, /* @__PURE__ */ xe.createElement($t, {
         cache: w,
         serialized: J,
         isStringTag: typeof L == "string"
       }), /* @__PURE__ */ xe.createElement(L, P));
     });
-    return h.displayName = t !== void 0 ? t : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", h.defaultProps = r.defaultProps, h.__emotion_real = h, h.__emotion_base = a, h.__emotion_styles = p, h.__emotion_forwardProp = u, Object.defineProperty(h, "toString", {
+    return h.displayName = t !== void 0 ? t : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", h.defaultProps = r.defaultProps, h.__emotion_real = h, h.__emotion_base = a, h.__emotion_styles = p, h.__emotion_forwardProp = c, Object.defineProperty(h, "toString", {
       value: function() {
         return "." + s;
       }
@@ -1397,7 +1397,11 @@ const Dt = Ae.div`
       return "";
   }
 }}
-`, ar = ({ type: e, children: r, className: n, icon: i, action: a }) => Z.jsxs(Dt, { type: e, className: n, children: [i && Z.jsx("span", { children: i }), Z.jsx("span", { children: r }), a && Z.jsx("span", { children: a })] }), _r = Ae.div`
+`, ar = ({ type: e, children: r, className: n, icon: i, action: a }) => /* @__PURE__ */ Z.jsxs(Dt, { type: e, className: n, children: [
+  i && /* @__PURE__ */ Z.jsx("span", { children: i }),
+  /* @__PURE__ */ Z.jsx("span", { children: r }),
+  a && /* @__PURE__ */ Z.jsx("span", { children: a })
+] }), _r = Ae.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -1428,46 +1432,51 @@ const Dt = Ae.div`
   height: auto;
   z-index: 1001;
   max-height: 100vh;
-`, Bt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, Ut = (e) => `https://host.vpplayer.tech/playlist/${e}`, qt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, ur = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Ze = /* @__PURE__ */ new Map(), Wt = (e, r) => {
+`, Bt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, Ut = (e) => `https://host.vpplayer.tech/playlist/${e}`, qt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, cr = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Ze = /* @__PURE__ */ new Map(), Wt = (e, r) => {
   const [n, i] = de(!1), [a, t] = de(null);
   return Se(() => {
-    let s = null, u, f = 0;
+    let s = null, c, f = 0;
     const m = 3;
-    let c;
+    let u;
     try {
-      c = r || qt(e || "latest");
+      u = r || qt(e || "latest");
     } catch (g) {
       const E = g instanceof Error ? g.message : String(g);
       t(`Failed to resolve script URL: ${E}`), i(!1);
       return;
     }
-    if (Ze.get(c)) {
+    if (Ze.get(u)) {
       i(!0), t(null);
       return;
     }
-    if (document.querySelector(`script[src="${c}"]`)) {
-      Ze.set(c, !0), i(!0), t(null);
+    if (document.querySelector(`script[src="${u}"]`)) {
+      Ze.set(u, !0), i(!0), t(null);
       return;
     }
     const x = () => {
-      s = document.createElement("script"), s.src = c, s.async = !0, u = window.setTimeout(() => {
-        i(!1), t(`Loading script timed out: ${c}`);
+      s = document.createElement("script"), s.src = u, s.async = !0, c = window.setTimeout(() => {
+        i(!1), t(`Loading script timed out: ${u}`);
       }, 1e4), s.onload = () => {
-        clearTimeout(u), Ze.set(c, !0), i(!0), t(null);
+        clearTimeout(c), Ze.set(u, !0), i(!0), t(null);
       }, s.onerror = () => {
-        clearTimeout(u), f++, f < m ? setTimeout(x, 1e3 * f) : (i(!1), t(`Failed to load VP Player script after ${m} attempts: ${c}`));
+        clearTimeout(c), f++, f < m ? setTimeout(x, 1e3 * f) : (i(!1), t(`Failed to load VP Player script after ${m} attempts: ${u}`));
       }, document.body.appendChild(s);
     };
     return x(), () => {
-      clearTimeout(u), s && document.body.contains(s) && document.body.removeChild(s);
+      clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, r]), { isLoaded: n, error: a };
-}, Be = /* @__PURE__ */ new Map(), Yt = 3e4, er = 5, Ht = ({ projectId: e, videoId: r, playlistId: n, videoUrl: i }) => {
-  const [a, t] = de(null), [s, u] = de(null), [f, m] = de(!1), [c, p] = de(null);
+}, Be = /* @__PURE__ */ new Map(), Yt = 3e4, er = 5, Ht = ({
+  projectId: e,
+  videoId: r,
+  playlistId: n,
+  videoUrl: i
+}) => {
+  const [a, t] = de(null), [s, c] = de(null), [f, m] = de(!1), [u, p] = de(null);
   return Se(() => {
     const x = r ? `video:${r}` : n ? `playlist:${n}` : null;
     if (i || !r && !n) {
-      t(i || null), u(null), m(!1), p(null);
+      t(i || null), c(null), m(!1), p(null);
       return;
     }
     if (r && !e) {
@@ -1476,7 +1485,7 @@ const Dt = Ae.div`
     }
     if (x && Be.has(x)) {
       const b = Be.get(x);
-      t(b.url), u(b.playlist), m(!1), p(null);
+      t(b.url), c(b.playlist), m(!1), p(null);
       return;
     }
     let g = !0;
@@ -1498,19 +1507,18 @@ const Dt = Ae.div`
           });
           if (clearTimeout(I), !J.ok)
             throw new Error(`Fetch failed with status ${J.status}`);
-          const W = await J.json();
+          const Y = await J.json();
           if (!g)
             return;
           if (r && !n) {
-            const P = (F = (L = W.result) == null ? void 0 : L.items) == null ? void 0 : F.find((y) => y.mediaId === r);
-            if (!(P != null && P.playbackUrl))
-              throw new Error("Invalid video data");
-            t(P.playbackUrl), u(null), x && Be.set(x, { url: P.playbackUrl, playlist: null });
+            const P = (F = (L = Y.result) == null ? void 0 : L.items) == null ? void 0 : F.find((y) => y.mediaId === r);
+            if (!(P != null && P.playbackUrl)) throw new Error("Invalid video data");
+            t(P.playbackUrl), c(null), x && Be.set(x, { url: P.playbackUrl, playlist: null });
           } else {
-            const P = W.videos;
+            const P = Y.videos;
             if (!Array.isArray(P))
               throw new Error("Invalid playlist format");
-            u(P), t(null), x && Be.set(x, { url: null, playlist: P });
+            c(P), t(null), x && Be.set(x, { url: null, playlist: P });
           }
           break;
         } catch (k) {
@@ -1529,21 +1537,27 @@ const Dt = Ae.div`
     return () => {
       g = !1, clearTimeout(w), E.abort();
     };
-  }, [e, r, n, i]), { fetchedPlaybackUrl: a, fetchedPlaylist: s, isLoading: f, error: c };
-}, Gt = ({ playerId: e, playerInstanceRef: r, playerRef: n, videoData: i, trackingMetadata: a, callbacks: t }) => {
-  const s = K(!1), u = K(!1), f = K(!1), m = K(0), c = K({}), p = K(null), x = K(null), g = K(null), E = K(null), h = K(!1), v = K(!1);
+  }, [e, r, n, i]), { fetchedPlaybackUrl: a, fetchedPlaylist: s, isLoading: f, error: u };
+}, Gt = ({
+  playerId: e,
+  playerInstanceRef: r,
+  playerRef: n,
+  videoData: i,
+  trackingMetadata: a,
+  callbacks: t
+}) => {
+  const s = K(!1), c = K(!1), f = K(!1), m = K(0), u = K({}), p = K(null), x = K(null), g = K(null), E = K(null), h = K(!1), v = K(!1);
   Se(() => {
     if (!(t && (t.onPlayerStart || t.onPlayerPlay || t.onPlayerPause || t.onPlayerResume || t.onPlayerEnd || t.onPlayerProgressEvery10Seconds || t.onPlayerProgressAt20Seconds || t.onPlayerQuartile25 || t.onPlayerQuartile50 || t.onPlayerQuartile75 || t.onPlayerNext || t.onPlayerPrevious || t.onPlayerEvent)))
       return;
     const b = () => {
-      s.current = !1, u.current = !1, f.current = !1, m.current = 0, c.current = {};
+      s.current = !1, c.current = !1, f.current = !1, m.current = 0, u.current = {};
     }, L = () => {
       var B;
       const y = document.getElementById(e);
-      if (!y)
-        return null;
+      if (!y) return null;
       if (y.querySelectorAll("video").length > 1 && r.current) {
-        const Y = r.current, M = Y.videoIndex ?? ((B = Y.playlist) == null ? void 0 : B.playlistVideoIndex) ?? 0, j = y.querySelector(`video[id="${M}"]`);
+        const U = r.current, M = U.videoIndex ?? ((B = U.playlist) == null ? void 0 : B.playlistVideoIndex) ?? 0, j = y.querySelector(`video[id="${M}"]`);
         if (j)
           return j;
         const z = y.querySelector("video.active");
@@ -1555,8 +1569,8 @@ const Dt = Ae.div`
       const y = L();
       if (!y)
         return !1;
-      const R = (l, d) => {
-        var H, fe, V, ee, pe, ne, _e, De, ue, we, ve, Je, Qe, ke;
+      const S = (l, d) => {
+        var H, fe, V, ee, pe, ne, _e, De, ce, we, ve, Je, Qe, ke;
         const $ = Date.now();
         if (!(l === "player_start" && s.current)) {
           switch (E.current = { type: l, time: $ }, l) {
@@ -1585,7 +1599,7 @@ const Dt = Ae.div`
               d !== void 0 && ((De = t.onPlayerQuartile25) == null || De.call(t, l, d));
               break;
             case "player_quartile_50":
-              d !== void 0 && ((ue = t.onPlayerQuartile50) == null || ue.call(t, l, d));
+              d !== void 0 && ((ce = t.onPlayerQuartile50) == null || ce.call(t, l, d));
               break;
             case "player_quartile_75":
               d !== void 0 && ((we = t.onPlayerQuartile75) == null || we.call(t, l, d));
@@ -1599,10 +1613,10 @@ const Dt = Ae.div`
           }
           d !== void 0 && (l === "player_progress_every_10_seconds" || l === "player_progress_at_20_seconds" || l === "player_quartile_25" || l === "player_quartile_50" || l === "player_quartile_75") ? (Qe = t.onPlayerEvent) == null || Qe.call(t, l, d) : (ke = t.onPlayerEvent) == null || ke.call(t, l);
         }
-      }, B = () => L() === y, Y = () => {
-        h.current || B() && (s.current || (R("player_start"), s.current = !0));
+      }, B = () => L() === y, U = () => {
+        h.current || B() && (s.current || (S("player_start"), s.current = !0));
       }, M = () => {
-        h.current || B() && (f.current ? R("player_resume") : u.current && v.current ? (R("player_play"), v.current = !1) : u.current || (R("player_play"), u.current = !0), f.current = !1);
+        h.current || B() && (s.current || (S("player_start"), s.current = !0), f.current ? S("player_resume") : c.current && v.current ? (S("player_play"), v.current = !1) : c.current || (S("player_play"), c.current = !0), f.current = !1);
       }, j = () => {
         y.ended || h.current || setTimeout(() => {
           var l;
@@ -1612,49 +1626,47 @@ const Dt = Ae.div`
               if ((d.videoIndex ?? ((l = d.playlist) == null ? void 0 : l.playlistVideoIndex) ?? 0) !== x.current)
                 return;
             }
-            R("player_pause"), f.current = !0;
+            S("player_pause"), f.current = !0;
           }
         }, 200);
       }, z = () => {
-        R("player_end");
+        S("player_end");
       }, O = () => {
-        if (h.current)
-          return;
+        if (h.current) return;
         const l = y.duration > 0 ? y.currentTime / y.duration * 100 : 0, d = Math.floor(y.currentTime);
-        d - m.current >= 10 && (m.current = d, R("player_progress_every_10_seconds", d)), d >= 20 && !c.current[20] && (c.current[20] = !0, R("player_progress_at_20_seconds", d)), l >= 25 && !c.current[25] && (c.current[25] = !0, R("player_quartile_25", d)), l >= 50 && !c.current[50] && (c.current[50] = !0, R("player_quartile_50", d)), l >= 75 && !c.current[75] && (c.current[75] = !0, R("player_quartile_75", d));
+        d - m.current >= 10 && (m.current = d, S("player_progress_every_10_seconds", d)), d >= 20 && !u.current[20] && (u.current[20] = !0, S("player_progress_at_20_seconds", d)), l >= 25 && !u.current[25] && (u.current[25] = !0, S("player_quartile_25", d)), l >= 50 && !u.current[50] && (u.current[50] = !0, S("player_quartile_50", d)), l >= 75 && !u.current[75] && (u.current[75] = !0, S("player_quartile_75", d));
       }, Q = () => {
         v.current = !0;
       };
       if (g.current && g.current !== y) {
         const l = g.current;
-        l.removeEventListener("loadedmetadata", Y), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q);
+        l.removeEventListener("loadedmetadata", U), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q);
       }
-      g.current = y, y.addEventListener("loadedmetadata", Y), y.addEventListener("play", M), y.addEventListener("pause", j), y.addEventListener("ended", z), y.addEventListener("timeupdate", O), y.addEventListener("seeking", Q), y.readyState >= 1 && Y(), !y.paused && y.currentTime > 0 && !u.current && M();
-      const U = document.getElementById(e), o = (l) => {
+      g.current = y, y.addEventListener("loadedmetadata", U), y.addEventListener("play", M), y.addEventListener("pause", j), y.addEventListener("ended", z), y.addEventListener("timeupdate", O), y.addEventListener("seeking", Q), y.readyState >= 1 && U(), !y.paused && y.currentTime > 0 && !c.current && (s.current || U(), M());
+      const q = document.getElementById(e), o = (l) => {
         const d = l.target;
-        (d.closest(".vp-next") || d.closest(".vrt-icon-down") || d.closest(".vrt-arrow.vrt-icon-down")) && (h.current = !0, R("player_next"), b(), setTimeout(() => {
+        (d.closest(".vp-next") || d.closest(".vrt-icon-down") || d.closest(".vrt-arrow.vrt-icon-down")) && (h.current = !0, S("player_next"), b(), setTimeout(() => {
           h.current = !1;
-        }, 500)), (d.closest(".vp-prev") || d.closest(".vp-previous") || d.closest(".vrt-icon-up") || d.closest(".vrt-arrow.vrt-icon-up")) && (h.current = !0, R("player_previous"), b(), setTimeout(() => {
+        }, 500)), (d.closest(".vp-prev") || d.closest(".vp-previous") || d.closest(".vrt-icon-up") || d.closest(".vrt-arrow.vrt-icon-up")) && (h.current = !0, S("player_previous"), b(), setTimeout(() => {
           h.current = !1;
         }, 500));
       };
-      return U && U.addEventListener("click", o, !0), p.current = () => {
+      return q && q.addEventListener("click", o, !0), p.current = () => {
         const l = g.current || y;
-        l.removeEventListener("loadedmetadata", Y), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q), U == null || U.removeEventListener("click", o, !0), g.current = null;
+        l.removeEventListener("loadedmetadata", U), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q), q == null || q.removeEventListener("click", o, !0), g.current = null;
       }, !0;
     };
     let k = null, I = !1;
     const _ = () => {
-      if (!r.current)
-        return;
-      const y = r.current, R = document.getElementById(e), B = R == null ? void 0 : R.querySelectorAll("video");
+      if (!r.current) return;
+      const y = r.current, S = document.getElementById(e), B = S == null ? void 0 : S.querySelectorAll("video");
       B && B.length > 1 && y.videoIndex !== void 0 && (k = window.setInterval(() => {
         var M, j, z, O;
         try {
           const Q = y.videoIndex ?? ((M = y.playlist) == null ? void 0 : M.playlistVideoIndex) ?? 0;
           if (x.current !== null && Q !== x.current) {
-            const U = Q > x.current, o = U ? "player_next" : "player_previous";
-            t && !h.current && (U ? (j = t.onPlayerNext) == null || j.call(t, o) : (z = t.onPlayerPrevious) == null || z.call(t, o), (O = t.onPlayerEvent) == null || O.call(t, o)), h.current = !0, p.current && (p.current(), p.current = null), s.current = !1, u.current = !1, f.current = !1, m.current = 0, c.current = {}, g.current = null, v.current = !1, setTimeout(() => {
+            const q = Q > x.current, o = q ? "player_next" : "player_previous";
+            t && !h.current && (q ? (j = t.onPlayerNext) == null || j.call(t, o) : (z = t.onPlayerPrevious) == null || z.call(t, o), (O = t.onPlayerEvent) == null || O.call(t, o)), h.current = !0, p.current && (p.current(), p.current = null), s.current = !1, c.current = !1, f.current = !1, m.current = 0, u.current = {}, g.current = null, v.current = !1, setTimeout(() => {
               F(), setTimeout(() => {
                 h.current = !1;
               }, 200);
@@ -1666,10 +1678,10 @@ const Dt = Ae.div`
       }, 500));
     };
     let J = 0;
-    const W = 20, P = setInterval(() => {
+    const Y = 20, P = setInterval(() => {
       J++, F() && !I ? (I = !0, clearInterval(P), setTimeout(() => {
         _();
-      }, 1e3)) : J >= W && clearInterval(P);
+      }, 1e3)) : J >= Y && clearInterval(P);
     }, 500);
     return () => {
       clearInterval(P), k !== null && (clearInterval(k), k = null), p.current && (p.current(), p.current = null);
@@ -1745,8 +1757,8 @@ const Dt = Ae.div`
   isVerticalPlayer: t
   // Distinguish between VP Player types
 }) => {
-  var c, p, x, g, E, h, v, w, b, L, F, k, I, _, J, W, P, y, R, B, Y, M;
-  const s = { ...Xt, ...a }, u = { ...s.config, ...a.config };
+  var u, p, x, g, E, h, v, w, b, L, F, k, I, _, J, Y, P, y, S, B, U, M;
+  const s = { ...Xt, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
       ...s,
@@ -1756,7 +1768,7 @@ const Dt = Ae.div`
         file: e,
         playlist: void 0
       },
-      config: u
+      config: c
     };
   if (r)
     return {
@@ -1767,10 +1779,10 @@ const Dt = Ae.div`
         file: r,
         playlist: void 0
       },
-      config: u
+      config: c
     };
   if (n && n.length > 0) {
-    const j = ((p = (c = a == null ? void 0 : a.video) == null ? void 0 : c.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((x = a == null ? void 0 : a.config) == null ? void 0 : x.playlistVideoIndex) ?? 0;
+    const j = ((p = (u = a == null ? void 0 : a.video) == null ? void 0 : u.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((x = a == null ? void 0 : a.config) == null ? void 0 : x.playlistVideoIndex) ?? 0;
     return t ? {
       ...s,
       projectId: i || Ie,
@@ -1799,7 +1811,7 @@ const Dt = Ae.div`
           }))
         }
       },
-      config: u
+      config: c
     } : {
       ...s,
       projectId: i || Ie,
@@ -1824,10 +1836,10 @@ const Dt = Ae.div`
           }))
         }
       },
-      config: u
+      config: c
     };
   }
-  const f = ((J = a == null ? void 0 : a.video) == null ? void 0 : J.playlist) || s.video.playlist, m = (W = a == null ? void 0 : a.video) == null ? void 0 : W.file;
+  const f = ((J = a == null ? void 0 : a.video) == null ? void 0 : J.playlist) || s.video.playlist, m = (Y = a == null ? void 0 : a.video) == null ? void 0 : Y.file;
   if (m)
     return {
       ...s,
@@ -1838,17 +1850,17 @@ const Dt = Ae.div`
         playlist: void 0
         // No playlist, just one video
       },
-      config: u
+      config: c
     };
   if (f != null && f.videos && f.videos.length > 0) {
-    const j = ((y = (P = a == null ? void 0 : a.video) == null ? void 0 : P.playlist) == null ? void 0 : y.playlistVideoIndex) ?? ((R = a == null ? void 0 : a.config) == null ? void 0 : R.playlistVideoIndex) ?? 0;
+    const j = ((y = (P = a == null ? void 0 : a.video) == null ? void 0 : P.playlist) == null ? void 0 : y.playlistVideoIndex) ?? ((S = a == null ? void 0 : a.config) == null ? void 0 : S.playlistVideoIndex) ?? 0;
     return {
       ...s,
       projectId: i || Ie,
       video: {
         ...s.video,
         videoId: (B = f.videos[0]) == null ? void 0 : B.videoId,
-        file: ((Y = f.videos[0]) == null ? void 0 : Y.file) || "",
+        file: ((U = f.videos[0]) == null ? void 0 : U.file) || "",
         title: (M = f.videos[0]) == null ? void 0 : M.title,
         playlist: {
           state: !0,
@@ -1857,28 +1869,63 @@ const Dt = Ae.div`
           videos: f.videos
         }
       },
-      config: u
+      config: c
     };
   }
-  throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");
+  throw new Error(
+    "No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist."
+  );
 }, Qt = (e) => {
-  if (!e)
-    return;
+  if (!e) return;
   const r = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, n = e.match(r);
   return n ? n[2] : void 0;
-}, Kt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: u = {}, isReels: f = !1, onPlaylistData: m, onVideoStarted: c, trackingMetadata: p, onPlayerStart: x, onPlayerPlay: g, onPlayerPause: E, onPlayerResume: h, onPlayerEnd: v, onPlayerProgressEvery10Seconds: w, onPlayerProgressAt20Seconds: b, onPlayerQuartile25: L, onPlayerQuartile50: F, onPlayerQuartile75: k, onPlayerNext: I, onPlayerPrevious: _, onPlayerEvent: J }) => {
-  const W = K(null), P = K(null), y = K(!1), R = K(""), B = K([]), Y = K([]), M = K(null), { isLoaded: j, error: z } = Wt(n, s), O = r || Qt(s), [Q, U] = de(null), { fetchedPlaybackUrl: o, fetchedPlaylist: l, isLoading: d, error: $ } = Ht({
+}, Kt = ({
+  playerId: e,
+  videoId: r,
+  version: n,
+  videoUrl: i,
+  projectId: a,
+  playlistId: t,
+  scriptUrl: s,
+  config: c = {},
+  isReels: f = !1,
+  onPlaylistData: m,
+  onVideoStarted: u,
+  trackingMetadata: p,
+  onPlayerStart: x,
+  onPlayerPlay: g,
+  onPlayerPause: E,
+  onPlayerResume: h,
+  onPlayerEnd: v,
+  onPlayerProgressEvery10Seconds: w,
+  onPlayerProgressAt20Seconds: b,
+  onPlayerQuartile25: L,
+  onPlayerQuartile50: F,
+  onPlayerQuartile75: k,
+  onPlayerNext: I,
+  onPlayerPrevious: _,
+  onPlayerEvent: J
+}) => {
+  const Y = K(null), P = K(null), y = K(!1), S = K(""), B = K([]), U = K([]), M = K(null), { isLoaded: j, error: z } = Wt(
+    n,
+    s
+  ), O = r || Qt(s), [Q, q] = de(null), {
+    fetchedPlaybackUrl: o,
+    fetchedPlaylist: l,
+    isLoading: d,
+    error: $
+  } = Ht({
     projectId: a,
     videoId: O,
     playlistId: t,
     videoUrl: i
-  }), H = ur(e, O), [fe, V] = de(void 0);
+  }), H = cr(e, O), [fe, V] = de(void 0);
   Se(() => {
     l && m && m(l);
   }, [l, m]), Gt({
     playerId: H,
     playerInstanceRef: P,
-    playerRef: W,
+    playerRef: Y,
     videoData: fe,
     trackingMetadata: p,
     callbacks: {
@@ -1898,27 +1945,28 @@ const Dt = Ae.div`
     }
   });
   const pe = Pr(() => {
-    const ne = u.config || {}, _e = f && !ne.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ne.size || { sizeType: "FIXED", width: "100%" };
+    const ne = c.config || {}, _e = f && !ne.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ne.size || { sizeType: "FIXED", width: "100%" };
     return {
-      ...u,
+      ...c,
       config: {
         ...ne,
         size: _e
       }
     };
-  }, [u, f]);
+  }, [c, f]);
   return Se(() => {
     if (z) {
-      U(z);
+      q(z);
       return;
     }
-    if (!j || d && !i)
-      return;
+    if (!j || d && !i) return;
     let ne = !0;
     const De = setTimeout(async () => {
       try {
-        B.current.forEach((oe) => clearInterval(oe)), B.current = [], Y.current.forEach((oe) => clearTimeout(oe)), Y.current = [], M.current = null;
-        const ue = (l == null ? void 0 : l.length) ?? 0, we = JSON.stringify({
+        B.current.forEach(
+          (oe) => clearInterval(oe)
+        ), B.current = [], U.current.forEach((oe) => clearTimeout(oe)), U.current = [], M.current = null;
+        const ce = (l == null ? void 0 : l.length) ?? 0, we = JSON.stringify({
           playerId: H,
           videoId: r || O,
           playlistId: t,
@@ -1927,35 +1975,39 @@ const Dt = Ae.div`
           scriptUrl: s,
           isReels: f,
           projectId: a,
-          playlistLength: ue
+          playlistLength: ce
         });
-        if (y.current && P.current && R.current === we)
+        if (y.current && P.current && S.current === we)
           return;
-        R.current !== we && (y.current = !1, R.current = we);
+        S.current !== we && (y.current = !1, S.current = we);
         const ve = s == null ? void 0 : s.includes("vertical-player");
         if (document.querySelectorAll('[id*="player"]').forEach((oe) => {
           var Pe, T;
           const be = oe.id;
           if (be !== H)
             try {
-              const S = ve ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, be) : (T = window.vpPlayer) == null ? void 0 : T.call(window, be);
-              S != null && S.destroy && S.destroy();
-            } catch (S) {
-              console.warn(`Failed to destroy existing player ${be}:`, S);
+              const R = ve ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, be) : (T = window.vpPlayer) == null ? void 0 : T.call(window, be);
+              R != null && R.destroy && R.destroy();
+            } catch (R) {
+              console.warn(
+                `Failed to destroy existing player ${be}:`,
+                R
+              );
             }
-        }), await new Promise((oe) => setTimeout(oe, 100)), !ne || !W.current)
-          return;
+        }), await new Promise((oe) => setTimeout(oe, 100)), !ne || !Y.current) return;
         if (!document.getElementById(H)) {
-          U("DOM element not found after cleanup.");
+          q("DOM element not found after cleanup.");
           return;
         }
         if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          U("VP Player script not loaded.");
+          q("VP Player script not loaded.");
           return;
         }
         const ke = ve ? window.vpVerticalPlayer : window.vpPlayer;
         if (!ke) {
-          U(`VP ${ve ? "Vertical " : ""}Player script not loaded.`);
+          q(
+            `VP ${ve ? "Vertical " : ""}Player script not loaded.`
+          );
           return;
         }
         const ge = Jt({
@@ -1968,16 +2020,18 @@ const Dt = Ae.div`
           // Pass player type to config builder
         }), G = ke(H);
         if (!G) {
-          U(`Failed to create VP ${ve ? "Vertical " : ""}Player instance.`);
+          q(
+            `Failed to create VP ${ve ? "Vertical " : ""}Player instance.`
+          );
           return;
         }
-        if (ne && W.current && (G.setup(ge), P.current = G, y.current = !0, U(null), c && G.on)) {
+        if (ne && Y.current && (G.setup(ge), P.current = G, y.current = !0, q(null), u && G.on)) {
           const oe = () => {
-            var S, N, ae;
+            var R, N, ae;
             const T = {};
-            if ((N = (S = ge.video) == null ? void 0 : S.playlist) != null && N.videos && ge.video.playlist.videos.length > 0) {
-              const D = G.videoIndex ?? ((ae = G.playlist) == null ? void 0 : ae.playlistVideoIndex) ?? 0, q = ge.video.playlist.videos[D];
-              q && (T.title = q.title, T.file = q.file || q.hlsUrl, T.hlsUrl = q.file || q.hlsUrl, T.thumbnailUrl = q.thumbnailUrl, T.duration = q.duration, T.videoIndex = D, T.playlistVideoIndex = D, T.videoId = q.videoId || q.mediaId, T.mediaId = q.mediaId || q.videoId);
+            if ((N = (R = ge.video) == null ? void 0 : R.playlist) != null && N.videos && ge.video.playlist.videos.length > 0) {
+              const D = G.videoIndex ?? ((ae = G.playlist) == null ? void 0 : ae.playlistVideoIndex) ?? 0, W = ge.video.playlist.videos[D];
+              W && (T.title = W.title, T.file = W.file || W.hlsUrl, T.hlsUrl = W.file || W.hlsUrl, T.thumbnailUrl = W.thumbnailUrl, T.duration = W.duration, T.videoIndex = D, T.playlistVideoIndex = D, T.videoId = W.videoId || W.mediaId, T.mediaId = W.mediaId || W.videoId);
             } else ge.video && (T.title = ge.video.title, T.file = ge.video.file, T.hlsUrl = ge.video.file, T.thumbnailUrl = ge.video.thumbnail, T.videoId = r || O, T.videoIndex = 0, T.playlistVideoIndex = 0, G.getDuration && (T.duration = G.getDuration()));
             return T;
           };
@@ -1986,23 +2040,23 @@ const Dt = Ae.div`
             var T;
             try {
               be && clearTimeout(be), await new Promise((D) => setTimeout(D, 100));
-              let S = oe();
-              const N = S.videoId || S.mediaId;
+              let R = oe();
+              const N = R.videoId || R.mediaId;
               if (N && N === M.current)
                 return;
               if (be = window.setTimeout(() => {
                 M.current = null;
               }, 500), (s == null ? void 0 : s.includes("vertical-player")) && N)
                 try {
-                  const Ee = `https://host.vpplayer.tech/player/ptkzurnx/${N}.json`, q = await fetch(Ee);
-                  if (q.ok) {
-                    const re = await q.json();
-                    re != null && re.video && (S = {
-                      ...S,
-                      title: re.video.title || S.title,
+                  const Ee = `https://host.vpplayer.tech/player/ptkzurnx/${N}.json`, W = await fetch(Ee);
+                  if (W.ok) {
+                    const re = await W.json();
+                    re != null && re.video && (R = {
+                      ...R,
+                      title: re.video.title || R.title,
                       description: re.video.description,
                       publishDate: re.video.publishDate,
-                      projectId: re.projectId || S.projectId,
+                      projectId: re.projectId || R.projectId,
                       premium: ((T = re.video.videoLocking) == null ? void 0 : T.isEnabled) || !1,
                       author: re.video.author,
                       tags: re.video.tags || []
@@ -2010,34 +2064,34 @@ const Dt = Ae.div`
                   }
                 } catch {
                 }
-              M.current = N || null, V(S), c(S);
-            } catch (S) {
-              console.warn("Error in video-started handler:", S);
+              M.current = N || null, V(R), u(R);
+            } catch (R) {
+              console.warn("Error in video-started handler:", R);
             }
           };
           if (ve) {
-            let T = !1, S = -1;
+            let T = !1, R = -1;
             const N = () => {
               if (!T) {
                 T = !0;
                 try {
                   G.on && G.on("vp-video-started", Pe), setTimeout(() => {
-                    Pe(), S = G.videoIndex ?? 0;
+                    Pe(), R = G.videoIndex ?? 0;
                   }, 500);
-                } catch (q) {
-                  console.error("Error setting up event listeners:", q);
+                } catch (W) {
+                  console.error("Error setting up event listeners:", W);
                 }
               }
             };
             let ae = 0;
             const D = 15, Ee = setInterval(() => {
               try {
-                const q = G.videoIndex !== void 0 || G.playlist;
+                const W = G.videoIndex !== void 0 || G.playlist;
                 if (!T)
-                  ae++, (q || ae >= D) && N();
+                  ae++, (W || ae >= D) && N();
                 else {
                   const re = G.videoIndex ?? 0;
-                  re !== S && S !== -1 && (S = re, Pe());
+                  re !== R && R !== -1 && (R = re, Pe());
                 }
               } catch {
               }
@@ -2048,18 +2102,21 @@ const Dt = Ae.div`
             } catch {
             }
           } else {
-            const T = async (S) => {
+            const T = async (R) => {
               var N, ae;
               try {
                 const D = s == null ? void 0 : s.match(/player\/([^/.]+)/), Ee = D == null ? void 0 : D[1];
-                if (!Ee || !S)
+                if (!Ee || !R)
                   return oe();
-                const q = `https://host.vpplayer.tech/player/${Ee}/${S}.json`, re = await fetch(q);
+                const W = `https://host.vpplayer.tech/player/${Ee}/${R}.json`, re = await fetch(W);
                 if (!re.ok)
-                  return console.warn("Failed to fetch full video config:", re.status), oe();
+                  return console.warn(
+                    "Failed to fetch full video config:",
+                    re.status
+                  ), oe();
                 const se = await re.json();
                 return se != null && se.video ? {
-                  videoId: S,
+                  videoId: R,
                   title: se.video.title,
                   description: se.video.description,
                   file: se.video.file,
@@ -2078,25 +2135,25 @@ const Dt = Ae.div`
                 return console.warn("Error fetching full video data:", D), oe();
               }
             };
-            G.on("ready", async (S) => {
+            G.on("ready", async (R) => {
               try {
-                const N = S, ae = (N == null ? void 0 : N.id) || r || O;
+                const N = R, ae = (N == null ? void 0 : N.id) || r || O;
                 if (ae) {
                   const D = await T(ae);
-                  V(D), c(D);
+                  V(D), u(D);
                 } else {
                   const D = oe();
-                  (D.title || D.file) && (V(D), c(D));
+                  (D.title || D.file) && (V(D), u(D));
                 }
               } catch (N) {
                 console.warn("Error in ready handler:", N);
               }
-            }), G.on("playlistItem", async (S) => {
+            }), G.on("playlistItem", async (R) => {
               try {
-                const N = S, ae = N == null ? void 0 : N.id;
+                const N = R, ae = N == null ? void 0 : N.id;
                 if (ae) {
                   const D = await T(ae);
-                  V(D), c(D);
+                  V(D), u(D);
                 }
               } catch (N) {
                 console.warn("Error in playlistItem handler:", N);
@@ -2104,15 +2161,15 @@ const Dt = Ae.div`
             });
           }
         }
-      } catch (ue) {
+      } catch (ce) {
         if (ne) {
-          const we = ue instanceof Error ? ue.message : String(ue);
-          U(we), console.error("VP Player initialization error:", ue);
+          const we = ce instanceof Error ? ce.message : String(ce);
+          q(we), console.error("VP Player initialization error:", ce);
         }
       }
     }, 150);
     return () => {
-      ne = !1, clearTimeout(De), B.current.forEach((ue) => clearInterval(ue)), B.current = [], Y.current.forEach((ue) => clearTimeout(ue)), Y.current = [], y.current = !1;
+      ne = !1, clearTimeout(De), B.current.forEach((ce) => clearInterval(ce)), B.current = [], U.current.forEach((ce) => clearTimeout(ce)), U.current = [], y.current = !1;
     };
   }, [j, d, H, z, s]), Se(() => () => {
     if (P.current) {
@@ -2127,15 +2184,44 @@ const Dt = Ae.div`
     const ne = document.getElementById(H);
     ne && (ne.innerHTML = "");
   }, [H]), {
-    playerRef: W,
+    playerRef: Y,
     playerInstanceRef: P,
     isScriptLoaded: j,
     isLoading: d,
     error: $ || Q || z
   };
-}, Zt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: u = {}, isReels: f = !1, hiddenClasses: m = [], onClose: c, className: p, onPlaylistData: x, onVideoStarted: g, trackingMetadata: E, onPlayerStart: h, onPlayerPlay: v, onPlayerPause: w, onPlayerResume: b, onPlayerEnd: L, onPlayerProgressEvery10Seconds: F, onPlayerProgressAt20Seconds: k, onPlayerQuartile25: I, onPlayerQuartile50: _, onPlayerQuartile75: J, onPlayerNext: W, onPlayerPrevious: P, onPlayerEvent: y }) => {
+}, Zt = ({
+  playerId: e,
+  videoId: r,
+  version: n,
+  videoUrl: i,
+  projectId: a,
+  playlistId: t,
+  scriptUrl: s,
+  config: c = {},
+  isReels: f = !1,
+  hiddenClasses: m = [],
+  onClose: u,
+  className: p,
+  onPlaylistData: x,
+  onVideoStarted: g,
+  trackingMetadata: E,
+  onPlayerStart: h,
+  onPlayerPlay: v,
+  onPlayerPause: w,
+  onPlayerResume: b,
+  onPlayerEnd: L,
+  onPlayerProgressEvery10Seconds: F,
+  onPlayerProgressAt20Seconds: k,
+  onPlayerQuartile25: I,
+  onPlayerQuartile50: _,
+  onPlayerQuartile75: J,
+  onPlayerNext: Y,
+  onPlayerPrevious: P,
+  onPlayerEvent: y
+}) => {
   var $, H, fe, V;
-  const { playerRef: R, playerInstanceRef: B, isScriptLoaded: Y, isLoading: M, error: j } = Kt({
+  const { playerRef: S, playerInstanceRef: B, isScriptLoaded: U, isLoading: M, error: j } = Kt({
     playerId: e,
     videoId: r,
     version: n,
@@ -2143,7 +2229,7 @@ const Dt = Ae.div`
     projectId: a,
     playlistId: t,
     scriptUrl: s,
-    config: u,
+    config: c,
     isReels: f,
     onPlaylistData: x,
     onVideoStarted: g,
@@ -2158,35 +2244,85 @@ const Dt = Ae.div`
     onPlayerQuartile25: I,
     onPlayerQuartile50: _,
     onPlayerQuartile75: J,
-    onPlayerNext: W,
+    onPlayerNext: Y,
     onPlayerPrevious: P,
     onPlayerEvent: y
-  }), [z, O] = de(!0), Q = () => f && O(!0), U = () => {
+  }), [z, O] = de(!0), Q = () => f && O(!0), q = () => {
     var ee, pe;
-    O(!1), (pe = (ee = B.current) == null ? void 0 : ee.play) == null || pe.call(ee), c == null || c();
-  }, o = (H = ($ = u == null ? void 0 : u.config) == null ? void 0 : $.size) != null && H.width ? typeof u.config.size.width == "number" ? `${u.config.size.width}px` : u.config.size.width : void 0, l = (V = (fe = u == null ? void 0 : u.config) == null ? void 0 : fe.size) != null && V.height ? typeof u.config.size.height == "number" ? `${u.config.size.height}px` : u.config.size.height : void 0, d = ur(e, r);
-  return j ? Z.jsxs(ar, { type: "error", children: ["An error occurred: ", j] }) : M || !Y ? Z.jsx(ar, { type: "loading", children: "Loading..." }) : Z.jsxs(Z.Fragment, { children: [f && !z ? Z.jsx("div", { onClick: Q }) : null, !f && Z.jsx("div", { children: Z.jsx(_r, { id: d, ref: R, width: o || "100%", height: l || "auto", $hiddenClasses: m, className: p }) }, d), f && z && Z.jsx(Mt, { onClick: U, className: p, children: Z.jsx(zt, { className: p, onClick: (ee) => ee.stopPropagation(), children: Z.jsx("div", { children: Z.jsx(_r, { id: d, ref: R, width: "100%", height: "auto", $hiddenClasses: m, className: p }) }, d) }) })] });
+    O(!1), (pe = (ee = B.current) == null ? void 0 : ee.play) == null || pe.call(ee), u == null || u();
+  }, o = (H = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && H.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, l = (V = (fe = c == null ? void 0 : c.config) == null ? void 0 : fe.size) != null && V.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, d = cr(e, r);
+  return j ? /* @__PURE__ */ Z.jsxs(ar, { type: "error", children: [
+    "An error occurred: ",
+    j
+  ] }) : M || !U ? /* @__PURE__ */ Z.jsx(ar, { type: "loading", children: "Loading..." }) : /* @__PURE__ */ Z.jsxs(Z.Fragment, { children: [
+    f && !z ? /* @__PURE__ */ Z.jsx("div", { onClick: Q }) : null,
+    !f && /* @__PURE__ */ Z.jsx("div", { children: /* @__PURE__ */ Z.jsx(
+      _r,
+      {
+        id: d,
+        ref: S,
+        width: o || "100%",
+        height: l || "auto",
+        $hiddenClasses: m,
+        className: p
+      }
+    ) }, d),
+    f && z && /* @__PURE__ */ Z.jsx(Mt, { onClick: q, className: p, children: /* @__PURE__ */ Z.jsx(zt, { className: p, onClick: (ee) => ee.stopPropagation(), children: /* @__PURE__ */ Z.jsx("div", { children: /* @__PURE__ */ Z.jsx(
+      _r,
+      {
+        id: d,
+        ref: S,
+        width: "100%",
+        height: "auto",
+        $hiddenClasses: m,
+        className: p
+      }
+    ) }, d) }) })
+  ] });
 }, $r = Dr(void 0), rn = ({ children: e }) => {
-  const [r, n] = de(!1), [i, a] = de(null), [t, s] = de(null), u = cr((c) => {
+  const [r, n] = de(!1), [i, a] = de(null), [t, s] = de(null), c = ur((u) => {
     try {
-      const p = ur(c.playerId, c.videoId);
-      a({ ...c, playerId: p }), n(!0), s(null);
+      const p = cr(u.playerId, u.videoId);
+      a({ ...u, playerId: p }), n(!0), s(null);
     } catch {
       s("Failed to show player.");
     }
-  }, []), f = cr(() => {
+  }, []), f = ur(() => {
     n(!1), a(null), s(null);
-  }, []), m = Pr(() => ({
-    showPlayer: u,
-    hidePlayer: f,
-    isPlayerVisible: r,
-    playerParams: i
-  }), [u, f, r, i]);
-  return Z.jsxs($r.Provider, { value: m, children: [e, t && Z.jsx(ar, { type: "error", children: t }), r && (i == null ? void 0 : i.playerId) && Z.jsx(Zt, { playerId: i.playerId, videoId: i.videoId, projectId: i.projectId, videoUrl: i.videoUrl, version: i.version, playlistId: i.playlistId, scriptUrl: i.scriptUrl, config: i.config, isReels: i.isReels, thumbnailUrl: i.thumbnailUrl, onClose: f, hiddenClasses: i.hiddenClasses || [], className: i.className })] });
+  }, []), m = Pr(
+    () => ({
+      showPlayer: c,
+      hidePlayer: f,
+      isPlayerVisible: r,
+      playerParams: i
+    }),
+    [c, f, r, i]
+  );
+  return /* @__PURE__ */ Z.jsxs($r.Provider, { value: m, children: [
+    e,
+    t && /* @__PURE__ */ Z.jsx(ar, { type: "error", children: t }),
+    r && (i == null ? void 0 : i.playerId) && /* @__PURE__ */ Z.jsx(
+      Zt,
+      {
+        playerId: i.playerId,
+        videoId: i.videoId,
+        projectId: i.projectId,
+        videoUrl: i.videoUrl,
+        version: i.version,
+        playlistId: i.playlistId,
+        scriptUrl: i.scriptUrl,
+        config: i.config,
+        isReels: i.isReels,
+        thumbnailUrl: i.thumbnailUrl,
+        onClose: f,
+        hiddenClasses: i.hiddenClasses || [],
+        className: i.className
+      }
+    )
+  ] });
 }, tn = () => {
   const e = Er($r);
-  if (!e)
-    throw new Error("useVPPlayer must be used within a VPPlayerProvider");
+  if (!e) throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
 }, nn = {
   projectId: "vp-player-projectId",
@@ -2261,15 +2397,15 @@ const Dt = Ae.div`
       }
     }
   };
-}, ln = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", un = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", cn = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", dn = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", fn = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=", pn = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";
+}, ln = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", cn = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", un = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", dn = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", fn = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=", pn = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";
 export {
   fn as AD_TAG_LINEAR_URL,
   pn as AD_TAG_SKIPPABLE_LINEAR_URL,
   ln as BIG_BUCK_BUNNY_URL,
-  un as ELEPHANTS_DREAM_URL,
+  cn as ELEPHANTS_DREAM_URL,
   Mt as Overlay,
   dn as PEXELS_THUMBNAIL_URL,
-  cn as PEXELS_VERTICAL_VIDEO_URL,
+  un as PEXELS_VERTICAL_VIDEO_URL,
   _r as PlayerContainer,
   zt as PlayerWrapper,
   Zt as VPPlayer,