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

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

@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var cr;function zr(){if(cr)return Re;cr=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(i,a,n){var s=null;if(n!==void 0&&(s=""+n),a.key!==void 0&&(s=""+a.key),"key"in a){n={};for(var u in a)u!=="key"&&(n[u]=a[u])}else n=a;return a=n.ref,{$$typeof:e,type:i,key:s,ref:a!==void 0?a:null,props:n}}return Re.Fragment=r,Re.jsx=t,Re.jsxs=t,Re}var ke={};/**
+ */var cr;function zr(){if(cr)return Re;cr=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(i,o,n){var s=null;if(n!==void 0&&(s=""+n),o.key!==void 0&&(s=""+o.key),"key"in o){n={};for(var u in o)u!=="key"&&(n[u]=o[u])}else n=o;return o=n.ref,{$$typeof:e,type:i,key:s,ref:o!==void 0?o:null,props:n}}return Re.Fragment=r,Re.jsx=t,Re.jsxs=t,Re}var ke={};/**
  * @license React
  * react-jsx-runtime.development.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 dr;function qr(){return dr||(dr=1,process.env.NODE_ENV!=="production"&&(function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===v?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case g:return"Fragment";case E:return"Profiler";case _:return"StrictMode";case I:return"Suspense";case b:return"SuspenseList";case S: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 h:return"Portal";case M:return o.displayName||"Context";case $:return(o._context.displayName||"Context")+".Consumer";case V:var l=o.render;return o=o.displayName,o||(o=l.displayName||l.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case Z:return l=o.displayName||null,l!==null?l:e(o.type)||"Memo";case H:l=o._payload,o=o._init;try{return e(o(l))}catch{}}return null}function r(o){return""+o}function t(o){try{r(o);var l=!1}catch{l=!0}if(l){l=console;var d=l.error,D=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return d.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",D),r(o)}}function i(o){if(o===g)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===H)return"<...>";try{var l=e(o);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function a(){var o=A.A;return o===null?null:o.getOwner()}function n(){return Error("react-stack-top-frame")}function s(o){if(q.call(o,"key")){var l=Object.getOwnPropertyDescriptor(o,"key").get;if(l&&l.isReactWarning)return!1}return o.key!==void 0}function u(o,l){function d(){N||(N=!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)",l))}d.isReactWarning=!0,Object.defineProperty(o,"key",{get:d,configurable:!0})}function f(){var o=e(this.type);return z[o]||(z[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,l,d,D,J,fe){var L=d.ref;return o={$$typeof:w,type:o,key:l,props:d,_owner:D},(L!==void 0?L:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:f}):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:J}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:fe}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function c(o,l,d,D,J,fe){var L=l.children;if(L!==void 0)if(D)if(X(L)){for(D=0;D<L.length;D++)p(L[D]);Object.freeze&&Object.freeze(L)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(L);if(q.call(l,"key")){L=e(o);var te=Object.keys(l).filter(function(ae){return ae!=="key"});D=0<te.length?"{key: someKey, "+te.join(": ..., ")+": ...}":"{key: someKey}",W[L+D]||(te=0<te.length?"{"+te.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var dr;function qr(){return dr||(dr=1,process.env.NODE_ENV!=="production"&&(function(){function e(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===v?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case g:return"Fragment";case E:return"Profiler";case _:return"StrictMode";case I:return"Suspense";case b:return"SuspenseList";case S:return"Activity"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case h:return"Portal";case M:return a.displayName||"Context";case $:return(a._context.displayName||"Context")+".Consumer";case V:var l=a.render;return a=a.displayName,a||(a=l.displayName||l.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case Z:return l=a.displayName||null,l!==null?l:e(a.type)||"Memo";case X:l=a._payload,a=a._init;try{return e(a(l))}catch{}}return null}function r(a){return""+a}function t(a){try{r(a);var l=!1}catch{l=!0}if(l){l=console;var d=l.error,D=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return d.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",D),r(a)}}function i(a){if(a===g)return"<>";if(typeof a=="object"&&a!==null&&a.$$typeof===X)return"<...>";try{var l=e(a);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function o(){var a=T.A;return a===null?null:a.getOwner()}function n(){return Error("react-stack-top-frame")}function s(a){if(q.call(a,"key")){var l=Object.getOwnPropertyDescriptor(a,"key").get;if(l&&l.isReactWarning)return!1}return a.key!==void 0}function u(a,l){function d(){N||(N=!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)",l))}d.isReactWarning=!0,Object.defineProperty(a,"key",{get:d,configurable:!0})}function f(){var a=e(this.type);return z[a]||(z[a]=!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.")),a=this.props.ref,a!==void 0?a:null}function m(a,l,d,D,J,fe){var L=d.ref;return a={$$typeof:w,type:a,key:l,props:d,_owner:D},(L!==void 0?L:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:f}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(a,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.defineProperty(a,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:fe}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function c(a,l,d,D,J,fe){var L=l.children;if(L!==void 0)if(D)if(W(L)){for(D=0;D<L.length;D++)p(L[D]);Object.freeze&&Object.freeze(L)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(L);if(q.call(l,"key")){L=e(a);var te=Object.keys(l).filter(function(oe){return oe!=="key"});D=0<te.length?"{key: someKey, "+te.join(": ..., ")+": ...}":"{key: someKey}",Y[L+D]||(te=0<te.length?"{"+te.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} />`,D,L,te,L),W[L+D]=!0)}if(L=null,d!==void 0&&(t(d),L=""+d),s(l)&&(t(l.key),L=""+l.key),"key"in l){d={};for(var pe in l)pe!=="key"&&(d[pe]=l[pe])}else d=l;return L&&u(d,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,L,d,a(),J,fe)}function p(o){x(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===H&&(o._payload.status==="fulfilled"?x(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function x(o){return typeof o=="object"&&o!==null&&o.$$typeof===w}var P=y,w=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),M=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),v=Symbol.for("react.client.reference"),A=P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,X=Array.isArray,B=console.createTask?console.createTask:function(){return null};P={react_stack_bottom_frame:function(o){return o()}};var N,z={},O=P.react_stack_bottom_frame.bind(P,n)(),ee=B(i(n)),W={};ke.Fragment=g,ke.jsx=function(o,l,d){var D=1e4>A.recentlyCreatedOwnerStacks++;return c(o,l,d,!1,D?Error("react-stack-top-frame"):O,D?B(i(o)):ee)},ke.jsxs=function(o,l,d){var D=1e4>A.recentlyCreatedOwnerStacks++;return c(o,l,d,!0,D?Error("react-stack-top-frame"):O,D?B(i(o)):ee)}})()),ke}var fr;function Wr(){return fr||(fr=1,process.env.NODE_ENV==="production"?De.exports=zr():De.exports=qr()),De.exports}var Q=Wr();function Je(){return Je=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Je.apply(null,arguments)}function Yr(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function Gr(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var Hr=(function(){function e(t){var i=this;this._insertTag=function(a){var n;i.tags.length===0?i.insertionPoint?n=i.insertionPoint.nextSibling:i.prepend?n=i.container.firstChild:n=i.before:n=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(a,n),i.tags.push(a)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(i){i.forEach(this._insertTag)},r.insert=function(i){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Gr(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Yr(a);try{n.insertRule(i,n.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(i));this.ctr++},r.flush=function(){this.tags.forEach(function(i){var a;return(a=i.parentNode)==null?void 0:a.removeChild(i)}),this.tags=[],this.ctr=0},e})(),ie="-ms-",Fe="-moz-",C="-webkit-",pr="comm",Ke="rule",Qe="decl",Xr="@import",hr="@keyframes",Jr="@layer",Kr=Math.abs,Me=String.fromCharCode,Qr=Object.assign;function Zr(e,r){return re(e,0)^45?(((r<<2^re(e,0))<<2^re(e,1))<<2^re(e,2))<<2^re(e,3):0}function mr(e){return e.trim()}function et(e,r){return(e=r.exec(e))?e[0]:e}function R(e,r,t){return e.replace(r,t)}function Ze(e,r){return e.indexOf(r)}function re(e,r){return e.charCodeAt(r)|0}function Ve(e,r,t){return e.slice(r,t)}function he(e){return e.length}function er(e){return e.length}function Ue(e,r){return r.push(e),e}function rt(e,r){return e.map(r).join("")}var Be=1,we=1,yr=0,se=0,G=0,Se="";function ze(e,r,t,i,a,n,s){return{value:e,root:r,parent:t,type:i,props:a,children:n,line:Be,column:we,length:s,return:""}}function Oe(e,r){return Qr(ze("",null,null,"",null,null,0),e,{length:-e.length},r)}function tt(){return G}function nt(){return G=se>0?re(Se,--se):0,we--,G===10&&(we=1,Be--),G}function ce(){return G=se<yr?re(Se,se++):0,we++,G===10&&(we=1,Be++),G}function me(){return re(Se,se)}function qe(){return se}function Le(e,r){return Ve(Se,e,r)}function je(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 vr(e){return Be=we=1,yr=he(Se=e),se=0,[]}function gr(e){return Se="",e}function We(e){return mr(Le(se-1,rr(e===91?e+2:e===40?e+1:e)))}function it(e){for(;(G=me())&&G<33;)ce();return je(e)>2||je(G)>3?"":" "}function at(e,r){for(;--r&&ce()&&!(G<48||G>102||G>57&&G<65||G>70&&G<97););return Le(e,qe()+(r<6&&me()==32&&ce()==32))}function rr(e){for(;ce();)switch(G){case e:return se;case 34:case 39:e!==34&&e!==39&&rr(G);break;case 40:e===41&&rr(e);break;case 92:ce();break}return se}function ot(e,r){for(;ce()&&e+G!==57;)if(e+G===84&&me()===47)break;return"/*"+Le(r,se-1)+"*"+Me(e===47?e:ce())}function st(e){for(;!je(me());)ce();return Le(e,se)}function lt(e){return gr(Ye("",null,null,null,[""],e=vr(e),0,[0],e))}function Ye(e,r,t,i,a,n,s,u,f){for(var m=0,c=0,p=s,x=0,P=0,w=0,h=1,g=1,_=1,E=0,$="",M=a,V=n,I=i,b=$;g;)switch(w=E,E=ce()){case 40:if(w!=108&&re(b,p-1)==58){Ze(b+=R(We(E),"&","&\f"),"&\f")!=-1&&(_=-1);break}case 34:case 39:case 91:b+=We(E);break;case 9:case 10:case 13:case 32:b+=it(w);break;case 92:b+=at(qe()-1,7);continue;case 47:switch(me()){case 42:case 47:Ue(ut(ot(ce(),qe()),r,t),f);break;default:b+="/"}break;case 123*h:u[m++]=he(b)*_;case 125*h:case 59:case 0:switch(E){case 0:case 125:g=0;case 59+c:_==-1&&(b=R(b,/\f/g,"")),P>0&&he(b)-p&&Ue(P>32?xr(b+";",i,t,p-1):xr(R(b," ","")+";",i,t,p-2),f);break;case 59:b+=";";default:if(Ue(I=Pr(b,r,t,m,c,a,u,$,M=[],V=[],p),n),E===123)if(c===0)Ye(b,r,I,I,M,n,p,u,V);else switch(x===99&&re(b,3)===110?100:x){case 100:case 108:case 109:case 115:Ye(e,I,I,i&&Ue(Pr(e,I,I,0,0,a,u,$,a,M=[],p),V),a,V,p,u,i?M:V);break;default:Ye(b,I,I,I,[""],V,0,u,V)}}m=c=P=0,h=_=1,$=b="",p=s;break;case 58:p=1+he(b),P=w;default:if(h<1){if(E==123)--h;else if(E==125&&h++==0&&nt()==125)continue}switch(b+=Me(E),E*h){case 38:_=c>0?1:(b+="\f",-1);break;case 44:u[m++]=(he(b)-1)*_,_=1;break;case 64:me()===45&&(b+=We(ce())),x=me(),c=p=he($=b+=st(qe())),E++;break;case 45:w===45&&he(b)==2&&(h=0)}}return n}function Pr(e,r,t,i,a,n,s,u,f,m,c){for(var p=a-1,x=a===0?n:[""],P=er(x),w=0,h=0,g=0;w<i;++w)for(var _=0,E=Ve(e,p+1,p=Kr(h=s[w])),$=e;_<P;++_)($=mr(h>0?x[_]+" "+E:R(E,/&\f/g,x[_])))&&(f[g++]=$);return ze(e,r,t,a===0?Ke:u,f,m,c)}function ut(e,r,t){return ze(e,r,t,pr,Me(tt()),Ve(e,2,-2),0)}function xr(e,r,t,i){return ze(e,r,t,Qe,Ve(e,0,i),Ve(e,i+1,-1),i)}function Ie(e,r){for(var t="",i=er(e),a=0;a<i;a++)t+=r(e[a],a,e,r)||"";return t}function ct(e,r,t,i){switch(e.type){case Jr:if(e.children.length)break;case Xr:case Qe:return e.return=e.return||e.value;case pr:return"";case hr:return e.return=e.value+"{"+Ie(e.children,i)+"}";case Ke:e.value=e.props.join(",")}return he(t=Ie(e.children,i))?e.return=e.value+"{"+t+"}":""}function dt(e){var r=er(e);return function(t,i,a,n){for(var s="",u=0;u<r;u++)s+=e[u](t,i,a,n)||"";return s}}function ft(e){return function(r){r.root||(r=r.return)&&e(r)}}function _r(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var pt=function(r,t,i){for(var a=0,n=0;a=n,n=me(),a===38&&n===12&&(t[i]=1),!je(n);)ce();return Le(r,se)},ht=function(r,t){var i=-1,a=44;do switch(je(a)){case 0:a===38&&me()===12&&(t[i]=1),r[i]+=pt(se-1,t,i);break;case 2:r[i]+=We(a);break;case 4:if(a===44){r[++i]=me()===58?"&\f":"",t[i]=r[i].length;break}default:r[i]+=Me(a)}while(a=ce());return r},mt=function(r,t){return gr(ht(vr(r),t))},Er=new WeakMap,yt=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,i=r.parent,a=r.column===i.column&&r.line===i.line;i.type!=="rule";)if(i=i.parent,!i)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!Er.get(i))&&!a){Er.set(r,!0);for(var n=[],s=mt(t,n),u=i.props,f=0,m=0;f<s.length;f++)for(var c=0;c<u.length;c++,m++)r.props[m]=n[f]?s[f].replace(/&\f/g,u[c]):u[c]+" "+s[f]}}},vt=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function br(e,r){switch(Zr(e,r)){case 5103:return C+"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 C+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return C+e+Fe+e+ie+e+e;case 6828:case 4268:return C+e+ie+e+e;case 6165:return C+e+ie+"flex-"+e+e;case 5187:return C+e+R(e,/(\w+).+(:[^]+)/,C+"box-$1$2"+ie+"flex-$1$2")+e;case 5443:return C+e+ie+"flex-item-"+R(e,/flex-|-self/,"")+e;case 4675:return C+e+ie+"flex-line-pack"+R(e,/align-content|flex-|-self/,"")+e;case 5548:return C+e+ie+R(e,"shrink","negative")+e;case 5292:return C+e+ie+R(e,"basis","preferred-size")+e;case 6060:return C+"box-"+R(e,"-grow","")+C+e+ie+R(e,"grow","positive")+e;case 4554:return C+R(e,/([^-])(transform)/g,"$1"+C+"$2")+e;case 6187:return R(R(R(e,/(zoom-|grab)/,C+"$1"),/(image-set)/,C+"$1"),e,"")+e;case 5495:case 3959:return R(e,/(image-set\([^]*)/,C+"$1$`$1");case 4968:return R(R(e,/(.+:)(flex-)?(.*)/,C+"box-pack:$3"+ie+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+C+e+e;case 4095:case 3583:case 4068:case 2532:return R(e,/(.+)-inline(.+)/,C+"$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(he(e)-1-r>6)switch(re(e,r+1)){case 109:if(re(e,r+4)!==45)break;case 102:return R(e,/(.+:)(.+)-([^]+)/,"$1"+C+"$2-$3$1"+Fe+(re(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Ze(e,"stretch")?br(R(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(re(e,r+1)!==115)break;case 6444:switch(re(e,he(e)-3-(~Ze(e,"!important")&&10))){case 107:return R(e,":",":"+C)+e;case 101:return R(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+C+(re(e,14)===45?"inline-":"")+"box$3$1"+C+"$2$3$1"+ie+"$2box$3")+e}break;case 5936:switch(re(e,r+11)){case 114:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return C+e+ie+e+e}return e}var gt=function(r,t,i,a){if(r.length>-1&&!r.return)switch(r.type){case Qe:r.return=br(r.value,r.length);break;case hr:return Ie([Oe(r,{value:R(r.value,"@","@"+C)})],a);case Ke:if(r.length)return rt(r.props,function(n){switch(et(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ie([Oe(r,{props:[R(n,/:(read-\w+)/,":"+Fe+"$1")]})],a);case"::placeholder":return Ie([Oe(r,{props:[R(n,/:(plac\w+)/,":"+C+"input-$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,":"+Fe+"$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,ie+"input-$1")]})],a)}return""})}},Pt=[gt],xt=function(r){var t=r.key;if(t==="css"){var i=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(i,function(h){var g=h.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(h),h.setAttribute("data-s",""))})}var a=r.stylisPlugins||Pt,n={},s,u=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(h){for(var g=h.getAttribute("data-emotion").split(" "),_=1;_<g.length;_++)n[g[_]]=!0;u.push(h)});var f,m=[yt,vt];{var c,p=[ct,ft(function(h){c.insert(h)})],x=dt(m.concat(a,p)),P=function(g){return Ie(lt(g),x)};f=function(g,_,E,$){c=E,P(g?g+"{"+_.styles+"}":_.styles),$&&(w.inserted[_.name]=!0)}}var w={key:t,sheet:new Hr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:n,registered:{},insert:f};return w.sheet.hydrate(u),w},_t=!0;function Et(e,r,t){var i="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(i+=a+" ")}),i}var wr=function(r,t,i){var a=r.key+"-"+t.name;(i===!1||_t===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},bt=function(r,t,i){wr(r,t,i);var a=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var n=t;do r.insert(t===n?"."+a:"",n,r.sheet,!0),n=n.next;while(n!==void 0)}};function wt(e){for(var r=0,t,i=0,a=e.length;a>=4;++i,a-=4)t=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(a){case 3:r^=(e.charCodeAt(i+2)&255)<<16;case 2:r^=(e.charCodeAt(i+1)&255)<<8;case 1:r^=e.charCodeAt(i)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var St={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},It=/[A-Z]|^ms/g,Tt=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Sr=function(r){return r.charCodeAt(1)===45},Ir=function(r){return r!=null&&typeof r!="boolean"},tr=_r(function(e){return Sr(e)?e:e.replace(It,"-$&").toLowerCase()}),Tr=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Tt,function(i,a,n){return ye={name:a,styles:n,next:ye},a})}return St[r]!==1&&!Sr(r)&&typeof t=="number"&&t!==0?t+"px":t};function $e(e,r,t){if(t==null)return"";var i=t;if(i.__emotion_styles!==void 0)return i;switch(typeof t){case"boolean":return"";case"object":{var a=t;if(a.anim===1)return ye={name:a.name,styles:a.styles,next:ye},a.name;var n=t;if(n.styles!==void 0){var s=n.next;if(s!==void 0)for(;s!==void 0;)ye={name:s.name,styles:s.styles,next:ye},s=s.next;var u=n.styles+";";return u}return At(e,r,t)}case"function":{if(e!==void 0){var f=ye,m=t(e);return ye=f,$e(e,r,m)}break}}var c=t;if(r==null)return c;var p=r[c];return p!==void 0?p:c}function At(e,r,t){var i="";if(Array.isArray(t))for(var a=0;a<t.length;a++)i+=$e(e,r,t[a])+";";else for(var n in t){var s=t[n];if(typeof s!="object"){var u=s;r!=null&&r[u]!==void 0?i+=n+"{"+r[u]+"}":Ir(u)&&(i+=tr(n)+":"+Tr(n,u)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(r==null||r[s[0]]===void 0))for(var f=0;f<s.length;f++)Ir(s[f])&&(i+=tr(n)+":"+Tr(n,s[f])+";");else{var m=$e(e,r,s);switch(n){case"animation":case"animationName":{i+=tr(n)+":"+m+";";break}default:i+=n+"{"+m+"}"}}}return i}var Ar=/label:\s*([^\s;{]+)\s*(;|$)/g,ye;function Ct(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,a="";ye=void 0;var n=e[0];if(n==null||n.raw===void 0)i=!1,a+=$e(t,r,n);else{var s=n;a+=s[0]}for(var u=1;u<e.length;u++)if(a+=$e(t,r,e[u]),i){var f=n;a+=f[u]}Ar.lastIndex=0;for(var m="",c;(c=Ar.exec(a))!==null;)m+="-"+c[1];var p=wt(a)+m;return{name:p,styles:a,next:ye}}var Rt=function(r){return r()},kt=ve.useInsertionEffect?ve.useInsertionEffect:!1,Vt=kt||Rt,Cr=ve.createContext(typeof HTMLElement<"u"?xt({key:"css"}):null);Cr.Provider;var Ot=function(r){return y.forwardRef(function(t,i){var a=y.useContext(Cr);return r(t,a,i)})},Lt=ve.createContext({}),jt=/^((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|popover|popoverTarget|popoverTargetAction|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)-.*))$/,$t=_r(function(e){return jt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Nt=$t,Dt=function(r){return r!=="theme"},Rr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?Nt:Dt},kr=function(r,t,i){var a;if(t){var n=t.shouldForwardProp;a=r.__emotion_forwardProp&&n?function(s){return r.__emotion_forwardProp(s)&&n(s)}:n}return typeof a!="function"&&i&&(a=r.__emotion_forwardProp),a},Ft=function(r){var t=r.cache,i=r.serialized,a=r.isStringTag;return wr(t,i,a),Vt(function(){return bt(t,i,a)}),null},Mt=function e(r,t){var i=r.__emotion_real===r,a=i&&r.__emotion_base||r,n,s;t!==void 0&&(n=t.label,s=t.target);var u=kr(r,t,i),f=u||Rr(a),m=!f("as");return function(){var c=arguments,p=i&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(n!==void 0&&p.push("label:"+n+";"),c[0]==null||c[0].raw===void 0)p.push.apply(p,c);else{var x=c[0];p.push(x[0]);for(var P=c.length,w=1;w<P;w++)p.push(c[w],x[w])}var h=Ot(function(g,_,E){var $=m&&g.as||a,M="",V=[],I=g;if(g.theme==null){I={};for(var b in g)I[b]=g[b];I.theme=ve.useContext(Lt)}typeof g.className=="string"?M=Et(_.registered,V,g.className):g.className!=null&&(M=g.className+" ");var Z=Ct(p.concat(V),_.registered,I);M+=_.key+"-"+Z.name,s!==void 0&&(M+=" "+s);var H=m&&u===void 0?Rr($):f,S={};for(var v in g)m&&v==="as"||H(v)&&(S[v]=g[v]);return S.className=M,E&&(S.ref=E),ve.createElement(ve.Fragment,null,ve.createElement(Ft,{cache:_,serialized:Z,isStringTag:typeof $=="string"}),ve.createElement($,S))});return h.displayName=n!==void 0?n:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",h.defaultProps=r.defaultProps,h.__emotion_real=h,h.__emotion_base=a,h.__emotion_styles=p,h.__emotion_forwardProp=u,Object.defineProperty(h,"toString",{value:function(){return"."+s}}),h.withComponent=function(g,_){var E=e(g,Je({},t,_,{shouldForwardProp:kr(h,_,!0)}));return E.apply(void 0,p)},h}},Ut=["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"],Te=Mt.bind(null);Ut.forEach(function(e){Te[e]=Te(e)});const Bt=Te.div`
+  <%s key={someKey} {...props} />`,D,L,te,L),Y[L+D]=!0)}if(L=null,d!==void 0&&(t(d),L=""+d),s(l)&&(t(l.key),L=""+l.key),"key"in l){d={};for(var pe in l)pe!=="key"&&(d[pe]=l[pe])}else d=l;return L&&u(d,typeof a=="function"?a.displayName||a.name||"Unknown":a),m(a,L,d,o(),J,fe)}function p(a){x(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===X&&(a._payload.status==="fulfilled"?x(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function x(a){return typeof a=="object"&&a!==null&&a.$$typeof===w}var P=y,w=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),M=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),X=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),v=Symbol.for("react.client.reference"),T=P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,W=Array.isArray,B=console.createTask?console.createTask:function(){return null};P={react_stack_bottom_frame:function(a){return a()}};var N,z={},O=P.react_stack_bottom_frame.bind(P,n)(),ee=B(i(n)),Y={};ke.Fragment=g,ke.jsx=function(a,l,d){var D=1e4>T.recentlyCreatedOwnerStacks++;return c(a,l,d,!1,D?Error("react-stack-top-frame"):O,D?B(i(a)):ee)},ke.jsxs=function(a,l,d){var D=1e4>T.recentlyCreatedOwnerStacks++;return c(a,l,d,!0,D?Error("react-stack-top-frame"):O,D?B(i(a)):ee)}})()),ke}var fr;function Wr(){return fr||(fr=1,process.env.NODE_ENV==="production"?De.exports=zr():De.exports=qr()),De.exports}var Q=Wr();function Je(){return Je=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Je.apply(null,arguments)}function Yr(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function Gr(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var Hr=(function(){function e(t){var i=this;this._insertTag=function(o){var n;i.tags.length===0?i.insertionPoint?n=i.insertionPoint.nextSibling:i.prepend?n=i.container.firstChild:n=i.before:n=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(o,n),i.tags.push(o)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(i){i.forEach(this._insertTag)},r.insert=function(i){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Gr(this));var o=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Yr(o);try{n.insertRule(i,n.cssRules.length)}catch{}}else o.appendChild(document.createTextNode(i));this.ctr++},r.flush=function(){this.tags.forEach(function(i){var o;return(o=i.parentNode)==null?void 0:o.removeChild(i)}),this.tags=[],this.ctr=0},e})(),ie="-ms-",Fe="-moz-",C="-webkit-",pr="comm",Ke="rule",Qe="decl",Xr="@import",hr="@keyframes",Jr="@layer",Kr=Math.abs,Me=String.fromCharCode,Qr=Object.assign;function Zr(e,r){return re(e,0)^45?(((r<<2^re(e,0))<<2^re(e,1))<<2^re(e,2))<<2^re(e,3):0}function mr(e){return e.trim()}function et(e,r){return(e=r.exec(e))?e[0]:e}function R(e,r,t){return e.replace(r,t)}function Ze(e,r){return e.indexOf(r)}function re(e,r){return e.charCodeAt(r)|0}function Ve(e,r,t){return e.slice(r,t)}function he(e){return e.length}function er(e){return e.length}function Ue(e,r){return r.push(e),e}function rt(e,r){return e.map(r).join("")}var Be=1,we=1,yr=0,se=0,H=0,Se="";function ze(e,r,t,i,o,n,s){return{value:e,root:r,parent:t,type:i,props:o,children:n,line:Be,column:we,length:s,return:""}}function Oe(e,r){return Qr(ze("",null,null,"",null,null,0),e,{length:-e.length},r)}function tt(){return H}function nt(){return H=se>0?re(Se,--se):0,we--,H===10&&(we=1,Be--),H}function ce(){return H=se<yr?re(Se,se++):0,we++,H===10&&(we=1,Be++),H}function me(){return re(Se,se)}function qe(){return se}function Le(e,r){return Ve(Se,e,r)}function je(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 vr(e){return Be=we=1,yr=he(Se=e),se=0,[]}function gr(e){return Se="",e}function We(e){return mr(Le(se-1,rr(e===91?e+2:e===40?e+1:e)))}function it(e){for(;(H=me())&&H<33;)ce();return je(e)>2||je(H)>3?"":" "}function ot(e,r){for(;--r&&ce()&&!(H<48||H>102||H>57&&H<65||H>70&&H<97););return Le(e,qe()+(r<6&&me()==32&&ce()==32))}function rr(e){for(;ce();)switch(H){case e:return se;case 34:case 39:e!==34&&e!==39&&rr(H);break;case 40:e===41&&rr(e);break;case 92:ce();break}return se}function at(e,r){for(;ce()&&e+H!==57;)if(e+H===84&&me()===47)break;return"/*"+Le(r,se-1)+"*"+Me(e===47?e:ce())}function st(e){for(;!je(me());)ce();return Le(e,se)}function lt(e){return gr(Ye("",null,null,null,[""],e=vr(e),0,[0],e))}function Ye(e,r,t,i,o,n,s,u,f){for(var m=0,c=0,p=s,x=0,P=0,w=0,h=1,g=1,_=1,E=0,$="",M=o,V=n,I=i,b=$;g;)switch(w=E,E=ce()){case 40:if(w!=108&&re(b,p-1)==58){Ze(b+=R(We(E),"&","&\f"),"&\f")!=-1&&(_=-1);break}case 34:case 39:case 91:b+=We(E);break;case 9:case 10:case 13:case 32:b+=it(w);break;case 92:b+=ot(qe()-1,7);continue;case 47:switch(me()){case 42:case 47:Ue(ut(at(ce(),qe()),r,t),f);break;default:b+="/"}break;case 123*h:u[m++]=he(b)*_;case 125*h:case 59:case 0:switch(E){case 0:case 125:g=0;case 59+c:_==-1&&(b=R(b,/\f/g,"")),P>0&&he(b)-p&&Ue(P>32?xr(b+";",i,t,p-1):xr(R(b," ","")+";",i,t,p-2),f);break;case 59:b+=";";default:if(Ue(I=Pr(b,r,t,m,c,o,u,$,M=[],V=[],p),n),E===123)if(c===0)Ye(b,r,I,I,M,n,p,u,V);else switch(x===99&&re(b,3)===110?100:x){case 100:case 108:case 109:case 115:Ye(e,I,I,i&&Ue(Pr(e,I,I,0,0,o,u,$,o,M=[],p),V),o,V,p,u,i?M:V);break;default:Ye(b,I,I,I,[""],V,0,u,V)}}m=c=P=0,h=_=1,$=b="",p=s;break;case 58:p=1+he(b),P=w;default:if(h<1){if(E==123)--h;else if(E==125&&h++==0&&nt()==125)continue}switch(b+=Me(E),E*h){case 38:_=c>0?1:(b+="\f",-1);break;case 44:u[m++]=(he(b)-1)*_,_=1;break;case 64:me()===45&&(b+=We(ce())),x=me(),c=p=he($=b+=st(qe())),E++;break;case 45:w===45&&he(b)==2&&(h=0)}}return n}function Pr(e,r,t,i,o,n,s,u,f,m,c){for(var p=o-1,x=o===0?n:[""],P=er(x),w=0,h=0,g=0;w<i;++w)for(var _=0,E=Ve(e,p+1,p=Kr(h=s[w])),$=e;_<P;++_)($=mr(h>0?x[_]+" "+E:R(E,/&\f/g,x[_])))&&(f[g++]=$);return ze(e,r,t,o===0?Ke:u,f,m,c)}function ut(e,r,t){return ze(e,r,t,pr,Me(tt()),Ve(e,2,-2),0)}function xr(e,r,t,i){return ze(e,r,t,Qe,Ve(e,0,i),Ve(e,i+1,-1),i)}function Ie(e,r){for(var t="",i=er(e),o=0;o<i;o++)t+=r(e[o],o,e,r)||"";return t}function ct(e,r,t,i){switch(e.type){case Jr:if(e.children.length)break;case Xr:case Qe:return e.return=e.return||e.value;case pr:return"";case hr:return e.return=e.value+"{"+Ie(e.children,i)+"}";case Ke:e.value=e.props.join(",")}return he(t=Ie(e.children,i))?e.return=e.value+"{"+t+"}":""}function dt(e){var r=er(e);return function(t,i,o,n){for(var s="",u=0;u<r;u++)s+=e[u](t,i,o,n)||"";return s}}function ft(e){return function(r){r.root||(r=r.return)&&e(r)}}function _r(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var pt=function(r,t,i){for(var o=0,n=0;o=n,n=me(),o===38&&n===12&&(t[i]=1),!je(n);)ce();return Le(r,se)},ht=function(r,t){var i=-1,o=44;do switch(je(o)){case 0:o===38&&me()===12&&(t[i]=1),r[i]+=pt(se-1,t,i);break;case 2:r[i]+=We(o);break;case 4:if(o===44){r[++i]=me()===58?"&\f":"",t[i]=r[i].length;break}default:r[i]+=Me(o)}while(o=ce());return r},mt=function(r,t){return gr(ht(vr(r),t))},Er=new WeakMap,yt=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,i=r.parent,o=r.column===i.column&&r.line===i.line;i.type!=="rule";)if(i=i.parent,!i)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!Er.get(i))&&!o){Er.set(r,!0);for(var n=[],s=mt(t,n),u=i.props,f=0,m=0;f<s.length;f++)for(var c=0;c<u.length;c++,m++)r.props[m]=n[f]?s[f].replace(/&\f/g,u[c]):u[c]+" "+s[f]}}},vt=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function br(e,r){switch(Zr(e,r)){case 5103:return C+"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 C+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return C+e+Fe+e+ie+e+e;case 6828:case 4268:return C+e+ie+e+e;case 6165:return C+e+ie+"flex-"+e+e;case 5187:return C+e+R(e,/(\w+).+(:[^]+)/,C+"box-$1$2"+ie+"flex-$1$2")+e;case 5443:return C+e+ie+"flex-item-"+R(e,/flex-|-self/,"")+e;case 4675:return C+e+ie+"flex-line-pack"+R(e,/align-content|flex-|-self/,"")+e;case 5548:return C+e+ie+R(e,"shrink","negative")+e;case 5292:return C+e+ie+R(e,"basis","preferred-size")+e;case 6060:return C+"box-"+R(e,"-grow","")+C+e+ie+R(e,"grow","positive")+e;case 4554:return C+R(e,/([^-])(transform)/g,"$1"+C+"$2")+e;case 6187:return R(R(R(e,/(zoom-|grab)/,C+"$1"),/(image-set)/,C+"$1"),e,"")+e;case 5495:case 3959:return R(e,/(image-set\([^]*)/,C+"$1$`$1");case 4968:return R(R(e,/(.+:)(flex-)?(.*)/,C+"box-pack:$3"+ie+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+C+e+e;case 4095:case 3583:case 4068:case 2532:return R(e,/(.+)-inline(.+)/,C+"$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(he(e)-1-r>6)switch(re(e,r+1)){case 109:if(re(e,r+4)!==45)break;case 102:return R(e,/(.+:)(.+)-([^]+)/,"$1"+C+"$2-$3$1"+Fe+(re(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Ze(e,"stretch")?br(R(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(re(e,r+1)!==115)break;case 6444:switch(re(e,he(e)-3-(~Ze(e,"!important")&&10))){case 107:return R(e,":",":"+C)+e;case 101:return R(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+C+(re(e,14)===45?"inline-":"")+"box$3$1"+C+"$2$3$1"+ie+"$2box$3")+e}break;case 5936:switch(re(e,r+11)){case 114:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return C+e+ie+e+e}return e}var gt=function(r,t,i,o){if(r.length>-1&&!r.return)switch(r.type){case Qe:r.return=br(r.value,r.length);break;case hr:return Ie([Oe(r,{value:R(r.value,"@","@"+C)})],o);case Ke:if(r.length)return rt(r.props,function(n){switch(et(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ie([Oe(r,{props:[R(n,/:(read-\w+)/,":"+Fe+"$1")]})],o);case"::placeholder":return Ie([Oe(r,{props:[R(n,/:(plac\w+)/,":"+C+"input-$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,":"+Fe+"$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,ie+"input-$1")]})],o)}return""})}},Pt=[gt],xt=function(r){var t=r.key;if(t==="css"){var i=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(i,function(h){var g=h.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(h),h.setAttribute("data-s",""))})}var o=r.stylisPlugins||Pt,n={},s,u=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(h){for(var g=h.getAttribute("data-emotion").split(" "),_=1;_<g.length;_++)n[g[_]]=!0;u.push(h)});var f,m=[yt,vt];{var c,p=[ct,ft(function(h){c.insert(h)})],x=dt(m.concat(o,p)),P=function(g){return Ie(lt(g),x)};f=function(g,_,E,$){c=E,P(g?g+"{"+_.styles+"}":_.styles),$&&(w.inserted[_.name]=!0)}}var w={key:t,sheet:new Hr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:n,registered:{},insert:f};return w.sheet.hydrate(u),w},_t=!0;function Et(e,r,t){var i="";return t.split(" ").forEach(function(o){e[o]!==void 0?r.push(e[o]+";"):o&&(i+=o+" ")}),i}var wr=function(r,t,i){var o=r.key+"-"+t.name;(i===!1||_t===!1)&&r.registered[o]===void 0&&(r.registered[o]=t.styles)},bt=function(r,t,i){wr(r,t,i);var o=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var n=t;do r.insert(t===n?"."+o:"",n,r.sheet,!0),n=n.next;while(n!==void 0)}};function wt(e){for(var r=0,t,i=0,o=e.length;o>=4;++i,o-=4)t=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(o){case 3:r^=(e.charCodeAt(i+2)&255)<<16;case 2:r^=(e.charCodeAt(i+1)&255)<<8;case 1:r^=e.charCodeAt(i)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var St={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},It=/[A-Z]|^ms/g,Tt=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Sr=function(r){return r.charCodeAt(1)===45},Ir=function(r){return r!=null&&typeof r!="boolean"},tr=_r(function(e){return Sr(e)?e:e.replace(It,"-$&").toLowerCase()}),Tr=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Tt,function(i,o,n){return ye={name:o,styles:n,next:ye},o})}return St[r]!==1&&!Sr(r)&&typeof t=="number"&&t!==0?t+"px":t};function $e(e,r,t){if(t==null)return"";var i=t;if(i.__emotion_styles!==void 0)return i;switch(typeof t){case"boolean":return"";case"object":{var o=t;if(o.anim===1)return ye={name:o.name,styles:o.styles,next:ye},o.name;var n=t;if(n.styles!==void 0){var s=n.next;if(s!==void 0)for(;s!==void 0;)ye={name:s.name,styles:s.styles,next:ye},s=s.next;var u=n.styles+";";return u}return At(e,r,t)}case"function":{if(e!==void 0){var f=ye,m=t(e);return ye=f,$e(e,r,m)}break}}var c=t;if(r==null)return c;var p=r[c];return p!==void 0?p:c}function At(e,r,t){var i="";if(Array.isArray(t))for(var o=0;o<t.length;o++)i+=$e(e,r,t[o])+";";else for(var n in t){var s=t[n];if(typeof s!="object"){var u=s;r!=null&&r[u]!==void 0?i+=n+"{"+r[u]+"}":Ir(u)&&(i+=tr(n)+":"+Tr(n,u)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(r==null||r[s[0]]===void 0))for(var f=0;f<s.length;f++)Ir(s[f])&&(i+=tr(n)+":"+Tr(n,s[f])+";");else{var m=$e(e,r,s);switch(n){case"animation":case"animationName":{i+=tr(n)+":"+m+";";break}default:i+=n+"{"+m+"}"}}}return i}var Ar=/label:\s*([^\s;{]+)\s*(;|$)/g,ye;function Ct(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,o="";ye=void 0;var n=e[0];if(n==null||n.raw===void 0)i=!1,o+=$e(t,r,n);else{var s=n;o+=s[0]}for(var u=1;u<e.length;u++)if(o+=$e(t,r,e[u]),i){var f=n;o+=f[u]}Ar.lastIndex=0;for(var m="",c;(c=Ar.exec(o))!==null;)m+="-"+c[1];var p=wt(o)+m;return{name:p,styles:o,next:ye}}var Rt=function(r){return r()},kt=ve.useInsertionEffect?ve.useInsertionEffect:!1,Vt=kt||Rt,Cr=ve.createContext(typeof HTMLElement<"u"?xt({key:"css"}):null);Cr.Provider;var Ot=function(r){return y.forwardRef(function(t,i){var o=y.useContext(Cr);return r(t,o,i)})},Lt=ve.createContext({}),jt=/^((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|popover|popoverTarget|popoverTargetAction|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)-.*))$/,$t=_r(function(e){return jt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Nt=$t,Dt=function(r){return r!=="theme"},Rr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?Nt:Dt},kr=function(r,t,i){var o;if(t){var n=t.shouldForwardProp;o=r.__emotion_forwardProp&&n?function(s){return r.__emotion_forwardProp(s)&&n(s)}:n}return typeof o!="function"&&i&&(o=r.__emotion_forwardProp),o},Ft=function(r){var t=r.cache,i=r.serialized,o=r.isStringTag;return wr(t,i,o),Vt(function(){return bt(t,i,o)}),null},Mt=function e(r,t){var i=r.__emotion_real===r,o=i&&r.__emotion_base||r,n,s;t!==void 0&&(n=t.label,s=t.target);var u=kr(r,t,i),f=u||Rr(o),m=!f("as");return function(){var c=arguments,p=i&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(n!==void 0&&p.push("label:"+n+";"),c[0]==null||c[0].raw===void 0)p.push.apply(p,c);else{var x=c[0];p.push(x[0]);for(var P=c.length,w=1;w<P;w++)p.push(c[w],x[w])}var h=Ot(function(g,_,E){var $=m&&g.as||o,M="",V=[],I=g;if(g.theme==null){I={};for(var b in g)I[b]=g[b];I.theme=ve.useContext(Lt)}typeof g.className=="string"?M=Et(_.registered,V,g.className):g.className!=null&&(M=g.className+" ");var Z=Ct(p.concat(V),_.registered,I);M+=_.key+"-"+Z.name,s!==void 0&&(M+=" "+s);var X=m&&u===void 0?Rr($):f,S={};for(var v in g)m&&v==="as"||X(v)&&(S[v]=g[v]);return S.className=M,E&&(S.ref=E),ve.createElement(ve.Fragment,null,ve.createElement(Ft,{cache:_,serialized:Z,isStringTag:typeof $=="string"}),ve.createElement($,S))});return h.displayName=n!==void 0?n:"Styled("+(typeof o=="string"?o:o.displayName||o.name||"Component")+")",h.defaultProps=r.defaultProps,h.__emotion_real=h,h.__emotion_base=o,h.__emotion_styles=p,h.__emotion_forwardProp=u,Object.defineProperty(h,"toString",{value:function(){return"."+s}}),h.withComponent=function(g,_){var E=e(g,Je({},t,_,{shouldForwardProp:kr(h,_,!0)}));return E.apply(void 0,p)},h}},Ut=["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"],Te=Mt.bind(null);Ut.forEach(function(e){Te[e]=Te(e)});const Bt=Te.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -47,7 +47,7 @@ React keys must be passed directly to JSX without using spread:
           background-color: rgba(255, 165, 0, 0.1);
           border: 1px solid orange;
         `;default:return""}}}
-`,nr=({type:e,children:r,className:t,icon:i,action:a})=>Q.jsxs(Bt,{type:e,className:t,children:[i&&Q.jsx("span",{children:i}),Q.jsx("span",{children:r}),a&&Q.jsx("span",{children:a})]}),ir=Te.div`
+`,nr=({type:e,children:r,className:t,icon:i,action:o})=>Q.jsxs(Bt,{type:e,className:t,children:[i&&Q.jsx("span",{children:i}),Q.jsx("span",{children:r}),o&&Q.jsx("span",{children:o})]}),ir=Te.div`
   width: ${({width:e})=>e||"100%"};
   height: ${({height:e})=>e||"100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -78,4 +78,4 @@ React keys must be passed directly to JSX without using spread:
   height: auto;
   z-index: 1001;
   max-height: 100vh;
-`,zt=(e,r)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`,qt=e=>`https://host.vpplayer.tech/playlist/${e}`,Wt=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,ar=(e,r)=>`vp-player-${e||"default"}-${r||""}`,or=new Map,Lr=(e,r)=>{const[t,i]=y.useState(!1),[a,n]=y.useState(null);return y.useEffect(()=>{let s=null,u,f=0;const m=3;let c;try{c=r||Wt(e||"latest")}catch(P){const w=P instanceof Error?P.message:String(P);n(`Failed to resolve script URL: ${w}`),i(!1);return}if(or.get(c)){i(!0),n(null);return}if(document.querySelector(`script[src="${c}"]`)){or.set(c,!0),i(!0),n(null);return}const x=()=>{s=document.createElement("script"),s.src=c,s.async=!0,u=window.setTimeout(()=>{i(!1),n(`Loading script timed out: ${c}`)},1e4),s.onload=()=>{clearTimeout(u),or.set(c,!0),i(!0),n(null)},s.onerror=()=>{clearTimeout(u),f++,f<m?setTimeout(x,1e3*f):(i(!1),n(`Failed to load VP Player script after ${m} attempts: ${c}`))},document.body.appendChild(s)};return x(),()=>{clearTimeout(u),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,r]),{isLoaded:t,error:a}},Ge=new Map,Yt=3e4,sr=5,jr=({projectId:e,videoId:r,playlistId:t,videoUrl:i})=>{const[a,n]=y.useState(null),[s,u]=y.useState(null),[f,m]=y.useState(!1),[c,p]=y.useState(null);return y.useEffect(()=>{const x=r?`video:${r}`:t?`playlist:${t}`:null;if(i||!r&&!t){n(i||null),u(null),m(!1),p(null);return}if(r&&!e){m(!1),p("projectId is required for single video fetch");return}if(x&&Ge.has(x)){const E=Ge.get(x);n(E.url),u(E.playlist),m(!1),p(null);return}let P=!0;const w=new AbortController,h=w.signal,_=setTimeout(async()=>{var $,M;if(!P)return;m(!0),p(null);let E=0;for(;E<sr&&P;)try{const V=r&&!t?zt(e,r):qt(t),I=setTimeout(()=>w.abort(),Yt),Z=await fetch(V,{method:"GET",headers:{Accept:"application/json","Cache-Control":"no-cache"},signal:h});if(clearTimeout(I),!Z.ok)throw new Error(`Fetch failed with status ${Z.status}`);const H=await Z.json();if(!P)return;if(r&&!t){const S=(M=($=H.result)==null?void 0:$.items)==null?void 0:M.find(v=>v.mediaId===r);if(!(S!=null&&S.playbackUrl))throw new Error("Invalid video data");n(S.playbackUrl),u(null),x&&Ge.set(x,{url:S.playbackUrl,playlist:null})}else{const S=H.videos;if(!Array.isArray(S))throw new Error("Invalid playlist format");u(S),n(null),x&&Ge.set(x,{url:null,playlist:S})}break}catch(V){if(h.aborted){P&&p("Request timed out");break}if(E++,E>=sr){const I=V instanceof Error?V.message:String(V);P&&p(`Failed after ${sr} attempts: ${I}`)}else await new Promise(I=>setTimeout(I,2e3))}P&&m(!1)},100);return()=>{P=!1,clearTimeout(_),w.abort()}},[e,r,t,i]),{fetchedPlaybackUrl:a,fetchedPlaylist:s,isLoading:f,error:c}},$r=({playerId:e,playerInstanceRef:r,playerRef:t,videoData:i,trackingMetadata:a,callbacks:n})=>{const s=y.useRef(!1),u=y.useRef(!1),f=y.useRef(!1),m=y.useRef(0),c=y.useRef({}),p=y.useRef(null),x=y.useRef(null),P=y.useRef(null),w=y.useRef(null),h=y.useRef(!1),g=y.useRef(!1);y.useEffect(()=>{if(!(n&&(n.onPlayerStart||n.onPlayerPlay||n.onPlayerPause||n.onPlayerResume||n.onPlayerEnd||n.onPlayerProgressEvery10Seconds||n.onPlayerProgressAt20Seconds||n.onPlayerQuartile25||n.onPlayerQuartile50||n.onPlayerQuartile75||n.onPlayerNext||n.onPlayerPrevious||n.onPlayerEvent)))return;const E=()=>{s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={}},$=()=>{var q;const v=document.getElementById(e);if(!v)return null;if(v.querySelectorAll("video").length>1&&r.current){const X=r.current,B=X.videoIndex??((q=X.playlist)==null?void 0:q.playlistVideoIndex)??0,N=v.querySelector(`video[id="${B}"]`);if(N)return N;const z=v.querySelector("video.active");if(z)return z}return v.querySelector("video")},M=()=>{const v=$();if(!v)return!1;const A=(l,d)=>{var J,fe,L,te,pe,ae,Ee,Xe,de,xe,ge,lr,ur,Ne;const D=Date.now();if(!(l==="player_start"&&s.current)){switch(w.current={type:l,time:D},l){case"player_start":(J=n.onPlayerStart)==null||J.call(n,l);break;case"player_play":(fe=n.onPlayerPlay)==null||fe.call(n,l);break;case"player_pause":(L=n.onPlayerPause)==null||L.call(n,l);break;case"player_resume":(te=n.onPlayerResume)==null||te.call(n,l);break;case"player_end":(pe=n.onPlayerEnd)==null||pe.call(n,l);break;case"player_progress_every_10_seconds":d!==void 0&&((ae=n.onPlayerProgressEvery10Seconds)==null||ae.call(n,l,d));break;case"player_progress_at_20_seconds":d!==void 0&&((Ee=n.onPlayerProgressAt20Seconds)==null||Ee.call(n,l,d));break;case"player_quartile_25":d!==void 0&&((Xe=n.onPlayerQuartile25)==null||Xe.call(n,l,d));break;case"player_quartile_50":d!==void 0&&((de=n.onPlayerQuartile50)==null||de.call(n,l,d));break;case"player_quartile_75":d!==void 0&&((xe=n.onPlayerQuartile75)==null||xe.call(n,l,d));break;case"player_next":(ge=n.onPlayerNext)==null||ge.call(n,l);break;case"player_previous":(lr=n.onPlayerPrevious)==null||lr.call(n,l);break}d!==void 0&&(l==="player_progress_every_10_seconds"||l==="player_progress_at_20_seconds"||l==="player_quartile_25"||l==="player_quartile_50"||l==="player_quartile_75")?(ur=n.onPlayerEvent)==null||ur.call(n,l,d):(Ne=n.onPlayerEvent)==null||Ne.call(n,l)}},q=()=>$()===v,X=()=>{h.current||q()&&(s.current||(A("player_start"),s.current=!0))},B=()=>{h.current||q()&&(f.current?A("player_resume"):u.current&&g.current?(A("player_play"),g.current=!1):u.current||(A("player_play"),u.current=!0),f.current=!1)},N=()=>{v.ended||h.current||setTimeout(()=>{var l;if(!h.current){if(r.current&&x.current!==null){const d=r.current;if((d.videoIndex??((l=d.playlist)==null?void 0:l.playlistVideoIndex)??0)!==x.current)return}A("player_pause"),f.current=!0}},200)},z=()=>{A("player_end")},O=()=>{if(h.current)return;const l=v.duration>0?v.currentTime/v.duration*100:0,d=Math.floor(v.currentTime);d-m.current>=10&&(m.current=d,A("player_progress_every_10_seconds",d)),d>=20&&!c.current[20]&&(c.current[20]=!0,A("player_progress_at_20_seconds",d)),l>=25&&!c.current[25]&&(c.current[25]=!0,A("player_quartile_25",d)),l>=50&&!c.current[50]&&(c.current[50]=!0,A("player_quartile_50",d)),l>=75&&!c.current[75]&&(c.current[75]=!0,A("player_quartile_75",d))},ee=()=>{g.current=!0};if(P.current&&P.current!==v){const l=P.current;l.removeEventListener("loadedmetadata",X),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee)}P.current=v,v.addEventListener("loadedmetadata",X),v.addEventListener("play",B),v.addEventListener("pause",N),v.addEventListener("ended",z),v.addEventListener("timeupdate",O),v.addEventListener("seeking",ee),v.readyState>=1&&X(),!v.paused&&v.currentTime>0&&!u.current&&B();const W=document.getElementById(e),o=l=>{const d=l.target;(d.closest(".vp-next")||d.closest(".vrt-icon-down")||d.closest(".vrt-arrow.vrt-icon-down"))&&(h.current=!0,A("player_next"),E(),setTimeout(()=>{h.current=!1},500)),(d.closest(".vp-prev")||d.closest(".vp-previous")||d.closest(".vrt-icon-up")||d.closest(".vrt-arrow.vrt-icon-up"))&&(h.current=!0,A("player_previous"),E(),setTimeout(()=>{h.current=!1},500))};return W&&W.addEventListener("click",o,!0),p.current=()=>{const l=P.current||v;l.removeEventListener("loadedmetadata",X),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee),W==null||W.removeEventListener("click",o,!0),P.current=null},!0};let V=null,I=!1;const b=()=>{if(!r.current)return;const v=r.current,A=document.getElementById(e),q=A==null?void 0:A.querySelectorAll("video");q&&q.length>1&&v.videoIndex!==void 0&&(V=window.setInterval(()=>{var B,N,z,O;try{const ee=v.videoIndex??((B=v.playlist)==null?void 0:B.playlistVideoIndex)??0;if(x.current!==null&&ee!==x.current){const W=ee>x.current,o=W?"player_next":"player_previous";n&&!h.current&&(W?(N=n.onPlayerNext)==null||N.call(n,o):(z=n.onPlayerPrevious)==null||z.call(n,o),(O=n.onPlayerEvent)==null||O.call(n,o)),h.current=!0,p.current&&(p.current(),p.current=null),s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={},P.current=null,g.current=!1,setTimeout(()=>{M(),setTimeout(()=>{h.current=!1},200)},100)}x.current=ee}catch{}},500))};let Z=0;const H=20,S=setInterval(()=>{Z++,M()&&!I?(I=!0,clearInterval(S),setTimeout(()=>{b()},1e3)):Z>=H&&clearInterval(S)},500);return()=>{clearInterval(S),V!==null&&(clearInterval(V),V=null),p.current&&(p.current(),p.current=null)}},[e,i,a,n,r,t])},Gt={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}}},Ae="vp-player-project",Nr=({videoUrl:e,fetchedPlaybackUrl:r,fetchedPlaylist:t,projectId:i,config:a={},isVerticalPlayer:n})=>{var c,p,x,P,w,h,g,_,E,$,M,V,I,b,Z,H,S,v,A,q,X,B;const s={...Gt,...a},u={...s.config,...a.config};if(e)return{...s,projectId:i||Ae,video:{...s.video,file:e,playlist:void 0},config:u};if(r)return{...s,projectId:i||Ae,video:{...s.video,file:r,playlist:void 0},config:u};if(t&&t.length>0){const N=((p=(c=a==null?void 0:a.video)==null?void 0:c.playlist)==null?void 0:p.playlistVideoIndex)??((x=a==null?void 0:a.config)==null?void 0:x.playlistVideoIndex)??0;return n?{...s,projectId:i||Ae,video:{...s.video,videoId:(P=t[0])==null?void 0:P.mediaId,file:(w=t[0])==null?void 0:w.hlsUrl,title:(h=t[0])==null?void 0:h.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:t.slice(1).map((O,ee)=>({videoId:O.mediaId||String(ee+1),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}:{...s,projectId:i||Ae,video:{...s.video,videoId:((g=t[Number(N)])==null?void 0:g.mediaId)||((_=t[0])==null?void 0:_.mediaId),file:((E=t[Number(N)])==null?void 0:E.hlsUrl)||(($=t[0])==null?void 0:$.hlsUrl)||"",title:((M=t[Number(N)])==null?void 0:M.title)||((V=t[0])==null?void 0:V.title),thumbnail:((I=t[Number(N)])==null?void 0:I.thumbnailUrl)||((b=t[0])==null?void 0:b.thumbnailUrl),playlist:{state:!0,playlistVideoIndex:Number(N),videos:t.map((O,ee)=>({videoId:O.mediaId||String(ee),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}}const f=((Z=a==null?void 0:a.video)==null?void 0:Z.playlist)||s.video.playlist,m=(H=a==null?void 0:a.video)==null?void 0:H.file;if(m)return{...s,projectId:i||Ae,video:{...s.video,file:m,playlist:void 0},config:u};if(f!=null&&f.videos&&f.videos.length>0){const N=((v=(S=a==null?void 0:a.video)==null?void 0:S.playlist)==null?void 0:v.playlistVideoIndex)??((A=a==null?void 0:a.config)==null?void 0:A.playlistVideoIndex)??0;return{...s,projectId:i||Ae,video:{...s.video,videoId:(q=f.videos[0])==null?void 0:q.videoId,file:((X=f.videos[0])==null?void 0:X.file)||"",title:(B=f.videos[0])==null?void 0:B.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:f.videos}},config:u}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},Dr=e=>{if(!e)return;const r=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,t=e.match(r);return t?t[2]:void 0},Fr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,onPlaylistData:m,onVideoStarted:c,trackingMetadata:p,onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z})=>{const H=y.useRef(null),S=y.useRef(null),v=y.useRef(!1),A=y.useRef(""),q=y.useRef([]),X=y.useRef([]),B=y.useRef(null),{isLoaded:N,error:z}=Lr(t,s),O=r||Dr(s),[ee,W]=y.useState(null),{fetchedPlaybackUrl:o,fetchedPlaylist:l,isLoading:d,error:D}=jr({projectId:a,videoId:O,playlistId:n,videoUrl:i}),J=ar(e,O),[fe,L]=y.useState(void 0);y.useEffect(()=>{l&&m&&m(l)},[l,m]),$r({playerId:J,playerInstanceRef:S,playerRef:H,videoData:fe,trackingMetadata:p,callbacks:{onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z}});const pe=y.useMemo(()=>{const ae=u.config||{},Ee=f&&!ae.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:ae.size||{sizeType:"FIXED",width:"100%"};return{...u,config:{...ae,size:Ee}}},[u,f]);return y.useEffect(()=>{if(z){W(z);return}if(!N||d&&!i)return;let ae=!0;const Xe=setTimeout(async()=>{try{q.current.forEach(le=>clearInterval(le)),q.current=[],X.current.forEach(le=>clearTimeout(le)),X.current=[],B.current=null;const de=(l==null?void 0:l.length)??0,xe=JSON.stringify({playerId:J,videoId:r||O,playlistId:n,videoUrl:i,fetchedPlaybackUrl:o,scriptUrl:s,isReels:f,projectId:a,playlistLength:de});if(v.current&&S.current&&A.current===xe)return;A.current!==xe&&(v.current=!1,A.current=xe);const ge=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(le=>{var Ce,k;const _e=le.id;if(_e!==J)try{const T=ge?(Ce=window.vpVerticalPlayer)==null?void 0:Ce.call(window,_e):(k=window.vpPlayer)==null?void 0:k.call(window,_e);T!=null&&T.destroy&&T.destroy()}catch(T){console.warn(`Failed to destroy existing player ${_e}:`,T)}}),await new Promise(le=>setTimeout(le,100)),!ae||!H.current)return;if(!document.getElementById(J)){W("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){W("VP Player script not loaded.");return}const Ne=ge?window.vpVerticalPlayer:window.vpPlayer;if(!Ne){W(`VP ${ge?"Vertical ":""}Player script not loaded.`);return}const Pe=Nr({videoUrl:i,fetchedPlaybackUrl:o??void 0,fetchedPlaylist:l??void 0,projectId:a,config:pe,isVerticalPlayer:ge}),K=Ne(J);if(!K){W(`Failed to create VP ${ge?"Vertical ":""}Player instance.`);return}if(ae&&H.current&&(K.setup(Pe),S.current=K,v.current=!0,W(null),c&&K.on)){const le=()=>{var T,F,oe;const k={};if((F=(T=Pe.video)==null?void 0:T.playlist)!=null&&F.videos&&Pe.video.playlist.videos.length>0){const U=K.videoIndex??((oe=K.playlist)==null?void 0:oe.playlistVideoIndex)??0,Y=Pe.video.playlist.videos[U];Y&&(k.title=Y.title,k.file=Y.file||Y.hlsUrl,k.hlsUrl=Y.file||Y.hlsUrl,k.thumbnailUrl=Y.thumbnailUrl,k.duration=Y.duration,k.videoIndex=U,k.playlistVideoIndex=U,k.videoId=Y.videoId||Y.mediaId,k.mediaId=Y.mediaId||Y.videoId)}else Pe.video&&(k.title=Pe.video.title,k.file=Pe.video.file,k.hlsUrl=Pe.video.file,k.thumbnailUrl=Pe.video.thumbnail,k.videoId=r||O,k.videoIndex=0,k.playlistVideoIndex=0,K.getDuration&&(k.duration=K.getDuration()));return k};let _e=null;const Ce=async()=>{var k;try{_e&&clearTimeout(_e),await new Promise(U=>setTimeout(U,100));let T=le();const F=T.videoId||T.mediaId;if(F&&F===B.current)return;if(_e=window.setTimeout(()=>{B.current=null},500),(s==null?void 0:s.includes("vertical-player"))&&F)try{const be=`https://host.vpplayer.tech/player/ptkzurnx/${F}.json`,Y=await fetch(be);if(Y.ok){const ne=await Y.json();ne!=null&&ne.video&&(T={...T,title:ne.video.title||T.title,description:ne.video.description,publishDate:ne.video.publishDate,projectId:ne.projectId||T.projectId,premium:((k=ne.video.videoLocking)==null?void 0:k.isEnabled)||!1,author:ne.video.author,tags:ne.video.tags||[]})}}catch{}B.current=F||null,L(T),c(T)}catch(T){console.warn("Error in video-started handler:",T)}};if(ge){let k=!1,T=-1;const F=()=>{if(!k){k=!0;try{K.on&&K.on("vp-video-started",Ce),setTimeout(()=>{Ce(),T=K.videoIndex??0},500)}catch(Y){console.error("Error setting up event listeners:",Y)}}};let oe=0;const U=15,be=setInterval(()=>{try{const Y=K.videoIndex!==void 0||K.playlist;if(!k)oe++,(Y||oe>=U)&&F();else{const ne=K.videoIndex??0;ne!==T&&T!==-1&&(T=ne,Ce())}}catch{}},200);q.current.push(be);try{K.on&&K.on("vp-listen-ready",F)}catch{}}else{const k=async T=>{var F,oe;try{const U=s==null?void 0:s.match(/player\/([^/.]+)/),be=U==null?void 0:U[1];if(!be||!T)return le();const Y=`https://host.vpplayer.tech/player/${be}/${T}.json`,ne=await fetch(Y);if(!ne.ok)return console.warn("Failed to fetch full video config:",ne.status),le();const ue=await ne.json();return ue!=null&&ue.video?{videoId:T,title:ue.video.title,description:ue.video.description,file:ue.video.file,hlsUrl:ue.video.file,thumbnailUrl:ue.video.thumbnail,duration:ue.video.duration,publishDate:ue.video.publishDate,projectId:ue.projectId,premium:((F=ue.video.videoLocking)==null?void 0:F.isEnabled)||!1,author:ue.video.author,tags:ue.video.tags||[],videoIndex:K.videoIndex??0,playlistVideoIndex:((oe=K.playlist)==null?void 0:oe.playlistVideoIndex)??0}:le()}catch(U){return console.warn("Error fetching full video data:",U),le()}};K.on("ready",async T=>{try{const F=T,oe=(F==null?void 0:F.id)||r||O;if(oe){const U=await k(oe);L(U),c(U)}else{const U=le();(U.title||U.file)&&(L(U),c(U))}}catch(F){console.warn("Error in ready handler:",F)}}),K.on("playlistItem",async T=>{try{const F=T,oe=F==null?void 0:F.id;if(oe){const U=await k(oe);L(U),c(U)}}catch(F){console.warn("Error in playlistItem handler:",F)}})}}}catch(de){if(ae){const xe=de instanceof Error?de.message:String(de);W(xe),console.error("VP Player initialization error:",de)}}},150);return()=>{ae=!1,clearTimeout(Xe),q.current.forEach(de=>clearInterval(de)),q.current=[],X.current.forEach(de=>clearTimeout(de)),X.current=[],v.current=!1}},[N,d,J,z,s]),y.useEffect(()=>()=>{if(S.current){try{S.current.destroy&&S.current.destroy()}catch(Ee){console.warn(`Failed to destroy player ${J}:`,Ee)}S.current=null}v.current=!1;const ae=document.getElementById(J);ae&&(ae.innerHTML="")},[J]),{playerRef:H,playerInstanceRef:S,isScriptLoaded:N,isLoading:d,error:D||ee||z}},Mr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,hiddenClasses:m=[],onClose:c,className:p,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:H,onPlayerPrevious:S,onPlayerEvent:v})=>{var D,J,fe,L;const{playerRef:A,playerInstanceRef:q,isScriptLoaded:X,isLoading:B,error:N}=Fr({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u,isReels:f,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:H,onPlayerPrevious:S,onPlayerEvent:v}),[z,O]=y.useState(!0),ee=()=>f&&O(!0),W=()=>{var te,pe;O(!1),(pe=(te=q.current)==null?void 0:te.play)==null||pe.call(te),c==null||c()},o=(J=(D=u==null?void 0:u.config)==null?void 0:D.size)!=null&&J.width?typeof u.config.size.width=="number"?`${u.config.size.width}px`:u.config.size.width:void 0,l=(L=(fe=u==null?void 0:u.config)==null?void 0:fe.size)!=null&&L.height?typeof u.config.size.height=="number"?`${u.config.size.height}px`:u.config.size.height:void 0,d=ar(e,r);return N?Q.jsxs(nr,{type:"error",children:["An error occurred: ",N]}):B||!X?Q.jsx(nr,{type:"loading",children:"Loading..."}):Q.jsxs(Q.Fragment,{children:[f&&!z?Q.jsx("div",{onClick:ee}):null,!f&&Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:A,width:o||"100%",height:l||"auto",$hiddenClasses:m,className:p})},d),f&&z&&Q.jsx(Vr,{onClick:W,className:p,children:Q.jsx(Or,{className:p,onClick:te=>te.stopPropagation(),children:Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:A,width:"100%",height:"auto",$hiddenClasses:m,className:p})},d)})})]})},Ur=y.createContext(void 0),Ht=({children:e})=>{const[r,t]=y.useState(!1),[i,a]=y.useState(null),[n,s]=y.useState(null),u=y.useCallback(c=>{try{const p=ar(c.playerId,c.videoId);a({...c,playerId:p}),t(!0),s(null)}catch{s("Failed to show player.")}},[]),f=y.useCallback(()=>{t(!1),a(null),s(null)},[]),m=y.useMemo(()=>({showPlayer:u,hidePlayer:f,isPlayerVisible:r,playerParams:i}),[u,f,r,i]);return Q.jsxs(Ur.Provider,{value:m,children:[e,n&&Q.jsx(nr,{type:"error",children:n}),r&&(i==null?void 0:i.playerId)&&Q.jsx(Mr,{playerId:i.playerId,videoId:i.videoId,projectId:i.projectId,videoUrl:i.videoUrl,version:i.version,playlistId:i.playlistId,scriptUrl:i.scriptUrl,config:i.config,isReels:i.isReels,thumbnailUrl:i.thumbnailUrl,onClose:f,hiddenClasses:i.hiddenClasses||[],className:i.className})]})},Xt=()=>{const e=y.useContext(Ur);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Jt={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}}},Kt={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Qt={config:{autoplay:!0,muted:!0}},He={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Zt=(e,r,t="time",i=0)=>{var a;return{...He,video:{...He.video,ads:{...(a=He.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:r,breakType:e,breakTimingType:t,breakTimingValue:i}]}}}},en="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",rn="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",tn="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",nn="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",an="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=",on="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=";j.AD_TAG_LINEAR_URL=an,j.AD_TAG_SKIPPABLE_LINEAR_URL=on,j.BIG_BUCK_BUNNY_URL=en,j.ELEPHANTS_DREAM_URL=rn,j.Overlay=Vr,j.PEXELS_THUMBNAIL_URL=nn,j.PEXELS_VERTICAL_VIDEO_URL=tn,j.PlayerContainer=ir,j.PlayerWrapper=Or,j.VPPlayer=Mr,j.VPPlayerProvider=Ht,j.baseConfig=Kt,j.baseConfigWithAds=He,j.baseConfigWithAutoplay=Qt,j.buildVPPlayerConfig=Nr,j.defaultVPPlayerConfig=Jt,j.extractVideoId=Dr,j.getAdConfig=Zt,j.useVPPlayer=Xt,j.useVPPlayerEvents=$r,j.useVPPlayerLogic=Fr,j.useVPPlayerScript=Lr,j.useVideoData=jr,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
+`,zt=(e,r)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`,qt=e=>`https://host.vpplayer.tech/playlist/${e}`,Wt=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,or=(e,r)=>`vp-player-${e||"default"}-${r||""}`,ar=new Map,Lr=(e,r)=>{const[t,i]=y.useState(!1),[o,n]=y.useState(null);return y.useEffect(()=>{let s=null,u,f=0;const m=3;let c;try{c=r||Wt(e||"latest")}catch(P){const w=P instanceof Error?P.message:String(P);n(`Failed to resolve script URL: ${w}`),i(!1);return}if(ar.get(c)){i(!0),n(null);return}if(document.querySelector(`script[src="${c}"]`)){ar.set(c,!0),i(!0),n(null);return}const x=()=>{s=document.createElement("script"),s.src=c,s.async=!0,u=window.setTimeout(()=>{i(!1),n(`Loading script timed out: ${c}`)},1e4),s.onload=()=>{clearTimeout(u),ar.set(c,!0),i(!0),n(null)},s.onerror=()=>{clearTimeout(u),f++,f<m?setTimeout(x,1e3*f):(i(!1),n(`Failed to load VP Player script after ${m} attempts: ${c}`))},document.body.appendChild(s)};return x(),()=>{clearTimeout(u),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,r]),{isLoaded:t,error:o}},Ge=new Map,Yt=3e4,sr=5,jr=({projectId:e,videoId:r,playlistId:t,videoUrl:i})=>{const[o,n]=y.useState(null),[s,u]=y.useState(null),[f,m]=y.useState(!1),[c,p]=y.useState(null);return y.useEffect(()=>{const x=r?`video:${r}`:t?`playlist:${t}`:null;if(i||!r&&!t){n(i||null),u(null),m(!1),p(null);return}if(r&&!e){m(!1),p("projectId is required for single video fetch");return}if(x&&Ge.has(x)){const E=Ge.get(x);n(E.url),u(E.playlist),m(!1),p(null);return}let P=!0;const w=new AbortController,h=w.signal,_=setTimeout(async()=>{var $,M;if(!P)return;m(!0),p(null);let E=0;for(;E<sr&&P;)try{const V=r&&!t?zt(e,r):qt(t),I=setTimeout(()=>w.abort(),Yt),Z=await fetch(V,{method:"GET",headers:{Accept:"application/json","Cache-Control":"no-cache"},signal:h});if(clearTimeout(I),!Z.ok)throw new Error(`Fetch failed with status ${Z.status}`);const X=await Z.json();if(!P)return;if(r&&!t){const S=(M=($=X.result)==null?void 0:$.items)==null?void 0:M.find(v=>v.mediaId===r);if(!(S!=null&&S.playbackUrl))throw new Error("Invalid video data");n(S.playbackUrl),u(null),x&&Ge.set(x,{url:S.playbackUrl,playlist:null})}else{const S=X.videos;if(!Array.isArray(S))throw new Error("Invalid playlist format");u(S),n(null),x&&Ge.set(x,{url:null,playlist:S})}break}catch(V){if(h.aborted){P&&p("Request timed out");break}if(E++,E>=sr){const I=V instanceof Error?V.message:String(V);P&&p(`Failed after ${sr} attempts: ${I}`)}else await new Promise(I=>setTimeout(I,2e3))}P&&m(!1)},100);return()=>{P=!1,clearTimeout(_),w.abort()}},[e,r,t,i]),{fetchedPlaybackUrl:o,fetchedPlaylist:s,isLoading:f,error:c}},$r=({playerId:e,playerInstanceRef:r,playerRef:t,videoData:i,trackingMetadata:o,callbacks:n})=>{const s=y.useRef(!1),u=y.useRef(!1),f=y.useRef(!1),m=y.useRef(0),c=y.useRef({}),p=y.useRef(null),x=y.useRef(null),P=y.useRef(null),w=y.useRef(null),h=y.useRef(!1),g=y.useRef(!1);y.useEffect(()=>{if(!(n&&(n.onPlayerStart||n.onPlayerPlay||n.onPlayerPause||n.onPlayerResume||n.onPlayerEnd||n.onPlayerProgressEvery10Seconds||n.onPlayerProgressAt20Seconds||n.onPlayerQuartile25||n.onPlayerQuartile50||n.onPlayerQuartile75||n.onPlayerNext||n.onPlayerPrevious||n.onPlayerEvent)))return;const E=()=>{s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={}},$=()=>{var q;const v=document.getElementById(e);if(!v)return null;if(v.querySelectorAll("video").length>1&&r.current){const W=r.current,B=W.videoIndex??((q=W.playlist)==null?void 0:q.playlistVideoIndex)??0,N=v.querySelector(`video[id="${B}"]`);if(N)return N;const z=v.querySelector("video.active");if(z)return z}return v.querySelector("video")},M=()=>{const v=$();if(!v)return!1;const T=(l,d)=>{var J,fe,L,te,pe,oe,Ee,Xe,de,xe,ge,lr,ur,Ne;const D=Date.now();if(!(l==="player_start"&&s.current)){switch(w.current={type:l,time:D},l){case"player_start":(J=n.onPlayerStart)==null||J.call(n,l);break;case"player_play":(fe=n.onPlayerPlay)==null||fe.call(n,l);break;case"player_pause":(L=n.onPlayerPause)==null||L.call(n,l);break;case"player_resume":(te=n.onPlayerResume)==null||te.call(n,l);break;case"player_end":(pe=n.onPlayerEnd)==null||pe.call(n,l);break;case"player_progress_every_10_seconds":d!==void 0&&((oe=n.onPlayerProgressEvery10Seconds)==null||oe.call(n,l,d));break;case"player_progress_at_20_seconds":d!==void 0&&((Ee=n.onPlayerProgressAt20Seconds)==null||Ee.call(n,l,d));break;case"player_quartile_25":d!==void 0&&((Xe=n.onPlayerQuartile25)==null||Xe.call(n,l,d));break;case"player_quartile_50":d!==void 0&&((de=n.onPlayerQuartile50)==null||de.call(n,l,d));break;case"player_quartile_75":d!==void 0&&((xe=n.onPlayerQuartile75)==null||xe.call(n,l,d));break;case"player_next":(ge=n.onPlayerNext)==null||ge.call(n,l);break;case"player_previous":(lr=n.onPlayerPrevious)==null||lr.call(n,l);break}d!==void 0&&(l==="player_progress_every_10_seconds"||l==="player_progress_at_20_seconds"||l==="player_quartile_25"||l==="player_quartile_50"||l==="player_quartile_75")?(ur=n.onPlayerEvent)==null||ur.call(n,l,d):(Ne=n.onPlayerEvent)==null||Ne.call(n,l)}},q=()=>$()===v,W=()=>{h.current||q()&&(s.current||(T("player_start"),s.current=!0))},B=()=>{h.current||q()&&(s.current||(T("player_start"),s.current=!0),f.current?T("player_resume"):u.current&&g.current?(T("player_play"),g.current=!1):u.current||(T("player_play"),u.current=!0),f.current=!1)},N=()=>{v.ended||h.current||setTimeout(()=>{var l;if(!h.current){if(r.current&&x.current!==null){const d=r.current;if((d.videoIndex??((l=d.playlist)==null?void 0:l.playlistVideoIndex)??0)!==x.current)return}T("player_pause"),f.current=!0}},200)},z=()=>{T("player_end")},O=()=>{if(h.current)return;const l=v.duration>0?v.currentTime/v.duration*100:0,d=Math.floor(v.currentTime);d-m.current>=10&&(m.current=d,T("player_progress_every_10_seconds",d)),d>=20&&!c.current[20]&&(c.current[20]=!0,T("player_progress_at_20_seconds",d)),l>=25&&!c.current[25]&&(c.current[25]=!0,T("player_quartile_25",d)),l>=50&&!c.current[50]&&(c.current[50]=!0,T("player_quartile_50",d)),l>=75&&!c.current[75]&&(c.current[75]=!0,T("player_quartile_75",d))},ee=()=>{g.current=!0};if(P.current&&P.current!==v){const l=P.current;l.removeEventListener("loadedmetadata",W),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee)}P.current=v,v.addEventListener("loadedmetadata",W),v.addEventListener("play",B),v.addEventListener("pause",N),v.addEventListener("ended",z),v.addEventListener("timeupdate",O),v.addEventListener("seeking",ee),v.readyState>=1&&W(),!v.paused&&v.currentTime>0&&!u.current&&(s.current||W(),B());const Y=document.getElementById(e),a=l=>{const d=l.target;(d.closest(".vp-next")||d.closest(".vrt-icon-down")||d.closest(".vrt-arrow.vrt-icon-down"))&&(h.current=!0,T("player_next"),E(),setTimeout(()=>{h.current=!1},500)),(d.closest(".vp-prev")||d.closest(".vp-previous")||d.closest(".vrt-icon-up")||d.closest(".vrt-arrow.vrt-icon-up"))&&(h.current=!0,T("player_previous"),E(),setTimeout(()=>{h.current=!1},500))};return Y&&Y.addEventListener("click",a,!0),p.current=()=>{const l=P.current||v;l.removeEventListener("loadedmetadata",W),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee),Y==null||Y.removeEventListener("click",a,!0),P.current=null},!0};let V=null,I=!1;const b=()=>{if(!r.current)return;const v=r.current,T=document.getElementById(e),q=T==null?void 0:T.querySelectorAll("video");q&&q.length>1&&v.videoIndex!==void 0&&(V=window.setInterval(()=>{var B,N,z,O;try{const ee=v.videoIndex??((B=v.playlist)==null?void 0:B.playlistVideoIndex)??0;if(x.current!==null&&ee!==x.current){const Y=ee>x.current,a=Y?"player_next":"player_previous";n&&!h.current&&(Y?(N=n.onPlayerNext)==null||N.call(n,a):(z=n.onPlayerPrevious)==null||z.call(n,a),(O=n.onPlayerEvent)==null||O.call(n,a)),h.current=!0,p.current&&(p.current(),p.current=null),s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={},P.current=null,g.current=!1,setTimeout(()=>{M(),setTimeout(()=>{h.current=!1},200)},100)}x.current=ee}catch{}},500))};let Z=0;const X=20,S=setInterval(()=>{Z++,M()&&!I?(I=!0,clearInterval(S),setTimeout(()=>{b()},1e3)):Z>=X&&clearInterval(S)},500);return()=>{clearInterval(S),V!==null&&(clearInterval(V),V=null),p.current&&(p.current(),p.current=null)}},[e,i,o,n,r,t])},Gt={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}}},Ae="vp-player-project",Nr=({videoUrl:e,fetchedPlaybackUrl:r,fetchedPlaylist:t,projectId:i,config:o={},isVerticalPlayer:n})=>{var c,p,x,P,w,h,g,_,E,$,M,V,I,b,Z,X,S,v,T,q,W,B;const s={...Gt,...o},u={...s.config,...o.config};if(e)return{...s,projectId:i||Ae,video:{...s.video,file:e,playlist:void 0},config:u};if(r)return{...s,projectId:i||Ae,video:{...s.video,file:r,playlist:void 0},config:u};if(t&&t.length>0){const N=((p=(c=o==null?void 0:o.video)==null?void 0:c.playlist)==null?void 0:p.playlistVideoIndex)??((x=o==null?void 0:o.config)==null?void 0:x.playlistVideoIndex)??0;return n?{...s,projectId:i||Ae,video:{...s.video,videoId:(P=t[0])==null?void 0:P.mediaId,file:(w=t[0])==null?void 0:w.hlsUrl,title:(h=t[0])==null?void 0:h.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:t.slice(1).map((O,ee)=>({videoId:O.mediaId||String(ee+1),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}:{...s,projectId:i||Ae,video:{...s.video,videoId:((g=t[Number(N)])==null?void 0:g.mediaId)||((_=t[0])==null?void 0:_.mediaId),file:((E=t[Number(N)])==null?void 0:E.hlsUrl)||(($=t[0])==null?void 0:$.hlsUrl)||"",title:((M=t[Number(N)])==null?void 0:M.title)||((V=t[0])==null?void 0:V.title),thumbnail:((I=t[Number(N)])==null?void 0:I.thumbnailUrl)||((b=t[0])==null?void 0:b.thumbnailUrl),playlist:{state:!0,playlistVideoIndex:Number(N),videos:t.map((O,ee)=>({videoId:O.mediaId||String(ee),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}}const f=((Z=o==null?void 0:o.video)==null?void 0:Z.playlist)||s.video.playlist,m=(X=o==null?void 0:o.video)==null?void 0:X.file;if(m)return{...s,projectId:i||Ae,video:{...s.video,file:m,playlist:void 0},config:u};if(f!=null&&f.videos&&f.videos.length>0){const N=((v=(S=o==null?void 0:o.video)==null?void 0:S.playlist)==null?void 0:v.playlistVideoIndex)??((T=o==null?void 0:o.config)==null?void 0:T.playlistVideoIndex)??0;return{...s,projectId:i||Ae,video:{...s.video,videoId:(q=f.videos[0])==null?void 0:q.videoId,file:((W=f.videos[0])==null?void 0:W.file)||"",title:(B=f.videos[0])==null?void 0:B.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:f.videos}},config:u}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},Dr=e=>{if(!e)return;const r=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,t=e.match(r);return t?t[2]:void 0},Fr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,onPlaylistData:m,onVideoStarted:c,trackingMetadata:p,onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z})=>{const X=y.useRef(null),S=y.useRef(null),v=y.useRef(!1),T=y.useRef(""),q=y.useRef([]),W=y.useRef([]),B=y.useRef(null),{isLoaded:N,error:z}=Lr(t,s),O=r||Dr(s),[ee,Y]=y.useState(null),{fetchedPlaybackUrl:a,fetchedPlaylist:l,isLoading:d,error:D}=jr({projectId:o,videoId:O,playlistId:n,videoUrl:i}),J=or(e,O),[fe,L]=y.useState(void 0);y.useEffect(()=>{l&&m&&m(l)},[l,m]),$r({playerId:J,playerInstanceRef:S,playerRef:X,videoData:fe,trackingMetadata:p,callbacks:{onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z}});const pe=y.useMemo(()=>{const oe=u.config||{},Ee=f&&!oe.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:oe.size||{sizeType:"FIXED",width:"100%"};return{...u,config:{...oe,size:Ee}}},[u,f]);return y.useEffect(()=>{if(z){Y(z);return}if(!N||d&&!i)return;let oe=!0;const Xe=setTimeout(async()=>{try{q.current.forEach(le=>clearInterval(le)),q.current=[],W.current.forEach(le=>clearTimeout(le)),W.current=[],B.current=null;const de=(l==null?void 0:l.length)??0,xe=JSON.stringify({playerId:J,videoId:r||O,playlistId:n,videoUrl:i,fetchedPlaybackUrl:a,scriptUrl:s,isReels:f,projectId:o,playlistLength:de});if(v.current&&S.current&&T.current===xe)return;T.current!==xe&&(v.current=!1,T.current=xe);const ge=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(le=>{var Ce,k;const _e=le.id;if(_e!==J)try{const A=ge?(Ce=window.vpVerticalPlayer)==null?void 0:Ce.call(window,_e):(k=window.vpPlayer)==null?void 0:k.call(window,_e);A!=null&&A.destroy&&A.destroy()}catch(A){console.warn(`Failed to destroy existing player ${_e}:`,A)}}),await new Promise(le=>setTimeout(le,100)),!oe||!X.current)return;if(!document.getElementById(J)){Y("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){Y("VP Player script not loaded.");return}const Ne=ge?window.vpVerticalPlayer:window.vpPlayer;if(!Ne){Y(`VP ${ge?"Vertical ":""}Player script not loaded.`);return}const Pe=Nr({videoUrl:i,fetchedPlaybackUrl:a??void 0,fetchedPlaylist:l??void 0,projectId:o,config:pe,isVerticalPlayer:ge}),K=Ne(J);if(!K){Y(`Failed to create VP ${ge?"Vertical ":""}Player instance.`);return}if(oe&&X.current&&(K.setup(Pe),S.current=K,v.current=!0,Y(null),c&&K.on)){const le=()=>{var A,F,ae;const k={};if((F=(A=Pe.video)==null?void 0:A.playlist)!=null&&F.videos&&Pe.video.playlist.videos.length>0){const U=K.videoIndex??((ae=K.playlist)==null?void 0:ae.playlistVideoIndex)??0,G=Pe.video.playlist.videos[U];G&&(k.title=G.title,k.file=G.file||G.hlsUrl,k.hlsUrl=G.file||G.hlsUrl,k.thumbnailUrl=G.thumbnailUrl,k.duration=G.duration,k.videoIndex=U,k.playlistVideoIndex=U,k.videoId=G.videoId||G.mediaId,k.mediaId=G.mediaId||G.videoId)}else Pe.video&&(k.title=Pe.video.title,k.file=Pe.video.file,k.hlsUrl=Pe.video.file,k.thumbnailUrl=Pe.video.thumbnail,k.videoId=r||O,k.videoIndex=0,k.playlistVideoIndex=0,K.getDuration&&(k.duration=K.getDuration()));return k};let _e=null;const Ce=async()=>{var k;try{_e&&clearTimeout(_e),await new Promise(U=>setTimeout(U,100));let A=le();const F=A.videoId||A.mediaId;if(F&&F===B.current)return;if(_e=window.setTimeout(()=>{B.current=null},500),(s==null?void 0:s.includes("vertical-player"))&&F)try{const be=`https://host.vpplayer.tech/player/ptkzurnx/${F}.json`,G=await fetch(be);if(G.ok){const ne=await G.json();ne!=null&&ne.video&&(A={...A,title:ne.video.title||A.title,description:ne.video.description,publishDate:ne.video.publishDate,projectId:ne.projectId||A.projectId,premium:((k=ne.video.videoLocking)==null?void 0:k.isEnabled)||!1,author:ne.video.author,tags:ne.video.tags||[]})}}catch{}B.current=F||null,L(A),c(A)}catch(A){console.warn("Error in video-started handler:",A)}};if(ge){let k=!1,A=-1;const F=()=>{if(!k){k=!0;try{K.on&&K.on("vp-video-started",Ce),setTimeout(()=>{Ce(),A=K.videoIndex??0},500)}catch(G){console.error("Error setting up event listeners:",G)}}};let ae=0;const U=15,be=setInterval(()=>{try{const G=K.videoIndex!==void 0||K.playlist;if(!k)ae++,(G||ae>=U)&&F();else{const ne=K.videoIndex??0;ne!==A&&A!==-1&&(A=ne,Ce())}}catch{}},200);q.current.push(be);try{K.on&&K.on("vp-listen-ready",F)}catch{}}else{const k=async A=>{var F,ae;try{const U=s==null?void 0:s.match(/player\/([^/.]+)/),be=U==null?void 0:U[1];if(!be||!A)return le();const G=`https://host.vpplayer.tech/player/${be}/${A}.json`,ne=await fetch(G);if(!ne.ok)return console.warn("Failed to fetch full video config:",ne.status),le();const ue=await ne.json();return ue!=null&&ue.video?{videoId:A,title:ue.video.title,description:ue.video.description,file:ue.video.file,hlsUrl:ue.video.file,thumbnailUrl:ue.video.thumbnail,duration:ue.video.duration,publishDate:ue.video.publishDate,projectId:ue.projectId,premium:((F=ue.video.videoLocking)==null?void 0:F.isEnabled)||!1,author:ue.video.author,tags:ue.video.tags||[],videoIndex:K.videoIndex??0,playlistVideoIndex:((ae=K.playlist)==null?void 0:ae.playlistVideoIndex)??0}:le()}catch(U){return console.warn("Error fetching full video data:",U),le()}};K.on("ready",async A=>{try{const F=A,ae=(F==null?void 0:F.id)||r||O;if(ae){const U=await k(ae);L(U),c(U)}else{const U=le();(U.title||U.file)&&(L(U),c(U))}}catch(F){console.warn("Error in ready handler:",F)}}),K.on("playlistItem",async A=>{try{const F=A,ae=F==null?void 0:F.id;if(ae){const U=await k(ae);L(U),c(U)}}catch(F){console.warn("Error in playlistItem handler:",F)}})}}}catch(de){if(oe){const xe=de instanceof Error?de.message:String(de);Y(xe),console.error("VP Player initialization error:",de)}}},150);return()=>{oe=!1,clearTimeout(Xe),q.current.forEach(de=>clearInterval(de)),q.current=[],W.current.forEach(de=>clearTimeout(de)),W.current=[],v.current=!1}},[N,d,J,z,s]),y.useEffect(()=>()=>{if(S.current){try{S.current.destroy&&S.current.destroy()}catch(Ee){console.warn(`Failed to destroy player ${J}:`,Ee)}S.current=null}v.current=!1;const oe=document.getElementById(J);oe&&(oe.innerHTML="")},[J]),{playerRef:X,playerInstanceRef:S,isScriptLoaded:N,isLoading:d,error:D||ee||z}},Mr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,hiddenClasses:m=[],onClose:c,className:p,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:X,onPlayerPrevious:S,onPlayerEvent:v})=>{var D,J,fe,L;const{playerRef:T,playerInstanceRef:q,isScriptLoaded:W,isLoading:B,error:N}=Fr({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u,isReels:f,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:X,onPlayerPrevious:S,onPlayerEvent:v}),[z,O]=y.useState(!0),ee=()=>f&&O(!0),Y=()=>{var te,pe;O(!1),(pe=(te=q.current)==null?void 0:te.play)==null||pe.call(te),c==null||c()},a=(J=(D=u==null?void 0:u.config)==null?void 0:D.size)!=null&&J.width?typeof u.config.size.width=="number"?`${u.config.size.width}px`:u.config.size.width:void 0,l=(L=(fe=u==null?void 0:u.config)==null?void 0:fe.size)!=null&&L.height?typeof u.config.size.height=="number"?`${u.config.size.height}px`:u.config.size.height:void 0,d=or(e,r);return N?Q.jsxs(nr,{type:"error",children:["An error occurred: ",N]}):B||!W?Q.jsx(nr,{type:"loading",children:"Loading..."}):Q.jsxs(Q.Fragment,{children:[f&&!z?Q.jsx("div",{onClick:ee}):null,!f&&Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:T,width:a||"100%",height:l||"auto",$hiddenClasses:m,className:p})},d),f&&z&&Q.jsx(Vr,{onClick:Y,className:p,children:Q.jsx(Or,{className:p,onClick:te=>te.stopPropagation(),children:Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:T,width:"100%",height:"auto",$hiddenClasses:m,className:p})},d)})})]})},Ur=y.createContext(void 0),Ht=({children:e})=>{const[r,t]=y.useState(!1),[i,o]=y.useState(null),[n,s]=y.useState(null),u=y.useCallback(c=>{try{const p=or(c.playerId,c.videoId);o({...c,playerId:p}),t(!0),s(null)}catch{s("Failed to show player.")}},[]),f=y.useCallback(()=>{t(!1),o(null),s(null)},[]),m=y.useMemo(()=>({showPlayer:u,hidePlayer:f,isPlayerVisible:r,playerParams:i}),[u,f,r,i]);return Q.jsxs(Ur.Provider,{value:m,children:[e,n&&Q.jsx(nr,{type:"error",children:n}),r&&(i==null?void 0:i.playerId)&&Q.jsx(Mr,{playerId:i.playerId,videoId:i.videoId,projectId:i.projectId,videoUrl:i.videoUrl,version:i.version,playlistId:i.playlistId,scriptUrl:i.scriptUrl,config:i.config,isReels:i.isReels,thumbnailUrl:i.thumbnailUrl,onClose:f,hiddenClasses:i.hiddenClasses||[],className:i.className})]})},Xt=()=>{const e=y.useContext(Ur);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Jt={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}}},Kt={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Qt={config:{autoplay:!0,muted:!0}},He={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Zt=(e,r,t="time",i=0)=>{var o;return{...He,video:{...He.video,ads:{...(o=He.video)==null?void 0:o.ads,adBreaks:[{adTagUrl:r,breakType:e,breakTimingType:t,breakTimingValue:i}]}}}},en="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",rn="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",tn="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",nn="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",on="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=",an="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=";j.AD_TAG_LINEAR_URL=on,j.AD_TAG_SKIPPABLE_LINEAR_URL=an,j.BIG_BUCK_BUNNY_URL=en,j.ELEPHANTS_DREAM_URL=rn,j.Overlay=Vr,j.PEXELS_THUMBNAIL_URL=nn,j.PEXELS_VERTICAL_VIDEO_URL=tn,j.PlayerContainer=ir,j.PlayerWrapper=Or,j.VPPlayer=Mr,j.VPPlayerProvider=Ht,j.baseConfig=Kt,j.baseConfigWithAds=He,j.baseConfigWithAutoplay=Qt,j.buildVPPlayerConfig=Nr,j.defaultVPPlayerConfig=Jt,j.extractVideoId=Dr,j.getAdConfig=Zt,j.useVPPlayer=Xt,j.useVPPlayerEvents=$r,j.useVPPlayerLogic=Fr,j.useVPPlayerScript=Lr,j.useVideoData=jr,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));

package/dist/types/api.types.d.ts

@@ -0,0 +1,81 @@
+/**
+ * API response types for VP Player.
+ *
+ * @interface VideoApiItem
+ * Represents an individual video item in the API response.
+ */
+export interface VideoApiItem {
+    mediaId: string;
+    playbackUrl: string;
+}
+/**
+ * API response structure for fetching video data.
+ *
+ * @interface VideoApiResponse
+ */
+export interface VideoApiResponse {
+    result: {
+        items: VideoApiItem[];
+    };
+}
+/**
+ * Represents an item in a video playlist.
+ *
+ * @interface PlaylistItem
+ */
+export interface PlaylistItem {
+    mediaId: string;
+    videoId?: string;
+    title: string;
+    description?: string;
+    hlsUrl: string;
+    playbackUrl?: string;
+    file?: string;
+    thumbnailUrl: string;
+    duration: number;
+    durationString?: string;
+    isBackupPlaylist?: boolean;
+}
+/**
+ * API response structure for fetching playlist data.
+ *
+ * @interface PlaylistApiResponse
+ */
+export interface PlaylistApiResponse {
+    result: PlaylistItem[];
+}
+/**
+ * Result structure returned by the video data fetching logic.
+ *
+ * @interface VideoDataResult
+ */
+export interface VideoDataResult {
+    fetchedPlaybackUrl: string | null;
+    fetchedPlaylist: PlaylistItem[] | null;
+    isLoading: boolean;
+    error: string | null;
+}
+/**
+ * Represents data about the currently playing video.
+ * Used in onVideoStarted callback.
+ *
+ * @interface CurrentVideoData
+ */
+export interface CurrentVideoData {
+    title?: string;
+    file?: string;
+    hlsUrl?: string;
+    thumbnailUrl?: string;
+    duration?: number;
+    videoIndex?: number;
+    playlistVideoIndex?: number;
+    isBackupPlaylist?: boolean;
+    videoId?: string;
+    mediaId?: string;
+    publishDate?: string;
+    projectId?: string;
+    premium?: boolean;
+    author?: string;
+    tags?: string[];
+    description?: string;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './api.types';
+export * from './playerEvents.types';

package/dist/types/playerEvents.types.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Player event types that can be tracked
+ */
+export type PlayerEventType = "player_start" | "player_play" | "player_pause" | "player_resume" | "player_end" | "player_progress_every_10_seconds" | "player_progress_at_20_seconds" | "player_quartile_25" | "player_quartile_50" | "player_quartile_75" | "player_next" | "player_previous";
+/**
+ * Player event data structure
+ */
+export interface PlayerEventData {
+    event: PlayerEventType;
+    player: PlayerObject;
+    _clear?: boolean;
+}
+/**
+ * Player object structure for analytics
+ */
+export interface PlayerObject {
+    videoId?: string;
+    title?: string;
+    categoryName?: string;
+    publishedDate?: string;
+    isPremium?: boolean;
+    tags?: string[];
+    isReels?: boolean;
+    currentPosition?: number;
+    duration?: number;
+    progress?: number;
+}
+/**
+ * Callback function type for player events
+ * Accepts event name (PlayerEventType) and optionally currentPosition for progress events
+ */
+export type PlayerEventCallback = (event: PlayerEventType, currentPosition?: number) => void;
+/**
+ * Tracking metadata for analytics (available in v1.0.23+)
+ */
+export interface PlayerTrackingMetadata {
+    videoId: string;
+    title: string;
+    categoryName?: string;
+    publishedDate?: string;
+    isPremium?: boolean;
+    tags?: string[];
+    isReels?: boolean;
+}
+/**
+ * Individual event callbacks
+ * Each callback accepts only the event name (PlayerEventType)
+ */
+export interface PlayerEventCallbacks {
+    onPlayerStart?: (event: PlayerEventType) => void;
+    onPlayerPlay?: (event: PlayerEventType) => void;
+    onPlayerPause?: (event: PlayerEventType) => void;
+    onPlayerResume?: (event: PlayerEventType) => void;
+    onPlayerEnd?: (event: PlayerEventType) => void;
+    onPlayerProgressEvery10Seconds?: (event: PlayerEventType, currentPosition: number) => void;
+    onPlayerProgressAt20Seconds?: (event: PlayerEventType, currentPosition: number) => void;
+    onPlayerQuartile25?: (event: PlayerEventType, currentPosition: number) => void;
+    onPlayerQuartile50?: (event: PlayerEventType, currentPosition: number) => void;
+    onPlayerQuartile75?: (event: PlayerEventType, currentPosition: number) => void;
+    onPlayerNext?: (event: PlayerEventType) => void;
+    onPlayerPrevious?: (event: PlayerEventType) => void;
+    /**
+     * Universal callback for all events - called in addition to specific callbacks
+     * Accepts event name (PlayerEventType) and optionally currentPosition for progress events
+     */
+    onPlayerEvent?: PlayerEventCallback;
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './vpPlayerConfigBuilder';
+export * from './vpPlayerUtils';

package/dist/utils/vpPlayerConfigBuilder.d.ts

@@ -0,0 +1,30 @@
+import { VPPlayerConfig } from '../../../../../../src/interfaces';
+import { PlaylistItem } from '../../../../../../src/types';
+/**
+ * Interface for options used in building the VP Player configuration.
+ *
+ * @interface ConfigBuilderOptions
+ */
+interface ConfigBuilderOptions {
+    videoUrl?: string;
+    fetchedPlaybackUrl?: string;
+    fetchedPlaylist?: PlaylistItem[];
+    projectId?: string;
+    config?: Partial<VPPlayerConfig>;
+    isVerticalPlayer?: boolean;
+}
+/**
+ * Builds the final VP Player configuration based on available data.
+ * Handles different data sources in priority order:
+ * 1. Direct video URL
+ * 2. Single video from API
+ * 3. Playlist from API
+ * 4. Playlist from config
+ *
+ * @function
+ * @param {ConfigBuilderOptions} options - Options for building the configuration
+ * @returns {VPPlayerConfig} - The final configuration object for the player
+ * @throws {Error} - Throws error if no valid video source is found
+ */
+export declare const buildVPPlayerConfig: ({ videoUrl, fetchedPlaybackUrl, fetchedPlaylist, projectId, config, isVerticalPlayer, }: ConfigBuilderOptions) => VPPlayerConfig;
+export {};

package/dist/utils/vpPlayerUtils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Extracts the video ID from a given VP Player script URL.
+ *
+ * @function
+ * @param {string} [scriptUrl] - The script URL containing the video ID.
+ * @returns {string | undefined} The extracted video ID, or `undefined` if not found.
+ */
+export declare const extractVideoId: (scriptUrl?: string) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devix-technologies/react-gjirafa-vp-player",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "type": "module",
   "main": "./dist/react-gjirafa-vp-player.umd.js",
   "module": "./dist/react-gjirafa-vp-player.es.js",
@@ -8,6 +8,17 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint . --max-warnings=0",
+    "type-check": "tsc --noEmit",
+    "check": "pnpm run lint && pnpm run type-check",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepare": "husky"
+  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
@@ -43,21 +54,13 @@
     "storybook": "^8.6.0",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
-    "vite": "^6.2.0"
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.4"
   },
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"
     ]
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint . --max-warnings=0",
-    "type-check": "tsc --noEmit",
-    "check": "pnpm run lint && pnpm run type-check",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  }
-}
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
+}