@devix-technologies/react-gjirafa-vp-player 1.0.10 → 1.0.12

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

@@ -48,7 +48,7 @@ function bt() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === R ? null : o.displayName || o.name || null;
+        return o.$$typeof === E ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
         case f:
@@ -57,11 +57,11 @@ function bt() {
           return "Profiler";
         case h:
           return "StrictMode";
-        case x:
-          return "Suspense";
         case S:
+          return "Suspense";
+        case R:
           return "SuspenseList";
-        case $:
+        case I:
           return "Activity";
       }
       if (typeof o == "object")
@@ -72,7 +72,7 @@ function bt() {
             return "Portal";
           case _:
             return (o.displayName || "Context") + ".Provider";
-          case w:
+          case x:
             return (o._context.displayName || "Context") + ".Consumer";
           case T:
             var b = o.render;
@@ -120,7 +120,7 @@ function bt() {
       }
     }
     function a() {
-      var o = I.A;
+      var o = O.A;
       return o === null ? null : o.getOwner();
     }
     function i() {
@@ -153,7 +153,7 @@ function bt() {
     }
     function m(o, b, C, L, K, D, _e, Se) {
       return C = D.ref, o = {
-        $$typeof: k,
+        $$typeof: w,
         type: o,
         key: b,
         props: D,
@@ -234,9 +234,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function p(o) {
-      typeof o == "object" && o !== null && o.$$typeof === k && o._store && (o._store.validated = 1);
+      typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
     }
-    var g = mt, k = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), R = Symbol.for("react.client.reference"), I = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var g = mt, w = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), O = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -249,7 +249,7 @@ React keys must be passed directly to JSX without using spread:
       i
     )(), ie = X(n(i)), oe = {};
     ce.Fragment = f, ce.jsx = function(o, b, C, L, K) {
-      var D = 1e4 > I.recentlyCreatedOwnerStacks++;
+      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
       return l(
         o,
         b,
@@ -261,7 +261,7 @@ React keys must be passed directly to JSX without using spread:
         D ? X(n(o)) : ie
       );
     }, ce.jsxs = function(o, b, C, L, K) {
-      var D = 1e4 > I.recentlyCreatedOwnerStacks++;
+      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
       return l(
         o,
         b,
@@ -279,7 +279,7 @@ var We;
 function xt() {
   return We || (We = 1, process.env.NODE_ENV === "production" ? he.exports = vt() : he.exports = bt()), he.exports;
 }
-var j = xt();
+var $ = xt();
 function Oe() {
   return Oe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -329,7 +329,7 @@ var Pt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), V = "-ms-", we = "-moz-", P = "-webkit-", rt = "comm", Le = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
+}(), V = "-ms-", we = "-moz-", k = "-webkit-", rt = "comm", Le = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
 function Tt(e, t) {
   return N(e, 0) ^ 45 ? (((t << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
 }
@@ -339,7 +339,7 @@ function at(e) {
 function At(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function E(e, t, r) {
+function P(e, t, r) {
   return e.replace(t, r);
 }
 function je(e, t) {
@@ -363,7 +363,7 @@ function me(e, t) {
 function Ct(e, t) {
   return e.map(t).join("");
 }
-var Pe = 1, re = 1, it = 0, M = 0, O = 0, ae = "";
+var Pe = 1, re = 1, it = 0, M = 0, j = 0, ae = "";
 function Ee(e, t, r, n, a, i, s) {
   return { value: e, root: t, parent: r, type: n, props: a, children: i, line: Pe, column: re, length: s, return: "" };
 }
@@ -371,13 +371,13 @@ function le(e, t) {
   return Rt(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function It() {
-  return O;
+  return j;
 }
 function Ot() {
-  return O = M > 0 ? N(ae, --M) : 0, re--, O === 10 && (re = 1, Pe--), O;
+  return j = M > 0 ? N(ae, --M) : 0, re--, j === 10 && (re = 1, Pe--), j;
 }
 function B() {
-  return O = M < it ? N(ae, M++) : 0, re++, O === 10 && (re = 1, Pe++), O;
+  return j = M < it ? N(ae, M++) : 0, re++, j === 10 && (re = 1, Pe++), j;
 }
 function q() {
   return N(ae, M);
@@ -436,25 +436,25 @@ function ve(e) {
   return at(pe(M - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function jt(e) {
-  for (; (O = q()) && O < 33; )
+  for (; (j = q()) && j < 33; )
     B();
-  return de(e) > 2 || de(O) > 3 ? "" : " ";
+  return de(e) > 2 || de(j) > 3 ? "" : " ";
 }
 function $t(e, t) {
-  for (; --t && B() && !(O < 48 || O > 102 || O > 57 && O < 65 || O > 70 && O < 97); )
+  for (; --t && B() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
     ;
   return pe(e, ge() + (t < 6 && q() == 32 && B() == 32));
 }
 function $e(e) {
   for (; B(); )
-    switch (O) {
+    switch (j) {
       // ] ) " '
       case e:
         return M;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && $e(O);
+        e !== 34 && e !== 39 && $e(j);
         break;
       // (
       case 40:
@@ -468,8 +468,8 @@ function $e(e) {
   return M;
 }
 function Nt(e, t) {
-  for (; B() && e + O !== 57; )
-    if (e + O === 84 && q() === 47)
+  for (; B() && e + j !== 57; )
+    if (e + j === 84 && q() === 47)
       break;
   return "/*" + pe(t, M - 1) + "*" + ke(e === 47 ? e : B());
 }
@@ -482,19 +482,19 @@ function Ft(e) {
   return st(be("", null, null, null, [""], e = ot(e), 0, [0], e));
 }
 function be(e, t, r, n, a, i, s, c, d) {
-  for (var m = 0, l = 0, p = s, g = 0, k = 0, v = 0, f = 1, h = 1, y = 1, w = 0, _ = "", T = a, x = i, S = n, u = _; h; )
-    switch (v = w, w = B()) {
+  for (var m = 0, l = 0, p = s, g = 0, w = 0, v = 0, f = 1, h = 1, y = 1, x = 0, _ = "", T = a, S = i, R = n, u = _; h; )
+    switch (v = x, x = B()) {
       // (
       case 40:
         if (v != 108 && N(u, p - 1) == 58) {
-          je(u += E(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
+          je(u += P(ve(x), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        u += ve(w);
+        u += ve(x);
         break;
       // \t \n \r \s
       case 9:
@@ -525,23 +525,23 @@ function be(e, t, r, n, a, i, s, c, d) {
       case 125 * f:
       case 59:
       case 0:
-        switch (w) {
+        switch (x) {
           // \0 }
           case 0:
           case 125:
             h = 0;
           // ;
           case 59 + l:
-            y == -1 && (u = E(u, /\f/g, "")), k > 0 && W(u) - p && me(k > 32 ? qe(u + ";", n, r, p - 1) : qe(E(u, " ", "") + ";", n, r, p - 2), d);
+            y == -1 && (u = P(u, /\f/g, "")), w > 0 && W(u) - p && me(w > 32 ? qe(u + ";", n, r, p - 1) : qe(P(u, " ", "") + ";", n, r, p - 2), d);
             break;
           // @ ;
           case 59:
             u += ";";
           // { rule/at-rule
           default:
-            if (me(S = Ye(u, t, r, m, l, a, c, _, T = [], x = [], p), i), w === 123)
+            if (me(R = Ye(u, t, r, m, l, a, c, _, T = [], S = [], p), i), x === 123)
               if (l === 0)
-                be(u, t, S, S, T, i, p, c, x);
+                be(u, t, R, R, T, i, p, c, S);
               else
                 switch (g === 99 && N(u, 3) === 110 ? 100 : g) {
                   // d l m s
@@ -549,25 +549,25 @@ function be(e, t, r, n, a, i, s, c, d) {
                   case 108:
                   case 109:
                   case 115:
-                    be(e, S, S, n && me(Ye(e, S, S, 0, 0, a, c, _, a, T = [], p), x), a, x, p, c, n ? T : x);
+                    be(e, R, R, n && me(Ye(e, R, R, 0, 0, a, c, _, a, T = [], p), S), a, S, p, c, n ? T : S);
                     break;
                   default:
-                    be(u, S, S, S, [""], x, 0, c, x);
+                    be(u, R, R, R, [""], S, 0, c, S);
                 }
         }
-        m = l = k = 0, f = y = 1, _ = u = "", p = s;
+        m = l = w = 0, f = y = 1, _ = u = "", p = s;
         break;
       // :
       case 58:
-        p = 1 + W(u), k = v;
+        p = 1 + W(u), w = v;
       default:
         if (f < 1) {
-          if (w == 123)
+          if (x == 123)
             --f;
-          else if (w == 125 && f++ == 0 && Ot() == 125)
+          else if (x == 125 && f++ == 0 && Ot() == 125)
             continue;
         }
-        switch (u += ke(w), w * f) {
+        switch (u += ke(x), x * f) {
           // &
           case 38:
             y = l > 0 ? 1 : (u += "\f", -1);
@@ -578,7 +578,7 @@ function be(e, t, r, n, a, i, s, c, d) {
             break;
           // @
           case 64:
-            q() === 45 && (u += ve(B())), g = q(), l = p = W(_ = u += Lt(ge())), w++;
+            q() === 45 && (u += ve(B())), g = q(), l = p = W(_ = u += Lt(ge())), x++;
             break;
           // -
           case 45:
@@ -588,9 +588,9 @@ function be(e, t, r, n, a, i, s, c, d) {
   return i;
 }
 function Ye(e, t, r, n, a, i, s, c, d, m, l) {
-  for (var p = a - 1, g = a === 0 ? i : [""], k = Ve(g), v = 0, f = 0, h = 0; v < n; ++v)
-    for (var y = 0, w = ue(e, p + 1, p = St(f = s[v])), _ = e; y < k; ++y)
-      (_ = at(f > 0 ? g[y] + " " + w : E(w, /&\f/g, g[y]))) && (d[h++] = _);
+  for (var p = a - 1, g = a === 0 ? i : [""], w = Ve(g), v = 0, f = 0, h = 0; v < n; ++v)
+    for (var y = 0, x = ue(e, p + 1, p = St(f = s[v])), _ = e; y < w; ++y)
+      (_ = at(f > 0 ? g[y] + " " + x : P(x, /&\f/g, g[y]))) && (d[h++] = _);
   return Ee(e, t, r, a === 0 ? Le : c, d, m, l);
 }
 function Vt(e, t, r) {
@@ -691,7 +691,7 @@ function lt(e, t) {
   switch (Tt(e, t)) {
     // color-adjust
     case 5103:
-      return P + "print-" + e + e;
+      return k + "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 lt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return P + e + e;
+      return k + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return P + e + we + e + V + e + e;
+      return k + e + we + e + V + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return P + e + V + e + e;
+      return k + e + V + e + e;
     // order
     case 6165:
-      return P + e + V + "flex-" + e + e;
+      return k + e + V + "flex-" + e + e;
     // align-items
     case 5187:
-      return P + e + E(e, /(\w+).+(:[^]+)/, P + "box-$1$2" + V + "flex-$1$2") + e;
+      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + V + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return P + e + V + "flex-item-" + E(e, /flex-|-self/, "") + e;
+      return k + e + V + "flex-item-" + P(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return P + e + V + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
+      return k + e + V + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return P + e + V + E(e, "shrink", "negative") + e;
+      return k + e + V + P(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return P + e + V + E(e, "basis", "preferred-size") + e;
+      return k + e + V + P(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return P + "box-" + E(e, "-grow", "") + P + e + V + E(e, "grow", "positive") + e;
+      return k + "box-" + P(e, "-grow", "") + k + e + V + P(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return P + E(e, /([^-])(transform)/g, "$1" + P + "$2") + e;
+      return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
     // cursor
     case 6187:
-      return E(E(E(e, /(zoom-|grab)/, P + "$1"), /(image-set)/, P + "$1"), e, "") + e;
+      return P(P(P(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return E(e, /(image-set\([^]*)/, P + "$1$`$1");
+      return P(e, /(image-set\([^]*)/, k + "$1$`$1");
     // justify-content
     case 4968:
-      return E(E(e, /(.+:)(flex-)?(.*)/, P + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + P + e + e;
+      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return E(e, /(.+)-inline(.+)/, P + "$1$2") + e;
+      return P(e, /(.+)-inline(.+)/, k + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -792,10 +792,10 @@ function lt(e, t) {
           if (N(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return E(e, /(.+:)(.+)-([^]+)/, "$1" + P + "$2-$3$1" + we + (N(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (N(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~je(e, "stretch") ? lt(E(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? lt(P(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
@@ -806,10 +806,10 @@ function lt(e, t) {
       switch (N(e, W(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return E(e, ":", ":" + P) + e;
+          return P(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + P + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + P + "$2$3$1" + V + "$2box$3") + e;
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + V + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -817,15 +817,15 @@ function lt(e, t) {
       switch (N(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return P + e + V + e + e;
+      return k + e + V + e + e;
   }
   return e;
 }
@@ -836,7 +836,7 @@ var Ht = function(t, r, n, a) {
       break;
     case nt:
       return te([le(t, {
-        value: E(t.value, "@", "@" + P)
+        value: P(t.value, "@", "@" + k)
       })], a);
     case Le:
       if (t.length) return Ct(t.props, function(i) {
@@ -845,16 +845,16 @@ var Ht = function(t, r, n, a) {
           case ":read-only":
           case ":read-write":
             return te([le(t, {
-              props: [E(i, /:(read-\w+)/, ":" + we + "$1")]
+              props: [P(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return te([le(t, {
-              props: [E(i, /:(plac\w+)/, ":" + P + "input-$1")]
+              props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
             }), le(t, {
-              props: [E(i, /:(plac\w+)/, ":" + we + "$1")]
+              props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [E(i, /:(plac\w+)/, V + "input-$1")]
+              props: [P(i, /:(plac\w+)/, V + "input-$1")]
             })], a);
         }
         return "";
@@ -884,11 +884,11 @@ var Ht = function(t, r, n, a) {
   {
     var l, p = [Mt, zt(function(f) {
       l.insert(f);
-    })], g = Bt(m.concat(a, p)), k = function(h) {
+    })], g = Bt(m.concat(a, p)), w = function(h) {
       return te(Ft(h), g);
     };
-    d = function(h, y, w, _) {
-      l = w, k(h ? h + "{" + y.styles + "}" : y.styles), _ && (v.inserted[y.name] = !0);
+    d = function(h, y, x, _) {
+      l = x, w(h ? h + "{" + y.styles + "}" : y.styles), _ && (v.inserted[y.name] = !0);
     };
   }
   var v = {
@@ -1184,38 +1184,38 @@ var cr = function(t) {
     else {
       var g = l[0];
       p.push(g[0]);
-      for (var k = l.length, v = 1; v < k; v++)
+      for (var w = l.length, v = 1; v < w; v++)
         p.push(l[v], g[v]);
     }
-    var f = cr(function(h, y, w) {
-      var _ = m && h.as || a, T = "", x = [], S = h;
+    var f = cr(function(h, y, x) {
+      var _ = m && h.as || a, T = "", S = [], R = h;
       if (h.theme == null) {
-        S = {};
+        R = {};
         for (var u in h)
-          S[u] = h[u];
-        S.theme = H.useContext(lr);
+          R[u] = h[u];
+        R.theme = H.useContext(lr);
       }
-      typeof h.className == "string" ? T = Jt(y.registered, x, h.className) : h.className != null && (T = h.className + " ");
-      var A = ar(p.concat(x), y.registered, S);
+      typeof h.className == "string" ? T = Jt(y.registered, S, h.className) : h.className != null && (T = h.className + " ");
+      var A = ar(p.concat(S), y.registered, R);
       T += y.key + "-" + A.name, s !== void 0 && (T += " " + s);
-      var $ = m && c === void 0 ? Je(_) : d, R = {};
-      for (var I in h)
-        m && I === "as" || $(I) && (R[I] = h[I]);
-      return R.className = T, w && (R.ref = w), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
+      var I = m && c === void 0 ? Je(_) : d, E = {};
+      for (var O in h)
+        m && O === "as" || I(O) && (E[O] = h[O]);
+      return E.className = T, x && (E.ref = x), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
         cache: y,
         serialized: A,
         isStringTag: typeof _ == "string"
-      }), /* @__PURE__ */ H.createElement(_, R));
+      }), /* @__PURE__ */ H.createElement(_, E));
     });
     return f.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", f.defaultProps = t.defaultProps, f.__emotion_real = f, f.__emotion_base = a, f.__emotion_styles = p, f.__emotion_forwardProp = c, Object.defineProperty(f, "toString", {
       value: function() {
         return "." + s;
       }
     }), f.withComponent = function(h, y) {
-      var w = e(h, Oe({}, r, y, {
+      var x = e(h, Oe({}, r, y, {
         shouldForwardProp: Ze(f, y, !0)
       }));
-      return w.apply(void 0, p);
+      return x.apply(void 0, p);
     }, f;
   };
 }, yr = [
@@ -1399,7 +1399,7 @@ const gr = ne.div`
       return "";
   }
 }}
-`, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => j.jsxs(gr, { type: e, className: r, children: [n && j.jsx("span", { children: n }), j.jsx("span", { children: t }), a && j.jsx("span", { children: a })] }), Qe = ne.div`
+`, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => $.jsxs(gr, { type: e, className: r, children: [n && $.jsx("span", { children: n }), $.jsx("span", { children: t }), a && $.jsx("span", { children: a })] }), Qe = ne.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 8px;
@@ -1441,8 +1441,8 @@ const gr = ne.div`
     let l;
     try {
       l = t || kr(e || "latest");
-    } catch (k) {
-      const v = k instanceof Error ? k.message : String(k);
+    } catch (w) {
+      const v = w instanceof Error ? w.message : String(w);
       i(`Failed to resolve script URL: ${v}`), n(!1);
       return;
     }
@@ -1468,14 +1468,14 @@ const gr = ne.div`
     };
   }, [e, t]), { isLoaded: r, error: a };
 }, Er = {}, ye = /* @__PURE__ */ new Map(), _r = 3e4, Ce = 5, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, s] = U(null), [c, d] = U(null), [m, l] = U(!1), [p, g] = U(null), k = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+  const [i, s] = U(null), [c, d] = U(null), [m, l] = U(!1), [p, g] = U(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return xe(() => {
     const v = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
       s(n || null), d(null), l(!1), g(null);
       return;
     }
-    if (!k) {
+    if (!w) {
       l(!1), g("No API key provided");
       return;
     }
@@ -1486,37 +1486,37 @@ const gr = ne.div`
     }
     let f = !0;
     const h = new AbortController(), y = h.signal, _ = setTimeout(async () => {
-      var x, S;
+      var S, R;
       if (!f)
         return;
       l(!0), g(null);
       let T = 0;
       for (; T < Ce && f; )
         try {
-          const u = t && !r ? xr(e, t) : wr(e, r), A = setTimeout(() => h.abort(), _r), $ = await fetch(u, {
+          const u = t && !r ? xr(e, t) : wr(e, r), A = setTimeout(() => h.abort(), _r), I = await fetch(u, {
             method: "GET",
             headers: {
-              "api-key": k,
+              "api-key": w,
               Accept: "application/json",
               "Cache-Control": "no-cache"
               // Prevent caching issues
             },
             signal: y
           });
-          if (clearTimeout(A), !$.ok)
-            throw new Error(`Fetch failed with status ${$.status}`);
-          const R = await $.json();
+          if (clearTimeout(A), !I.ok)
+            throw new Error(`Fetch failed with status ${I.status}`);
+          const E = await I.json();
           if (!f)
             return;
           if (t && !r) {
-            const I = (S = (x = R.result) == null ? void 0 : x.items) == null ? void 0 : S.find((G) => G.mediaId === t);
-            if (!(I != null && I.playbackUrl))
+            const O = (R = (S = E.result) == null ? void 0 : S.items) == null ? void 0 : R.find((G) => G.mediaId === t);
+            if (!(O != null && O.playbackUrl))
               throw new Error("Invalid video data");
-            s(I.playbackUrl), d(null), v && ye.set(v, { url: I.playbackUrl, playlist: null });
+            s(O.playbackUrl), d(null), v && ye.set(v, { url: O.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(R.result))
+            if (!Array.isArray(E.result))
               throw new Error("Invalid playlist format");
-            d(R.result), s(null), v && ye.set(v, { url: null, playlist: R.result });
+            d(E.result), s(null), v && ye.set(v, { url: null, playlist: E.result });
           }
           break;
         } catch (u) {
@@ -1535,7 +1535,7 @@ const gr = ne.div`
     return () => {
       f = !1, clearTimeout(_), h.abort();
     };
-  }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
+  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
 }, Rr = {
   projectId: "vp-player-projectId",
   video: {
@@ -1599,7 +1599,7 @@ const gr = ne.div`
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, p, g, k, v, f, h, y, w, _, T;
+  var l, p, g, w, v, f, h, y, x, _, T, S, R;
   const s = { ...Rr, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
@@ -1622,64 +1622,59 @@ const gr = ne.div`
       config: c
     };
   if (r && r.length > 0) {
-    const x = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
-    if (i) {
-      const S = Number(x), u = r[S] || r[0];
-      return {
-        ...s,
-        projectId: n || "vp-player-projectId",
-        video: {
-          ...s.video,
-          // Set target video file and metadata (not always first video)
-          file: u == null ? void 0 : u.hlsUrl,
-          title: u == null ? void 0 : u.title,
-          // Don't set thumbnail - let VP Player manage thumbnails during scrolling
-          // thumbnail: targetVideo?.thumbnailUrl,
-          playlist: {
-            state: !0,
-            playlistId: "",
-            // Will be set by API
-            // Use original playlistVideoIndex - VP Player will navigate to it
-            playlistVideoIndex: Number(x),
-            // Remove first video from playlist to avoid duplication (already in file)
-            videos: r.slice(1).map(($, R) => ({
-              videoId: String(R + 1),
-              // Keep original IDs
-              title: $.title,
-              file: $.hlsUrl,
-              thumbnailUrl: $.thumbnailUrl,
-              duration: $.duration
-            }))
-          }
-        },
-        config: c
-      };
-    } else
-      return {
-        ...s,
-        projectId: n || "vp-player-projectId",
-        video: {
-          ...s.video,
-          file: ((k = r[Number(x)]) == null ? void 0 : k.hlsUrl) || ((v = r[0]) == null ? void 0 : v.hlsUrl) || "",
-          title: ((f = r[Number(x)]) == null ? void 0 : f.title) || ((h = r[0]) == null ? void 0 : h.title),
-          thumbnail: ((y = r[Number(x)]) == null ? void 0 : y.thumbnailUrl) || ((w = r[0]) == null ? void 0 : w.thumbnailUrl),
-          playlist: {
-            state: !0,
-            // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-            playlistVideoIndex: Number(x),
-            videos: r.map((u, A) => ({
-              videoId: String(A),
-              title: u.title,
-              file: u.hlsUrl,
-              thumbnailUrl: u.thumbnailUrl,
-              duration: u.duration
-            }))
-          }
-        },
-        config: c
-      };
+    const u = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
+    return i ? {
+      ...s,
+      projectId: n || "vp-player-projectId",
+      video: {
+        ...s.video,
+        // Set first video file (index 0) to avoid VP Player duplication
+        file: (w = r[0]) == null ? void 0 : w.hlsUrl,
+        title: (v = r[0]) == null ? void 0 : v.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(u),
+          // Remove first video from playlist to avoid duplication (already in file)
+          videos: r.slice(1).map((I, E) => ({
+            videoId: String(E),
+            // Keep original IDs
+            title: I.title,
+            file: I.hlsUrl,
+            thumbnailUrl: I.thumbnailUrl,
+            duration: I.duration
+          }))
+        }
+      },
+      config: c
+    } : {
+      ...s,
+      projectId: n || "vp-player-projectId",
+      video: {
+        ...s.video,
+        file: ((f = r[Number(u)]) == null ? void 0 : f.hlsUrl) || ((h = r[0]) == null ? void 0 : h.hlsUrl) || "",
+        title: ((y = r[Number(u)]) == null ? void 0 : y.title) || ((x = r[0]) == null ? void 0 : x.title),
+        thumbnail: ((_ = r[Number(u)]) == null ? void 0 : _.thumbnailUrl) || ((T = r[0]) == null ? void 0 : T.thumbnailUrl),
+        playlist: {
+          state: !0,
+          // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
+          playlistVideoIndex: Number(u),
+          videos: r.map((I, E) => ({
+            videoId: String(E),
+            title: I.title,
+            file: I.hlsUrl,
+            thumbnailUrl: I.thumbnailUrl,
+            duration: I.duration
+          }))
+        }
+      },
+      config: c
+    };
   }
-  const d = ((_ = a == null ? void 0 : a.video) == null ? void 0 : _.playlist) || s.video.playlist, m = (T = a == null ? void 0 : a.video) == null ? void 0 : T.file;
+  const d = ((S = a == null ? void 0 : a.video) == null ? void 0 : S.playlist) || s.video.playlist, m = (R = a == null ? void 0 : a.video) == null ? void 0 : R.file;
   if (m)
     return {
       ...s,
@@ -1692,12 +1687,12 @@ const gr = ne.div`
       config: c
     };
   if (d != null && d.videos && d.videos.length > 0) {
-    const x = d.videos[Number(d.playlistVideoIndex) || 0];
+    const u = d.videos[Number(d.playlistVideoIndex) || 0];
     return {
       ...s,
       video: {
         ...s.video,
-        file: (x == null ? void 0 : x.file) || "",
+        file: (u == null ? void 0 : u.file) || "",
         playlist: {
           ...d,
           state: d.state ?? !0,
@@ -1719,13 +1714,13 @@ const gr = ne.div`
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
 }, Cr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1 }) => {
-  const l = Be(null), p = Be(null), { isLoaded: g, error: k } = Pr(r, s), v = t || Ar(s), [f, h] = U(null), { fetchedPlaybackUrl: y, fetchedPlaylist: w, isLoading: _, error: T } = Sr({
+  const l = Be(null), p = Be(null), { isLoaded: g, error: w } = Pr(r, s), v = t || Ar(s), [f, h] = U(null), { fetchedPlaybackUrl: y, fetchedPlaylist: x, isLoading: _, error: T } = Sr({
     projectId: a,
     videoId: v,
     playlistId: i,
     videoUrl: n,
     apiKey: d
-  }), x = Me(e, v), S = tt(() => {
+  }), S = Me(e, v), R = tt(() => {
     const u = c.config || {}, A = m && !u.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : u.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
@@ -1736,29 +1731,29 @@ const gr = ne.div`
     };
   }, [c, m]);
   return xe(() => {
-    if (k) {
-      h(k);
+    if (w) {
+      h(w);
       return;
     }
     if (!g || _ && !n)
       return;
     let u = !0;
-    const $ = setTimeout(async () => {
+    const I = setTimeout(async () => {
       try {
-        const R = s == null ? void 0 : s.includes("vertical-player");
+        const E = s == null ? void 0 : s.includes("vertical-player");
         if (document.querySelectorAll('[id*="player"]').forEach((Q) => {
           var ie, oe;
           const J = Q.id;
-          if (J !== x)
+          if (J !== S)
             try {
-              const o = R ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, J) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, J);
+              const o = E ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, J) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, J);
               o != null && o.destroy && o.destroy();
             } catch (o) {
               console.warn(`Failed to destroy existing player ${J}:`, o);
             }
         }), await new Promise((Q) => setTimeout(Q, 100)), !u || !l.current)
           return;
-        if (!document.getElementById(x)) {
+        if (!document.getElementById(S)) {
           h("DOM element not found after cleanup.");
           return;
         }
@@ -1766,67 +1761,67 @@ const gr = ne.div`
           h("VP Player script not loaded.");
           return;
         }
-        const z = R ? window.vpVerticalPlayer : window.vpPlayer;
+        const z = E ? window.vpVerticalPlayer : window.vpPlayer;
         if (!z) {
-          h(`VP ${R ? "Vertical " : ""}Player script not loaded.`);
+          h(`VP ${E ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
         const X = Tr({
           videoUrl: n,
           fetchedPlaybackUrl: y ?? void 0,
-          fetchedPlaylist: w ?? void 0,
+          fetchedPlaylist: x ?? void 0,
           projectId: a,
-          config: S,
-          isVerticalPlayer: R
+          config: R,
+          isVerticalPlayer: E
           // Pass player type to config builder
-        }), Z = z(x);
+        }), Z = z(S);
         if (!Z) {
-          h(`Failed to create VP ${R ? "Vertical " : ""}Player instance.`);
+          h(`Failed to create VP ${E ? "Vertical " : ""}Player instance.`);
           return;
         }
         u && l.current && (Z.setup(X), p.current = Z, h(null));
-      } catch (R) {
+      } catch (E) {
         if (u) {
-          const I = R instanceof Error ? R.message : String(R);
-          h(I), console.error("VP Player initialization error:", R);
+          const O = E instanceof Error ? E.message : String(E);
+          h(O), console.error("VP Player initialization error:", E);
         }
       }
     }, 150);
     return () => {
-      u = !1, clearTimeout($);
+      u = !1, clearTimeout(I);
     };
   }, [
     g,
     _,
     n,
     y,
-    w,
+    x,
     a,
+    R,
     S,
-    x,
-    k,
+    w,
     s
   ]), xe(() => () => {
     if (p.current) {
       try {
         p.current.destroy && p.current.destroy();
       } catch (A) {
-        console.warn(`Failed to destroy player ${x}:`, A);
+        console.warn(`Failed to destroy player ${S}:`, A);
       }
       p.current = null;
     }
-    const u = document.getElementById(x);
+    const u = document.getElementById(S);
     u && (u.innerHTML = "");
-  }, [x]), {
+  }, [S]), {
     playerRef: l,
     playerInstanceRef: p,
     isScriptLoaded: g,
     isLoading: _,
-    error: T || f || k
+    error: T || f || w
   };
 }, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: g }) => {
-  var $, R, I, G;
-  const { playerRef: k, playerInstanceRef: v, isScriptLoaded: f, isLoading: h, error: y } = Cr({
+  var I, E, O, G;
+  const { playerRef: w, playerInstanceRef: v, isScriptLoaded: f, isLoading: h, error: y } = Cr({
     playerId: e,
     videoId: t,
     version: r,
@@ -1837,11 +1832,11 @@ const gr = ne.div`
     config: c,
     apiKey: d,
     isReels: m
-  }), [w, _] = U(!0), T = () => m && _(!0), x = () => {
+  }), [x, _] = U(!0), T = () => m && _(!0), S = () => {
     var z, X;
     _(!1), (X = (z = v.current) == null ? void 0 : z.play) == null || X.call(z), p == null || p();
-  }, S = (R = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && R.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, u = (G = (I = c == null ? void 0 : c.config) == null ? void 0 : I.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, A = Me(e, t);
-  return y ? j.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? j.jsx(Ne, { type: "loading", children: "Loading..." }) : j.jsxs(j.Fragment, { children: [m && !w ? j.jsx("div", { onClick: T }) : null, !m && j.jsx("div", { children: j.jsx(Qe, { id: A, ref: k, width: S || "100%", height: u || "auto", $hiddenClasses: l, className: g }) }, A), m && w && j.jsx(vr, { onClick: x, className: g, children: j.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: j.jsx("div", { children: j.jsx(Qe, { id: A, ref: k, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, A) }) })] });
+  }, R = (E = (I = c == null ? void 0 : c.config) == null ? void 0 : I.size) != null && E.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, u = (G = (O = c == null ? void 0 : c.config) == null ? void 0 : O.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, A = Me(e, t);
+  return y ? $.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? $.jsx(Ne, { type: "loading", children: "Loading..." }) : $.jsxs($.Fragment, { children: [m && !x ? $.jsx("div", { onClick: T }) : null, !m && $.jsx("div", { children: $.jsx(Qe, { id: A, ref: w, width: R || "100%", height: u || "auto", $hiddenClasses: l, className: g }) }, A), m && x && $.jsx(vr, { onClick: S, className: g, children: $.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: $.jsx("div", { children: $.jsx(Qe, { id: A, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, A) }) })] });
 }, pt = gt(void 0), jr = ({ children: e }) => {
   const [t, r] = U(!1), [n, a] = U(null), [i, s] = U(null), c = ze((l) => {
     try {
@@ -1858,7 +1853,7 @@ const gr = ne.div`
     isPlayerVisible: t,
     playerParams: n
   }), [c, d, t, n]);
-  return j.jsxs(pt.Provider, { value: m, children: [e, i && j.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && j.jsx(Ir, { 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: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
+  return $.jsxs(pt.Provider, { value: m, children: [e, i && $.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && $.jsx(Ir, { 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: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
 }, $r = () => {
   const e = et(pt);
   if (!e)