@devix-technologies/react-gjirafa-vp-player 1.0.15 → 1.0.17

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

@@ -100,11 +100,11 @@ function xt() {
       }
       if (v) {
         v = console;
-        var T = v.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var T = v.error, F = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return T.call(
           v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          L
+          F
         ), t(o);
       }
     }
@@ -151,7 +151,7 @@ function xt() {
         "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, v, T, L, te, G, _e, Se) {
+    function m(o, v, T, F, te, G, _e, Se) {
       return T = G.ref, o = {
         $$typeof: x,
         type: o,
@@ -183,13 +183,13 @@ function xt() {
         value: Se
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, v, T, L, te, G, _e, Se) {
+    function l(o, v, T, F, te, G, _e, Se) {
       var V = v.children;
       if (V !== void 0)
-        if (L)
+        if (F)
           if (j(V)) {
-            for (L = 0; L < V.length; L++)
-              p(V[L]);
+            for (F = 0; F < V.length; F++)
+              p(V[F]);
             Object.freeze && Object.freeze(V);
           } else
             console.error(
@@ -201,18 +201,18 @@ function xt() {
         var re = Object.keys(v).filter(function(mt) {
           return mt !== "key";
         });
-        L = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ee[V + L] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ee[V + F] || (re = 0 < re.length ? "{" + re.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} />`,
-          L,
+          F,
           V,
           re,
           V
-        ), ee[V + L] = !0);
+        ), ee[V + F] = !0);
       }
       if (V = null, T !== void 0 && (r(T), V = "" + T), s(v) && (r(v.key), V = "" + v.key), "key" in v) {
         T = {};
@@ -248,26 +248,26 @@ React keys must be passed directly to JSX without using spread:
       b,
       i
     )(), Q = U(n(i)), ee = {};
-    ce.Fragment = f, ce.jsx = function(o, v, T, L, te) {
+    ce.Fragment = f, ce.jsx = function(o, v, T, F, te) {
       var G = 1e4 > $.recentlyCreatedOwnerStacks++;
       return l(
         o,
         v,
         T,
         !1,
-        L,
+        F,
         te,
         G ? Error("react-stack-top-frame") : J,
         G ? U(n(o)) : Q
       );
-    }, ce.jsxs = function(o, v, T, L, te) {
+    }, ce.jsxs = function(o, v, T, F, te) {
       var G = 1e4 > $.recentlyCreatedOwnerStacks++;
       return l(
         o,
         v,
         T,
         !0,
-        L,
+        F,
         te,
         G ? Error("react-stack-top-frame") : J,
         G ? U(n(o)) : Q
@@ -329,9 +329,9 @@ var Et = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), B = "-ms-", we = "-moz-", k = "-webkit-", nt = "comm", Fe = "rule", Le = "decl", _t = "@import", at = "@keyframes", St = "@layer", Rt = Math.abs, ke = String.fromCharCode, At = Object.assign;
+}(), B = "-ms-", we = "-moz-", k = "-webkit-", nt = "comm", Le = "rule", Fe = "decl", _t = "@import", at = "@keyframes", St = "@layer", Rt = Math.abs, ke = String.fromCharCode, At = Object.assign;
 function Ct(e, t) {
-  return F(e, 0) ^ 45 ? (((t << 2 ^ F(e, 0)) << 2 ^ F(e, 1)) << 2 ^ F(e, 2)) << 2 ^ F(e, 3) : 0;
+  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
 }
 function it(e) {
   return e.trim();
@@ -345,7 +345,7 @@ function P(e, t, r) {
 function je(e, t) {
   return e.indexOf(t);
 }
-function F(e, t) {
+function L(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function de(e, t, r) {
@@ -374,13 +374,13 @@ function Ot() {
   return O;
 }
 function jt() {
-  return O = M > 0 ? F(oe, --M) : 0, ae--, O === 10 && (ae = 1, Pe--), O;
+  return O = M > 0 ? L(oe, --M) : 0, ae--, O === 10 && (ae = 1, Pe--), O;
 }
 function z() {
-  return O = M < ot ? F(oe, M++) : 0, ae++, O === 10 && (ae = 1, Pe++), O;
+  return O = M < ot ? L(oe, M++) : 0, ae++, O === 10 && (ae = 1, Pe++), O;
 }
 function K() {
-  return F(oe, M);
+  return L(oe, M);
 }
 function ge() {
   return M;
@@ -467,13 +467,13 @@ function $e(e) {
     }
   return M;
 }
-function Ft(e, t) {
+function Lt(e, t) {
   for (; z() && e + O !== 57; )
     if (e + O === 84 && K() === 47)
       break;
   return "/*" + he(t, M - 1) + "*" + ke(e === 47 ? e : z());
 }
-function Lt(e) {
+function Ft(e) {
   for (; !fe(K()); )
     z();
   return he(e, M);
@@ -486,7 +486,7 @@ function be(e, t, r, n, a, i, s, c, u) {
     switch (g = w, w = z()) {
       // (
       case 40:
-        if (g != 108 && F(d, p - 1) == 58) {
+        if (g != 108 && L(d, p - 1) == 58) {
           je(d += P(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
@@ -512,7 +512,7 @@ function be(e, t, r, n, a, i, s, c, u) {
         switch (K()) {
           case 42:
           case 47:
-            ye(Bt(Ft(z(), ge()), t, r), u);
+            ye(Bt(Lt(z(), ge()), t, r), u);
             break;
           default:
             d += "/";
@@ -543,7 +543,7 @@ function be(e, t, r, n, a, i, s, c, u) {
               if (l === 0)
                 be(d, t, R, R, A, i, p, c, S);
               else
-                switch (b === 99 && F(d, 3) === 110 ? 100 : b) {
+                switch (b === 99 && L(d, 3) === 110 ? 100 : b) {
                   // d l m s
                   case 100:
                   case 108:
@@ -578,7 +578,7 @@ function be(e, t, r, n, a, i, s, c, u) {
             break;
           // @
           case 64:
-            K() === 45 && (d += ve(z())), b = K(), l = p = H(_ = d += Lt(ge())), w++;
+            K() === 45 && (d += ve(z())), b = K(), l = p = H(_ = d += Ft(ge())), w++;
             break;
           // -
           case 45:
@@ -591,13 +591,13 @@ function Ye(e, t, r, n, a, i, s, c, u, m, l) {
   for (var p = a - 1, b = a === 0 ? i : [""], x = Ve(b), g = 0, f = 0, h = 0; g < n; ++g)
     for (var y = 0, w = de(e, p + 1, p = Rt(f = s[g])), _ = e; y < x; ++y)
       (_ = it(f > 0 ? b[y] + " " + w : P(w, /&\f/g, b[y]))) && (u[h++] = _);
-  return Ee(e, t, r, a === 0 ? Fe : c, u, m, l);
+  return Ee(e, t, r, a === 0 ? Le : c, u, m, l);
 }
 function Bt(e, t, r) {
   return Ee(e, t, r, nt, ke(Ot()), de(e, 2, -2), 0);
 }
 function qe(e, t, r, n) {
-  return Ee(e, t, r, Le, de(e, 0, n), de(e, n + 1, -1), n);
+  return Ee(e, t, r, Fe, de(e, 0, n), de(e, n + 1, -1), n);
 }
 function ne(e, t) {
   for (var r = "", n = Ve(e), a = 0; a < n; a++)
@@ -609,13 +609,13 @@ function Mt(e, t, r, n) {
     case St:
       if (e.children.length) break;
     case _t:
-    case Le:
+    case Fe:
       return e.return = e.return || e.value;
     case nt:
       return "";
     case at:
       return e.return = e.value + "{" + ne(e.children, n) + "}";
-    case Fe:
+    case Le:
       e.value = e.props.join(",");
   }
   return H(r = ne(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
@@ -786,13 +786,13 @@ function ut(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (H(e) - 1 - t > 6) switch (F(e, t + 1)) {
+      if (H(e) - 1 - t > 6) switch (L(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (F(e, t + 4) !== 45) break;
+          if (L(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (F(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
           return ~je(e, "stretch") ? ut(P(e, "stretch", "fill-available"), t) + e : e;
@@ -800,21 +800,21 @@ function ut(e, t) {
       break;
     // position: sticky
     case 4949:
-      if (F(e, t + 1) !== 115) break;
+      if (L(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (F(e, H(e) - 3 - (~je(e, "!important") && 10))) {
+      switch (L(e, H(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return P(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (F(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + B + "$2box$3") + e;
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + B + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (F(e, t + 11)) {
+      switch (L(e, t + 11)) {
         // vertical-l(r)
         case 114:
           return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
@@ -831,14 +831,14 @@ function ut(e, t) {
 }
 var Ht = function(t, r, n, a) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case Le:
+    case Fe:
       t.return = ut(t.value, t.length);
       break;
     case at:
       return ne([le(t, {
         value: P(t.value, "@", "@" + k)
       })], a);
-    case Fe:
+    case Le:
       if (t.length) return It(t.props, function(i) {
         switch (Tt(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
@@ -1402,31 +1402,15 @@ const vr = ie.div`
 `, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => N.jsxs(vr, { type: e, className: r, children: [n && N.jsx("span", { children: n }), N.jsx("span", { children: t }), a && N.jsx("span", { children: a })] }), Qe = ie.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
-  border-radius: 0px !important; /* Force remove rounded corners */
-  box-shadow: none !important; /* Force remove shadow */
+  border-radius: 0px !important; /* Force remove rounded corners on container */
+  box-shadow: none !important;   /* Remove default border/halo */
+  border: none !important;
+  background: transparent !important;
   position: relative;
   z-index: 1002;
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
-    
-  /* Remove rounded corners from all child elements */
-  * {
-    border-radius: 0px !important;
-  }
-  
-  /* Remove rounded corners from video element */
-  video {
-    border-radius: 0px !important;
-  }
-  
-  /* Remove rounded corners from control elements */
-  [class*="control"],
-  [class*="button"],
-  button,
-  [role="button"] {
-    border-radius: 0px !important;
-  }
 `, br = ie.div`
   position: fixed;
   top: 0;
@@ -1440,17 +1424,17 @@ const vr = ie.div`
   z-index: 1000;
   pointer-events: auto;
 `, xr = ie.div`
- position: relative;
- width: 100%; /* Default for mobile */
- max-width: 100%;
- aspect-ratio: 9/16;
- height: auto;
- z-index: 1001;
+  position: relative;
+  width: min(360px, 100%);
+  max-width: 360px;
+  aspect-ratio: 9 / 16;
+  height: auto;
+  z-index: 1001;
 
- /* Desktop styles (min-width: 768px) */
- @media (min-width: 768px) {
-   width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
- }
+  @media (max-width: 420px) {
+    width: 100%;
+    max-width: 100%;
+  }
 `, wr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, et = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, kr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`, Pr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Be = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Ce = /* @__PURE__ */ new Map(), Er = (e, t) => {
   const [r, n] = Y(!1), [a, i] = Y(null);
   return xe(() => {
@@ -1912,7 +1896,7 @@ const vr = ie.div`
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-}, Fr = {
+}, Lr = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1945,7 +1929,7 @@ const vr = ie.div`
       shareButton: !0
     }
   }
-}, Lr = {
+}, Fr = {
   config: {
     autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
     muted: !0
@@ -1998,11 +1982,11 @@ export {
   xr as PlayerWrapper,
   Or as VPPlayer,
   $r as VPPlayerProvider,
-  Lr as baseConfig,
+  Fr as baseConfig,
   Ie as baseConfigWithAds,
   Vr as baseConfigWithAutoplay,
   Cr as buildVPPlayerConfig,
-  Fr as defaultVPPlayerConfig,
+  Lr as defaultVPPlayerConfig,
   Tr as extractVideoId,
   Br as getAdConfig,
   Nr as useVPPlayer,

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

@@ -50,31 +50,15 @@ React keys must be passed directly to JSX without using spread:
 `,je=({type:e,children:t,className:r,icon:n,action:a})=>N.jsxs(vr,{type:e,className:r,children:[n&&N.jsx("span",{children:n}),N.jsx("span",{children:t}),a&&N.jsx("span",{children:a})]}),$e=oe.div`
   width: ${({width:e})=>e||"100%"};
   height: ${({height:e})=>e||"100%"};
-  border-radius: 0px !important; /* Force remove rounded corners */
-  box-shadow: none !important; /* Force remove shadow */
+  border-radius: 0px !important; /* Force remove rounded corners on container */
+  box-shadow: none !important;   /* Remove default border/halo */
+  border: none !important;
+  background: transparent !important;
   position: relative;
   z-index: 1002;
 
   /* Hide specific elements inside the player */
   ${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(t=>`.${t} { display: none !important; }`).join("")}
-    
-  /* Remove rounded corners from all child elements */
-  * {
-    border-radius: 0px !important;
-  }
-  
-  /* Remove rounded corners from video element */
-  video {
-    border-radius: 0px !important;
-  }
-  
-  /* Remove rounded corners from control elements */
-  [class*="control"],
-  [class*="button"],
-  button,
-  [role="button"] {
-    border-radius: 0px !important;
-  }
 `,lt=oe.div`
   position: fixed;
   top: 0;
@@ -88,15 +72,15 @@ React keys must be passed directly to JSX without using spread:
   z-index: 1000;
   pointer-events: auto;
 `,ut=oe.div`
- position: relative;
- width: 100%; /* Default for mobile */
- max-width: 100%;
- aspect-ratio: 9/16;
- height: auto;
- z-index: 1001;
+  position: relative;
+  width: min(360px, 100%);
+  max-width: 360px;
+  aspect-ratio: 9 / 16;
+  height: auto;
+  z-index: 1001;
 
- /* Desktop styles (min-width: 768px) */
- @media (min-width: 768px) {
-   width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
- }
+  @media (max-width: 420px) {
+    width: 100%;
+    max-width: 100%;
+  }
 `,wr=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,dt=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,xr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`,Pr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,Le=(e,t)=>`vp-player-${e||"default"}-${t||""}`,Ne=new Map,ft=(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||Pr(e||"latest")}catch(w){const g=w instanceof Error?w.message:String(w);i(`Failed to resolve script URL: ${g}`),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 v=()=>{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(v,1e3*u):(n(!1),i(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return v(),()=>{clearTimeout(c),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,t]),{isLoaded:r,error:a}},kr={},me=new Map,Er=3e4,Ve=5,pt=({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),[p,v]=P.useState(null),w=a||(typeof kr<"u"?"1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E":void 0);return P.useEffect(()=>{const g=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){s(n||null),u(null),l(!1),v(null);return}if(!w){l(!1),v("No API key provided");return}if(g&&me.has(g)){const R=me.get(g);s(R.url),u(R.playlist),l(!1),v(null);return}let f=!0;const h=new AbortController,y=h.signal,A=setTimeout(async()=>{var C,T,d,$;if(!f)return;l(!0),v(null);let R=0;for(;R<Ve&&f;)try{const I=t&&!r?wr(e,t):dt(e,r),_=setTimeout(()=>h.abort(),Er),V=await fetch(I,{method:"GET",headers:{"api-key":w,Accept:"application/json","Cache-Control":"no-cache"},signal:y});if(clearTimeout(_),!V.ok)throw new Error(`Fetch failed with status ${V.status}`);const Y=await V.json();if(!f)return;if(t&&!r){const L=(T=(C=Y.result)==null?void 0:C.items)==null?void 0:T.find(W=>W.mediaId===t);if(!(L!=null&&L.playbackUrl))throw new Error("Invalid video data");s(L.playbackUrl),u(null),g&&me.set(g,{url:L.playbackUrl,playlist:null})}else{if(!Array.isArray(Y.result))throw new Error("Invalid playlist format");const L=xr(e,r),W=await fetch(L,{method:"GET",headers:{"api-key":w,Accept:"application/json","Cache-Control":"no-cache"},signal:y});if(W.ok){const K=await W.json();let G=[...Y.result];if((d=K.result)!=null&&d.playlistBackupState&&(($=K.result)!=null&&$.playlistBackupId)){const Q=dt(e,K.result.playlistBackupId),ee=await fetch(Q,{method:"GET",headers:{"api-key":w,Accept:"application/json","Cache-Control":"no-cache"},signal:y});if(ee.ok){const te=await ee.json();if(Array.isArray(te.result)){const o=te.result.map(b=>({...b,isBackupPlaylist:!0}));G=[...G,...o]}}}u(G),s(null),g&&me.set(g,{url:null,playlist:G})}else u(Y.result),s(null),g&&me.set(g,{url:null,playlist:Y.result})}break}catch(I){if(y.aborted){f&&v("Request timed out");break}if(R++,R>=Ve){const _=I instanceof Error?I.message:String(I);f&&v(`Failed after ${Ve} attempts: ${_}`)}else await new Promise(_=>setTimeout(_,2e3))}f&&l(!1)},100);return()=>{f=!1,clearTimeout(A),h.abort()}},[w,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:c,isLoading:m,error:p}},_r={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}}},ht=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={},isVerticalPlayer:i})=>{var l,p,v,w,g,f,h,y,x,A,R,C,T;const s={..._r,...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 d=((p=(l=a==null?void 0:a.video)==null?void 0:l.playlist)==null?void 0:p.playlistVideoIndex)??((v=a==null?void 0:a.config)==null?void 0:v.playlistVideoIndex)??0;return i?{...s,projectId:n||"vp-player-projectId",video:{...s.video,file:(w=r[0])==null?void 0:w.hlsUrl,title:(g=r[0])==null?void 0:g.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(d),videos:r.slice(1).map((I,_)=>({videoId:String(_+1),title:I.title,file:I.hlsUrl,thumbnailUrl:I.thumbnailUrl,duration:I.duration}))}},config:c}:{...s,projectId:n||"vp-player-projectId",video:{...s.video,file:((f=r[Number(d)])==null?void 0:f.hlsUrl)||((h=r[0])==null?void 0:h.hlsUrl)||"",title:((y=r[Number(d)])==null?void 0:y.title)||((x=r[0])==null?void 0:x.title),thumbnail:((A=r[Number(d)])==null?void 0:A.thumbnailUrl)||((R=r[0])==null?void 0:R.thumbnailUrl),playlist:{state:!0,playlistVideoIndex:Number(d),videos:r.map((I,_)=>({videoId:String(_),title:I.title,file:I.hlsUrl,thumbnailUrl:I.thumbnailUrl,duration:I.duration}))}},config:c}}const u=((C=a==null?void 0:a.video)==null?void 0:C.playlist)||s.video.playlist,m=(T=a==null?void 0:a.video)==null?void 0:T.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 d=u.videos[Number(u.playlistVideoIndex)||0];return{...s,video:{...s.video,file:(d==null?void 0:d.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.")},mt=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},yt=({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),p=P.useRef(null),{isLoaded:v,error:w}=ft(r,s),g=t||mt(s),[f,h]=P.useState(null),{fetchedPlaybackUrl:y,fetchedPlaylist:x,isLoading:A,error:R}=pt({projectId:a,videoId:g,playlistId:i,videoUrl:n,apiKey:u}),C=Le(e,g),T=P.useMemo(()=>{const d=c.config||{},$=m&&!d.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:d.size||{sizeType:"FIXED",width:"100%"};return{...c,config:{...d,size:$}}},[c,m]);return P.useEffect(()=>{if(w){h(w);return}if(!v||A&&!n)return;let d=!0;const I=setTimeout(async()=>{try{const _=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(G=>{var ee,te;const Q=G.id;if(Q!==C)try{const o=_?(ee=window.vpVerticalPlayer)==null?void 0:ee.call(window,Q):(te=window.vpPlayer)==null?void 0:te.call(window,Q);o!=null&&o.destroy&&o.destroy()}catch(o){console.warn(`Failed to destroy existing player ${Q}:`,o)}}),await new Promise(G=>setTimeout(G,100)),!d||!l.current)return;if(!document.getElementById(C)){h("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){h("VP Player script not loaded.");return}const L=_?window.vpVerticalPlayer:window.vpPlayer;if(!L){h(`VP ${_?"Vertical ":""}Player script not loaded.`);return}const W=ht({videoUrl:n,fetchedPlaybackUrl:y??void 0,fetchedPlaylist:x??void 0,projectId:a,config:T,isVerticalPlayer:_}),K=L(C);if(!K){h(`Failed to create VP ${_?"Vertical ":""}Player instance.`);return}d&&l.current&&(K.setup(W),p.current=K,h(null))}catch(_){if(d){const V=_ instanceof Error?_.message:String(_);h(V),console.error("VP Player initialization error:",_)}}},150);return()=>{d=!1,clearTimeout(I)}},[v,A,n,y,x,a,T,C,w,s]),P.useEffect(()=>()=>{if(p.current){try{p.current.destroy&&p.current.destroy()}catch($){console.warn(`Failed to destroy player ${C}:`,$)}p.current=null}const d=document.getElementById(C);d&&(d.innerHTML="")},[C]),{playerRef:l,playerInstanceRef:p,isScriptLoaded:v,isLoading:A,error:R||f||w}},gt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:u,isReels:m=!1,hiddenClasses:l=[],onClose:p,className:v})=>{var I,_,V,Y;const{playerRef:w,playerInstanceRef:g,isScriptLoaded:f,isLoading:h,error:y}=yt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c,apiKey:u,isReels:m}),[x,A]=P.useState(!0),R=()=>m&&A(!0),C=()=>{var L,W;A(!1),(W=(L=g.current)==null?void 0:L.play)==null||W.call(L),p==null||p()},T=(_=(I=c==null?void 0:c.config)==null?void 0:I.size)!=null&&_.width?typeof c.config.size.width=="number"?`${c.config.size.width}px`:c.config.size.width:void 0,d=(Y=(V=c==null?void 0:c.config)==null?void 0:V.size)!=null&&Y.height?typeof c.config.size.height=="number"?`${c.config.size.height}px`:c.config.size.height:void 0,$=Le(e,t);return y?N.jsxs(je,{type:"error",children:["An error occurred: ",y]}):h||!f?N.jsx(je,{type:"loading",children:"Loading..."}):N.jsxs(N.Fragment,{children:[m&&!x?N.jsx("div",{onClick:R}):null,!m&&N.jsx("div",{children:N.jsx($e,{id:$,ref:w,width:T||"100%",height:d||"auto",$hiddenClasses:l,className:v})},$),m&&x&&N.jsx(lt,{onClick:C,className:v,children:N.jsx(ut,{className:v,onClick:L=>L.stopPropagation(),children:N.jsx("div",{children:N.jsx($e,{id:$,ref:w,width:"100%",height:"auto",$hiddenClasses:l,className:v})},$)})})]})},bt=P.createContext(void 0),Sr=({children:e})=>{const[t,r]=P.useState(!1),[n,a]=P.useState(null),[i,s]=P.useState(null),c=P.useCallback(l=>{try{const p=Le(l.playerId,l.videoId);a({...l,playerId:p}),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 N.jsxs(bt.Provider,{value:m,children:[e,i&&N.jsx(je,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&N.jsx(gt,{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})]})},Ar=()=>{const e=P.useContext(bt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Cr={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}}},Tr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Rr={config:{autoplay:!0,muted:!0}},_e={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Ir=(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}]}}}},Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",jr="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",$r="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",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%3Dlinear&correlator=",Vr="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=";S.AD_TAG_LINEAR_URL=Nr,S.AD_TAG_SKIPPABLE_LINEAR_URL=Vr,S.BIG_BUCK_BUNNY_URL=Or,S.ELEPHANTS_DREAM_URL=jr,S.Overlay=lt,S.PEXELS_THUMBNAIL_URL=Lr,S.PEXELS_VERTICAL_VIDEO_URL=$r,S.PlayerContainer=$e,S.PlayerWrapper=ut,S.VPPlayer=gt,S.VPPlayerProvider=Sr,S.baseConfig=Tr,S.baseConfigWithAds=_e,S.baseConfigWithAutoplay=Rr,S.buildVPPlayerConfig=ht,S.defaultVPPlayerConfig=Cr,S.extractVideoId=mt,S.getAdConfig=Ir,S.useVPPlayer=Ar,S.useVPPlayerLogic=yt,S.useVPPlayerScript=ft,S.useVideoData=pt,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});

package/package.json

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