@devix-technologies/react-gjirafa-vp-player 1.0.7 → 1.0.8

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

@@ -57,9 +57,9 @@ function bt() {
           return "Profiler";
         case h:
           return "StrictMode";
-        case R:
-          return "Suspense";
         case _:
+          return "Suspense";
+        case R:
           return "SuspenseList";
         case B:
           return "Activity";
@@ -68,13 +68,13 @@ function bt() {
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case b:
+          case v:
             return "Portal";
           case S:
             return (o.displayName || "Context") + ".Provider";
-          case v:
+          case b:
             return (o._context.displayName || "Context") + ".Consumer";
-          case E:
+          case w:
             var x = o.render;
             return o = o.displayName, o || (o = x.displayName || x.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case p:
@@ -153,7 +153,7 @@ function bt() {
     }
     function m(o, x, A, N, K, U, _e, Se) {
       return A = U.ref, o = {
-        $$typeof: w,
+        $$typeof: k,
         type: o,
         key: x,
         props: U,
@@ -234,9 +234,9 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function f(o) {
-      typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
+      typeof o == "object" && o !== null && o.$$typeof === k && o._store && (o._store.validated = 1);
     }
-    var g = mt, w = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), S = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), T = 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, k = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), S = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), T = 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() {
       return null;
     };
     g = {
@@ -329,7 +329,7 @@ var Pt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), F = "-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;
+}(), F = "-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;
 function Tt(e, t) {
   return $(e, 0) ^ 45 ? (((t << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
 }
@@ -339,7 +339,7 @@ function at(e) {
 function At(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function P(e, t, r) {
+function E(e, t, r) {
   return e.replace(t, r);
 }
 function je(e, t) {
@@ -482,26 +482,26 @@ 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, u) {
-  for (var m = 0, l = 0, f = s, g = 0, w = 0, b = 0, d = 1, h = 1, y = 1, v = 0, S = "", E = a, R = i, _ = n, p = S; h; )
-    switch (b = v, v = M()) {
+  for (var m = 0, l = 0, f = s, g = 0, k = 0, v = 0, d = 1, h = 1, y = 1, b = 0, S = "", w = a, _ = i, R = n, p = S; h; )
+    switch (v = b, b = M()) {
       // (
       case 40:
-        if (b != 108 && $(p, f - 1) == 58) {
-          je(p += P(ve(v), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (v != 108 && $(p, f - 1) == 58) {
+          je(p += E(ve(b), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        p += ve(v);
+        p += ve(b);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        p += jt(b);
+        p += jt(v);
         break;
       // \
       case 92:
@@ -525,23 +525,23 @@ function be(e, t, r, n, a, i, s, c, u) {
       case 125 * d:
       case 59:
       case 0:
-        switch (v) {
+        switch (b) {
           // \0 }
           case 0:
           case 125:
             h = 0;
           // ;
           case 59 + l:
-            y == -1 && (p = P(p, /\f/g, "")), w > 0 && W(p) - f && me(w > 32 ? qe(p + ";", n, r, f - 1) : qe(P(p, " ", "") + ";", n, r, f - 2), u);
+            y == -1 && (p = E(p, /\f/g, "")), k > 0 && W(p) - f && me(k > 32 ? qe(p + ";", n, r, f - 1) : qe(E(p, " ", "") + ";", n, r, f - 2), u);
             break;
           // @ ;
           case 59:
             p += ";";
           // { rule/at-rule
           default:
-            if (me(_ = Ye(p, t, r, m, l, a, c, S, E = [], R = [], f), i), v === 123)
+            if (me(R = Ye(p, t, r, m, l, a, c, S, w = [], _ = [], f), i), b === 123)
               if (l === 0)
-                be(p, t, _, _, E, i, f, c, R);
+                be(p, t, R, R, w, i, f, c, _);
               else
                 switch (g === 99 && $(p, 3) === 110 ? 100 : g) {
                   // d l m s
@@ -549,25 +549,25 @@ function be(e, t, r, n, a, i, s, c, u) {
                   case 108:
                   case 109:
                   case 115:
-                    be(e, _, _, n && me(Ye(e, _, _, 0, 0, a, c, S, a, E = [], f), R), a, R, f, c, n ? E : R);
+                    be(e, R, R, n && me(Ye(e, R, R, 0, 0, a, c, S, a, w = [], f), _), a, _, f, c, n ? w : _);
                     break;
                   default:
-                    be(p, _, _, _, [""], R, 0, c, R);
+                    be(p, R, R, R, [""], _, 0, c, _);
                 }
         }
-        m = l = w = 0, d = y = 1, S = p = "", f = s;
+        m = l = k = 0, d = y = 1, S = p = "", f = s;
         break;
       // :
       case 58:
-        f = 1 + W(p), w = b;
+        f = 1 + W(p), k = v;
       default:
         if (d < 1) {
-          if (v == 123)
+          if (b == 123)
             --d;
-          else if (v == 125 && d++ == 0 && Ot() == 125)
+          else if (b == 125 && d++ == 0 && Ot() == 125)
             continue;
         }
-        switch (p += ke(v), v * d) {
+        switch (p += ke(b), b * d) {
           // &
           case 38:
             y = l > 0 ? 1 : (p += "\f", -1);
@@ -578,19 +578,19 @@ function be(e, t, r, n, a, i, s, c, u) {
             break;
           // @
           case 64:
-            q() === 45 && (p += ve(M())), g = q(), l = f = W(S = p += Lt(ge())), v++;
+            q() === 45 && (p += ve(M())), g = q(), l = f = W(S = p += Lt(ge())), b++;
             break;
           // -
           case 45:
-            b === 45 && W(p) == 2 && (d = 0);
+            v === 45 && W(p) == 2 && (d = 0);
         }
     }
   return i;
 }
 function Ye(e, t, r, n, a, i, s, c, u, m, l) {
-  for (var f = a - 1, g = a === 0 ? i : [""], w = Ve(g), b = 0, d = 0, h = 0; b < n; ++b)
-    for (var y = 0, v = ue(e, f + 1, f = St(d = s[b])), S = e; y < w; ++y)
-      (S = at(d > 0 ? g[y] + " " + v : P(v, /&\f/g, g[y]))) && (u[h++] = S);
+  for (var f = a - 1, g = a === 0 ? i : [""], k = Ve(g), v = 0, d = 0, h = 0; v < n; ++v)
+    for (var y = 0, b = ue(e, f + 1, f = St(d = s[v])), S = e; y < k; ++y)
+      (S = at(d > 0 ? g[y] + " " + b : E(b, /&\f/g, g[y]))) && (u[h++] = S);
   return Ee(e, t, r, a === 0 ? Le : c, u, m, l);
 }
 function Vt(e, t, r) {
@@ -691,7 +691,7 @@ function lt(e, t) {
   switch (Tt(e, t)) {
     // color-adjust
     case 5103:
-      return k + "print-" + e + e;
+      return P + "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 k + e + e;
+      return P + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return k + e + we + e + F + e + e;
+      return P + e + we + e + F + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return k + e + F + e + e;
+      return P + e + F + e + e;
     // order
     case 6165:
-      return k + e + F + "flex-" + e + e;
+      return P + e + F + "flex-" + e + e;
     // align-items
     case 5187:
-      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + F + "flex-$1$2") + e;
+      return P + e + E(e, /(\w+).+(:[^]+)/, P + "box-$1$2" + F + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return k + e + F + "flex-item-" + P(e, /flex-|-self/, "") + e;
+      return P + e + F + "flex-item-" + E(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return k + e + F + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+      return P + e + F + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return k + e + F + P(e, "shrink", "negative") + e;
+      return P + e + F + E(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return k + e + F + P(e, "basis", "preferred-size") + e;
+      return P + e + F + E(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return k + "box-" + P(e, "-grow", "") + k + e + F + P(e, "grow", "positive") + e;
+      return P + "box-" + E(e, "-grow", "") + P + e + F + E(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+      return P + E(e, /([^-])(transform)/g, "$1" + P + "$2") + e;
     // cursor
     case 6187:
-      return P(P(P(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+      return E(E(E(e, /(zoom-|grab)/, P + "$1"), /(image-set)/, P + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return P(e, /(image-set\([^]*)/, k + "$1$`$1");
+      return E(e, /(image-set\([^]*)/, P + "$1$`$1");
     // justify-content
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + F + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+      return E(E(e, /(.+:)(flex-)?(.*)/, P + "box-pack:$3" + F + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + P + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return P(e, /(.+)-inline(.+)/, k + "$1$2") + e;
+      return E(e, /(.+)-inline(.+)/, P + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -792,10 +792,10 @@ function lt(e, t) {
           if ($(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + ($(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return E(e, /(.+:)(.+)-([^]+)/, "$1" + P + "$2-$3$1" + we + ($(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~je(e, "stretch") ? lt(P(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? lt(E(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
@@ -806,10 +806,10 @@ function lt(e, t) {
       switch ($(e, W(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return P(e, ":", ":" + k) + e;
+          return E(e, ":", ":" + P) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + F + "$2box$3") + e;
+          return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + P + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + P + "$2$3$1" + F + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -817,15 +817,15 @@ function lt(e, t) {
       switch ($(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return k + e + F + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return P + e + F + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return k + e + F + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return P + e + F + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return k + e + F + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return P + e + F + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return k + e + F + e + e;
+      return P + e + F + e + e;
   }
   return e;
 }
@@ -836,7 +836,7 @@ var Ht = function(t, r, n, a) {
       break;
     case nt:
       return te([le(t, {
-        value: P(t.value, "@", "@" + k)
+        value: E(t.value, "@", "@" + P)
       })], 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: [P(i, /:(read-\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return te([le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
+              props: [E(i, /:(plac\w+)/, ":" + P + "input-$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, F + "input-$1")]
+              props: [E(i, /:(plac\w+)/, F + "input-$1")]
             })], a);
         }
         return "";
@@ -884,14 +884,14 @@ var Ht = function(t, r, n, a) {
   {
     var l, f = [Mt, zt(function(d) {
       l.insert(d);
-    })], g = Bt(m.concat(a, f)), w = function(h) {
+    })], g = Bt(m.concat(a, f)), k = function(h) {
       return te(Ft(h), g);
     };
-    u = function(h, y, v, S) {
-      l = v, w(h ? h + "{" + y.styles + "}" : y.styles), S && (b.inserted[y.name] = !0);
+    u = function(h, y, b, S) {
+      l = b, k(h ? h + "{" + y.styles + "}" : y.styles), S && (v.inserted[y.name] = !0);
     };
   }
-  var b = {
+  var v = {
     key: r,
     sheet: new Pt({
       key: r,
@@ -906,7 +906,7 @@ var Ht = function(t, r, n, a) {
     registered: {},
     insert: u
   };
-  return b.sheet.hydrate(c), b;
+  return v.sheet.hydrate(c), v;
 }, Kt = !0;
 function Jt(e, t, r) {
   var n = "";
@@ -1184,24 +1184,24 @@ var cr = function(t) {
     else {
       var g = l[0];
       f.push(g[0]);
-      for (var w = l.length, b = 1; b < w; b++)
-        f.push(l[b], g[b]);
+      for (var k = l.length, v = 1; v < k; v++)
+        f.push(l[v], g[v]);
     }
-    var d = cr(function(h, y, v) {
-      var S = m && h.as || a, E = "", R = [], _ = h;
+    var d = cr(function(h, y, b) {
+      var S = m && h.as || a, w = "", _ = [], R = h;
       if (h.theme == null) {
-        _ = {};
+        R = {};
         for (var p in h)
-          _[p] = h[p];
-        _.theme = H.useContext(lr);
+          R[p] = h[p];
+        R.theme = H.useContext(lr);
       }
-      typeof h.className == "string" ? E = Jt(y.registered, R, h.className) : h.className != null && (E = h.className + " ");
-      var C = ar(f.concat(R), y.registered, _);
-      E += y.key + "-" + C.name, s !== void 0 && (E += " " + s);
+      typeof h.className == "string" ? w = Jt(y.registered, _, h.className) : h.className != null && (w = h.className + " ");
+      var C = ar(f.concat(_), y.registered, R);
+      w += y.key + "-" + C.name, s !== void 0 && (w += " " + s);
       var B = m && c === void 0 ? Je(S) : u, T = {};
       for (var I in h)
         m && I === "as" || B(I) && (T[I] = h[I]);
-      return T.className = E, v && (T.ref = v), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
+      return T.className = w, b && (T.ref = b), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
         cache: y,
         serialized: C,
         isStringTag: typeof S == "string"
@@ -1212,10 +1212,10 @@ var cr = function(t) {
         return "." + s;
       }
     }), d.withComponent = function(h, y) {
-      var v = e(h, Oe({}, r, y, {
+      var b = e(h, Oe({}, r, y, {
         shouldForwardProp: Ze(d, y, !0)
       }));
-      return v.apply(void 0, f);
+      return b.apply(void 0, f);
     }, d;
   };
 }, yr = [
@@ -1441,9 +1441,9 @@ const gr = ne.div`
     let l;
     try {
       l = t || kr(e || "latest");
-    } catch (w) {
-      const b = w instanceof Error ? w.message : String(w);
-      i(`Failed to resolve script URL: ${b}`), n(!1);
+    } catch (k) {
+      const v = k instanceof Error ? k.message : String(k);
+      i(`Failed to resolve script URL: ${v}`), n(!1);
       return;
     }
     if (Ae.get(l)) {
@@ -1468,35 +1468,35 @@ 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] = D(null), [c, u] = D(null), [m, l] = D(!1), [f, g] = D(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+  const [i, s] = D(null), [c, u] = D(null), [m, l] = D(!1), [f, g] = D(null), k = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return xe(() => {
-    const b = t ? `video:${t}` : r ? `playlist:${r}` : null;
+    const v = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
       s(n || null), u(null), l(!1), g(null);
       return;
     }
-    if (!w) {
+    if (!k) {
       l(!1), g("No API key provided");
       return;
     }
-    if (b && ye.has(b)) {
-      const E = ye.get(b);
-      s(E.url), u(E.playlist), l(!1), g(null);
+    if (v && ye.has(v)) {
+      const w = ye.get(v);
+      s(w.url), u(w.playlist), l(!1), g(null);
       return;
     }
     let d = !0;
     const h = new AbortController(), y = h.signal, S = setTimeout(async () => {
-      var R, _;
+      var _, R;
       if (!d)
         return;
       l(!0), g(null);
-      let E = 0;
-      for (; E < Ce && d; )
+      let w = 0;
+      for (; w < Ce && d; )
         try {
           const p = t && !r ? xr(e, t) : wr(e, r), C = setTimeout(() => h.abort(), _r), B = await fetch(p, {
             method: "GET",
             headers: {
-              "api-key": w,
+              "api-key": k,
               Accept: "application/json",
               "Cache-Control": "no-cache"
               // Prevent caching issues
@@ -1509,14 +1509,14 @@ const gr = ne.div`
           if (!d)
             return;
           if (t && !r) {
-            const I = (_ = (R = T.result) == null ? void 0 : R.items) == null ? void 0 : _.find((G) => G.mediaId === t);
+            const I = (R = (_ = T.result) == null ? void 0 : _.items) == null ? void 0 : R.find((G) => G.mediaId === t);
             if (!(I != null && I.playbackUrl))
               throw new Error("Invalid video data");
-            s(I.playbackUrl), u(null), b && ye.set(b, { url: I.playbackUrl, playlist: null });
+            s(I.playbackUrl), u(null), v && ye.set(v, { url: I.playbackUrl, playlist: null });
           } else {
             if (!Array.isArray(T.result))
               throw new Error("Invalid playlist format");
-            u(T.result), s(null), b && ye.set(b, { url: null, playlist: T.result });
+            u(T.result), s(null), v && ye.set(v, { url: null, playlist: T.result });
           }
           break;
         } catch (p) {
@@ -1524,7 +1524,7 @@ const gr = ne.div`
             d && g("Request timed out");
             break;
           }
-          if (E++, E >= Ce) {
+          if (w++, w >= Ce) {
             const C = p instanceof Error ? p.message : String(p);
             d && g(`Failed after ${Ce} attempts: ${C}`);
           } else
@@ -1535,7 +1535,7 @@ const gr = ne.div`
     return () => {
       d = !1, clearTimeout(S), h.abort();
     };
-  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: f };
+  }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: f };
 }, Rr = {
   projectId: "vp-player-projectId",
   video: {
@@ -1599,7 +1599,7 @@ const gr = ne.div`
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, f, g, w, b, d, h, y;
+  var l, f, g, k, v, d, h, y;
   const s = { ...Rr, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
@@ -1622,55 +1622,53 @@ const gr = ne.div`
       config: c
     };
   if (r && r.length > 0) {
-    const v = ((f = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : f.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
-    if (i) {
-      const S = Math.min(Number(v), r.length - 1), E = ((w = r[S]) == null ? void 0 : w.hlsUrl) ?? void 0;
-      return {
-        ...s,
-        projectId: n || "vp-player-projectId",
-        video: {
-          ...s.video,
-          // Set the correct video file for the desired index
-          file: E,
-          playlist: {
-            state: !0,
-            playlistId: "",
-            // Will be set by API
-            // IMPORTANT: Based on docs, here should be an int, but we use string, cause it works
-            // TODO: this should require some added work in the future
-            playlistVideoIndex: String(v),
-            videos: r.map((_, p) => ({
-              videoId: String(p),
-              title: _.title,
-              file: _.hlsUrl,
-              thumbnailUrl: _.thumbnailUrl,
-              duration: _.duration
-            }))
-          }
-        },
-        config: c
-      };
-    } else
-      return {
-        ...s,
-        projectId: n || "vp-player-projectId",
-        video: {
-          ...s.video,
-          file: ((b = r[Number(v)]) == null ? void 0 : b.hlsUrl) || ((d = r[0]) == null ? void 0 : d.hlsUrl) || "",
-          playlist: {
-            state: !0,
-            playlistVideoIndex: String(v),
-            videos: r.map((E, R) => ({
-              videoId: String(R),
-              title: E.title,
-              file: E.hlsUrl,
-              thumbnailUrl: E.thumbnailUrl,
-              duration: E.duration
-            }))
-          }
-        },
-        config: c
-      };
+    const b = ((f = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : f.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: (k = r[0]) == null ? void 0 : k.hlsUrl,
+        playlist: {
+          state: !0,
+          playlistId: "",
+          // Will be set by API
+          // Use original playlistVideoIndex - VP Player will navigate to it
+          playlistVideoIndex: Number(b),
+          // Remove first video from playlist to avoid duplication (already in file)
+          videos: r.slice(1).map((w, _) => ({
+            videoId: String(_ + 1),
+            // Keep original IDs
+            title: w.title,
+            file: w.hlsUrl,
+            thumbnailUrl: w.thumbnailUrl,
+            duration: w.duration
+          }))
+        }
+      },
+      config: c
+    } : {
+      ...s,
+      projectId: n || "vp-player-projectId",
+      video: {
+        ...s.video,
+        file: ((v = r[Number(b)]) == null ? void 0 : v.hlsUrl) || ((d = r[0]) == null ? void 0 : d.hlsUrl) || "",
+        playlist: {
+          state: !0,
+          // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
+          playlistVideoIndex: Number(b),
+          videos: r.map((w, _) => ({
+            videoId: String(_),
+            title: w.title,
+            file: w.hlsUrl,
+            thumbnailUrl: w.thumbnailUrl,
+            duration: w.duration
+          }))
+        }
+      },
+      config: c
+    };
   }
   const u = ((h = a == null ? void 0 : a.video) == null ? void 0 : h.playlist) || s.video.playlist, m = (y = a == null ? void 0 : a.video) == null ? void 0 : y.file;
   if (m)
@@ -1685,16 +1683,17 @@ const gr = ne.div`
       config: c
     };
   if (u != null && u.videos && u.videos.length > 0) {
-    const v = u.videos[Number(u.playlistVideoIndex) || 0];
+    const b = u.videos[Number(u.playlistVideoIndex) || 0];
     return {
       ...s,
       video: {
         ...s.video,
-        file: (v == null ? void 0 : v.file) || "",
+        file: (b == null ? void 0 : b.file) || "",
         playlist: {
           ...u,
           state: u.state ?? !0,
-          playlistVideoIndex: u.playlistVideoIndex ?? 0,
+          // playlistVideoIndex: playlist.playlistVideoIndex ?? 0, this has been bug, fixed, now int
+          playlistVideoIndex: Number(u.playlistVideoIndex || 0),
           videos: u.videos
         }
       },
@@ -1711,13 +1710,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: u, isReels: m = !1 }) => {
-  const l = Be(null), f = Be(null), { isLoaded: g, error: w } = Pr(r, s), b = t || Ar(s), [d, h] = D(null), { fetchedPlaybackUrl: y, fetchedPlaylist: v, isLoading: S, error: E } = Sr({
+  const l = Be(null), f = Be(null), { isLoaded: g, error: k } = Pr(r, s), v = t || Ar(s), [d, h] = D(null), { fetchedPlaybackUrl: y, fetchedPlaylist: b, isLoading: S, error: w } = Sr({
     projectId: a,
-    videoId: b,
+    videoId: v,
     playlistId: i,
     videoUrl: n,
     apiKey: u
-  }), R = Me(e, b), _ = tt(() => {
+  }), _ = Me(e, v), R = tt(() => {
     const p = c.config || {}, C = m && !p.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : p.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
@@ -1728,8 +1727,8 @@ const gr = ne.div`
     };
   }, [c, m]);
   return xe(() => {
-    if (w) {
-      h(w);
+    if (k) {
+      h(k);
       return;
     }
     if (!g || S && !n)
@@ -1741,7 +1740,7 @@ const gr = ne.div`
         if (document.querySelectorAll('[id*="player"]').forEach((Q) => {
           var ie, oe;
           const J = Q.id;
-          if (J !== R)
+          if (J !== _)
             try {
               const o = T ? (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();
@@ -1750,7 +1749,7 @@ const gr = ne.div`
             }
         }), await new Promise((Q) => setTimeout(Q, 100)), !p || !l.current)
           return;
-        if (!document.getElementById(R)) {
+        if (!document.getElementById(_)) {
           h("DOM element not found after cleanup.");
           return;
         }
@@ -1766,12 +1765,12 @@ const gr = ne.div`
         const X = Tr({
           videoUrl: n,
           fetchedPlaybackUrl: y ?? void 0,
-          fetchedPlaylist: v ?? void 0,
+          fetchedPlaylist: b ?? void 0,
           projectId: a,
-          config: _,
+          config: R,
           isVerticalPlayer: T
           // Pass player type to config builder
-        }), Z = z(R);
+        }), Z = z(_);
         if (!Z) {
           h(`Failed to create VP ${T ? "Vertical " : ""}Player instance.`);
           return;
@@ -1792,33 +1791,33 @@ const gr = ne.div`
     S,
     n,
     y,
-    v,
+    b,
     a,
-    _,
     R,
-    w,
+    _,
+    k,
     s
   ]), xe(() => () => {
     if (f.current) {
       try {
         f.current.destroy && f.current.destroy();
       } catch (C) {
-        console.warn(`Failed to destroy player ${R}:`, C);
+        console.warn(`Failed to destroy player ${_}:`, C);
       }
       f.current = null;
     }
-    const p = document.getElementById(R);
+    const p = document.getElementById(_);
     p && (p.innerHTML = "");
-  }, [R]), {
+  }, [_]), {
     playerRef: l,
     playerInstanceRef: f,
     isScriptLoaded: g,
     isLoading: S,
-    error: E || d || w
+    error: w || d || k
   };
 }, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: m = !1, hiddenClasses: l = [], onClose: f, className: g }) => {
   var B, T, I, G;
-  const { playerRef: w, playerInstanceRef: b, isScriptLoaded: d, isLoading: h, error: y } = Cr({
+  const { playerRef: k, playerInstanceRef: v, isScriptLoaded: d, isLoading: h, error: y } = Cr({
     playerId: e,
     videoId: t,
     version: r,
@@ -1829,11 +1828,11 @@ const gr = ne.div`
     config: c,
     apiKey: u,
     isReels: m
-  }), [v, S] = D(!0), E = () => m && S(!0), R = () => {
+  }), [b, S] = D(!0), w = () => m && S(!0), _ = () => {
     var z, X;
-    S(!1), (X = (z = b.current) == null ? void 0 : z.play) == null || X.call(z), f == null || f();
-  }, _ = (T = (B = c == null ? void 0 : c.config) == null ? void 0 : B.size) != null && T.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, p = (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, C = Me(e, t);
-  return y ? j.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !d ? j.jsx(Ne, { type: "loading", children: "Loading..." }) : j.jsxs(j.Fragment, { children: [m && !v ? j.jsx("div", { onClick: E }) : null, !m && j.jsx("div", { children: j.jsx(Qe, { id: C, ref: w, width: _ || "100%", height: p || "auto", $hiddenClasses: l, className: g }) }, C), m && v && j.jsx(vr, { onClick: R, className: g, children: j.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: j.jsx("div", { children: j.jsx(Qe, { id: C, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, C) }) })] });
+    S(!1), (X = (z = v.current) == null ? void 0 : z.play) == null || X.call(z), f == null || f();
+  }, R = (T = (B = c == null ? void 0 : c.config) == null ? void 0 : B.size) != null && T.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, p = (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, C = Me(e, t);
+  return y ? j.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !d ? j.jsx(Ne, { type: "loading", children: "Loading..." }) : j.jsxs(j.Fragment, { children: [m && !b ? j.jsx("div", { onClick: w }) : null, !m && j.jsx("div", { children: j.jsx(Qe, { id: C, ref: k, width: R || "100%", height: p || "auto", $hiddenClasses: l, className: g }) }, C), m && b && j.jsx(vr, { onClick: _, className: g, children: j.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: j.jsx("div", { children: j.jsx(Qe, { id: C, ref: k, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, C) }) })] });
 }, pt = gt(void 0), jr = ({ children: e }) => {
   const [t, r] = D(!1), [n, a] = D(null), [i, s] = D(null), c = ze((l) => {
     try {

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

@@ -1,4 +1,4 @@
-(function(A,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],P):(A=typeof globalThis<"u"?globalThis:A||self,P(A.ReactGjirafaVPPlayer={},A.React))})(this,function(A,P){"use strict";function vt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const H=vt(P);var me={exports:{}},oe={};/**
+(function(A,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],k):(A=typeof globalThis<"u"?globalThis:A||self,k(A.ReactGjirafaVPPlayer={},A.React))})(this,function(A,k){"use strict";function vt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const H=vt(k);var me={exports:{}},oe={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -14,12 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var De;function wt(){return De||(De=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===R?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case d:return"Fragment";case y:return"Profiler";case h:return"StrictMode";case T:return"Suspense";case S:return"SuspenseList";case D:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case b:return"Portal";case C:return(o.displayName||"Context")+".Provider";case v:return(o._context.displayName||"Context")+".Consumer";case _:var w=o.render;return o=o.displayName,o||(o=w.displayName||w.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case p:return w=o.displayName||null,w!==null?w:e(o.type)||"Memo";case O:w=o._payload,o=o._init;try{return e(o(w))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var w=!1}catch{w=!0}if(w){w=console;var I=w.error,F=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return I.call(w,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",F),t(o)}}function n(o){if(o===d)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===O)return"<...>";try{var w=e(o);return w?"<"+w+">":"<...>"}catch{return"<...>"}}function a(){var o=L.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if(X.call(o,"key")){var w=Object.getOwnPropertyDescriptor(o,"key").get;if(w&&w.isReactWarning)return!1}return o.key!==void 0}function c(o,w){function I(){ne||(ne=!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)",w))}I.isReactWarning=!0,Object.defineProperty(o,"key",{get:I,configurable:!0})}function u(){var o=e(this.type);return ae[o]||(ae[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function m(o,w,I,F,J,G,Fe,Me){return I=G.ref,o={$$typeof:x,type:o,key:w,props:G,_owner:J},(I!==void 0?I:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:u}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Fe}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Me}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function l(o,w,I,F,J,G,Fe,Me){var M=w.children;if(M!==void 0)if(F)if(z(M)){for(F=0;F<M.length;F++)f(M[F]);Object.freeze&&Object.freeze(M)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else f(M);if(X.call(w,"key")){M=e(o);var ie=Object.keys(w).filter(function(Vr){return Vr!=="key"});F=0<ie.length?"{key: someKey, "+ie.join(": ..., ")+": ...}":"{key: someKey}",he[M+F]||(ie=0<ie.length?"{"+ie.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var De;function wt(){return De||(De=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===R?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case d:return"Fragment";case y:return"Profiler";case h:return"StrictMode";case S:return"Suspense";case T:return"SuspenseList";case D:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case v:return"Portal";case C:return(o.displayName||"Context")+".Provider";case b:return(o._context.displayName||"Context")+".Consumer";case x:var w=o.render;return o=o.displayName,o||(o=w.displayName||w.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case p:return w=o.displayName||null,w!==null?w:e(o.type)||"Memo";case O:w=o._payload,o=o._init;try{return e(o(w))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var w=!1}catch{w=!0}if(w){w=console;var I=w.error,F=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return I.call(w,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",F),t(o)}}function n(o){if(o===d)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===O)return"<...>";try{var w=e(o);return w?"<"+w+">":"<...>"}catch{return"<...>"}}function a(){var o=L.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if(X.call(o,"key")){var w=Object.getOwnPropertyDescriptor(o,"key").get;if(w&&w.isReactWarning)return!1}return o.key!==void 0}function c(o,w){function I(){ne||(ne=!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)",w))}I.isReactWarning=!0,Object.defineProperty(o,"key",{get:I,configurable:!0})}function u(){var o=e(this.type);return ae[o]||(ae[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function m(o,w,I,F,J,G,Fe,Me){return I=G.ref,o={$$typeof:P,type:o,key:w,props:G,_owner:J},(I!==void 0?I:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:u}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Fe}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Me}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function l(o,w,I,F,J,G,Fe,Me){var M=w.children;if(M!==void 0)if(F)if(z(M)){for(F=0;F<M.length;F++)f(M[F]);Object.freeze&&Object.freeze(M)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else f(M);if(X.call(w,"key")){M=e(o);var ie=Object.keys(w).filter(function(Vr){return Vr!=="key"});F=0<ie.length?"{key: someKey, "+ie.join(": ..., ")+": ...}":"{key: someKey}",he[M+F]||(ie=0<ie.length?"{"+ie.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,M,ie,M),he[M+F]=!0)}if(M=null,I!==void 0&&(r(I),M=""+I),s(w)&&(r(w.key),M=""+w.key),"key"in w){I={};for(var Be in w)Be!=="key"&&(I[Be]=w[Be])}else I=w;return M&&c(I,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,M,G,J,a(),I,Fe,Me)}function f(o){typeof o=="object"&&o!==null&&o.$$typeof===x&&o._store&&(o._store.validated=1)}var g=P,x=Symbol.for("react.transitional.element"),b=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),C=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),S=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),L=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,z=Array.isArray,K=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(o){return o()}};var ne,ae={},Z=g["react-stack-bottom-frame"].bind(g,i)(),pe=K(n(i)),he={};se.Fragment=d,se.jsx=function(o,w,I,F,J){var G=1e4>L.recentlyCreatedOwnerStacks++;return l(o,w,I,!1,F,J,G?Error("react-stack-top-frame"):Z,G?K(n(o)):pe)},se.jsxs=function(o,w,I,F,J){var G=1e4>L.recentlyCreatedOwnerStacks++;return l(o,w,I,!0,F,J,G?Error("react-stack-top-frame"):Z,G?K(n(o)):pe)}}()),se}var ze;function xt(){return ze||(ze=1,process.env.NODE_ENV==="production"?me.exports=bt():me.exports=wt()),me.exports}var $=xt();function Se(){return Se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Se.apply(null,arguments)}function Pt(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 kt(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 Et=function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(kt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=Pt(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),V="-ms-",ye="-moz-",k="-webkit-",We="comm",Ae="rule",Ce="decl",_t="@import",Ye="@keyframes",St="@layer",At=Math.abs,ge=String.fromCharCode,Ct=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}function qe(e){return e.trim()}function Rt(e,t){return(e=t.exec(e))?e[0]:e}function E(e,t,r){return e.replace(t,r)}function Te(e,t){return e.indexOf(t)}function N(e,t){return e.charCodeAt(t)|0}function ce(e,t,r){return e.slice(t,r)}function W(e){return e.length}function Re(e){return e.length}function ve(e,t){return t.push(e),e}function It(e,t){return e.map(t).join("")}var be=1,Q=1,Ge=0,B=0,j=0,ee="";function we(e,t,r,n,a,i,s){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:be,column:Q,length:s,return:""}}function le(e,t){return Ct(we("",null,null,"",null,null,0),e,{length:-e.length},t)}function Ot(){return j}function jt(){return j=B>0?N(ee,--B):0,Q--,j===10&&(Q=1,be--),j}function U(){return j=B<Ge?N(ee,B++):0,Q++,j===10&&(Q=1,be++),j}function Y(){return N(ee,B)}function xe(){return B}function ue(e,t){return ce(ee,e,t)}function de(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function He(e){return be=Q=1,Ge=W(ee=e),B=0,[]}function Xe(e){return ee="",e}function Pe(e){return qe(ue(B-1,Ie(e===91?e+2:e===40?e+1:e)))}function Lt(e){for(;(j=Y())&&j<33;)U();return de(e)>2||de(j)>3?"":" "}function $t(e,t){for(;--t&&U()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return ue(e,xe()+(t<6&&Y()==32&&U()==32))}function Ie(e){for(;U();)switch(j){case e:return B;case 34:case 39:e!==34&&e!==39&&Ie(j);break;case 40:e===41&&Ie(e);break;case 92:U();break}return B}function Nt(e,t){for(;U()&&e+j!==57;)if(e+j===84&&Y()===47)break;return"/*"+ue(t,B-1)+"*"+ge(e===47?e:U())}function Vt(e){for(;!de(Y());)U();return ue(e,B)}function Ft(e){return Xe(ke("",null,null,null,[""],e=He(e),0,[0],e))}function ke(e,t,r,n,a,i,s,c,u){for(var m=0,l=0,f=s,g=0,x=0,b=0,d=1,h=1,y=1,v=0,C="",_=a,T=i,S=n,p=C;h;)switch(b=v,v=U()){case 40:if(b!=108&&N(p,f-1)==58){Te(p+=E(Pe(v),"&","&\f"),"&\f")!=-1&&(y=-1);break}case 34:case 39:case 91:p+=Pe(v);break;case 9:case 10:case 13:case 32:p+=Lt(b);break;case 92:p+=$t(xe()-1,7);continue;case 47:switch(Y()){case 42:case 47:ve(Mt(Nt(U(),xe()),t,r),u);break;default:p+="/"}break;case 123*d:c[m++]=W(p)*y;case 125*d:case 59:case 0:switch(v){case 0:case 125:h=0;case 59+l:y==-1&&(p=E(p,/\f/g,"")),x>0&&W(p)-f&&ve(x>32?Je(p+";",n,r,f-1):Je(E(p," ","")+";",n,r,f-2),u);break;case 59:p+=";";default:if(ve(S=Ke(p,t,r,m,l,a,c,C,_=[],T=[],f),i),v===123)if(l===0)ke(p,t,S,S,_,i,f,c,T);else switch(g===99&&N(p,3)===110?100:g){case 100:case 108:case 109:case 115:ke(e,S,S,n&&ve(Ke(e,S,S,0,0,a,c,C,a,_=[],f),T),a,T,f,c,n?_:T);break;default:ke(p,S,S,S,[""],T,0,c,T)}}m=l=x=0,d=y=1,C=p="",f=s;break;case 58:f=1+W(p),x=b;default:if(d<1){if(v==123)--d;else if(v==125&&d++==0&&jt()==125)continue}switch(p+=ge(v),v*d){case 38:y=l>0?1:(p+="\f",-1);break;case 44:c[m++]=(W(p)-1)*y,y=1;break;case 64:Y()===45&&(p+=Pe(U())),g=Y(),l=f=W(C=p+=Vt(xe())),v++;break;case 45:b===45&&W(p)==2&&(d=0)}}return i}function Ke(e,t,r,n,a,i,s,c,u,m,l){for(var f=a-1,g=a===0?i:[""],x=Re(g),b=0,d=0,h=0;b<n;++b)for(var y=0,v=ce(e,f+1,f=At(d=s[b])),C=e;y<x;++y)(C=qe(d>0?g[y]+" "+v:E(v,/&\f/g,g[y])))&&(u[h++]=C);return we(e,t,r,a===0?Ae:c,u,m,l)}function Mt(e,t,r){return we(e,t,r,We,ge(Ot()),ce(e,2,-2),0)}function Je(e,t,r,n){return we(e,t,r,Ce,ce(e,0,n),ce(e,n+1,-1),n)}function te(e,t){for(var r="",n=Re(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Bt(e,t,r,n){switch(e.type){case St:if(e.children.length)break;case _t:case Ce:return e.return=e.return||e.value;case We:return"";case Ye:return e.return=e.value+"{"+te(e.children,n)+"}";case Ae:e.value=e.props.join(",")}return W(r=te(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ut(e){var t=Re(e);return function(r,n,a,i){for(var s="",c=0;c<t;c++)s+=e[c](r,n,a,i)||"";return s}}function Dt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ze(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var zt=function(t,r,n){for(var a=0,i=0;a=i,i=Y(),a===38&&i===12&&(r[n]=1),!de(i);)U();return ue(t,B)},Wt=function(t,r){var n=-1,a=44;do switch(de(a)){case 0:a===38&&Y()===12&&(r[n]=1),t[n]+=zt(B-1,r,n);break;case 2:t[n]+=Pe(a);break;case 4:if(a===44){t[++n]=Y()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=ge(a)}while(a=U());return t},Yt=function(t,r){return Xe(Wt(He(t),r))},Qe=new WeakMap,qt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)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=[],s=Yt(r,i),c=n.props,u=0,m=0;u<s.length;u++)for(var l=0;l<c.length;l++,m++)t.props[m]=i[u]?s[u].replace(/&\f/g,c[l]):c[l]+" "+s[u]}}},Gt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function et(e,t){switch(Tt(e,t)){case 5103:return k+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return k+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return k+e+ye+e+V+e+e;case 6828:case 4268:return k+e+V+e+e;case 6165:return k+e+V+"flex-"+e+e;case 5187:return k+e+E(e,/(\w+).+(:[^]+)/,k+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return k+e+V+"flex-item-"+E(e,/flex-|-self/,"")+e;case 4675:return k+e+V+"flex-line-pack"+E(e,/align-content|flex-|-self/,"")+e;case 5548:return k+e+V+E(e,"shrink","negative")+e;case 5292:return k+e+V+E(e,"basis","preferred-size")+e;case 6060:return k+"box-"+E(e,"-grow","")+k+e+V+E(e,"grow","positive")+e;case 4554:return k+E(e,/([^-])(transform)/g,"$1"+k+"$2")+e;case 6187:return E(E(E(e,/(zoom-|grab)/,k+"$1"),/(image-set)/,k+"$1"),e,"")+e;case 5495:case 3959:return E(e,/(image-set\([^]*)/,k+"$1$`$1");case 4968:return E(E(e,/(.+:)(flex-)?(.*)/,k+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+k+e+e;case 4095:case 3583:case 4068:case 2532:return E(e,/(.+)-inline(.+)/,k+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(W(e)-1-t>6)switch(N(e,t+1)){case 109:if(N(e,t+4)!==45)break;case 102:return E(e,/(.+:)(.+)-([^]+)/,"$1"+k+"$2-$3$1"+ye+(N(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Te(e,"stretch")?et(E(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(N(e,t+1)!==115)break;case 6444:switch(N(e,W(e)-3-(~Te(e,"!important")&&10))){case 107:return E(e,":",":"+k)+e;case 101:return E(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+k+(N(e,14)===45?"inline-":"")+"box$3$1"+k+"$2$3$1"+V+"$2box$3")+e}break;case 5936:switch(N(e,t+11)){case 114:return k+e+V+E(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return k+e+V+E(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return k+e+V+E(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return k+e+V+e+e}return e}var Ht=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case Ce:t.return=et(t.value,t.length);break;case Ye:return te([le(t,{value:E(t.value,"@","@"+k)})],a);case Ae:if(t.length)return It(t.props,function(i){switch(Rt(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return te([le(t,{props:[E(i,/:(read-\w+)/,":"+ye+"$1")]})],a);case"::placeholder":return te([le(t,{props:[E(i,/:(plac\w+)/,":"+k+"input-$1")]}),le(t,{props:[E(i,/:(plac\w+)/,":"+ye+"$1")]}),le(t,{props:[E(i,/:(plac\w+)/,V+"input-$1")]})],a)}return""})}},Xt=[Ht],Kt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(d){var h=d.getAttribute("data-emotion");h.indexOf(" ")!==-1&&(document.head.appendChild(d),d.setAttribute("data-s",""))})}var a=t.stylisPlugins||Xt,i={},s,c=[];s=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(d){for(var h=d.getAttribute("data-emotion").split(" "),y=1;y<h.length;y++)i[h[y]]=!0;c.push(d)});var u,m=[qt,Gt];{var l,f=[Bt,Dt(function(d){l.insert(d)})],g=Ut(m.concat(a,f)),x=function(h){return te(Ft(h),g)};u=function(h,y,v,C){l=v,x(h?h+"{"+y.styles+"}":y.styles),C&&(b.inserted[y.name]=!0)}}var b={key:r,sheet:new Et({key:r,container:s,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:u};return b.sheet.hydrate(c),b},Jt=!0;function Zt(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var tt=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||Jt===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},Qt=function(t,r,n){tt(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function er(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var tr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},rr=/[A-Z]|^ms/g,nr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,rt=function(t){return t.charCodeAt(1)===45},nt=function(t){return t!=null&&typeof t!="boolean"},Oe=Ze(function(e){return rt(e)?e:e.replace(rr,"-$&").toLowerCase()}),at=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(nr,function(n,a,i){return q={name:a,styles:i,next:q},a})}return tr[t]!==1&&!rt(t)&&typeof r=="number"&&r!==0?r+"px":r};function fe(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return q={name:a.name,styles:a.styles,next:q},a.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)q={name:s.name,styles:s.styles,next:q},s=s.next;var c=i.styles+";";return c}return ar(e,t,r)}case"function":{if(e!==void 0){var u=q,m=r(e);return q=u,fe(e,t,m)}break}}var l=r;if(t==null)return l;var f=t[l];return f!==void 0?f:l}function ar(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=fe(e,t,r[a])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var c=s;t!=null&&t[c]!==void 0?n+=i+"{"+t[c]+"}":nt(c)&&(n+=Oe(i)+":"+at(i,c)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(t==null||t[s[0]]===void 0))for(var u=0;u<s.length;u++)nt(s[u])&&(n+=Oe(i)+":"+at(i,s[u])+";");else{var m=fe(e,t,s);switch(i){case"animation":case"animationName":{n+=Oe(i)+":"+m+";";break}default:n+=i+"{"+m+"}"}}}return n}var it=/label:\s*([^\s;{]+)\s*(;|$)/g,q;function ir(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";q=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=fe(r,t,i);else{var s=i;a+=s[0]}for(var c=1;c<e.length;c++)if(a+=fe(r,t,e[c]),n){var u=i;a+=u[c]}it.lastIndex=0;for(var m="",l;(l=it.exec(a))!==null;)m+="-"+l[1];var f=er(a)+m;return{name:f,styles:a,next:q}}var or=function(t){return t()},sr=H.useInsertionEffect?H.useInsertionEffect:!1,cr=sr||or,ot=H.createContext(typeof HTMLElement<"u"?Kt({key:"css"}):null);ot.Provider;var lr=function(t){return P.forwardRef(function(r,n){var a=P.useContext(ot);return t(r,a,n)})},ur=H.createContext({}),dr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,fr=Ze(function(e){return dr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),pr=fr,hr=function(t){return t!=="theme"},st=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?pr:hr},ct=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(s){return t.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},mr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return tt(r,n,a),cr(function(){return Qt(r,n,a)}),null},yr=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,s;r!==void 0&&(i=r.label,s=r.target);var c=ct(t,r,n),u=c||st(a),m=!u("as");return function(){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 g=l[0];f.push(g[0]);for(var x=l.length,b=1;b<x;b++)f.push(l[b],g[b])}var d=lr(function(h,y,v){var C=m&&h.as||a,_="",T=[],S=h;if(h.theme==null){S={};for(var p in h)S[p]=h[p];S.theme=H.useContext(ur)}typeof h.className=="string"?_=Zt(y.registered,T,h.className):h.className!=null&&(_=h.className+" ");var O=ir(f.concat(T),y.registered,S);_+=y.key+"-"+O.name,s!==void 0&&(_+=" "+s);var D=m&&c===void 0?st(C):u,R={};for(var L in h)m&&L==="as"||D(L)&&(R[L]=h[L]);return R.className=_,v&&(R.ref=v),H.createElement(H.Fragment,null,H.createElement(mr,{cache:y,serialized:O,isStringTag:typeof C=="string"}),H.createElement(C,R))});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"."+s}}),d.withComponent=function(h,y){var v=e(h,Se({},r,y,{shouldForwardProp:ct(d,y,!0)}));return v.apply(void 0,f)},d}},gr=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],re=yr.bind(null);gr.forEach(function(e){re[e]=re(e)});const vr=re.div`
+  <%s key={someKey} {...props} />`,F,M,ie,M),he[M+F]=!0)}if(M=null,I!==void 0&&(r(I),M=""+I),s(w)&&(r(w.key),M=""+w.key),"key"in w){I={};for(var Be in w)Be!=="key"&&(I[Be]=w[Be])}else I=w;return M&&c(I,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,M,G,J,a(),I,Fe,Me)}function f(o){typeof o=="object"&&o!==null&&o.$$typeof===P&&o._store&&(o._store.validated=1)}var g=k,P=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),b=Symbol.for("react.consumer"),C=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),L=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,z=Array.isArray,K=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(o){return o()}};var ne,ae={},Z=g["react-stack-bottom-frame"].bind(g,i)(),pe=K(n(i)),he={};se.Fragment=d,se.jsx=function(o,w,I,F,J){var G=1e4>L.recentlyCreatedOwnerStacks++;return l(o,w,I,!1,F,J,G?Error("react-stack-top-frame"):Z,G?K(n(o)):pe)},se.jsxs=function(o,w,I,F,J){var G=1e4>L.recentlyCreatedOwnerStacks++;return l(o,w,I,!0,F,J,G?Error("react-stack-top-frame"):Z,G?K(n(o)):pe)}}()),se}var ze;function xt(){return ze||(ze=1,process.env.NODE_ENV==="production"?me.exports=bt():me.exports=wt()),me.exports}var $=xt();function Se(){return Se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Se.apply(null,arguments)}function Pt(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 kt(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 Et=function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(kt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=Pt(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),V="-ms-",ye="-moz-",E="-webkit-",We="comm",Ae="rule",Ce="decl",_t="@import",Ye="@keyframes",St="@layer",At=Math.abs,ge=String.fromCharCode,Ct=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}function qe(e){return e.trim()}function Rt(e,t){return(e=t.exec(e))?e[0]:e}function _(e,t,r){return e.replace(t,r)}function Te(e,t){return e.indexOf(t)}function N(e,t){return e.charCodeAt(t)|0}function ce(e,t,r){return e.slice(t,r)}function W(e){return e.length}function Re(e){return e.length}function ve(e,t){return t.push(e),e}function It(e,t){return e.map(t).join("")}var be=1,Q=1,Ge=0,B=0,j=0,ee="";function we(e,t,r,n,a,i,s){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:be,column:Q,length:s,return:""}}function le(e,t){return Ct(we("",null,null,"",null,null,0),e,{length:-e.length},t)}function Ot(){return j}function jt(){return j=B>0?N(ee,--B):0,Q--,j===10&&(Q=1,be--),j}function U(){return j=B<Ge?N(ee,B++):0,Q++,j===10&&(Q=1,be++),j}function Y(){return N(ee,B)}function xe(){return B}function ue(e,t){return ce(ee,e,t)}function de(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function He(e){return be=Q=1,Ge=W(ee=e),B=0,[]}function Xe(e){return ee="",e}function Pe(e){return qe(ue(B-1,Ie(e===91?e+2:e===40?e+1:e)))}function Lt(e){for(;(j=Y())&&j<33;)U();return de(e)>2||de(j)>3?"":" "}function $t(e,t){for(;--t&&U()&&!(j<48||j>102||j>57&&j<65||j>70&&j<97););return ue(e,xe()+(t<6&&Y()==32&&U()==32))}function Ie(e){for(;U();)switch(j){case e:return B;case 34:case 39:e!==34&&e!==39&&Ie(j);break;case 40:e===41&&Ie(e);break;case 92:U();break}return B}function Nt(e,t){for(;U()&&e+j!==57;)if(e+j===84&&Y()===47)break;return"/*"+ue(t,B-1)+"*"+ge(e===47?e:U())}function Vt(e){for(;!de(Y());)U();return ue(e,B)}function Ft(e){return Xe(ke("",null,null,null,[""],e=He(e),0,[0],e))}function ke(e,t,r,n,a,i,s,c,u){for(var m=0,l=0,f=s,g=0,P=0,v=0,d=1,h=1,y=1,b=0,C="",x=a,S=i,T=n,p=C;h;)switch(v=b,b=U()){case 40:if(v!=108&&N(p,f-1)==58){Te(p+=_(Pe(b),"&","&\f"),"&\f")!=-1&&(y=-1);break}case 34:case 39:case 91:p+=Pe(b);break;case 9:case 10:case 13:case 32:p+=Lt(v);break;case 92:p+=$t(xe()-1,7);continue;case 47:switch(Y()){case 42:case 47:ve(Mt(Nt(U(),xe()),t,r),u);break;default:p+="/"}break;case 123*d:c[m++]=W(p)*y;case 125*d:case 59:case 0:switch(b){case 0:case 125:h=0;case 59+l:y==-1&&(p=_(p,/\f/g,"")),P>0&&W(p)-f&&ve(P>32?Je(p+";",n,r,f-1):Je(_(p," ","")+";",n,r,f-2),u);break;case 59:p+=";";default:if(ve(T=Ke(p,t,r,m,l,a,c,C,x=[],S=[],f),i),b===123)if(l===0)ke(p,t,T,T,x,i,f,c,S);else switch(g===99&&N(p,3)===110?100:g){case 100:case 108:case 109:case 115:ke(e,T,T,n&&ve(Ke(e,T,T,0,0,a,c,C,a,x=[],f),S),a,S,f,c,n?x:S);break;default:ke(p,T,T,T,[""],S,0,c,S)}}m=l=P=0,d=y=1,C=p="",f=s;break;case 58:f=1+W(p),P=v;default:if(d<1){if(b==123)--d;else if(b==125&&d++==0&&jt()==125)continue}switch(p+=ge(b),b*d){case 38:y=l>0?1:(p+="\f",-1);break;case 44:c[m++]=(W(p)-1)*y,y=1;break;case 64:Y()===45&&(p+=Pe(U())),g=Y(),l=f=W(C=p+=Vt(xe())),b++;break;case 45:v===45&&W(p)==2&&(d=0)}}return i}function Ke(e,t,r,n,a,i,s,c,u,m,l){for(var f=a-1,g=a===0?i:[""],P=Re(g),v=0,d=0,h=0;v<n;++v)for(var y=0,b=ce(e,f+1,f=At(d=s[v])),C=e;y<P;++y)(C=qe(d>0?g[y]+" "+b:_(b,/&\f/g,g[y])))&&(u[h++]=C);return we(e,t,r,a===0?Ae:c,u,m,l)}function Mt(e,t,r){return we(e,t,r,We,ge(Ot()),ce(e,2,-2),0)}function Je(e,t,r,n){return we(e,t,r,Ce,ce(e,0,n),ce(e,n+1,-1),n)}function te(e,t){for(var r="",n=Re(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Bt(e,t,r,n){switch(e.type){case St:if(e.children.length)break;case _t:case Ce:return e.return=e.return||e.value;case We:return"";case Ye:return e.return=e.value+"{"+te(e.children,n)+"}";case Ae:e.value=e.props.join(",")}return W(r=te(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ut(e){var t=Re(e);return function(r,n,a,i){for(var s="",c=0;c<t;c++)s+=e[c](r,n,a,i)||"";return s}}function Dt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ze(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var zt=function(t,r,n){for(var a=0,i=0;a=i,i=Y(),a===38&&i===12&&(r[n]=1),!de(i);)U();return ue(t,B)},Wt=function(t,r){var n=-1,a=44;do switch(de(a)){case 0:a===38&&Y()===12&&(r[n]=1),t[n]+=zt(B-1,r,n);break;case 2:t[n]+=Pe(a);break;case 4:if(a===44){t[++n]=Y()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=ge(a)}while(a=U());return t},Yt=function(t,r){return Xe(Wt(He(t),r))},Qe=new WeakMap,qt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)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=[],s=Yt(r,i),c=n.props,u=0,m=0;u<s.length;u++)for(var l=0;l<c.length;l++,m++)t.props[m]=i[u]?s[u].replace(/&\f/g,c[l]):c[l]+" "+s[u]}}},Gt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function et(e,t){switch(Tt(e,t)){case 5103:return E+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return E+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return E+e+ye+e+V+e+e;case 6828:case 4268:return E+e+V+e+e;case 6165:return E+e+V+"flex-"+e+e;case 5187:return E+e+_(e,/(\w+).+(:[^]+)/,E+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return E+e+V+"flex-item-"+_(e,/flex-|-self/,"")+e;case 4675:return E+e+V+"flex-line-pack"+_(e,/align-content|flex-|-self/,"")+e;case 5548:return E+e+V+_(e,"shrink","negative")+e;case 5292:return E+e+V+_(e,"basis","preferred-size")+e;case 6060:return E+"box-"+_(e,"-grow","")+E+e+V+_(e,"grow","positive")+e;case 4554:return E+_(e,/([^-])(transform)/g,"$1"+E+"$2")+e;case 6187:return _(_(_(e,/(zoom-|grab)/,E+"$1"),/(image-set)/,E+"$1"),e,"")+e;case 5495:case 3959:return _(e,/(image-set\([^]*)/,E+"$1$`$1");case 4968:return _(_(e,/(.+:)(flex-)?(.*)/,E+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+E+e+e;case 4095:case 3583:case 4068:case 2532:return _(e,/(.+)-inline(.+)/,E+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(W(e)-1-t>6)switch(N(e,t+1)){case 109:if(N(e,t+4)!==45)break;case 102:return _(e,/(.+:)(.+)-([^]+)/,"$1"+E+"$2-$3$1"+ye+(N(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Te(e,"stretch")?et(_(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(N(e,t+1)!==115)break;case 6444:switch(N(e,W(e)-3-(~Te(e,"!important")&&10))){case 107:return _(e,":",":"+E)+e;case 101:return _(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+E+(N(e,14)===45?"inline-":"")+"box$3$1"+E+"$2$3$1"+V+"$2box$3")+e}break;case 5936:switch(N(e,t+11)){case 114:return E+e+V+_(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return E+e+V+_(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return E+e+V+_(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return E+e+V+e+e}return e}var Ht=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case Ce:t.return=et(t.value,t.length);break;case Ye:return te([le(t,{value:_(t.value,"@","@"+E)})],a);case Ae:if(t.length)return It(t.props,function(i){switch(Rt(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return te([le(t,{props:[_(i,/:(read-\w+)/,":"+ye+"$1")]})],a);case"::placeholder":return te([le(t,{props:[_(i,/:(plac\w+)/,":"+E+"input-$1")]}),le(t,{props:[_(i,/:(plac\w+)/,":"+ye+"$1")]}),le(t,{props:[_(i,/:(plac\w+)/,V+"input-$1")]})],a)}return""})}},Xt=[Ht],Kt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(d){var h=d.getAttribute("data-emotion");h.indexOf(" ")!==-1&&(document.head.appendChild(d),d.setAttribute("data-s",""))})}var a=t.stylisPlugins||Xt,i={},s,c=[];s=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(d){for(var h=d.getAttribute("data-emotion").split(" "),y=1;y<h.length;y++)i[h[y]]=!0;c.push(d)});var u,m=[qt,Gt];{var l,f=[Bt,Dt(function(d){l.insert(d)})],g=Ut(m.concat(a,f)),P=function(h){return te(Ft(h),g)};u=function(h,y,b,C){l=b,P(h?h+"{"+y.styles+"}":y.styles),C&&(v.inserted[y.name]=!0)}}var v={key:r,sheet:new Et({key:r,container:s,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:u};return v.sheet.hydrate(c),v},Jt=!0;function Zt(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var tt=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||Jt===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},Qt=function(t,r,n){tt(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function er(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var tr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},rr=/[A-Z]|^ms/g,nr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,rt=function(t){return t.charCodeAt(1)===45},nt=function(t){return t!=null&&typeof t!="boolean"},Oe=Ze(function(e){return rt(e)?e:e.replace(rr,"-$&").toLowerCase()}),at=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(nr,function(n,a,i){return q={name:a,styles:i,next:q},a})}return tr[t]!==1&&!rt(t)&&typeof r=="number"&&r!==0?r+"px":r};function fe(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return q={name:a.name,styles:a.styles,next:q},a.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)q={name:s.name,styles:s.styles,next:q},s=s.next;var c=i.styles+";";return c}return ar(e,t,r)}case"function":{if(e!==void 0){var u=q,m=r(e);return q=u,fe(e,t,m)}break}}var l=r;if(t==null)return l;var f=t[l];return f!==void 0?f:l}function ar(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=fe(e,t,r[a])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var c=s;t!=null&&t[c]!==void 0?n+=i+"{"+t[c]+"}":nt(c)&&(n+=Oe(i)+":"+at(i,c)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(t==null||t[s[0]]===void 0))for(var u=0;u<s.length;u++)nt(s[u])&&(n+=Oe(i)+":"+at(i,s[u])+";");else{var m=fe(e,t,s);switch(i){case"animation":case"animationName":{n+=Oe(i)+":"+m+";";break}default:n+=i+"{"+m+"}"}}}return n}var it=/label:\s*([^\s;{]+)\s*(;|$)/g,q;function ir(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";q=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=fe(r,t,i);else{var s=i;a+=s[0]}for(var c=1;c<e.length;c++)if(a+=fe(r,t,e[c]),n){var u=i;a+=u[c]}it.lastIndex=0;for(var m="",l;(l=it.exec(a))!==null;)m+="-"+l[1];var f=er(a)+m;return{name:f,styles:a,next:q}}var or=function(t){return t()},sr=H.useInsertionEffect?H.useInsertionEffect:!1,cr=sr||or,ot=H.createContext(typeof HTMLElement<"u"?Kt({key:"css"}):null);ot.Provider;var lr=function(t){return k.forwardRef(function(r,n){var a=k.useContext(ot);return t(r,a,n)})},ur=H.createContext({}),dr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,fr=Ze(function(e){return dr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),pr=fr,hr=function(t){return t!=="theme"},st=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?pr:hr},ct=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(s){return t.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},mr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return tt(r,n,a),cr(function(){return Qt(r,n,a)}),null},yr=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,s;r!==void 0&&(i=r.label,s=r.target);var c=ct(t,r,n),u=c||st(a),m=!u("as");return function(){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 g=l[0];f.push(g[0]);for(var P=l.length,v=1;v<P;v++)f.push(l[v],g[v])}var d=lr(function(h,y,b){var C=m&&h.as||a,x="",S=[],T=h;if(h.theme==null){T={};for(var p in h)T[p]=h[p];T.theme=H.useContext(ur)}typeof h.className=="string"?x=Zt(y.registered,S,h.className):h.className!=null&&(x=h.className+" ");var O=ir(f.concat(S),y.registered,T);x+=y.key+"-"+O.name,s!==void 0&&(x+=" "+s);var D=m&&c===void 0?st(C):u,R={};for(var L in h)m&&L==="as"||D(L)&&(R[L]=h[L]);return R.className=x,b&&(R.ref=b),H.createElement(H.Fragment,null,H.createElement(mr,{cache:y,serialized:O,isStringTag:typeof C=="string"}),H.createElement(C,R))});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"."+s}}),d.withComponent=function(h,y){var b=e(h,Se({},r,y,{shouldForwardProp:ct(d,y,!0)}));return b.apply(void 0,f)},d}},gr=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],re=yr.bind(null);gr.forEach(function(e){re[e]=re(e)});const vr=re.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -81,4 +81,4 @@ React keys must be passed directly to JSX without using spread:
  @media (min-width: 768px) {
    width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
  }
-`,br=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,wr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,xr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,$e=(e,t)=>`vp-player-${e||"default"}-${t||""}`,Ne=new Map,dt=(e,t)=>{const[r,n]=P.useState(!1),[a,i]=P.useState(null);return P.useEffect(()=>{let s=null,c,u=0;const m=3;let l;try{l=t||xr(e||"latest")}catch(x){const b=x instanceof Error?x.message:String(x);i(`Failed to resolve script URL: ${b}`),n(!1);return}if(Ne.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){Ne.set(l,!0),n(!0),i(null);return}const g=()=>{s=document.createElement("script"),s.src=l,s.async=!0,c=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),s.onload=()=>{clearTimeout(c),Ne.set(l,!0),n(!0),i(null)},s.onerror=()=>{clearTimeout(c),u++,u<m?setTimeout(g,1e3*u):(n(!1),i(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return g(),()=>{clearTimeout(c),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,t]),{isLoaded:r,error:a}},Pr={},Ee=new Map,kr=3e4,Ve=5,ft=({projectId:e,videoId:t,playlistId:r,videoUrl:n,apiKey:a})=>{const[i,s]=P.useState(null),[c,u]=P.useState(null),[m,l]=P.useState(!1),[f,g]=P.useState(null),x=a||(typeof Pr<"u"?"1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E":void 0);return P.useEffect(()=>{const b=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){s(n||null),u(null),l(!1),g(null);return}if(!x){l(!1),g("No API key provided");return}if(b&&Ee.has(b)){const _=Ee.get(b);s(_.url),u(_.playlist),l(!1),g(null);return}let d=!0;const h=new AbortController,y=h.signal,C=setTimeout(async()=>{var T,S;if(!d)return;l(!0),g(null);let _=0;for(;_<Ve&&d;)try{const p=t&&!r?br(e,t):wr(e,r),O=setTimeout(()=>h.abort(),kr),D=await fetch(p,{method:"GET",headers:{"api-key":x,Accept:"application/json","Cache-Control":"no-cache"},signal:y});if(clearTimeout(O),!D.ok)throw new Error(`Fetch failed with status ${D.status}`);const R=await D.json();if(!d)return;if(t&&!r){const L=(S=(T=R.result)==null?void 0:T.items)==null?void 0:S.find(X=>X.mediaId===t);if(!(L!=null&&L.playbackUrl))throw new Error("Invalid video data");s(L.playbackUrl),u(null),b&&Ee.set(b,{url:L.playbackUrl,playlist:null})}else{if(!Array.isArray(R.result))throw new Error("Invalid playlist format");u(R.result),s(null),b&&Ee.set(b,{url:null,playlist:R.result})}break}catch(p){if(y.aborted){d&&g("Request timed out");break}if(_++,_>=Ve){const O=p instanceof Error?p.message:String(p);d&&g(`Failed after ${Ve} attempts: ${O}`)}else await new Promise(O=>setTimeout(O,2e3))}d&&l(!1)},100);return()=>{d=!1,clearTimeout(C),h.abort()}},[x,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:c,isLoading:m,error:f}},Er={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},pt=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={},isVerticalPlayer:i})=>{var l,f,g,x,b,d,h,y;const s={...Er,...a},c={...s.config,...a.config};if(e)return{...s,video:{...s.video,file:e,playlist:void 0},config:c};if(t)return{...s,video:{...s.video,file:t,playlist:void 0},config:c};if(r&&r.length>0){const v=((f=(l=a==null?void 0:a.video)==null?void 0:l.playlist)==null?void 0:f.playlistVideoIndex)??((g=a==null?void 0:a.config)==null?void 0:g.playlistVideoIndex)??0;if(i){const C=Math.min(Number(v),r.length-1),_=((x=r[C])==null?void 0:x.hlsUrl)??void 0;return{...s,projectId:n||"vp-player-projectId",video:{...s.video,file:_,playlist:{state:!0,playlistId:"",playlistVideoIndex:String(v),videos:r.map((S,p)=>({videoId:String(p),title:S.title,file:S.hlsUrl,thumbnailUrl:S.thumbnailUrl,duration:S.duration}))}},config:c}}else return{...s,projectId:n||"vp-player-projectId",video:{...s.video,file:((b=r[Number(v)])==null?void 0:b.hlsUrl)||((d=r[0])==null?void 0:d.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:String(v),videos:r.map((_,T)=>({videoId:String(T),title:_.title,file:_.hlsUrl,thumbnailUrl:_.thumbnailUrl,duration:_.duration}))}},config:c}}const u=((h=a==null?void 0:a.video)==null?void 0:h.playlist)||s.video.playlist,m=(y=a==null?void 0:a.video)==null?void 0:y.file;if(m)return{...s,video:{...s.video,file:m,playlist:void 0},config:c};if(u!=null&&u.videos&&u.videos.length>0){const v=u.videos[Number(u.playlistVideoIndex)||0];return{...s,video:{...s.video,file:(v==null?void 0:v.file)||"",playlist:{...u,state:u.state??!0,playlistVideoIndex:u.playlistVideoIndex??0,videos:u.videos}},config:{...s.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},ht=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},mt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:u,isReels:m=!1})=>{const l=P.useRef(null),f=P.useRef(null),{isLoaded:g,error:x}=dt(r,s),b=t||ht(s),[d,h]=P.useState(null),{fetchedPlaybackUrl:y,fetchedPlaylist:v,isLoading:C,error:_}=ft({projectId:a,videoId:b,playlistId:i,videoUrl:n,apiKey:u}),T=$e(e,b),S=P.useMemo(()=>{const p=c.config||{},O=m&&!p.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:p.size||{sizeType:"FIXED",width:"100%"};return{...c,config:{...p,size:O}}},[c,m]);return P.useEffect(()=>{if(x){h(x);return}if(!g||C&&!n)return;let p=!0;const D=setTimeout(async()=>{try{const R=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(ae=>{var pe,he;const Z=ae.id;if(Z!==T)try{const o=R?(pe=window.vpVerticalPlayer)==null?void 0:pe.call(window,Z):(he=window.vpPlayer)==null?void 0:he.call(window,Z);o!=null&&o.destroy&&o.destroy()}catch(o){console.warn(`Failed to destroy existing player ${Z}:`,o)}}),await new Promise(ae=>setTimeout(ae,100)),!p||!l.current)return;if(!document.getElementById(T)){h("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){h("VP Player script not loaded.");return}const z=R?window.vpVerticalPlayer:window.vpPlayer;if(!z){h(`VP ${R?"Vertical ":""}Player script not loaded.`);return}const K=pt({videoUrl:n,fetchedPlaybackUrl:y??void 0,fetchedPlaylist:v??void 0,projectId:a,config:S,isVerticalPlayer:R}),ne=z(T);if(!ne){h(`Failed to create VP ${R?"Vertical ":""}Player instance.`);return}p&&l.current&&(ne.setup(K),f.current=ne,h(null))}catch(R){if(p){const L=R instanceof Error?R.message:String(R);h(L),console.error("VP Player initialization error:",R)}}},150);return()=>{p=!1,clearTimeout(D)}},[g,C,n,y,v,a,S,T,x,s]),P.useEffect(()=>()=>{if(f.current){try{f.current.destroy&&f.current.destroy()}catch(O){console.warn(`Failed to destroy player ${T}:`,O)}f.current=null}const p=document.getElementById(T);p&&(p.innerHTML="")},[T]),{playerRef:l,playerInstanceRef:f,isScriptLoaded:g,isLoading:C,error:_||d||x}},yt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:u,isReels:m=!1,hiddenClasses:l=[],onClose:f,className:g})=>{var D,R,L,X;const{playerRef:x,playerInstanceRef:b,isScriptLoaded:d,isLoading:h,error:y}=mt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c,apiKey:u,isReels:m}),[v,C]=P.useState(!0),_=()=>m&&C(!0),T=()=>{var z,K;C(!1),(K=(z=b.current)==null?void 0:z.play)==null||K.call(z),f==null||f()},S=(R=(D=c==null?void 0:c.config)==null?void 0:D.size)!=null&&R.width?typeof c.config.size.width=="number"?`${c.config.size.width}px`:c.config.size.width:void 0,p=(X=(L=c==null?void 0:c.config)==null?void 0:L.size)!=null&&X.height?typeof c.config.size.height=="number"?`${c.config.size.height}px`:c.config.size.height:void 0,O=$e(e,t);return y?$.jsxs(je,{type:"error",children:["An error occurred: ",y]}):h||!d?$.jsx(je,{type:"loading",children:"Loading..."}):$.jsxs($.Fragment,{children:[m&&!v?$.jsx("div",{onClick:_}):null,!m&&$.jsx("div",{children:$.jsx(Le,{id:O,ref:x,width:S||"100%",height:p||"auto",$hiddenClasses:l,className:g})},O),m&&v&&$.jsx(lt,{onClick:T,className:g,children:$.jsx(ut,{className:g,onClick:z=>z.stopPropagation(),children:$.jsx("div",{children:$.jsx(Le,{id:O,ref:x,width:"100%",height:"auto",$hiddenClasses:l,className:g})},O)})})]})},gt=P.createContext(void 0),_r=({children:e})=>{const[t,r]=P.useState(!1),[n,a]=P.useState(null),[i,s]=P.useState(null),c=P.useCallback(l=>{try{const f=$e(l.playerId,l.videoId);a({...l,playerId:f}),r(!0),s(null)}catch{s("Failed to show player.")}},[]),u=P.useCallback(()=>{r(!1),a(null),s(null)},[]),m=P.useMemo(()=>({showPlayer:c,hidePlayer:u,isPlayerVisible:t,playerParams:n}),[c,u,t,n]);return $.jsxs(gt.Provider,{value:m,children:[e,i&&$.jsx(je,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&$.jsx(yt,{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})]})},Sr=()=>{const e=P.useContext(gt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ar={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,pauseOtherVideos:!0,focusOnAutostart:!1,muted:!0,loop:!1,size:{width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!1,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Cr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Tr={config:{autoplay:!0,muted:!0}},_e={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rr=(e,t,r="time",n=0)=>{var a;return{..._e,video:{..._e.video,ads:{...(a=_e.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Ir="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",jr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",Lr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",$r="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=",Nr="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";A.AD_TAG_LINEAR_URL=$r,A.AD_TAG_SKIPPABLE_LINEAR_URL=Nr,A.BIG_BUCK_BUNNY_URL=Ir,A.ELEPHANTS_DREAM_URL=Or,A.Overlay=lt,A.PEXELS_THUMBNAIL_URL=Lr,A.PEXELS_VERTICAL_VIDEO_URL=jr,A.PlayerContainer=Le,A.PlayerWrapper=ut,A.VPPlayer=yt,A.VPPlayerProvider=_r,A.baseConfig=Cr,A.baseConfigWithAds=_e,A.baseConfigWithAutoplay=Tr,A.buildVPPlayerConfig=pt,A.defaultVPPlayerConfig=Ar,A.extractVideoId=ht,A.getAdConfig=Rr,A.useVPPlayer=Sr,A.useVPPlayerLogic=mt,A.useVPPlayerScript=dt,A.useVideoData=ft,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
+`,br=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,wr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,xr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,$e=(e,t)=>`vp-player-${e||"default"}-${t||""}`,Ne=new Map,dt=(e,t)=>{const[r,n]=k.useState(!1),[a,i]=k.useState(null);return k.useEffect(()=>{let s=null,c,u=0;const m=3;let l;try{l=t||xr(e||"latest")}catch(P){const v=P instanceof Error?P.message:String(P);i(`Failed to resolve script URL: ${v}`),n(!1);return}if(Ne.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){Ne.set(l,!0),n(!0),i(null);return}const g=()=>{s=document.createElement("script"),s.src=l,s.async=!0,c=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),s.onload=()=>{clearTimeout(c),Ne.set(l,!0),n(!0),i(null)},s.onerror=()=>{clearTimeout(c),u++,u<m?setTimeout(g,1e3*u):(n(!1),i(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return g(),()=>{clearTimeout(c),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,t]),{isLoaded:r,error:a}},Pr={},Ee=new Map,kr=3e4,Ve=5,ft=({projectId:e,videoId:t,playlistId:r,videoUrl:n,apiKey:a})=>{const[i,s]=k.useState(null),[c,u]=k.useState(null),[m,l]=k.useState(!1),[f,g]=k.useState(null),P=a||(typeof Pr<"u"?"1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E":void 0);return k.useEffect(()=>{const v=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){s(n||null),u(null),l(!1),g(null);return}if(!P){l(!1),g("No API key provided");return}if(v&&Ee.has(v)){const x=Ee.get(v);s(x.url),u(x.playlist),l(!1),g(null);return}let d=!0;const h=new AbortController,y=h.signal,C=setTimeout(async()=>{var S,T;if(!d)return;l(!0),g(null);let x=0;for(;x<Ve&&d;)try{const p=t&&!r?br(e,t):wr(e,r),O=setTimeout(()=>h.abort(),kr),D=await fetch(p,{method:"GET",headers:{"api-key":P,Accept:"application/json","Cache-Control":"no-cache"},signal:y});if(clearTimeout(O),!D.ok)throw new Error(`Fetch failed with status ${D.status}`);const R=await D.json();if(!d)return;if(t&&!r){const L=(T=(S=R.result)==null?void 0:S.items)==null?void 0:T.find(X=>X.mediaId===t);if(!(L!=null&&L.playbackUrl))throw new Error("Invalid video data");s(L.playbackUrl),u(null),v&&Ee.set(v,{url:L.playbackUrl,playlist:null})}else{if(!Array.isArray(R.result))throw new Error("Invalid playlist format");u(R.result),s(null),v&&Ee.set(v,{url:null,playlist:R.result})}break}catch(p){if(y.aborted){d&&g("Request timed out");break}if(x++,x>=Ve){const O=p instanceof Error?p.message:String(p);d&&g(`Failed after ${Ve} attempts: ${O}`)}else await new Promise(O=>setTimeout(O,2e3))}d&&l(!1)},100);return()=>{d=!1,clearTimeout(C),h.abort()}},[P,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:c,isLoading:m,error:f}},Er={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},pt=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={},isVerticalPlayer:i})=>{var l,f,g,P,v,d,h,y;const s={...Er,...a},c={...s.config,...a.config};if(e)return{...s,video:{...s.video,file:e,playlist:void 0},config:c};if(t)return{...s,video:{...s.video,file:t,playlist:void 0},config:c};if(r&&r.length>0){const b=((f=(l=a==null?void 0:a.video)==null?void 0:l.playlist)==null?void 0:f.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,file:(P=r[0])==null?void 0:P.hlsUrl,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(b),videos:r.slice(1).map((x,S)=>({videoId:String(S+1),title:x.title,file:x.hlsUrl,thumbnailUrl:x.thumbnailUrl,duration:x.duration}))}},config:c}:{...s,projectId:n||"vp-player-projectId",video:{...s.video,file:((v=r[Number(b)])==null?void 0:v.hlsUrl)||((d=r[0])==null?void 0:d.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:Number(b),videos:r.map((x,S)=>({videoId:String(S),title:x.title,file:x.hlsUrl,thumbnailUrl:x.thumbnailUrl,duration:x.duration}))}},config:c}}const u=((h=a==null?void 0:a.video)==null?void 0:h.playlist)||s.video.playlist,m=(y=a==null?void 0:a.video)==null?void 0:y.file;if(m)return{...s,video:{...s.video,file:m,playlist:void 0},config:c};if(u!=null&&u.videos&&u.videos.length>0){const b=u.videos[Number(u.playlistVideoIndex)||0];return{...s,video:{...s.video,file:(b==null?void 0:b.file)||"",playlist:{...u,state:u.state??!0,playlistVideoIndex:Number(u.playlistVideoIndex||0),videos:u.videos}},config:{...s.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},ht=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},mt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:u,isReels:m=!1})=>{const l=k.useRef(null),f=k.useRef(null),{isLoaded:g,error:P}=dt(r,s),v=t||ht(s),[d,h]=k.useState(null),{fetchedPlaybackUrl:y,fetchedPlaylist:b,isLoading:C,error:x}=ft({projectId:a,videoId:v,playlistId:i,videoUrl:n,apiKey:u}),S=$e(e,v),T=k.useMemo(()=>{const p=c.config||{},O=m&&!p.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:p.size||{sizeType:"FIXED",width:"100%"};return{...c,config:{...p,size:O}}},[c,m]);return k.useEffect(()=>{if(P){h(P);return}if(!g||C&&!n)return;let p=!0;const D=setTimeout(async()=>{try{const R=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(ae=>{var pe,he;const Z=ae.id;if(Z!==S)try{const o=R?(pe=window.vpVerticalPlayer)==null?void 0:pe.call(window,Z):(he=window.vpPlayer)==null?void 0:he.call(window,Z);o!=null&&o.destroy&&o.destroy()}catch(o){console.warn(`Failed to destroy existing player ${Z}:`,o)}}),await new Promise(ae=>setTimeout(ae,100)),!p||!l.current)return;if(!document.getElementById(S)){h("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){h("VP Player script not loaded.");return}const z=R?window.vpVerticalPlayer:window.vpPlayer;if(!z){h(`VP ${R?"Vertical ":""}Player script not loaded.`);return}const K=pt({videoUrl:n,fetchedPlaybackUrl:y??void 0,fetchedPlaylist:b??void 0,projectId:a,config:T,isVerticalPlayer:R}),ne=z(S);if(!ne){h(`Failed to create VP ${R?"Vertical ":""}Player instance.`);return}p&&l.current&&(ne.setup(K),f.current=ne,h(null))}catch(R){if(p){const L=R instanceof Error?R.message:String(R);h(L),console.error("VP Player initialization error:",R)}}},150);return()=>{p=!1,clearTimeout(D)}},[g,C,n,y,b,a,T,S,P,s]),k.useEffect(()=>()=>{if(f.current){try{f.current.destroy&&f.current.destroy()}catch(O){console.warn(`Failed to destroy player ${S}:`,O)}f.current=null}const p=document.getElementById(S);p&&(p.innerHTML="")},[S]),{playerRef:l,playerInstanceRef:f,isScriptLoaded:g,isLoading:C,error:x||d||P}},yt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:u,isReels:m=!1,hiddenClasses:l=[],onClose:f,className:g})=>{var D,R,L,X;const{playerRef:P,playerInstanceRef:v,isScriptLoaded:d,isLoading:h,error:y}=mt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c,apiKey:u,isReels:m}),[b,C]=k.useState(!0),x=()=>m&&C(!0),S=()=>{var z,K;C(!1),(K=(z=v.current)==null?void 0:z.play)==null||K.call(z),f==null||f()},T=(R=(D=c==null?void 0:c.config)==null?void 0:D.size)!=null&&R.width?typeof c.config.size.width=="number"?`${c.config.size.width}px`:c.config.size.width:void 0,p=(X=(L=c==null?void 0:c.config)==null?void 0:L.size)!=null&&X.height?typeof c.config.size.height=="number"?`${c.config.size.height}px`:c.config.size.height:void 0,O=$e(e,t);return y?$.jsxs(je,{type:"error",children:["An error occurred: ",y]}):h||!d?$.jsx(je,{type:"loading",children:"Loading..."}):$.jsxs($.Fragment,{children:[m&&!b?$.jsx("div",{onClick:x}):null,!m&&$.jsx("div",{children:$.jsx(Le,{id:O,ref:P,width:T||"100%",height:p||"auto",$hiddenClasses:l,className:g})},O),m&&b&&$.jsx(lt,{onClick:S,className:g,children:$.jsx(ut,{className:g,onClick:z=>z.stopPropagation(),children:$.jsx("div",{children:$.jsx(Le,{id:O,ref:P,width:"100%",height:"auto",$hiddenClasses:l,className:g})},O)})})]})},gt=k.createContext(void 0),_r=({children:e})=>{const[t,r]=k.useState(!1),[n,a]=k.useState(null),[i,s]=k.useState(null),c=k.useCallback(l=>{try{const f=$e(l.playerId,l.videoId);a({...l,playerId:f}),r(!0),s(null)}catch{s("Failed to show player.")}},[]),u=k.useCallback(()=>{r(!1),a(null),s(null)},[]),m=k.useMemo(()=>({showPlayer:c,hidePlayer:u,isPlayerVisible:t,playerParams:n}),[c,u,t,n]);return $.jsxs(gt.Provider,{value:m,children:[e,i&&$.jsx(je,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&$.jsx(yt,{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})]})},Sr=()=>{const e=k.useContext(gt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ar={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,pauseOtherVideos:!0,focusOnAutostart:!1,muted:!0,loop:!1,size:{width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!1,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Cr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Tr={config:{autoplay:!0,muted:!0}},_e={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rr=(e,t,r="time",n=0)=>{var a;return{..._e,video:{..._e.video,ads:{...(a=_e.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Ir="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",jr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",Lr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",$r="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=",Nr="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";A.AD_TAG_LINEAR_URL=$r,A.AD_TAG_SKIPPABLE_LINEAR_URL=Nr,A.BIG_BUCK_BUNNY_URL=Ir,A.ELEPHANTS_DREAM_URL=Or,A.Overlay=lt,A.PEXELS_THUMBNAIL_URL=Lr,A.PEXELS_VERTICAL_VIDEO_URL=jr,A.PlayerContainer=Le,A.PlayerWrapper=ut,A.VPPlayer=yt,A.VPPlayerProvider=_r,A.baseConfig=Cr,A.baseConfigWithAds=_e,A.baseConfigWithAutoplay=Tr,A.buildVPPlayerConfig=pt,A.defaultVPPlayerConfig=Ar,A.extractVideoId=ht,A.getAdConfig=Rr,A.useVPPlayer=Sr,A.useVPPlayerLogic=mt,A.useVPPlayerScript=dt,A.useVideoData=ft,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devix-technologies/react-gjirafa-vp-player",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/react-gjirafa-vp-player.umd.js",
   "module": "./dist/react-gjirafa-vp-player.es.js",