@devix-technologies/react-gjirafa-vp-player 1.0.26 → 1.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -0
- package/dist/react-gjirafa-vp-player.es.js +839 -847
- package/dist/react-gjirafa-vp-player.umd.js +8 -8
- package/package.json +19 -15
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(j,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],y):(j=typeof globalThis<"u"?globalThis:j||self,y(j.ReactGjirafaVPPlayer={},j.React))})(this,(function(j,y){"use strict";function Br(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const ve=Br(y);var De={exports:{}},Re={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/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={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/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:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,$,M,oe,M),h[M+$]=!0)}if(M=null,S!==void 0&&(t(S),M=""+S),s(v)&&(t(v.key),M=""+v.key),"key"in v){S={};for(var Z in v)Z!=="key"&&(S[Z]=v[Z])}else S=v;return M&&u(S,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,M,U,te,a(),S,de,ae)}function f(o){typeof o=="object"&&o!==null&&o.$$typeof===b&&o._store&&(o._store.validated=1)}var g=y,b=Symbol.for("react.transitional.element"),T=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),_=Symbol.for("react.consumer"),L=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),Q=Symbol.for("react.lazy"),H=Symbol.for("react.activity"),d=Symbol.for("react.client.reference"),P=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,X=Array.isArray,q=console.createTask?console.createTask:function(){return null};g={"react-stack-bottom-frame":function(o){return o()}};var W,N={},Y=g["react-stack-bottom-frame"].bind(g,n)(),O=q(i(n)),h={};ke.Fragment=p,ke.jsx=function(o,v,S,$,te){var U=1e4>P.recentlyCreatedOwnerStacks++;return l(o,v,S,!1,$,te,U?Error("react-stack-top-frame"):Y,U?q(i(o)):O)},ke.jsxs=function(o,v,S,$,te){var U=1e4>P.recentlyCreatedOwnerStacks++;return l(o,v,S,!0,$,te,U?Error("react-stack-top-frame"):Y,U?q(i(o)):O)}}()),ke}var lr;function zr(){return lr||(lr=1,process.env.NODE_ENV==="production"?$e.exports=Ur():$e.exports=Br()),$e.exports}var K=zr();function Xe(){return Xe=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},Xe.apply(null,arguments)}function qr(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 Wr(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 Yr=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(Wr(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var n=qr(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}(),re="-ms-",De="-moz-",R="-webkit-",cr="comm",Je="rule",Ke="decl",Gr="@import",dr="@keyframes",Hr="@layer",Xr=Math.abs,Fe=String.fromCharCode,Jr=Object.assign;function Kr(e,r){return ee(e,0)^45?(((r<<2^ee(e,0))<<2^ee(e,1))<<2^ee(e,2))<<2^ee(e,3):0}function fr(e){return e.trim()}function Qr(e,r){return(e=r.exec(e))?e[0]:e}function k(e,r,t){return e.replace(r,t)}function Qe(e,r){return e.indexOf(r)}function ee(e,r){return e.charCodeAt(r)|0}function Oe(e,r,t){return e.slice(r,t)}function pe(e){return e.length}function Ze(e){return e.length}function Me(e,r){return r.push(e),e}function Zr(e,r){return e.map(r).join("")}var Ue=1,Ee=1,pr=0,ie=0,G=0,we="";function Be(e,r,t,i,a,n,s){return{value:e,root:r,parent:t,type:i,props:a,children:n,line:Ue,column:Ee,length:s,return:""}}function Ve(e,r){return Jr(Be("",null,null,"",null,null,0),e,{length:-e.length},r)}function et(){return G}function rt(){return G=ie>0?ee(we,--ie):0,Ee--,G===10&&(Ee=1,Ue--),G}function ue(){return G=ie<pr?ee(we,ie++):0,Ee++,G===10&&(Ee=1,Ue++),G}function he(){return ee(we,ie)}function ze(){return ie}function Le(e,r){return Oe(we,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 hr(e){return Ue=Ee=1,pr=pe(we=e),ie=0,[]}function mr(e){return we="",e}function qe(e){return fr(Le(ie-1,er(e===91?e+2:e===40?e+1:e)))}function tt(e){for(;(G=he())&&G<33;)ue();return je(e)>2||je(G)>3?"":" "}function nt(e,r){for(;--r&&ue()&&!(G<48||G>102||G>57&&G<65||G>70&&G<97););return Le(e,ze()+(r<6&&he()==32&&ue()==32))}function er(e){for(;ue();)switch(G){case e:return ie;case 34:case 39:e!==34&&e!==39&&er(G);break;case 40:e===41&&er(e);break;case 92:ue();break}return ie}function it(e,r){for(;ue()&&e+G!==57;)if(e+G===84&&he()===47)break;return"/*"+Le(r,ie-1)+"*"+Fe(e===47?e:ue())}function at(e){for(;!je(he());)ue();return Le(e,ie)}function ot(e){return mr(We("",null,null,null,[""],e=hr(e),0,[0],e))}function We(e,r,t,i,a,n,s,u,c){for(var m=0,l=0,f=s,g=0,b=0,T=0,p=1,E=1,w=1,_=0,L="",F=a,j=n,C=i,x=L;E;)switch(T=_,_=ue()){case 40:if(T!=108&&ee(x,f-1)==58){Qe(x+=k(qe(_),"&","&\f"),"&\f")!=-1&&(w=-1);break}case 34:case 39:case 91:x+=qe(_);break;case 9:case 10:case 13:case 32:x+=tt(T);break;case 92:x+=nt(ze()-1,7);continue;case 47:switch(he()){case 42:case 47:Me(st(it(ue(),ze()),r,t),c);break;default:x+="/"}break;case 123*p:u[m++]=pe(x)*w;case 125*p:case 59:case 0:switch(_){case 0:case 125:E=0;case 59+l:w==-1&&(x=k(x,/\f/g,"")),b>0&&pe(x)-f&&Me(b>32?vr(x+";",i,t,f-1):vr(k(x," ","")+";",i,t,f-2),c);break;case 59:x+=";";default:if(Me(C=yr(x,r,t,m,l,a,u,L,F=[],j=[],f),n),_===123)if(l===0)We(x,r,C,C,F,n,f,u,j);else switch(g===99&&ee(x,3)===110?100:g){case 100:case 108:case 109:case 115:We(e,C,C,i&&Me(yr(e,C,C,0,0,a,u,L,a,F=[],f),j),a,j,f,u,i?F:j);break;default:We(x,C,C,C,[""],j,0,u,j)}}m=l=b=0,p=w=1,L=x="",f=s;break;case 58:f=1+pe(x),b=T;default:if(p<1){if(_==123)--p;else if(_==125&&p++==0&&rt()==125)continue}switch(x+=Fe(_),_*p){case 38:w=l>0?1:(x+="\f",-1);break;case 44:u[m++]=(pe(x)-1)*w,w=1;break;case 64:he()===45&&(x+=qe(ue())),g=he(),l=f=pe(L=x+=at(ze())),_++;break;case 45:T===45&&pe(x)==2&&(p=0)}}return n}function yr(e,r,t,i,a,n,s,u,c,m,l){for(var f=a-1,g=a===0?n:[""],b=Ze(g),T=0,p=0,E=0;T<i;++T)for(var w=0,_=Oe(e,f+1,f=Xr(p=s[T])),L=e;w<b;++w)(L=fr(p>0?g[w]+" "+_:k(_,/&\f/g,g[w])))&&(c[E++]=L);return Be(e,r,t,a===0?Je:u,c,m,l)}function st(e,r,t){return Be(e,r,t,cr,Fe(et()),Oe(e,2,-2),0)}function vr(e,r,t,i){return Be(e,r,t,Ke,Oe(e,0,i),Oe(e,i+1,-1),i)}function _e(e,r){for(var t="",i=Ze(e),a=0;a<i;a++)t+=r(e[a],a,e,r)||"";return t}function ut(e,r,t,i){switch(e.type){case Hr:if(e.children.length)break;case Gr:case Ke:return e.return=e.return||e.value;case cr:return"";case dr:return e.return=e.value+"{"+_e(e.children,i)+"}";case Je:e.value=e.props.join(",")}return pe(t=_e(e.children,i))?e.return=e.value+"{"+t+"}":""}function lt(e){var r=Ze(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 ct(e){return function(r){r.root||(r=r.return)&&e(r)}}function gr(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var dt=function(r,t,i){for(var a=0,n=0;a=n,n=he(),a===38&&n===12&&(t[i]=1),!je(n);)ue();return Le(r,ie)},ft=function(r,t){var i=-1,a=44;do switch(je(a)){case 0:a===38&&he()===12&&(t[i]=1),r[i]+=dt(ie-1,t,i);break;case 2:r[i]+=qe(a);break;case 4:if(a===44){r[++i]=he()===58?"&\f":"",t[i]=r[i].length;break}default:r[i]+=Fe(a)}while(a=ue());return r},pt=function(r,t){return mr(ft(hr(r),t))},Pr=new WeakMap,ht=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&&!Pr.get(i))&&!a){Pr.set(r,!0);for(var n=[],s=pt(t,n),u=i.props,c=0,m=0;c<s.length;c++)for(var l=0;l<u.length;l++,m++)r.props[m]=n[c]?s[c].replace(/&\f/g,u[l]):u[l]+" "+s[c]}}},mt=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function xr(e,r){switch(Kr(e,r)){case 5103:return R+"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 R+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return R+e+De+e+re+e+e;case 6828:case 4268:return R+e+re+e+e;case 6165:return R+e+re+"flex-"+e+e;case 5187:return R+e+k(e,/(\w+).+(:[^]+)/,R+"box-$1$2"+re+"flex-$1$2")+e;case 5443:return R+e+re+"flex-item-"+k(e,/flex-|-self/,"")+e;case 4675:return R+e+re+"flex-line-pack"+k(e,/align-content|flex-|-self/,"")+e;case 5548:return R+e+re+k(e,"shrink","negative")+e;case 5292:return R+e+re+k(e,"basis","preferred-size")+e;case 6060:return R+"box-"+k(e,"-grow","")+R+e+re+k(e,"grow","positive")+e;case 4554:return R+k(e,/([^-])(transform)/g,"$1"+R+"$2")+e;case 6187:return k(k(k(e,/(zoom-|grab)/,R+"$1"),/(image-set)/,R+"$1"),e,"")+e;case 5495:case 3959:return k(e,/(image-set\([^]*)/,R+"$1$`$1");case 4968:return k(k(e,/(.+:)(flex-)?(.*)/,R+"box-pack:$3"+re+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+R+e+e;case 4095:case 3583:case 4068:case 2532:return k(e,/(.+)-inline(.+)/,R+"$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(pe(e)-1-r>6)switch(ee(e,r+1)){case 109:if(ee(e,r+4)!==45)break;case 102:return k(e,/(.+:)(.+)-([^]+)/,"$1"+R+"$2-$3$1"+De+(ee(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Qe(e,"stretch")?xr(k(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(ee(e,r+1)!==115)break;case 6444:switch(ee(e,pe(e)-3-(~Qe(e,"!important")&&10))){case 107:return k(e,":",":"+R)+e;case 101:return k(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+R+(ee(e,14)===45?"inline-":"")+"box$3$1"+R+"$2$3$1"+re+"$2box$3")+e}break;case 5936:switch(ee(e,r+11)){case 114:return R+e+re+k(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return R+e+re+k(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return R+e+re+k(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return R+e+re+e+e}return e}var yt=function(r,t,i,a){if(r.length>-1&&!r.return)switch(r.type){case Ke:r.return=xr(r.value,r.length);break;case dr:return _e([Ve(r,{value:k(r.value,"@","@"+R)})],a);case Je:if(r.length)return Zr(r.props,function(n){switch(Qr(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return _e([Ve(r,{props:[k(n,/:(read-\w+)/,":"+De+"$1")]})],a);case"::placeholder":return _e([Ve(r,{props:[k(n,/:(plac\w+)/,":"+R+"input-$1")]}),Ve(r,{props:[k(n,/:(plac\w+)/,":"+De+"$1")]}),Ve(r,{props:[k(n,/:(plac\w+)/,re+"input-$1")]})],a)}return""})}},vt=[yt],gt=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(p){var E=p.getAttribute("data-emotion");E.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=r.stylisPlugins||vt,n={},s,u=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(p){for(var E=p.getAttribute("data-emotion").split(" "),w=1;w<E.length;w++)n[E[w]]=!0;u.push(p)});var c,m=[ht,mt];{var l,f=[ut,ct(function(p){l.insert(p)})],g=lt(m.concat(a,f)),b=function(E){return _e(ot(E),g)};c=function(E,w,_,L){l=_,b(E?E+"{"+w.styles+"}":w.styles),L&&(T.inserted[w.name]=!0)}}var T={key:t,sheet:new Yr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:n,registered:{},insert:c};return T.sheet.hydrate(u),T},Pt=!0;function xt(e,r,t){var i="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(i+=a+" ")}),i}var br=function(r,t,i){var a=r.key+"-"+t.name;(i===!1||Pt===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},bt=function(r,t,i){br(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 Et(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 wt={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},_t=/[A-Z]|^ms/g,St=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Er=function(r){return r.charCodeAt(1)===45},wr=function(r){return r!=null&&typeof r!="boolean"},rr=gr(function(e){return Er(e)?e:e.replace(_t,"-$&").toLowerCase()}),_r=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(St,function(i,a,n){return me={name:a,styles:n,next:me},a})}return wt[r]!==1&&!Er(r)&&typeof t=="number"&&t!==0?t+"px":t};function Ne(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 me={name:a.name,styles:a.styles,next:me},a.name;var n=t;if(n.styles!==void 0){var s=n.next;if(s!==void 0)for(;s!==void 0;)me={name:s.name,styles:s.styles,next:me},s=s.next;var u=n.styles+";";return u}return It(e,r,t)}case"function":{if(e!==void 0){var c=me,m=t(e);return me=c,Ne(e,r,m)}break}}var l=t;if(r==null)return l;var f=r[l];return f!==void 0?f:l}function It(e,r,t){var i="";if(Array.isArray(t))for(var a=0;a<t.length;a++)i+=Ne(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]+"}":wr(u)&&(i+=rr(n)+":"+_r(n,u)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(r==null||r[s[0]]===void 0))for(var c=0;c<s.length;c++)wr(s[c])&&(i+=rr(n)+":"+_r(n,s[c])+";");else{var m=Ne(e,r,s);switch(n){case"animation":case"animationName":{i+=rr(n)+":"+m+";";break}default:i+=n+"{"+m+"}"}}}return i}var Sr=/label:\s*([^\s;{]+)\s*(;|$)/g,me;function Tt(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="";me=void 0;var n=e[0];if(n==null||n.raw===void 0)i=!1,a+=Ne(t,r,n);else{var s=n;a+=s[0]}for(var u=1;u<e.length;u++)if(a+=Ne(t,r,e[u]),i){var c=n;a+=c[u]}Sr.lastIndex=0;for(var m="",l;(l=Sr.exec(a))!==null;)m+="-"+l[1];var f=Et(a)+m;return{name:f,styles:a,next:me}}var Ct=function(r){return r()},At=ve.useInsertionEffect?ve.useInsertionEffect:!1,Rt=At||Ct,Ir=ve.createContext(typeof HTMLElement<"u"?gt({key:"css"}):null);Ir.Provider;var kt=function(r){return y.forwardRef(function(t,i){var a=y.useContext(Ir);return r(t,a,i)})},Ot=ve.createContext({}),Vt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Lt=gr(function(e){return Vt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),jt=Lt,Nt=function(r){return r!=="theme"},Tr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?jt:Nt},Cr=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},$t=function(r){var t=r.cache,i=r.serialized,a=r.isStringTag;return br(t,i,a),Rt(function(){return bt(t,i,a)}),null},Dt=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=Cr(r,t,i),c=u||Tr(a),m=!c("as");return function(){var l=arguments,f=i&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(n!==void 0&&f.push("label:"+n+";"),l[0]==null||l[0].raw===void 0)f.push.apply(f,l);else{var g=l[0];f.push(g[0]);for(var b=l.length,T=1;T<b;T++)f.push(l[T],g[T])}var p=kt(function(E,w,_){var L=m&&E.as||a,F="",j=[],C=E;if(E.theme==null){C={};for(var x in E)C[x]=E[x];C.theme=ve.useContext(Ot)}typeof E.className=="string"?F=xt(w.registered,j,E.className):E.className!=null&&(F=E.className+" ");var Q=Tt(f.concat(j),w.registered,C);F+=w.key+"-"+Q.name,s!==void 0&&(F+=" "+s);var H=m&&u===void 0?Tr(L):c,d={};for(var P in E)m&&P==="as"||H(P)&&(d[P]=E[P]);return d.className=F,_&&(d.ref=_),ve.createElement(ve.Fragment,null,ve.createElement($t,{cache:w,serialized:Q,isStringTag:typeof L=="string"}),ve.createElement(L,d))});return p.displayName=n!==void 0?n:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",p.defaultProps=r.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=f,p.__emotion_forwardProp=u,Object.defineProperty(p,"toString",{value:function(){return"."+s}}),p.withComponent=function(E,w){var _=e(E,Xe({},t,w,{shouldForwardProp:Cr(p,w,!0)}));return _.apply(void 0,f)},p}},Ft=["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"],Se=Dt.bind(null);Ft.forEach(function(e){Se[e]=Se(e)});const Mt=Se.div`
|
|
22
|
+
<%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`
|
|
23
23
|
display: flex;
|
|
24
24
|
align-items: center;
|
|
25
25
|
justify-content: center;
|
|
@@ -47,7 +47,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
47
47
|
background-color: rgba(255, 165, 0, 0.1);
|
|
48
48
|
border: 1px solid orange;
|
|
49
49
|
`;default:return""}}}
|
|
50
|
-
`,
|
|
50
|
+
`,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`
|
|
51
51
|
width: ${({width:e})=>e||"100%"};
|
|
52
52
|
height: ${({height:e})=>e||"100%"};
|
|
53
53
|
border-radius: 0px !important; /* Force remove rounded corners on container */
|
|
@@ -59,7 +59,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
59
59
|
|
|
60
60
|
/* Hide specific elements inside the player */
|
|
61
61
|
${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(r=>`.${r} { display: none !important; }`).join("")}
|
|
62
|
-
`,
|
|
62
|
+
`,Vr=Te.div`
|
|
63
63
|
position: fixed;
|
|
64
64
|
top: 0;
|
|
65
65
|
left: 0;
|
|
@@ -71,11 +71,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
71
71
|
align-items: center;
|
|
72
72
|
z-index: 1000;
|
|
73
73
|
pointer-events: auto;
|
|
74
|
-
`,
|
|
74
|
+
`,Or=Te.div`
|
|
75
75
|
position: relative;
|
|
76
76
|
max-width: 100vw;
|
|
77
77
|
aspect-ratio: 9 / 16;
|
|
78
78
|
height: auto;
|
|
79
79
|
z-index: 1001;
|
|
80
80
|
max-height: 100vh;
|
|
81
|
-
`,Ut=(e,r)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`,Bt=e=>`https://host.vpplayer.tech/playlist/${e}`,zt=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,ir=(e,r)=>`vp-player-${e||"default"}-${r||""}`,ar=new Map,kr=(e,r)=>{const[t,i]=y.useState(!1),[a,n]=y.useState(null);return y.useEffect(()=>{let s=null,u,c=0;const m=3;let l;try{l=r||zt(e||"latest")}catch(b){const T=b instanceof Error?b.message:String(b);n(`Failed to resolve script URL: ${T}`),i(!1);return}if(ar.get(l)){i(!0),n(null);return}if(document.querySelector(`script[src="${l}"]`)){ar.set(l,!0),i(!0),n(null);return}const g=()=>{s=document.createElement("script"),s.src=l,s.async=!0,u=window.setTimeout(()=>{i(!1),n(`Loading script timed out: ${l}`)},1e4),s.onload=()=>{clearTimeout(u),ar.set(l,!0),i(!0),n(null)},s.onerror=()=>{clearTimeout(u),c++,c<m?setTimeout(g,1e3*c):(i(!1),n(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return g(),()=>{clearTimeout(u),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,r]),{isLoaded:t,error:a}},Ye=new Map,qt=3e4,or=5,Or=({projectId:e,videoId:r,playlistId:t,videoUrl:i})=>{const[a,n]=y.useState(null),[s,u]=y.useState(null),[c,m]=y.useState(!1),[l,f]=y.useState(null);return y.useEffect(()=>{const g=r?`video:${r}`:t?`playlist:${t}`:null;if(i||!r&&!t){n(i||null),u(null),m(!1),f(null);return}if(r&&!e){m(!1),f("projectId is required for single video fetch");return}if(g&&Ye.has(g)){const _=Ye.get(g);n(_.url),u(_.playlist),m(!1),f(null);return}let b=!0;const T=new AbortController,p=T.signal,w=setTimeout(async()=>{var L,F;if(!b)return;m(!0),f(null);let _=0;for(;_<or&&b;)try{const j=r&&!t?Ut(e,r):Bt(t),C=setTimeout(()=>T.abort(),qt),Q=await fetch(j,{method:"GET",headers:{Accept:"application/json","Cache-Control":"no-cache"},signal:p});if(clearTimeout(C),!Q.ok)throw new Error(`Fetch failed with status ${Q.status}`);const H=await Q.json();if(!b)return;if(r&&!t){const d=(F=(L=H.result)==null?void 0:L.items)==null?void 0:F.find(P=>P.mediaId===r);if(!(d!=null&&d.playbackUrl))throw new Error("Invalid video data");n(d.playbackUrl),u(null),g&&Ye.set(g,{url:d.playbackUrl,playlist:null})}else{const d=H.videos;if(!Array.isArray(d))throw new Error("Invalid playlist format");u(d),n(null),g&&Ye.set(g,{url:null,playlist:d})}break}catch(j){if(p.aborted){b&&f("Request timed out");break}if(_++,_>=or){const C=j instanceof Error?j.message:String(j);b&&f(`Failed after ${or} attempts: ${C}`)}else await new Promise(C=>setTimeout(C,2e3))}b&&m(!1)},100);return()=>{b=!1,clearTimeout(w),T.abort()}},[e,r,t,i]),{fetchedPlaybackUrl:a,fetchedPlaylist:s,isLoading:c,error:l}},Vr=({playerId:e,playerInstanceRef:r,playerRef:t,videoData:i,trackingMetadata:a,callbacks:n})=>{const s=y.useRef(!1),u=y.useRef(!1),c=y.useRef(!1),m=y.useRef(0),l=y.useRef({}),f=y.useRef(null),g=y.useRef(null),b=y.useRef(null),T=y.useRef(null),p=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;(()=>{s.current=!1,u.current=!1,c.current=!1,m.current=0,l.current={}})();const _=()=>{var z;const d=document.getElementById(e);if(!d)return null;if(d.querySelectorAll("video").length>1&&r.current){const X=r.current,q=X.videoIndex??((z=X.playlist)==null?void 0:z.playlistVideoIndex)??0,W=d.querySelector(`video[id="${q}"]`);if(W)return W;const N=d.querySelector("video.active");if(N)return N}return d.querySelector("video")},L=()=>{const d=_();if(!d)return!1;const P=(h,o)=>{var S,$,te,U,de,ae,M,oe,Z,ge,He,le,xe,Pe;const v=Date.now();if(!(h==="player_start"&&s.current)){switch(T.current={type:h,time:v},h){case"player_start":(S=n.onPlayerStart)==null||S.call(n,h);break;case"player_play":($=n.onPlayerPlay)==null||$.call(n,h);break;case"player_pause":(te=n.onPlayerPause)==null||te.call(n,h);break;case"player_resume":(U=n.onPlayerResume)==null||U.call(n,h);break;case"player_end":(de=n.onPlayerEnd)==null||de.call(n,h);break;case"player_progress_every_10_seconds":o!==void 0&&((ae=n.onPlayerProgressEvery10Seconds)==null||ae.call(n,h,o));break;case"player_progress_at_20_seconds":o!==void 0&&((M=n.onPlayerProgressAt20Seconds)==null||M.call(n,h,o));break;case"player_quartile_25":o!==void 0&&((oe=n.onPlayerQuartile25)==null||oe.call(n,h,o));break;case"player_quartile_50":o!==void 0&&((Z=n.onPlayerQuartile50)==null||Z.call(n,h,o));break;case"player_quartile_75":o!==void 0&&((ge=n.onPlayerQuartile75)==null||ge.call(n,h,o));break;case"player_next":(He=n.onPlayerNext)==null||He.call(n,h);break;case"player_previous":(le=n.onPlayerPrevious)==null||le.call(n,h);break}o!==void 0&&(h==="player_progress_every_10_seconds"||h==="player_progress_at_20_seconds"||h==="player_quartile_25"||h==="player_quartile_50"||h==="player_quartile_75")?(xe=n.onPlayerEvent)==null||xe.call(n,h,o):(Pe=n.onPlayerEvent)==null||Pe.call(n,h)}},z=()=>{s.current||(P("player_start"),s.current=!0,d.readyState>=2&&!d.paused&&setTimeout(()=>{!u.current&&!d.paused&&(P("player_play"),u.current=!0,c.current=!1)},100))},X=()=>{c.current?P("player_resume"):u.current?P("player_play"):(P("player_play"),u.current=!0),c.current=!1},q=()=>{d.ended||p.current||setTimeout(()=>{var h;if(!p.current){if(r.current&&g.current!==null){const o=r.current;if((o.videoIndex??((h=o.playlist)==null?void 0:h.playlistVideoIndex)??0)!==g.current)return}P("player_pause"),c.current=!0}},200)},W=()=>{P("player_end")},N=()=>{s.current&&!u.current&&d.currentTime>=1&&d.currentTime<1.5&&!d.paused&&(P("player_play"),u.current=!0,c.current=!1);const h=d.duration>0?d.currentTime/d.duration*100:0,o=Math.floor(d.currentTime);o-m.current>=10&&(m.current=o,P("player_progress_every_10_seconds",o)),o>=20&&!l.current[20]&&(l.current[20]=!0,P("player_progress_at_20_seconds",o)),h>=25&&!l.current[25]&&(l.current[25]=!0,P("player_quartile_25",o)),h>=50&&!l.current[50]&&(l.current[50]=!0,P("player_quartile_50",o)),h>=75&&!l.current[75]&&(l.current[75]=!0,P("player_quartile_75",o))};if(b.current&&b.current!==d){const h=b.current;h.removeEventListener("loadedmetadata",z),h.removeEventListener("play",X),h.removeEventListener("pause",q),h.removeEventListener("ended",W),h.removeEventListener("timeupdate",N)}b.current=d,d.addEventListener("loadedmetadata",z),d.addEventListener("play",X),d.addEventListener("pause",q),d.addEventListener("ended",W),d.addEventListener("timeupdate",N),d.readyState>=1&&z();const Y=document.getElementById(e),O=h=>{const o=h.target;(o.closest(".vp-next")||o.closest(".vrt-icon-down")||o.closest(".vrt-arrow.vrt-icon-down"))&&(p.current=!0,P("player_next"),setTimeout(()=>{p.current=!1},500)),(o.closest(".vp-prev")||o.closest(".vp-previous")||o.closest(".vrt-icon-up")||o.closest(".vrt-arrow.vrt-icon-up"))&&(p.current=!0,P("player_previous"),setTimeout(()=>{p.current=!1},500))};return Y&&Y.addEventListener("click",O,!0),f.current=()=>{const h=b.current||d;h.removeEventListener("loadedmetadata",z),h.removeEventListener("play",X),h.removeEventListener("pause",q),h.removeEventListener("ended",W),h.removeEventListener("timeupdate",N),Y==null||Y.removeEventListener("click",O,!0),b.current=null},!0};let F=null,j=!1;const C=()=>{if(!r.current)return;const d=r.current,P=document.getElementById(e),z=P==null?void 0:P.querySelectorAll("video");z&&z.length>1&&d.videoIndex!==void 0&&(F=window.setInterval(()=>{var q,W,N,Y;try{const O=d.videoIndex??((q=d.playlist)==null?void 0:q.playlistVideoIndex)??0;if(g.current!==null&&O!==g.current){const h=O>g.current,o=h?"player_next":"player_previous";n&&!p.current&&(h?(W=n.onPlayerNext)==null||W.call(n,o):(N=n.onPlayerPrevious)==null||N.call(n,o),(Y=n.onPlayerEvent)==null||Y.call(n,o)),p.current=!0,f.current&&(f.current(),f.current=null),s.current=!1,u.current=!1,c.current=!1,m.current=0,l.current={},b.current=null,setTimeout(()=>{L(),setTimeout(()=>{p.current=!1},200)},100)}g.current=O}catch{}},500))};let x=0;const Q=20,H=setInterval(()=>{x++,L()&&!j?(j=!0,clearInterval(H),setTimeout(()=>{C()},1e3)):x>=Q&&clearInterval(H)},500);return()=>{clearInterval(H),F!==null&&(clearInterval(F),F=null),f.current&&(f.current(),f.current=null)}},[e,i,a,n,r,t])},Wt={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}}},Ie="vp-player-project",Lr=({videoUrl:e,fetchedPlaybackUrl:r,fetchedPlaylist:t,projectId:i,config:a={},isVerticalPlayer:n})=>{var l,f,g,b,T,p,E,w,_,L,F,j,C,x,Q,H,d,P,z,X,q,W;const s={...Wt,...a},u={...s.config,...a.config};if(e)return{...s,projectId:i||Ie,video:{...s.video,file:e,playlist:void 0},config:u};if(r)return{...s,projectId:i||Ie,video:{...s.video,file:r,playlist:void 0},config:u};if(t&&t.length>0){const N=((f=(l=a==null?void 0:a.video)==null?void 0:l.playlist)==null?void 0:f.playlistVideoIndex)??((g=a==null?void 0:a.config)==null?void 0:g.playlistVideoIndex)??0;return n?{...s,projectId:i||Ie,video:{...s.video,videoId:(b=t[0])==null?void 0:b.mediaId,file:(T=t[0])==null?void 0:T.hlsUrl,title:(p=t[0])==null?void 0:p.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:t.slice(1).map((O,h)=>({videoId:O.mediaId||String(h+1),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}:{...s,projectId:i||Ie,video:{...s.video,videoId:((E=t[Number(N)])==null?void 0:E.mediaId)||((w=t[0])==null?void 0:w.mediaId),file:((_=t[Number(N)])==null?void 0:_.hlsUrl)||((L=t[0])==null?void 0:L.hlsUrl)||"",title:((F=t[Number(N)])==null?void 0:F.title)||((j=t[0])==null?void 0:j.title),thumbnail:((C=t[Number(N)])==null?void 0:C.thumbnailUrl)||((x=t[0])==null?void 0:x.thumbnailUrl),playlist:{state:!0,playlistVideoIndex:Number(N),videos:t.map((O,h)=>({videoId:O.mediaId||String(h),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}}const c=((Q=a==null?void 0:a.video)==null?void 0:Q.playlist)||s.video.playlist,m=(H=a==null?void 0:a.video)==null?void 0:H.file;if(m)return{...s,projectId:i||Ie,video:{...s.video,file:m,playlist:void 0},config:u};if(c!=null&&c.videos&&c.videos.length>0){const N=((P=(d=a==null?void 0:a.video)==null?void 0:d.playlist)==null?void 0:P.playlistVideoIndex)??((z=a==null?void 0:a.config)==null?void 0:z.playlistVideoIndex)??0;return{...s,projectId:i||Ie,video:{...s.video,videoId:(X=c.videos[0])==null?void 0:X.videoId,file:((q=c.videos[0])==null?void 0:q.file)||"",title:(W=c.videos[0])==null?void 0:W.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:c.videos}},config:u}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},jr=e=>{if(!e)return;const r=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,t=e.match(r);return t?t[2]:void 0},Nr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u={},isReels:c=!1,onPlaylistData:m,onVideoStarted:l,trackingMetadata:f,onPlayerStart:g,onPlayerPlay:b,onPlayerPause:T,onPlayerResume:p,onPlayerEnd:E,onPlayerProgressEvery10Seconds:w,onPlayerProgressAt20Seconds:_,onPlayerQuartile25:L,onPlayerQuartile50:F,onPlayerQuartile75:j,onPlayerNext:C,onPlayerPrevious:x,onPlayerEvent:Q})=>{const H=y.useRef(null),d=y.useRef(null),P=y.useRef(!1),z=y.useRef(""),X=y.useRef([]),q=y.useRef([]),W=y.useRef(null),{isLoaded:N,error:Y}=kr(t,s),O=r||jr(s),[h,o]=y.useState(null),{fetchedPlaybackUrl:v,fetchedPlaylist:S,isLoading:$,error:te}=Or({projectId:a,videoId:O,playlistId:n,videoUrl:i}),U=ir(e,O),[de,ae]=y.useState(void 0);y.useEffect(()=>{S&&m&&m(S)},[S,m]),Vr({playerId:U,playerInstanceRef:d,playerRef:H,videoData:de,trackingMetadata:f,callbacks:{onPlayerStart:g,onPlayerPlay:b,onPlayerPause:T,onPlayerResume:p,onPlayerEnd:E,onPlayerProgressEvery10Seconds:w,onPlayerProgressAt20Seconds:_,onPlayerQuartile25:L,onPlayerQuartile50:F,onPlayerQuartile75:j,onPlayerNext:C,onPlayerPrevious:x,onPlayerEvent:Q}});const oe=y.useMemo(()=>{const Z=u.config||{},ge=c&&!Z.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:Z.size||{sizeType:"FIXED",width:"100%"};return{...u,config:{...Z,size:ge}}},[u,c]);return y.useEffect(()=>{if(Y){o(Y);return}if(!N||$&&!i)return;let Z=!0;const He=setTimeout(async()=>{try{X.current.forEach(se=>clearInterval(se)),X.current=[],q.current.forEach(se=>clearTimeout(se)),q.current=[],W.current=null;const le=(S==null?void 0:S.length)??0,xe=JSON.stringify({playerId:U,videoId:r||O,playlistId:n,videoUrl:i,fetchedPlaybackUrl:v,scriptUrl:s,isReels:c,projectId:a,playlistLength:le});if(P.current&&d.current&&z.current===xe)return;z.current!==xe&&(P.current=!1,z.current=xe);const Pe=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(se=>{var Ce,A;const be=se.id;if(be!==U)try{const I=Pe?(Ce=window.vpVerticalPlayer)==null?void 0:Ce.call(window,be):(A=window.vpPlayer)==null?void 0:A.call(window,be);I!=null&&I.destroy&&I.destroy()}catch(I){console.warn(`Failed to destroy existing player ${be}:`,I)}}),await new Promise(se=>setTimeout(se,100)),!Z||!H.current)return;if(!document.getElementById(U)){o("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){o("VP Player script not loaded.");return}const Fr=Pe?window.vpVerticalPlayer:window.vpPlayer;if(!Fr){o(`VP ${Pe?"Vertical ":""}Player script not loaded.`);return}const Te=Lr({videoUrl:i,fetchedPlaybackUrl:v??void 0,fetchedPlaylist:S??void 0,projectId:a,config:oe,isVerticalPlayer:Pe}),J=Fr(U);if(!J){o(`Failed to create VP ${Pe?"Vertical ":""}Player instance.`);return}if(Z&&H.current&&(J.setup(Te),d.current=J,P.current=!0,o(null),l&&J.on)){const se=()=>{var I;const A={};if(S&&S.length>0){const B=J.videoIndex??((I=J.playlist)==null?void 0:I.playlistVideoIndex)??0,D=S[B];D&&(A.title=D.title,A.hlsUrl=D.hlsUrl,A.file=D.hlsUrl,A.thumbnailUrl=D.thumbnailUrl,A.duration=D.duration,A.videoIndex=B,A.playlistVideoIndex=B,A.isBackupPlaylist=D.isBackupPlaylist,A.mediaId=D.mediaId,A.videoId=D.mediaId||D.videoId)}else Te.video&&(A.title=Te.video.title,A.file=Te.video.file,A.hlsUrl=Te.video.file,A.thumbnailUrl=Te.video.thumbnail,A.videoId=r||O,A.videoIndex=0,A.playlistVideoIndex=0,J.getDuration&&(A.duration=J.getDuration()));return A};let be=null;const Ce=async()=>{var A;try{be&&clearTimeout(be),await new Promise(fe=>setTimeout(fe,100));let I=se();const B=I.videoId||I.mediaId;if(B&&B===W.current)return;if(be=window.setTimeout(()=>{W.current=null},500),(s==null?void 0:s.includes("vertical-player"))&&B)try{const Ae=`https://host.vpplayer.tech/player/ptkzurnx/${B}.json`,ye=await fetch(Ae);if(ye.ok){const ne=await ye.json();ne&&ne.video&&(I={...I,title:ne.video.title||I.title,description:ne.video.description,publishDate:ne.video.publishDate,projectId:ne.projectId||I.projectId,premium:((A=ne.video.videoLocking)==null?void 0:A.isEnabled)||!1,author:ne.video.author,tags:ne.video.tags||[]})}}catch{}W.current=B||null,ae(I),l(I)}catch(I){console.warn("Error in video-started handler:",I)}};if(Pe){let A=!1,I=-1;const B=()=>{if(!A){A=!0;try{J.on&&J.on("vp-video-started",Ce),setTimeout(()=>{Ce(),I=J.videoIndex??0},500)}catch(ye){console.error("Error setting up event listeners:",ye)}}};let D=0;const fe=15,Ae=setInterval(()=>{try{const ye=J.videoIndex!==void 0||J.playlist;if(!A)D++,(ye||D>=fe)&&B();else{const ne=J.videoIndex??0;ne!==I&&I!==-1&&(I=ne,Ce())}}catch{}},200);X.current.push(Ae);try{J.on&&J.on("vp-listen-ready",B)}catch{}}else{const A=async I=>{var B,D;try{const fe=s==null?void 0:s.match(/player\/([^/.]+)/),Ae=fe==null?void 0:fe[1];if(!Ae||!I)return se();const ye=`https://host.vpplayer.tech/player/${Ae}/${I}.json`,ne=await fetch(ye);if(!ne.ok)return console.warn("Failed to fetch full video config:",ne.status),se();const ce=await ne.json();return!ce||!ce.video?se():{videoId:I,title:ce.video.title,description:ce.video.description,file:ce.video.file,hlsUrl:ce.video.file,thumbnailUrl:ce.video.thumbnail,duration:ce.video.duration,publishDate:ce.video.publishDate,projectId:ce.projectId,premium:((B=ce.video.videoLocking)==null?void 0:B.isEnabled)||!1,author:ce.video.author,tags:ce.video.tags||[],videoIndex:J.videoIndex??0,playlistVideoIndex:((D=J.playlist)==null?void 0:D.playlistVideoIndex)??0}}catch(fe){return console.warn("Error fetching full video data:",fe),se()}};J.on("ready",async I=>{try{const B=(I==null?void 0:I.id)||r||O;if(B){const D=await A(B);ae(D),l(D)}else{const D=se();(D.title||D.file)&&(ae(D),l(D))}}catch(B){console.warn("Error in ready handler:",B)}}),J.on("playlistItem",async I=>{try{const B=I==null?void 0:I.id;if(B){const D=await A(B);ae(D),l(D)}}catch(B){console.warn("Error in playlistItem handler:",B)}})}}}catch(le){if(Z){const xe=le instanceof Error?le.message:String(le);o(xe),console.error("VP Player initialization error:",le)}}},150);return()=>{Z=!1,clearTimeout(He),X.current.forEach(le=>clearInterval(le)),X.current=[],q.current.forEach(le=>clearTimeout(le)),q.current=[],P.current=!1}},[N,$,U,Y,s]),y.useEffect(()=>()=>{if(d.current){try{d.current.destroy&&d.current.destroy()}catch(ge){console.warn(`Failed to destroy player ${U}:`,ge)}d.current=null}P.current=!1;const Z=document.getElementById(U);Z&&(Z.innerHTML="")},[U]),{playerRef:H,playerInstanceRef:d,isScriptLoaded:N,isLoading:$,error:te||h||Y}},$r=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u={},isReels:c=!1,hiddenClasses:m=[],onClose:l,className:f,onPlaylistData:g,onVideoStarted:b,trackingMetadata:T,onPlayerStart:p,onPlayerPlay:E,onPlayerPause:w,onPlayerResume:_,onPlayerEnd:L,onPlayerProgressEvery10Seconds:F,onPlayerProgressAt20Seconds:j,onPlayerQuartile25:C,onPlayerQuartile50:x,onPlayerQuartile75:Q,onPlayerNext:H,onPlayerPrevious:d,onPlayerEvent:P})=>{var te,U,de,ae;const{playerRef:z,playerInstanceRef:X,isScriptLoaded:q,isLoading:W,error:N}=Nr({playerId:e,videoId:r,version:t,videoUrl:i,projectId:a,playlistId:n,scriptUrl:s,config:u,isReels:c,onPlaylistData:g,onVideoStarted:b,trackingMetadata:T,onPlayerStart:p,onPlayerPlay:E,onPlayerPause:w,onPlayerResume:_,onPlayerEnd:L,onPlayerProgressEvery10Seconds:F,onPlayerProgressAt20Seconds:j,onPlayerQuartile25:C,onPlayerQuartile50:x,onPlayerQuartile75:Q,onPlayerNext:H,onPlayerPrevious:d,onPlayerEvent:P}),[Y,O]=y.useState(!0),h=()=>c&&O(!0),o=()=>{var M,oe;O(!1),(oe=(M=X.current)==null?void 0:M.play)==null||oe.call(M),l==null||l()},v=(U=(te=u==null?void 0:u.config)==null?void 0:te.size)!=null&&U.width?typeof u.config.size.width=="number"?`${u.config.size.width}px`:u.config.size.width:void 0,S=(ae=(de=u==null?void 0:u.config)==null?void 0:de.size)!=null&&ae.height?typeof u.config.size.height=="number"?`${u.config.size.height}px`:u.config.size.height:void 0,$=ir(e,r);return N?K.jsxs(tr,{type:"error",children:["An error occurred: ",N]}):W||!q?K.jsx(tr,{type:"loading",children:"Loading..."}):K.jsxs(K.Fragment,{children:[c&&!Y?K.jsx("div",{onClick:h}):null,!c&&K.jsx("div",{children:K.jsx(nr,{id:$,ref:z,width:v||"100%",height:S||"auto",$hiddenClasses:m,className:f})},$),c&&Y&&K.jsx(Ar,{onClick:o,className:f,children:K.jsx(Rr,{className:f,onClick:M=>M.stopPropagation(),children:K.jsx("div",{children:K.jsx(nr,{id:$,ref:z,width:"100%",height:"auto",$hiddenClasses:m,className:f})},$)})})]})},Dr=y.createContext(void 0),Yt=({children:e})=>{const[r,t]=y.useState(!1),[i,a]=y.useState(null),[n,s]=y.useState(null),u=y.useCallback(l=>{try{const f=ir(l.playerId,l.videoId);a({...l,playerId:f}),t(!0),s(null)}catch{s("Failed to show player.")}},[]),c=y.useCallback(()=>{t(!1),a(null),s(null)},[]),m=y.useMemo(()=>({showPlayer:u,hidePlayer:c,isPlayerVisible:r,playerParams:i}),[u,c,r,i]);return K.jsxs(Dr.Provider,{value:m,children:[e,n&&K.jsx(tr,{type:"error",children:n}),r&&(i==null?void 0:i.playerId)&&K.jsx($r,{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:c,hiddenClasses:i.hiddenClasses||[],className:i.className})]})},Gt=()=>{const e=y.useContext(Dr);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ht={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}}},Xt={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Jt={config:{autoplay:!0,muted:!0}},Ge={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Kt=(e,r,t="time",i=0)=>{var a;return{...Ge,video:{...Ge.video,ads:{...(a=Ge.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:r,breakType:e,breakTimingType:t,breakTimingValue:i}]}}}},Qt="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Zt="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",en="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",rn="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",tn="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=",nn="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=";V.AD_TAG_LINEAR_URL=tn,V.AD_TAG_SKIPPABLE_LINEAR_URL=nn,V.BIG_BUCK_BUNNY_URL=Qt,V.ELEPHANTS_DREAM_URL=Zt,V.Overlay=Ar,V.PEXELS_THUMBNAIL_URL=rn,V.PEXELS_VERTICAL_VIDEO_URL=en,V.PlayerContainer=nr,V.PlayerWrapper=Rr,V.VPPlayer=$r,V.VPPlayerProvider=Yt,V.baseConfig=Xt,V.baseConfigWithAds=Ge,V.baseConfigWithAutoplay=Jt,V.buildVPPlayerConfig=Lr,V.defaultVPPlayerConfig=Ht,V.extractVideoId=jr,V.getAdConfig=Kt,V.useVPPlayer=Gt,V.useVPPlayerEvents=Vr,V.useVPPlayerLogic=Nr,V.useVPPlayerScript=kr,V.useVideoData=Or,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|
|
81
|
+
`,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"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@devix-technologies/react-gjirafa-vp-player",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.28",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/react-gjirafa-vp-player.umd.js",
|
|
6
6
|
"module": "./dist/react-gjirafa-vp-player.es.js",
|
|
@@ -8,22 +8,14 @@
|
|
|
8
8
|
"files": [
|
|
9
9
|
"dist"
|
|
10
10
|
],
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"type-check": "tsc --noEmit",
|
|
16
|
-
"check": "npm run lint && npm run type-check",
|
|
17
|
-
"preview": "vite preview",
|
|
18
|
-
"storybook": "storybook dev -p 6006",
|
|
19
|
-
"build-storybook": "storybook build"
|
|
11
|
+
"peerDependencies": {
|
|
12
|
+
"react": ">=18.0.0",
|
|
13
|
+
"react-dom": ">=18.0.0",
|
|
14
|
+
"styled-components": ">=6.0.0"
|
|
20
15
|
},
|
|
21
16
|
"dependencies": {
|
|
22
17
|
"@emotion/react": "^11.14.0",
|
|
23
|
-
"@emotion/styled": "^11.14.0"
|
|
24
|
-
"react": "^19.0.0",
|
|
25
|
-
"react-dom": "^19.0.0",
|
|
26
|
-
"styled-components": "^6.1.15"
|
|
18
|
+
"@emotion/styled": "^11.14.0"
|
|
27
19
|
},
|
|
28
20
|
"devDependencies": {
|
|
29
21
|
"@chromatic-com/storybook": "^3.2.5",
|
|
@@ -46,6 +38,8 @@
|
|
|
46
38
|
"eslint-plugin-react-refresh": "^0.4.19",
|
|
47
39
|
"eslint-plugin-storybook": "^0.11.3",
|
|
48
40
|
"globals": "^15.15.0",
|
|
41
|
+
"husky": "^9.1.7",
|
|
42
|
+
"jiti": "^2.6.1",
|
|
49
43
|
"storybook": "^8.6.0",
|
|
50
44
|
"typescript": "~5.7.2",
|
|
51
45
|
"typescript-eslint": "^8.24.1",
|
|
@@ -55,5 +49,15 @@
|
|
|
55
49
|
"extends": [
|
|
56
50
|
"plugin:storybook/recommended"
|
|
57
51
|
]
|
|
52
|
+
},
|
|
53
|
+
"scripts": {
|
|
54
|
+
"dev": "vite",
|
|
55
|
+
"build": "tsc -b && vite build",
|
|
56
|
+
"lint": "eslint . --max-warnings=0",
|
|
57
|
+
"type-check": "tsc --noEmit",
|
|
58
|
+
"check": "pnpm run lint && pnpm run type-check",
|
|
59
|
+
"preview": "vite preview",
|
|
60
|
+
"storybook": "storybook dev -p 6006",
|
|
61
|
+
"build-storybook": "storybook build"
|
|
58
62
|
}
|
|
59
|
-
}
|
|
63
|
+
}
|