@devix-technologies/react-gjirafa-vp-player 1.0.20 → 1.0.22

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

@@ -1,6 +1,6 @@
 import * as le from "react";
 import wt, { forwardRef as kt, useContext as st, useState as ne, useEffect as we, useRef as de, useMemo as ct, createContext as Et, useCallback as Ge } from "react";
-var Se = { exports: {} }, ve = {};
+var Ie = { exports: {} }, ve = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -48,20 +48,20 @@ function _t() {
     function e(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === N ? null : s.displayName || s.name || null;
+        return s.$$typeof === P ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
         case d:
           return "Fragment";
         case v:
           return "Profiler";
-        case y:
+        case m:
           return "StrictMode";
-        case O:
-          return "Suspense";
         case j:
+          return "Suspense";
+        case $:
           return "SuspenseList";
-        case P:
+        case V:
           return "Activity";
       }
       if (typeof s == "object")
@@ -70,14 +70,14 @@ function _t() {
         ), s.$$typeof) {
           case g:
             return "Portal";
-          case A:
+          case O:
             return (s.displayName || "Context") + ".Provider";
           case E:
             return (s._context.displayName || "Context") + ".Consumer";
           case T:
             var x = s.render;
             return s = s.displayName, s || (s = x.displayName || x.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
-          case f:
+          case y:
             return x = s.displayName || null, x !== null ? x : e(s.type) || "Memo";
           case G:
             x = s._payload, s = s._init;
@@ -100,11 +100,11 @@ function _t() {
       }
       if (x) {
         x = console;
-        var $ = x.error, F = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return $.call(
+        var N = x.error, B = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return N.call(
           x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          F
+          B
         ), t(s);
       }
     }
@@ -120,28 +120,28 @@ function _t() {
       }
     }
     function a() {
-      var s = z.A;
+      var s = U.A;
       return s === null ? null : s.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function o(s) {
-      if (B.call(s, "key")) {
+      if (_.call(s, "key")) {
         var x = Object.getOwnPropertyDescriptor(s, "key").get;
         if (x && x.isReactWarning) return !1;
       }
       return s.key !== void 0;
     }
     function c(s, x) {
-      function $() {
-        U || (U = !0, console.error(
+      function N() {
+        z || (z = !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)",
           x
         ));
       }
-      $.isReactWarning = !0, Object.defineProperty(s, "key", {
-        get: $,
+      N.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: N,
         configurable: !0
       });
     }
@@ -151,14 +151,14 @@ function _t() {
         "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."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function m(s, x, $, F, I, V, ee, ae) {
-      return $ = V.ref, s = {
+    function h(s, x, N, B, A, L, ee, ae) {
+      return N = L.ref, s = {
         $$typeof: k,
         type: s,
         key: x,
-        props: V,
-        _owner: I
-      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(s, "ref", {
+        props: L,
+        _owner: A
+      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
@@ -183,60 +183,60 @@ function _t() {
         value: ae
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function l(s, x, $, F, I, V, ee, ae) {
-      var h = x.children;
-      if (h !== void 0)
-        if (F)
-          if (X(h)) {
-            for (F = 0; F < h.length; F++)
-              p(h[F]);
-            Object.freeze && Object.freeze(h);
+    function l(s, x, N, B, A, L, ee, ae) {
+      var p = x.children;
+      if (p !== void 0)
+        if (B)
+          if (M(p)) {
+            for (B = 0; B < p.length; B++)
+              f(p[B]);
+            Object.freeze && Object.freeze(p);
           } 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 p(h);
-      if (B.call(x, "key")) {
-        h = e(s);
+        else f(p);
+      if (_.call(x, "key")) {
+        p = e(s);
         var b = Object.keys(x).filter(function(C) {
           return C !== "key";
         });
-        F = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", re[h + F] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        B = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", re[p + B] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          F,
-          h,
+          B,
+          p,
           b,
-          h
-        ), re[h + F] = !0);
+          p
+        ), re[p + B] = !0);
       }
-      if (h = null, $ !== void 0 && (r($), h = "" + $), o(x) && (r(x.key), h = "" + x.key), "key" in x) {
-        $ = {};
+      if (p = null, N !== void 0 && (r(N), p = "" + N), o(x) && (r(x.key), p = "" + x.key), "key" in x) {
+        N = {};
         for (var R in x)
-          R !== "key" && ($[R] = x[R]);
-      } else $ = x;
-      return h && c(
-        $,
+          R !== "key" && (N[R] = x[R]);
+      } else N = x;
+      return p && c(
+        N,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
-      ), m(
+      ), h(
         s,
-        h,
-        V,
-        I,
+        p,
+        L,
+        A,
         a(),
-        $,
+        N,
         ee,
         ae
       );
     }
-    function p(s) {
+    function f(s) {
       typeof s == "object" && s !== null && s.$$typeof === k && s._store && (s._store.validated = 1);
     }
-    var w = wt, k = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), A = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), z = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, X = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var w = wt, k = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), $ = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), U = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, _ = Object.prototype.hasOwnProperty, M = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     w = {
@@ -244,42 +244,42 @@ React keys must be passed directly to JSX without using spread:
         return s();
       }
     };
-    var U, Q = {}, H = w["react-stack-bottom-frame"].bind(
+    var z, Q = {}, X = w["react-stack-bottom-frame"].bind(
       w,
       i
-    )(), te = L(n(i)), re = {};
-    ge.Fragment = d, ge.jsx = function(s, x, $, F, I) {
-      var V = 1e4 > z.recentlyCreatedOwnerStacks++;
+    )(), te = F(n(i)), re = {};
+    ge.Fragment = d, ge.jsx = function(s, x, N, B, A) {
+      var L = 1e4 > U.recentlyCreatedOwnerStacks++;
       return l(
         s,
         x,
-        $,
+        N,
         !1,
-        F,
-        I,
-        V ? Error("react-stack-top-frame") : H,
-        V ? L(n(s)) : te
+        B,
+        A,
+        L ? Error("react-stack-top-frame") : X,
+        L ? F(n(s)) : te
       );
-    }, ge.jsxs = function(s, x, $, F, I) {
-      var V = 1e4 > z.recentlyCreatedOwnerStacks++;
+    }, ge.jsxs = function(s, x, N, B, A) {
+      var L = 1e4 > U.recentlyCreatedOwnerStacks++;
       return l(
         s,
         x,
-        $,
+        N,
         !0,
-        F,
-        I,
-        V ? Error("react-stack-top-frame") : H,
-        V ? L(n(s)) : te
+        B,
+        A,
+        L ? Error("react-stack-top-frame") : X,
+        L ? F(n(s)) : te
       );
     };
   }()), ge;
 }
 var Je;
-function St() {
-  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Se.exports = Pt() : Se.exports = _t()), Se.exports;
+function It() {
+  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Ie.exports = Pt() : Ie.exports = _t()), Ie.exports;
 }
-var M = St();
+var W = It();
 function Be() {
   return Be = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -289,18 +289,18 @@ function Be() {
     return e;
   }, Be.apply(null, arguments);
 }
-function Tt(e) {
+function St(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function Rt(e) {
+function Tt(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var Ct = /* @__PURE__ */ function() {
+var Rt = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(a) {
@@ -312,10 +312,10 @@ var Ct = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Rt(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Tt(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = Tt(a);
+      var i = St(a);
       try {
         i.insertRule(n, i.cssRules.length);
       } catch {
@@ -329,9 +329,9 @@ var Ct = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), q = "-ms-", Ae = "-moz-", _ = "-webkit-", lt = "comm", ze = "rule", We = "decl", It = "@import", ut = "@keyframes", At = "@layer", Ot = Math.abs, Oe = String.fromCharCode, jt = Object.assign;
+}(), H = "-ms-", Ae = "-moz-", I = "-webkit-", lt = "comm", ze = "rule", We = "decl", Ct = "@import", ut = "@keyframes", At = "@layer", Ot = Math.abs, Oe = String.fromCharCode, jt = Object.assign;
 function $t(e, t) {
-  return Y(e, 0) ^ 45 ? (((t << 2 ^ Y(e, 0)) << 2 ^ Y(e, 1)) << 2 ^ Y(e, 2)) << 2 ^ Y(e, 3) : 0;
+  return q(e, 0) ^ 45 ? (((t << 2 ^ q(e, 0)) << 2 ^ q(e, 1)) << 2 ^ q(e, 2)) << 2 ^ q(e, 3) : 0;
 }
 function dt(e) {
   return e.trim();
@@ -345,7 +345,7 @@ function S(e, t, r) {
 function De(e, t) {
   return e.indexOf(t);
 }
-function Y(e, t) {
+function q(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function ke(e, t, r) {
@@ -357,7 +357,7 @@ function ie(e) {
 function Ye(e) {
   return e.length;
 }
-function Te(e, t) {
+function Se(e, t) {
   return t.push(e), e;
 }
 function Vt(e, t) {
@@ -374,15 +374,15 @@ function Lt() {
   return D;
 }
 function Ft() {
-  return D = J > 0 ? Y(ye, --J) : 0, he--, D === 10 && (he = 1, je--), D;
+  return D = J > 0 ? q(ye, --J) : 0, he--, D === 10 && (he = 1, je--), D;
 }
 function Z() {
-  return D = J < ft ? Y(ye, J++) : 0, he++, D === 10 && (he = 1, je++), D;
+  return D = J < ft ? q(ye, J++) : 0, he++, D === 10 && (he = 1, je++), D;
 }
 function se() {
-  return Y(ye, J);
+  return q(ye, J);
 }
-function Re() {
+function Te() {
   return J;
 }
 function _e(e, t) {
@@ -432,7 +432,7 @@ function pt(e) {
 function ht(e) {
   return ye = "", e;
 }
-function Ce(e) {
+function Re(e) {
   return dt(_e(J - 1, Ue(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Bt(e) {
@@ -443,7 +443,7 @@ function Bt(e) {
 function Dt(e, t) {
   for (; --t && Z() && !(D < 48 || D > 102 || D > 57 && D < 65 || D > 70 && D < 97); )
     ;
-  return _e(e, Re() + (t < 6 && se() == 32 && Z() == 32));
+  return _e(e, Te() + (t < 6 && se() == 32 && Z() == 32));
 }
 function Ue(e) {
   for (; Z(); )
@@ -479,48 +479,48 @@ function Mt(e) {
   return _e(e, J);
 }
 function zt(e) {
-  return ht(Ie("", null, null, null, [""], e = pt(e), 0, [0], e));
+  return ht(Ce("", null, null, null, [""], e = pt(e), 0, [0], e));
 }
-function Ie(e, t, r, n, a, i, o, c, u) {
-  for (var m = 0, l = 0, p = o, w = 0, k = 0, g = 0, d = 1, y = 1, v = 1, E = 0, A = "", T = a, O = i, j = n, f = A; y; )
+function Ce(e, t, r, n, a, i, o, c, u) {
+  for (var h = 0, l = 0, f = o, w = 0, k = 0, g = 0, d = 1, m = 1, v = 1, E = 0, O = "", T = a, j = i, $ = n, y = O; m; )
     switch (g = E, E = Z()) {
       // (
       case 40:
-        if (g != 108 && Y(f, p - 1) == 58) {
-          De(f += S(Ce(E), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (g != 108 && q(y, f - 1) == 58) {
+          De(y += S(Re(E), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        f += Ce(E);
+        y += Re(E);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        f += Bt(g);
+        y += Bt(g);
         break;
       // \
       case 92:
-        f += Dt(Re() - 1, 7);
+        y += Dt(Te() - 1, 7);
         continue;
       // /
       case 47:
         switch (se()) {
           case 42:
           case 47:
-            Te(Wt(Ut(Z(), Re()), t, r), u);
+            Se(Wt(Ut(Z(), Te()), t, r), u);
             break;
           default:
-            f += "/";
+            y += "/";
         }
         break;
       // {
       case 123 * d:
-        c[m++] = ie(f) * v;
+        c[h++] = ie(y) * v;
       // } ; \0
       case 125 * d:
       case 59:
@@ -529,37 +529,37 @@ function Ie(e, t, r, n, a, i, o, c, u) {
           // \0 }
           case 0:
           case 125:
-            y = 0;
+            m = 0;
           // ;
           case 59 + l:
-            v == -1 && (f = S(f, /\f/g, "")), k > 0 && ie(f) - p && Te(k > 32 ? Ze(f + ";", n, r, p - 1) : Ze(S(f, " ", "") + ";", n, r, p - 2), u);
+            v == -1 && (y = S(y, /\f/g, "")), k > 0 && ie(y) - f && Se(k > 32 ? Ze(y + ";", n, r, f - 1) : Ze(S(y, " ", "") + ";", n, r, f - 2), u);
             break;
           // @ ;
           case 59:
-            f += ";";
+            y += ";";
           // { rule/at-rule
           default:
-            if (Te(j = Ke(f, t, r, m, l, a, c, A, T = [], O = [], p), i), E === 123)
+            if (Se($ = Ke(y, t, r, h, l, a, c, O, T = [], j = [], f), i), E === 123)
               if (l === 0)
-                Ie(f, t, j, j, T, i, p, c, O);
+                Ce(y, t, $, $, T, i, f, c, j);
               else
-                switch (w === 99 && Y(f, 3) === 110 ? 100 : w) {
+                switch (w === 99 && q(y, 3) === 110 ? 100 : w) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ie(e, j, j, n && Te(Ke(e, j, j, 0, 0, a, c, A, a, T = [], p), O), a, O, p, c, n ? T : O);
+                    Ce(e, $, $, n && Se(Ke(e, $, $, 0, 0, a, c, O, a, T = [], f), j), a, j, f, c, n ? T : j);
                     break;
                   default:
-                    Ie(f, j, j, j, [""], O, 0, c, O);
+                    Ce(y, $, $, $, [""], j, 0, c, j);
                 }
         }
-        m = l = k = 0, d = v = 1, A = f = "", p = o;
+        h = l = k = 0, d = v = 1, O = y = "", f = o;
         break;
       // :
       case 58:
-        p = 1 + ie(f), k = g;
+        f = 1 + ie(y), k = g;
       default:
         if (d < 1) {
           if (E == 123)
@@ -567,31 +567,31 @@ function Ie(e, t, r, n, a, i, o, c, u) {
           else if (E == 125 && d++ == 0 && Ft() == 125)
             continue;
         }
-        switch (f += Oe(E), E * d) {
+        switch (y += Oe(E), E * d) {
           // &
           case 38:
-            v = l > 0 ? 1 : (f += "\f", -1);
+            v = l > 0 ? 1 : (y += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (ie(f) - 1) * v, v = 1;
+            c[h++] = (ie(y) - 1) * v, v = 1;
             break;
           // @
           case 64:
-            se() === 45 && (f += Ce(Z())), w = se(), l = p = ie(A = f += Mt(Re())), E++;
+            se() === 45 && (y += Re(Z())), w = se(), l = f = ie(O = y += Mt(Te())), E++;
             break;
           // -
           case 45:
-            g === 45 && ie(f) == 2 && (d = 0);
+            g === 45 && ie(y) == 2 && (d = 0);
         }
     }
   return i;
 }
-function Ke(e, t, r, n, a, i, o, c, u, m, l) {
-  for (var p = a - 1, w = a === 0 ? i : [""], k = Ye(w), g = 0, d = 0, y = 0; g < n; ++g)
-    for (var v = 0, E = ke(e, p + 1, p = Ot(d = o[g])), A = e; v < k; ++v)
-      (A = dt(d > 0 ? w[v] + " " + E : S(E, /&\f/g, w[v]))) && (u[y++] = A);
-  return $e(e, t, r, a === 0 ? ze : c, u, m, l);
+function Ke(e, t, r, n, a, i, o, c, u, h, l) {
+  for (var f = a - 1, w = a === 0 ? i : [""], k = Ye(w), g = 0, d = 0, m = 0; g < n; ++g)
+    for (var v = 0, E = ke(e, f + 1, f = Ot(d = o[g])), O = e; v < k; ++v)
+      (O = dt(d > 0 ? w[v] + " " + E : S(E, /&\f/g, w[v]))) && (u[m++] = O);
+  return $e(e, t, r, a === 0 ? ze : c, u, h, l);
 }
 function Wt(e, t, r) {
   return $e(e, t, r, lt, Oe(Lt()), ke(e, 2, -2), 0);
@@ -608,7 +608,7 @@ function Yt(e, t, r, n) {
   switch (e.type) {
     case At:
       if (e.children.length) break;
-    case It:
+    case Ct:
     case We:
       return e.return = e.return || e.value;
     case lt:
@@ -651,7 +651,7 @@ var Ht = function(t, r, n) {
         a === 38 && se() === 12 && (r[n] = 1), t[n] += Ht(J - 1, r, n);
         break;
       case 2:
-        t[n] += Ce(a);
+        t[n] += Re(a);
         break;
       case 4:
         if (a === 44) {
@@ -674,9 +674,9 @@ var Ht = function(t, r, n) {
       if (n = n.parent, !n) return;
     if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Qe.get(n)) && !a) {
       Qe.set(t, !0);
-      for (var i = [], o = Jt(r, i), c = n.props, u = 0, m = 0; u < o.length; u++)
-        for (var l = 0; l < c.length; l++, m++)
-          t.props[m] = i[u] ? o[u].replace(/&\f/g, c[l]) : c[l] + " " + o[u];
+      for (var i = [], o = Jt(r, i), c = n.props, u = 0, h = 0; u < o.length; u++)
+        for (var l = 0; l < c.length; l++, h++)
+          t.props[h] = i[u] ? o[u].replace(/&\f/g, c[l]) : c[l] + " " + o[u];
     }
   }
 }, Zt = function(t) {
@@ -691,7 +691,7 @@ function yt(e, t) {
   switch ($t(e, t)) {
     // color-adjust
     case 5103:
-      return _ + "print-" + e + e;
+      return I + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -721,58 +721,58 @@ function yt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return _ + e + e;
+      return I + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return _ + e + Ae + e + q + e + e;
+      return I + e + Ae + e + H + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return _ + e + q + e + e;
+      return I + e + H + e + e;
     // order
     case 6165:
-      return _ + e + q + "flex-" + e + e;
+      return I + e + H + "flex-" + e + e;
     // align-items
     case 5187:
-      return _ + e + S(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + q + "flex-$1$2") + e;
+      return I + e + S(e, /(\w+).+(:[^]+)/, I + "box-$1$2" + H + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return _ + e + q + "flex-item-" + S(e, /flex-|-self/, "") + e;
+      return I + e + H + "flex-item-" + S(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return _ + e + q + "flex-line-pack" + S(e, /align-content|flex-|-self/, "") + e;
+      return I + e + H + "flex-line-pack" + S(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return _ + e + q + S(e, "shrink", "negative") + e;
+      return I + e + H + S(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return _ + e + q + S(e, "basis", "preferred-size") + e;
+      return I + e + H + S(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return _ + "box-" + S(e, "-grow", "") + _ + e + q + S(e, "grow", "positive") + e;
+      return I + "box-" + S(e, "-grow", "") + I + e + H + S(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return _ + S(e, /([^-])(transform)/g, "$1" + _ + "$2") + e;
+      return I + S(e, /([^-])(transform)/g, "$1" + I + "$2") + e;
     // cursor
     case 6187:
-      return S(S(S(e, /(zoom-|grab)/, _ + "$1"), /(image-set)/, _ + "$1"), e, "") + e;
+      return S(S(S(e, /(zoom-|grab)/, I + "$1"), /(image-set)/, I + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return S(e, /(image-set\([^]*)/, _ + "$1$`$1");
+      return S(e, /(image-set\([^]*)/, I + "$1$`$1");
     // justify-content
     case 4968:
-      return S(S(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + q + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
+      return S(S(e, /(.+:)(flex-)?(.*)/, I + "box-pack:$3" + H + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + I + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return S(e, /(.+)-inline(.+)/, _ + "$1$2") + e;
+      return S(e, /(.+)-inline(.+)/, I + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -786,13 +786,13 @@ function yt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (ie(e) - 1 - t > 6) switch (Y(e, t + 1)) {
+      if (ie(e) - 1 - t > 6) switch (q(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (Y(e, t + 4) !== 45) break;
+          if (q(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return S(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Ae + (Y(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return S(e, /(.+:)(.+)-([^]+)/, "$1" + I + "$2-$3$1" + Ae + (q(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
           return ~De(e, "stretch") ? yt(S(e, "stretch", "fill-available"), t) + e : e;
@@ -800,32 +800,32 @@ function yt(e, t) {
       break;
     // position: sticky
     case 4949:
-      if (Y(e, t + 1) !== 115) break;
+      if (q(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (Y(e, ie(e) - 3 - (~De(e, "!important") && 10))) {
+      switch (q(e, ie(e) - 3 - (~De(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return S(e, ":", ":" + _) + e;
+          return S(e, ":", ":" + I) + e;
         // (inline-)?fl(e)x
         case 101:
-          return S(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (Y(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + q + "$2box$3") + e;
+          return S(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + I + (q(e, 14) === 45 ? "inline-" : "") + "box$3$1" + I + "$2$3$1" + H + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (Y(e, t + 11)) {
+      switch (q(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return _ + e + q + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return I + e + H + S(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return _ + e + q + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return I + e + H + S(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return _ + e + q + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return I + e + H + S(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return _ + e + q + e + e;
+      return I + e + H + e + e;
   }
   return e;
 }
@@ -836,7 +836,7 @@ var Qt = function(t, r, n, a) {
       break;
     case ut:
       return pe([be(t, {
-        value: S(t.value, "@", "@" + _)
+        value: S(t.value, "@", "@" + I)
       })], a);
     case ze:
       if (t.length) return Vt(t.props, function(i) {
@@ -850,11 +850,11 @@ var Qt = function(t, r, n, a) {
           // :placeholder
           case "::placeholder":
             return pe([be(t, {
-              props: [S(i, /:(plac\w+)/, ":" + _ + "input-$1")]
+              props: [S(i, /:(plac\w+)/, ":" + I + "input-$1")]
             }), be(t, {
               props: [S(i, /:(plac\w+)/, ":" + Ae + "$1")]
             }), be(t, {
-              props: [S(i, /:(plac\w+)/, q + "input-$1")]
+              props: [S(i, /:(plac\w+)/, H + "input-$1")]
             })], a);
         }
         return "";
@@ -865,8 +865,8 @@ var Qt = function(t, r, n, a) {
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(n, function(d) {
-      var y = d.getAttribute("data-emotion");
-      y.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("data-s", ""));
+      var m = d.getAttribute("data-emotion");
+      m.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("data-s", ""));
     });
   }
   var a = t.stylisPlugins || er, i = {}, o, c = [];
@@ -875,25 +875,25 @@ var Qt = function(t, r, n, a) {
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
     function(d) {
-      for (var y = d.getAttribute("data-emotion").split(" "), v = 1; v < y.length; v++)
-        i[y[v]] = !0;
+      for (var m = d.getAttribute("data-emotion").split(" "), v = 1; v < m.length; v++)
+        i[m[v]] = !0;
       c.push(d);
     }
   );
-  var u, m = [Kt, Zt];
+  var u, h = [Kt, Zt];
   {
-    var l, p = [Yt, Gt(function(d) {
+    var l, f = [Yt, Gt(function(d) {
       l.insert(d);
-    })], w = qt(m.concat(a, p)), k = function(y) {
-      return pe(zt(y), w);
+    })], w = qt(h.concat(a, f)), k = function(m) {
+      return pe(zt(m), w);
     };
-    u = function(y, v, E, A) {
-      l = E, k(y ? y + "{" + v.styles + "}" : v.styles), A && (g.inserted[v.name] = !0);
+    u = function(m, v, E, O) {
+      l = E, k(m ? m + "{" + v.styles + "}" : v.styles), O && (g.inserted[v.name] = !0);
     };
   }
   var g = {
     key: r,
-    sheet: new Ct({
+    sheet: new Rt({
       key: r,
       container: o,
       nonce: t.nonce,
@@ -1059,8 +1059,8 @@ function Pe(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var u = oe, m = r(e);
-        return oe = u, Pe(e, t, m);
+        var u = oe, h = r(e);
+        return oe = u, Pe(e, t, h);
       }
       break;
     }
@@ -1068,8 +1068,8 @@ function Pe(e, t, r) {
   var l = r;
   if (t == null)
     return l;
-  var p = t[l];
-  return p !== void 0 ? p : l;
+  var f = t[l];
+  return f !== void 0 ? f : l;
 }
 function lr(e, t, r) {
   var n = "";
@@ -1086,15 +1086,15 @@ function lr(e, t, r) {
         for (var u = 0; u < o.length; u++)
           et(o[u]) && (n += Ne(i) + ":" + tt(i, o[u]) + ";");
       else {
-        var m = Pe(e, t, o);
+        var h = Pe(e, t, o);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Ne(i) + ":" + m + ";";
+            n += Ne(i) + ":" + h + ";";
             break;
           }
           default:
-            n += i + "{" + m + "}";
+            n += i + "{" + h + "}";
         }
       }
     }
@@ -1119,11 +1119,11 @@ function ur(e, t, r) {
       a += u[c];
     }
   rt.lastIndex = 0;
-  for (var m = "", l; (l = rt.exec(a)) !== null; )
-    m += "-" + l[1];
-  var p = ir(a) + m;
+  for (var h = "", l; (l = rt.exec(a)) !== null; )
+    h += "-" + l[1];
+  var f = ir(a) + h;
   return {
-    name: p,
+    name: f,
     styles: a,
     next: oe
   };
@@ -1176,46 +1176,46 @@ var hr = function(t) {
 }, wr = function e(t, r) {
   var n = t.__emotion_real === t, a = n && t.__emotion_base || t, i, o;
   r !== void 0 && (i = r.label, o = r.target);
-  var c = at(t, r, n), u = c || nt(a), m = !u("as");
+  var c = at(t, r, n), u = c || nt(a), h = !u("as");
   return function() {
-    var l = arguments, p = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
-    if (i !== void 0 && p.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
-      p.push.apply(p, l);
+    var l = arguments, f = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && f.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
+      f.push.apply(f, l);
     else {
       var w = l[0];
-      p.push(w[0]);
+      f.push(w[0]);
       for (var k = l.length, g = 1; g < k; g++)
-        p.push(l[g], w[g]);
+        f.push(l[g], w[g]);
     }
-    var d = hr(function(y, v, E) {
-      var A = m && y.as || a, T = "", O = [], j = y;
-      if (y.theme == null) {
-        j = {};
-        for (var f in y)
-          j[f] = y[f];
-        j.theme = le.useContext(mr);
+    var d = hr(function(m, v, E) {
+      var O = h && m.as || a, T = "", j = [], $ = m;
+      if (m.theme == null) {
+        $ = {};
+        for (var y in m)
+          $[y] = m[y];
+        $.theme = le.useContext(mr);
       }
-      typeof y.className == "string" ? T = nr(v.registered, O, y.className) : y.className != null && (T = y.className + " ");
-      var G = ur(p.concat(O), v.registered, j);
+      typeof m.className == "string" ? T = nr(v.registered, j, m.className) : m.className != null && (T = m.className + " ");
+      var G = ur(f.concat(j), v.registered, $);
       T += v.key + "-" + G.name, o !== void 0 && (T += " " + o);
-      var P = m && c === void 0 ? nt(A) : u, N = {};
-      for (var z in y)
-        m && z === "as" || P(z) && (N[z] = y[z]);
-      return N.className = T, E && (N.ref = E), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement(xr, {
+      var V = h && c === void 0 ? nt(O) : u, P = {};
+      for (var U in m)
+        h && U === "as" || V(U) && (P[U] = m[U]);
+      return P.className = T, E && (P.ref = E), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement(xr, {
         cache: v,
         serialized: G,
-        isStringTag: typeof A == "string"
-      }), /* @__PURE__ */ le.createElement(A, N));
+        isStringTag: typeof O == "string"
+      }), /* @__PURE__ */ le.createElement(O, P));
     });
-    return d.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", d.defaultProps = t.defaultProps, d.__emotion_real = d, d.__emotion_base = a, d.__emotion_styles = p, d.__emotion_forwardProp = c, Object.defineProperty(d, "toString", {
+    return d.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", d.defaultProps = t.defaultProps, d.__emotion_real = d, d.__emotion_base = a, d.__emotion_styles = f, d.__emotion_forwardProp = c, Object.defineProperty(d, "toString", {
       value: function() {
         return "." + o;
       }
-    }), d.withComponent = function(y, v) {
-      var E = e(y, Be({}, r, v, {
+    }), d.withComponent = function(m, v) {
+      var E = e(m, Be({}, r, v, {
         shouldForwardProp: at(d, v, !0)
       }));
-      return E.apply(void 0, p);
+      return E.apply(void 0, f);
     }, d;
   };
 }, kr = [
@@ -1399,7 +1399,7 @@ const Er = me.div`
       return "";
   }
 }}
-`, Me = ({ type: e, children: t, className: r, icon: n, action: a }) => M.jsxs(Er, { type: e, className: r, children: [n && M.jsx("span", { children: n }), M.jsx("span", { children: t }), a && M.jsx("span", { children: a })] }), it = me.div`
+`, Me = ({ type: e, children: t, className: r, icon: n, action: a }) => W.jsxs(Er, { type: e, className: r, children: [n && W.jsx("span", { children: n }), W.jsx("span", { children: t }), a && W.jsx("span", { children: a })] }), it = me.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -1425,24 +1425,19 @@ const Er = me.div`
   pointer-events: auto;
 `, _r = me.div`
   position: relative;
-  width: min(360px, 100%);
-  max-width: 360px;
+  max-width: 100vw;
   aspect-ratio: 9 / 16;
   height: auto;
   z-index: 1001;
-
-  @media (max-width: 420px) {
-    width: 100%;
-    max-width: 100%;
-  }
-`, Sr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, ot = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, Tr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`, Rr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, qe = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Ve = /* @__PURE__ */ new Map(), Cr = (e, t) => {
+  max-height: 100vh;
+`, Ir = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, ot = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, Sr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`, Tr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, qe = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Ve = /* @__PURE__ */ new Map(), Rr = (e, t) => {
   const [r, n] = ne(!1), [a, i] = ne(null);
   return we(() => {
     let o = null, c, u = 0;
-    const m = 3;
+    const h = 3;
     let l;
     try {
-      l = t || Rr(e || "latest");
+      l = t || Tr(e || "latest");
     } catch (k) {
       const g = k instanceof Error ? k.message : String(k);
       i(`Failed to resolve script URL: ${g}`), n(!1);
@@ -1462,15 +1457,15 @@ const Er = me.div`
       }, 1e4), o.onload = () => {
         clearTimeout(c), Ve.set(l, !0), n(!0), i(null);
       }, o.onerror = () => {
-        clearTimeout(c), u++, u < m ? setTimeout(w, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
+        clearTimeout(c), u++, u < h ? setTimeout(w, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${h} attempts: ${l}`));
       }, document.body.appendChild(o);
     };
     return w(), () => {
       clearTimeout(c), o && document.body.contains(o) && document.body.removeChild(o);
     };
   }, [e, t]), { isLoaded: r, error: a };
-}, Ir = {}, xe = /* @__PURE__ */ new Map(), Ar = 3e4, Le = 5, Or = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, o] = ne(null), [c, u] = ne(null), [m, l] = ne(!1), [p, w] = ne(null), k = a || (typeof Ir < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+}, Cr = {}, xe = /* @__PURE__ */ new Map(), Ar = 3e4, Le = 5, Or = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
+  const [i, o] = ne(null), [c, u] = ne(null), [h, l] = ne(!1), [f, w] = ne(null), k = a || (typeof Cr < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return we(() => {
     const g = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
@@ -1487,15 +1482,15 @@ const Er = me.div`
       return;
     }
     let d = !0;
-    const y = new AbortController(), v = y.signal, A = setTimeout(async () => {
-      var O, j, f, G;
+    const m = new AbortController(), v = m.signal, O = setTimeout(async () => {
+      var j, $, y, G;
       if (!d)
         return;
       l(!0), w(null);
       let T = 0;
       for (; T < Le && d; )
         try {
-          const P = t && !r ? Sr(e, t) : ot(e, r), N = setTimeout(() => y.abort(), Ar), z = await fetch(P, {
+          const V = t && !r ? Ir(e, t) : ot(e, r), P = setTimeout(() => m.abort(), Ar), U = await fetch(V, {
             method: "GET",
             headers: {
               "api-key": k,
@@ -1505,20 +1500,20 @@ const Er = me.div`
             },
             signal: v
           });
-          if (clearTimeout(N), !z.ok)
-            throw new Error(`Fetch failed with status ${z.status}`);
-          const B = await z.json();
+          if (clearTimeout(P), !U.ok)
+            throw new Error(`Fetch failed with status ${U.status}`);
+          const _ = await U.json();
           if (!d)
             return;
           if (t && !r) {
-            const X = (j = (O = B.result) == null ? void 0 : O.items) == null ? void 0 : j.find((L) => L.mediaId === t);
-            if (!(X != null && X.playbackUrl))
+            const M = ($ = (j = _.result) == null ? void 0 : j.items) == null ? void 0 : $.find((F) => F.mediaId === t);
+            if (!(M != null && M.playbackUrl))
               throw new Error("Invalid video data");
-            o(X.playbackUrl), u(null), g && xe.set(g, { url: X.playbackUrl, playlist: null });
+            o(M.playbackUrl), u(null), g && xe.set(g, { url: M.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(B.result))
+            if (!Array.isArray(_.result))
               throw new Error("Invalid playlist format");
-            const X = Tr(e, r), L = await fetch(X, {
+            const M = Sr(e, r), F = await fetch(M, {
               method: "GET",
               headers: {
                 "api-key": k,
@@ -1527,11 +1522,11 @@ const Er = me.div`
               },
               signal: v
             });
-            if (L.ok) {
-              const U = await L.json();
-              let Q = [...B.result];
-              if ((f = U.result) != null && f.playlistBackupState && ((G = U.result) != null && G.playlistBackupId)) {
-                const H = ot(e, U.result.playlistBackupId), te = await fetch(H, {
+            if (F.ok) {
+              const z = await F.json();
+              let Q = [..._.result];
+              if ((y = z.result) != null && y.playlistBackupState && ((G = z.result) != null && G.playlistBackupId)) {
+                const X = ot(e, z.result.playlistBackupId), te = await fetch(X, {
                   method: "GET",
                   headers: {
                     "api-key": k,
@@ -1553,26 +1548,26 @@ const Er = me.div`
               }
               u(Q), o(null), g && xe.set(g, { url: null, playlist: Q });
             } else
-              u(B.result), o(null), g && xe.set(g, { url: null, playlist: B.result });
+              u(_.result), o(null), g && xe.set(g, { url: null, playlist: _.result });
           }
           break;
-        } catch (P) {
+        } catch (V) {
           if (v.aborted) {
             d && w("Request timed out");
             break;
           }
           if (T++, T >= Le) {
-            const N = P instanceof Error ? P.message : String(P);
-            d && w(`Failed after ${Le} attempts: ${N}`);
+            const P = V instanceof Error ? V.message : String(V);
+            d && w(`Failed after ${Le} attempts: ${P}`);
           } else
-            await new Promise((N) => setTimeout(N, 2e3));
+            await new Promise((P) => setTimeout(P, 2e3));
         }
       d && l(!1);
     }, 100);
     return () => {
-      d = !1, clearTimeout(A), y.abort();
+      d = !1, clearTimeout(O), m.abort();
     };
-  }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
+  }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: h, error: f };
 }, jr = {
   projectId: "vp-player-projectId",
   video: {
@@ -1629,14 +1624,13 @@ const Er = me.div`
 }, $r = ({
   videoUrl: e,
   fetchedPlaybackUrl: t,
-  // fetchedPlaylist,
   fetchedPlaylist: r,
   projectId: n,
   config: a = {},
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, p, w, k, g, d, y, v, E, A, T, O, j;
+  var l, f, w, k, g, d, m, v, E, O, T, j, $, y, G, V;
   const o = { ...jr, ...a }, c = { ...o.config, ...a.config };
   if (e)
     return {
@@ -1659,30 +1653,32 @@ const Er = me.div`
       config: c
     };
   if (r && r.length > 0) {
-    const f = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((w = a == null ? void 0 : a.config) == null ? void 0 : w.playlistVideoIndex) ?? 0;
+    const P = ((f = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : f.playlistVideoIndex) ?? ((w = a == null ? void 0 : a.config) == null ? void 0 : w.playlistVideoIndex) ?? 0;
     return i ? {
       ...o,
       projectId: n || "vp-player-projectId",
       video: {
         ...o.video,
         // Set first video file (index 0) to avoid VP Player duplication
-        file: (k = r[0]) == null ? void 0 : k.hlsUrl,
-        title: (g = r[0]) == null ? void 0 : g.title,
+        videoId: (k = r[0]) == null ? void 0 : k.mediaId,
+        // Add videoId for tracking
+        file: (g = r[0]) == null ? void 0 : g.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(f),
+          playlistVideoIndex: Number(P),
           // Remove first video from playlist to avoid duplication (already in file)
-          videos: r.slice(1).map((P, N) => ({
-            videoId: String(N + 1),
-            // Keep original IDs
-            title: P.title,
-            file: P.hlsUrl,
-            thumbnailUrl: P.thumbnailUrl,
-            duration: P.duration
+          videos: r.slice(1).map((_, M) => ({
+            videoId: _.mediaId || String(M + 1),
+            // Use mediaId if available
+            title: _.title,
+            file: _.hlsUrl,
+            thumbnailUrl: _.thumbnailUrl,
+            duration: _.duration
           }))
         }
       },
@@ -1692,44 +1688,47 @@ const Er = me.div`
       projectId: n || "vp-player-projectId",
       video: {
         ...o.video,
-        file: ((d = r[Number(f)]) == null ? void 0 : d.hlsUrl) || ((y = r[0]) == null ? void 0 : y.hlsUrl) || "",
-        title: ((v = r[Number(f)]) == null ? void 0 : v.title) || ((E = r[0]) == null ? void 0 : E.title),
-        thumbnail: ((A = r[Number(f)]) == null ? void 0 : A.thumbnailUrl) || ((T = r[0]) == null ? void 0 : T.thumbnailUrl),
+        videoId: ((m = r[Number(P)]) == null ? void 0 : m.mediaId) || ((v = r[0]) == null ? void 0 : v.mediaId),
+        // Add videoId for tracking
+        file: ((E = r[Number(P)]) == null ? void 0 : E.hlsUrl) || ((O = r[0]) == null ? void 0 : O.hlsUrl) || "",
+        title: ((T = r[Number(P)]) == null ? void 0 : T.title) || ((j = r[0]) == null ? void 0 : j.title),
+        thumbnail: (($ = r[Number(P)]) == null ? void 0 : $.thumbnailUrl) || ((y = r[0]) == null ? void 0 : y.thumbnailUrl),
         playlist: {
           state: !0,
           // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(f),
-          videos: r.map((P, N) => ({
-            videoId: String(N),
-            title: P.title,
-            file: P.hlsUrl,
-            thumbnailUrl: P.thumbnailUrl,
-            duration: P.duration
+          playlistVideoIndex: Number(P),
+          videos: r.map((_, M) => ({
+            videoId: _.mediaId || String(M),
+            // Use mediaId if available
+            title: _.title,
+            file: _.hlsUrl,
+            thumbnailUrl: _.thumbnailUrl,
+            duration: _.duration
           }))
         }
       },
       config: c
     };
   }
-  const u = ((O = a == null ? void 0 : a.video) == null ? void 0 : O.playlist) || o.video.playlist, m = (j = a == null ? void 0 : a.video) == null ? void 0 : j.file;
-  if (m)
+  const u = ((G = a == null ? void 0 : a.video) == null ? void 0 : G.playlist) || o.video.playlist, h = (V = a == null ? void 0 : a.video) == null ? void 0 : V.file;
+  if (h)
     return {
       ...o,
       video: {
         ...o.video,
-        file: m,
+        file: h,
         playlist: void 0
         // No playlist, just one video
       },
       config: c
     };
   if (u != null && u.videos && u.videos.length > 0) {
-    const f = u.videos[Number(u.playlistVideoIndex) || 0];
+    const P = u.videos[Number(u.playlistVideoIndex) || 0];
     return {
       ...o,
       video: {
         ...o.video,
-        file: (f == null ? void 0 : f.file) || "",
+        file: (P == null ? void 0 : P.file) || "",
         playlist: {
           ...u,
           state: u.state ?? !0,
@@ -1750,179 +1749,179 @@ const Er = me.div`
     return;
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
-}, Vr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: o, config: c = {}, apiKey: u, isReels: m = !1, onPlaylistData: l, onVideoStarted: p }) => {
-  const w = de(null), k = de(null), g = de(!1), d = de(""), y = de([]), v = de([]), E = de(null), { isLoaded: A, error: T } = Cr(r, o), O = t || Nr(o), [j, f] = ne(null), { fetchedPlaybackUrl: G, fetchedPlaylist: P, isLoading: N, error: z } = Or({
+}, Vr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: o, config: c = {}, apiKey: u, isReels: h = !1, onPlaylistData: l, onVideoStarted: f }) => {
+  const w = de(null), k = de(null), g = de(!1), d = de(""), m = de([]), v = de([]), E = de(null), { isLoaded: O, error: T } = Rr(r, o), j = t || Nr(o), [$, y] = ne(null), { fetchedPlaybackUrl: G, fetchedPlaylist: V, isLoading: P, error: U } = Or({
     projectId: a,
-    videoId: O,
+    videoId: j,
     playlistId: i,
     videoUrl: n,
     apiKey: u
-  }), B = qe(e, O);
+  }), _ = qe(e, j);
   we(() => {
-    P && l && l(P);
-  }, [P, l]);
-  const X = ct(() => {
-    const L = c.config || {}, U = m && !L.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : L.size || { sizeType: "FIXED", width: "100%" };
+    V && l && l(V);
+  }, [V, l]);
+  const M = ct(() => {
+    const F = c.config || {}, z = h && !F.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : F.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
       config: {
-        ...L,
-        size: U
+        ...F,
+        size: z
       }
     };
-  }, [c, m]);
+  }, [c, h]);
   return we(() => {
     if (T) {
-      f(T);
+      y(T);
       return;
     }
-    if (!A || N && !n)
+    if (!O || P && !n)
       return;
-    let L = !0;
+    let F = !0;
     const Q = setTimeout(async () => {
       try {
-        y.current.forEach((V) => clearInterval(V)), y.current = [], v.current.forEach((V) => clearTimeout(V)), v.current = [], E.current = null;
-        const H = (P == null ? void 0 : P.length) ?? 0, te = JSON.stringify({
-          playerId: B,
-          videoId: t || O,
+        m.current.forEach((L) => clearInterval(L)), m.current = [], v.current.forEach((L) => clearTimeout(L)), v.current = [], E.current = null;
+        const X = (V == null ? void 0 : V.length) ?? 0, te = JSON.stringify({
+          playerId: _,
+          videoId: t || j,
           playlistId: i,
           videoUrl: n,
           fetchedPlaybackUrl: G,
           scriptUrl: o,
-          isReels: m,
+          isReels: h,
           projectId: a,
-          playlistLength: H
+          playlistLength: X
         });
         if (g.current && k.current && d.current === te)
           return;
         d.current !== te && (g.current = !1, d.current = te);
         const re = o == null ? void 0 : o.includes("vertical-player");
-        if (document.querySelectorAll('[id*="player"]').forEach((V) => {
-          var ae, h;
-          const ee = V.id;
-          if (ee !== B)
+        if (document.querySelectorAll('[id*="player"]').forEach((L) => {
+          var ae, p;
+          const ee = L.id;
+          if (ee !== _)
             try {
-              const b = re ? (ae = window.vpVerticalPlayer) == null ? void 0 : ae.call(window, ee) : (h = window.vpPlayer) == null ? void 0 : h.call(window, ee);
+              const b = re ? (ae = window.vpVerticalPlayer) == null ? void 0 : ae.call(window, ee) : (p = window.vpPlayer) == null ? void 0 : p.call(window, ee);
               b != null && b.destroy && b.destroy();
             } catch (b) {
               console.warn(`Failed to destroy existing player ${ee}:`, b);
             }
-        }), await new Promise((V) => setTimeout(V, 100)), !L || !w.current)
+        }), await new Promise((L) => setTimeout(L, 100)), !F || !w.current)
           return;
-        if (!document.getElementById(B)) {
-          f("DOM element not found after cleanup.");
+        if (!document.getElementById(_)) {
+          y("DOM element not found after cleanup.");
           return;
         }
         if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          f("VP Player script not loaded.");
+          y("VP Player script not loaded.");
           return;
         }
-        const $ = re ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!$) {
-          f(`VP ${re ? "Vertical " : ""}Player script not loaded.`);
+        const N = re ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!N) {
+          y(`VP ${re ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const F = $r({
+        const B = $r({
           videoUrl: n,
           fetchedPlaybackUrl: G ?? void 0,
-          fetchedPlaylist: P ?? void 0,
+          fetchedPlaylist: V ?? void 0,
           projectId: a,
-          config: X,
+          config: M,
           isVerticalPlayer: re
           // Pass player type to config builder
-        }), I = $(B);
-        if (!I) {
-          f(`Failed to create VP ${re ? "Vertical " : ""}Player instance.`);
+        }), A = N(_);
+        if (!A) {
+          y(`Failed to create VP ${re ? "Vertical " : ""}Player instance.`);
           return;
         }
-        if (L && w.current && (I.setup(F), k.current = I, g.current = !0, f(null), p && I.on)) {
-          const V = () => {
+        if (F && w.current && (A.setup(B), k.current = A, g.current = !0, y(null), f && A.on)) {
+          const L = () => {
             var b;
-            const h = {};
-            if (P && P.length > 0) {
-              const R = I.videoIndex ?? ((b = I.playlist) == null ? void 0 : b.playlistVideoIndex) ?? 0, C = P[R];
-              C && (h.title = C.title, h.hlsUrl = C.hlsUrl, h.file = C.hlsUrl, h.thumbnailUrl = C.thumbnailUrl, h.duration = C.duration, h.videoIndex = R, h.playlistVideoIndex = R, h.isBackupPlaylist = C.isBackupPlaylist, h.mediaId = C.mediaId, h.videoId = C.mediaId || C.videoId);
-            } else F.video && (h.title = F.video.title, h.file = F.video.file, h.hlsUrl = F.video.file, h.thumbnailUrl = F.video.thumbnail, h.videoId = t || O, h.videoIndex = 0, h.playlistVideoIndex = 0, I.getDuration && (h.duration = I.getDuration()));
-            return h;
+            const p = {};
+            if (V && V.length > 0) {
+              const R = A.videoIndex ?? ((b = A.playlist) == null ? void 0 : b.playlistVideoIndex) ?? 0, C = V[R];
+              C && (p.title = C.title, p.hlsUrl = C.hlsUrl, p.file = C.hlsUrl, p.thumbnailUrl = C.thumbnailUrl, p.duration = C.duration, p.videoIndex = R, p.playlistVideoIndex = R, p.isBackupPlaylist = C.isBackupPlaylist, p.mediaId = C.mediaId, p.videoId = C.mediaId || C.videoId);
+            } else B.video && (p.title = B.video.title, p.file = B.video.file, p.hlsUrl = B.video.file, p.thumbnailUrl = B.video.thumbnail, p.videoId = t || j, p.videoIndex = 0, p.playlistVideoIndex = 0, A.getDuration && (p.duration = A.getDuration()));
+            return p;
           };
           let ee = null;
           const ae = async () => {
-            var h;
+            var p;
             try {
               ee && clearTimeout(ee), await new Promise((C) => setTimeout(C, 100));
-              let b = V();
+              let b = L();
               const R = b.videoId || b.mediaId;
               if (R && R === E.current)
                 return;
               if (ee = window.setTimeout(() => {
                 E.current = null;
-              }, 500), m && R)
+              }, 500), h && R)
                 try {
                   const ce = `https://host.vpplayer.tech/player/ptkzurnx/${R}.json`, ue = await fetch(ce);
                   if (ue.ok) {
-                    const W = await ue.json();
-                    W && W.video && (b = {
+                    const Y = await ue.json();
+                    Y && Y.video && (b = {
                       ...b,
-                      title: W.video.title || b.title,
-                      description: W.video.description,
-                      publishDate: W.video.publishDate,
-                      projectId: W.projectId || b.projectId,
-                      premium: ((h = W.video.videoLocking) == null ? void 0 : h.isEnabled) || !1,
-                      author: W.video.author,
-                      tags: W.video.tags || []
+                      title: Y.video.title || b.title,
+                      description: Y.video.description,
+                      publishDate: Y.video.publishDate,
+                      projectId: Y.projectId || b.projectId,
+                      premium: ((p = Y.video.videoLocking) == null ? void 0 : p.isEnabled) || !1,
+                      author: Y.video.author,
+                      tags: Y.video.tags || []
                     });
                   }
                 } catch {
                 }
-              E.current = R || null, p(b);
+              E.current = R || null, f(b);
             } catch (b) {
               console.warn("Error in video-started handler:", b);
             }
           };
-          if (m) {
-            let h = !1, b = -1;
+          if (h) {
+            let p = !1, b = -1;
             const R = () => {
-              if (!h) {
-                h = !0;
+              if (!p) {
+                p = !0;
                 try {
-                  I.on && I.on("vp-video-started", ae), setTimeout(() => {
-                    ae(), b = I.videoIndex ?? 0;
+                  A.on && A.on("vp-video-started", ae), setTimeout(() => {
+                    ae(), b = A.videoIndex ?? 0;
                   }, 500);
-                } catch (W) {
-                  console.error("Error setting up event listeners:", W);
+                } catch (Y) {
+                  console.error("Error setting up event listeners:", Y);
                 }
               }
             };
             let C = 0;
             const ce = 15, ue = setInterval(() => {
               try {
-                const W = I.videoIndex !== void 0 || I.playlist;
-                if (!h)
-                  C++, (W || C >= ce) && R();
+                const Y = A.videoIndex !== void 0 || A.playlist;
+                if (!p)
+                  C++, (Y || C >= ce) && R();
                 else {
-                  const fe = I.videoIndex ?? 0;
+                  const fe = A.videoIndex ?? 0;
                   fe !== b && b !== -1 && (b = fe, ae());
                 }
               } catch {
               }
             }, 200);
-            y.current.push(ue);
+            m.current.push(ue);
             try {
-              I.on && I.on("vp-listen-ready", R);
+              A.on && A.on("vp-listen-ready", R);
             } catch {
             }
           } else {
-            const h = async (b) => {
+            const p = async (b) => {
               var R, C;
               try {
                 const ce = o == null ? void 0 : o.match(/player\/([^/.]+)/), ue = ce == null ? void 0 : ce[1];
                 if (!ue || !b)
-                  return V();
-                const W = `https://host.vpplayer.tech/player/${ue}/${b}.json`, fe = await fetch(W);
+                  return L();
+                const Y = `https://host.vpplayer.tech/player/${ue}/${b}.json`, fe = await fetch(Y);
                 if (!fe.ok)
-                  return console.warn("Failed to fetch full video config:", fe.status), V();
+                  return console.warn("Failed to fetch full video config:", fe.status), L();
                 const K = await fe.json();
-                return !K || !K.video ? V() : {
+                return !K || !K.video ? L() : {
                   videoId: b,
                   title: K.video.title,
                   description: K.video.description,
@@ -1935,32 +1934,32 @@ const Er = me.div`
                   premium: ((R = K.video.videoLocking) == null ? void 0 : R.isEnabled) || !1,
                   author: K.video.author,
                   tags: K.video.tags || [],
-                  videoIndex: I.videoIndex ?? 0,
-                  playlistVideoIndex: ((C = I.playlist) == null ? void 0 : C.playlistVideoIndex) ?? 0
+                  videoIndex: A.videoIndex ?? 0,
+                  playlistVideoIndex: ((C = A.playlist) == null ? void 0 : C.playlistVideoIndex) ?? 0
                 };
               } catch (ce) {
-                return console.warn("Error fetching full video data:", ce), V();
+                return console.warn("Error fetching full video data:", ce), L();
               }
             };
-            I.on("ready", async (b) => {
+            A.on("ready", async (b) => {
               try {
-                const R = (b == null ? void 0 : b.id) || t || O;
+                const R = (b == null ? void 0 : b.id) || t || j;
                 if (R) {
-                  const C = await h(R);
-                  p(C);
+                  const C = await p(R);
+                  f(C);
                 } else {
-                  const C = V();
-                  (C.title || C.file) && p(C);
+                  const C = L();
+                  (C.title || C.file) && f(C);
                 }
               } catch (R) {
                 console.warn("Error in ready handler:", R);
               }
-            }), I.on("playlistItem", async (b) => {
+            }), A.on("playlistItem", async (b) => {
               try {
                 const R = b == null ? void 0 : b.id;
                 if (R) {
-                  const C = await h(R);
-                  p(C);
+                  const C = await p(R);
+                  f(C);
                 }
               } catch (R) {
                 console.warn("Error in playlistItem handler:", R);
@@ -1968,44 +1967,44 @@ const Er = me.div`
             });
           }
         }
-      } catch (H) {
-        if (L) {
-          const te = H instanceof Error ? H.message : String(H);
-          f(te), console.error("VP Player initialization error:", H);
+      } catch (X) {
+        if (F) {
+          const te = X instanceof Error ? X.message : String(X);
+          y(te), console.error("VP Player initialization error:", X);
         }
       }
     }, 150);
     return () => {
-      L = !1, clearTimeout(Q), y.current.forEach((H) => clearInterval(H)), y.current = [], v.current.forEach((H) => clearTimeout(H)), v.current = [], g.current = !1;
+      F = !1, clearTimeout(Q), m.current.forEach((X) => clearInterval(X)), m.current = [], v.current.forEach((X) => clearTimeout(X)), v.current = [], g.current = !1;
     };
   }, [
-    A,
-    N,
-    B,
+    O,
+    P,
+    _,
     T,
     o
   ]), we(() => () => {
     if (k.current) {
       try {
         k.current.destroy && k.current.destroy();
-      } catch (U) {
-        console.warn(`Failed to destroy player ${B}:`, U);
+      } catch (z) {
+        console.warn(`Failed to destroy player ${_}:`, z);
       }
       k.current = null;
     }
     g.current = !1;
-    const L = document.getElementById(B);
-    L && (L.innerHTML = "");
-  }, [B]), {
+    const F = document.getElementById(_);
+    F && (F.innerHTML = "");
+  }, [_]), {
     playerRef: w,
     playerInstanceRef: k,
-    isScriptLoaded: A,
-    isLoading: N,
-    error: z || j || T
+    isScriptLoaded: O,
+    isLoading: P,
+    error: U || $ || T
   };
-}, Lr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: o, config: c = {}, apiKey: u, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: w, onPlaylistData: k, onVideoStarted: g }) => {
-  var z, B, X, L;
-  const { playerRef: d, playerInstanceRef: y, isScriptLoaded: v, isLoading: E, error: A } = Vr({
+}, Lr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: o, config: c = {}, apiKey: u, isReels: h = !1, hiddenClasses: l = [], onClose: f, className: w, onPlaylistData: k, onVideoStarted: g }) => {
+  var U, _, M, F;
+  const { playerRef: d, playerInstanceRef: m, isScriptLoaded: v, isLoading: E, error: O } = Vr({
     playerId: e,
     videoId: t,
     version: r,
@@ -2015,31 +2014,31 @@ const Er = me.div`
     scriptUrl: o,
     config: c,
     apiKey: u,
-    isReels: m,
+    isReels: h,
     onPlaylistData: k,
     onVideoStarted: g
-  }), [T, O] = ne(!0), j = () => m && O(!0), f = () => {
-    var U, Q;
-    O(!1), (Q = (U = y.current) == null ? void 0 : U.play) == null || Q.call(U), p == null || p();
-  }, G = (B = (z = c == null ? void 0 : c.config) == null ? void 0 : z.size) != null && B.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, P = (L = (X = c == null ? void 0 : c.config) == null ? void 0 : X.size) != null && L.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, N = qe(e, t);
-  return A ? M.jsxs(Me, { type: "error", children: ["An error occurred: ", A] }) : E || !v ? M.jsx(Me, { type: "loading", children: "Loading..." }) : M.jsxs(M.Fragment, { children: [m && !T ? M.jsx("div", { onClick: j }) : null, !m && M.jsx("div", { children: M.jsx(it, { id: N, ref: d, width: G || "100%", height: P || "auto", $hiddenClasses: l, className: w }) }, N), m && T && M.jsx(Pr, { onClick: f, className: w, children: M.jsx(_r, { className: w, onClick: (U) => U.stopPropagation(), children: M.jsx("div", { children: M.jsx(it, { id: N, ref: d, width: "100%", height: "auto", $hiddenClasses: l, className: w }) }, N) }) })] });
+  }), [T, j] = ne(!0), $ = () => h && j(!0), y = () => {
+    var z, Q;
+    j(!1), (Q = (z = m.current) == null ? void 0 : z.play) == null || Q.call(z), f == null || f();
+  }, G = (_ = (U = c == null ? void 0 : c.config) == null ? void 0 : U.size) != null && _.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, V = (F = (M = c == null ? void 0 : c.config) == null ? void 0 : M.size) != null && F.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, P = qe(e, t);
+  return O ? W.jsxs(Me, { type: "error", children: ["An error occurred: ", O] }) : E || !v ? W.jsx(Me, { type: "loading", children: "Loading..." }) : W.jsxs(W.Fragment, { children: [h && !T ? W.jsx("div", { onClick: $ }) : null, !h && W.jsx("div", { children: W.jsx(it, { id: P, ref: d, width: G || "100%", height: V || "auto", $hiddenClasses: l, className: w }) }, P), h && T && W.jsx(Pr, { onClick: y, className: w, children: W.jsx(_r, { className: w, onClick: (z) => z.stopPropagation(), children: W.jsx("div", { children: W.jsx(it, { id: P, ref: d, width: "100%", height: "auto", $hiddenClasses: l, className: w }) }, P) }) })] });
 }, xt = Et(void 0), Br = ({ children: e }) => {
   const [t, r] = ne(!1), [n, a] = ne(null), [i, o] = ne(null), c = Ge((l) => {
     try {
-      const p = qe(l.playerId, l.videoId);
-      a({ ...l, playerId: p }), r(!0), o(null);
+      const f = qe(l.playerId, l.videoId);
+      a({ ...l, playerId: f }), r(!0), o(null);
     } catch {
       o("Failed to show player.");
     }
   }, []), u = Ge(() => {
     r(!1), a(null), o(null);
-  }, []), m = ct(() => ({
+  }, []), h = ct(() => ({
     showPlayer: c,
     hidePlayer: u,
     isPlayerVisible: t,
     playerParams: n
   }), [c, u, t, n]);
-  return M.jsxs(xt.Provider, { value: m, children: [e, i && M.jsx(Me, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && M.jsx(Lr, { playerId: n.playerId, videoId: n.videoId, projectId: n.projectId, videoUrl: n.videoUrl, version: n.version, playlistId: n.playlistId, scriptUrl: n.scriptUrl, config: n.config, isReels: n.isReels, thumbnailUrl: n.thumbnailUrl, onClose: u, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
+  return W.jsxs(xt.Provider, { value: h, children: [e, i && W.jsx(Me, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && W.jsx(Lr, { playerId: n.playerId, videoId: n.videoId, projectId: n.projectId, videoUrl: n.videoUrl, version: n.version, playlistId: n.playlistId, scriptUrl: n.scriptUrl, config: n.config, isReels: n.isReels, thumbnailUrl: n.thumbnailUrl, onClose: u, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
 }, Dr = () => {
   const e = st(xt);
   if (!e)
@@ -2140,6 +2139,6 @@ export {
   Wr as getAdConfig,
   Dr as useVPPlayer,
   Vr as useVPPlayerLogic,
-  Cr as useVPPlayerScript,
+  Rr as useVPPlayerScript,
   Or as useVideoData
 };