@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.0 → 1.0.31-beta.1
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/dist/index.d.ts +25 -3
- package/dist/react-gjirafa-vp-player.es.js +905 -822
- package/dist/react-gjirafa-vp-player.umd.js +9 -9
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(O,S){typeof exports=="object"&&typeof module<"u"?S(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],S):(O=typeof globalThis<"u"?globalThis:O||self,S(O.ReactGjirafaVPPlayer={},O.React))})(this,(function(O,S){"use strict";function kt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const se=kt(S);var Ee={exports:{}},he={};/**
|
|
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 Ye;function St(){if(Ye)return he;Ye=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,a,i){var s=null;if(i!==void 0&&(s=""+i),a.key!==void 0&&(s=""+a.key),"key"in a){i={};for(var l in a)l!=="key"&&(i[l]=a[l])}else i=a;return a=i.ref,{$$typeof:e,type:n,key:s,ref:a!==void 0?a:null,props:i}}return he.Fragment=t,he.jsx=r,he.jsxs=r,he}var ye={};/**
|
|
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 Ge;function It(){return Ge||(Ge=1,process.env.NODE_ENV!=="production"&&(function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===R?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case y:return"Fragment";case g:return"Profiler";case v:return"StrictMode";case A:return"Suspense";case b:return"SuspenseList";case T: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 F:return o.displayName||"Context";case j:return(o._context.displayName||"Context")+".Consumer";case M:var m=o.render;return o=o.displayName,o||(o=m.displayName||m.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case Q:return m=o.displayName||null,m!==null?m:e(o.type)||"Memo";case H:m=o._payload,o=o._init;try{return e(o(m))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var m=!1}catch{m=!0}if(m){m=console;var _=m.error,z=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return _.call(m,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",z),t(o)}}function n(o){if(o===y)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===H)return"<...>";try{var m=e(o);return m?"<"+m+">":"<...>"}catch{return"<...>"}}function a(){var o=N.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if($.call(o,"key")){var m=Object.getOwnPropertyDescriptor(o,"key").get;if(m&&m.isReactWarning)return!1}return o.key!==void 0}function l(o,m){function _(){W||(W=!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)",m))}_.isReactWarning=!0,Object.defineProperty(o,"key",{get:_,configurable:!0})}function p(){var o=e(this.type);return le[o]||(le[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 f(o,m,_,z,K,q){var L=_.ref;return o={$$typeof:E,type:o,key:m,props:_,_owner:z},(L!==void 0?L:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:p}):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:K}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function c(o,m,_,z,K,q){var L=m.children;if(L!==void 0)if(z)if(P(L)){for(z=0;z<L.length;z++)u(L[z]);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 u(L);if($.call(m,"key")){L=e(o);var ne=Object.keys(m).filter(function(_e){return _e!=="key"});z=0<ne.length?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}",re[L+z]||(ne=0<ne.length?"{"+ne.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} />`,E,j,b,j),se[j+E]=!0)}if(j=null,T!==void 0&&(t(T),j=""+T),s(p)&&(t(p.key),j=""+p.key),"key"in p){T={};for(var le in p)le!=="key"&&(T[le]=p[le])}else T=p;return j&&l(T,typeof o=="function"?o.displayName||o.name||"Unknown":o),u(o,j,T,a(),H,re)}function h(o){I(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===B&&(o._payload.status==="fulfilled"?I(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function I(o){return typeof o=="object"&&o!==null&&o.$$typeof===S}var k=w,S=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),F=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),ee=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),G=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),$=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,C=Object.prototype.hasOwnProperty,J=Array.isArray,U=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(o){return o()}};var oe,K={},Y=k.react_stack_bottom_frame.bind(k,i)(),Z=U(n(i)),se={};ye.Fragment=m,ye.jsx=function(o,p,T){var E=1e4>$.recentlyCreatedOwnerStacks++;return d(o,p,T,!1,E?Error("react-stack-top-frame"):Y,E?U(n(o)):Z)},ye.jsxs=function(o,p,T){var E=1e4>$.recentlyCreatedOwnerStacks++;return d(o,p,T,!0,E?Error("react-stack-top-frame"):Y,E?U(n(o)):Z)}})()),ye}var Ge;function Sr(){return Ge||(Ge=1,process.env.NODE_ENV==="production"?xe.exports=wr():xe.exports=kr()),xe.exports}var N=Sr();function ze(){return ze=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},ze.apply(null,arguments)}function Ar(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 Cr(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 Tr=(function(){function e(t){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=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(n){n.forEach(this._insertTag)},r.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Cr(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=Ar(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},r.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e})(),q="-ms-",Ee="-moz-",P="-webkit-",He="comm",Me="rule",Fe="decl",Ir="@import",Xe="@keyframes",Rr="@layer",Or=Math.abs,we=String.fromCharCode,jr=Object.assign;function Lr(e,r){return D(e,0)^45?(((r<<2^D(e,0))<<2^D(e,1))<<2^D(e,2))<<2^D(e,3):0}function Je(e){return e.trim()}function $r(e,r){return(e=r.exec(e))?e[0]:e}function _(e,r,t){return e.replace(r,t)}function Ve(e,r){return e.indexOf(r)}function D(e,r){return e.charCodeAt(r)|0}function me(e,r,t){return e.slice(r,t)}function te(e){return e.length}function De(e){return e.length}function ke(e,r){return r.push(e),e}function Nr(e,r){return e.map(r).join("")}var Se=1,ue=1,Ke=0,X=0,M=0,de="";function Ae(e,r,t,n,a,i,s){return{value:e,root:r,parent:t,type:n,props:a,children:i,line:Se,column:ue,length:s,return:""}}function ve(e,r){return jr(Ae("",null,null,"",null,null,0),e,{length:-e.length},r)}function zr(){return M}function Mr(){return M=X>0?D(de,--X):0,ue--,M===10&&(ue=1,Se--),M}function Q(){return M=X<Ke?D(de,X++):0,ue++,M===10&&(ue=1,Se++),M}function ne(){return D(de,X)}function Ce(){return X}function ge(e,r){return me(de,e,r)}function be(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 Qe(e){return Se=ue=1,Ke=te(de=e),X=0,[]}function Ze(e){return de="",e}function Te(e){return Je(ge(X-1,Be(e===91?e+2:e===40?e+1:e)))}function Fr(e){for(;(M=ne())&&M<33;)Q();return be(e)>2||be(M)>3?"":" "}function Vr(e,r){for(;--r&&Q()&&!(M<48||M>102||M>57&&M<65||M>70&&M<97););return ge(e,Ce()+(r<6&&ne()==32&&Q()==32))}function Be(e){for(;Q();)switch(M){case e:return X;case 34:case 39:e!==34&&e!==39&&Be(M);break;case 40:e===41&&Be(e);break;case 92:Q();break}return X}function Dr(e,r){for(;Q()&&e+M!==57;)if(e+M===84&&ne()===47)break;return"/*"+ge(r,X-1)+"*"+we(e===47?e:Q())}function Br(e){for(;!be(ne());)Q();return ge(e,X)}function Ur(e){return Ze(Ie("",null,null,null,[""],e=Qe(e),0,[0],e))}function Ie(e,r,t,n,a,i,s,l,f){for(var u=0,d=0,h=s,I=0,k=0,S=0,y=1,m=1,v=1,x=0,L="",F=a,V=i,R=n,g=L;m;)switch(S=x,x=Q()){case 40:if(S!=108&&D(g,h-1)==58){Ve(g+=_(Te(x),"&","&\f"),"&\f")!=-1&&(v=-1);break}case 34:case 39:case 91:g+=Te(x);break;case 9:case 10:case 13:case 32:g+=Fr(S);break;case 92:g+=Vr(Ce()-1,7);continue;case 47:switch(ne()){case 42:case 47:ke(Wr(Dr(Q(),Ce()),r,t),f);break;default:g+="/"}break;case 123*y:l[u++]=te(g)*v;case 125*y:case 59:case 0:switch(x){case 0:case 125:m=0;case 59+d:v==-1&&(g=_(g,/\f/g,"")),k>0&&te(g)-h&&ke(k>32?rr(g+";",n,t,h-1):rr(_(g," ","")+";",n,t,h-2),f);break;case 59:g+=";";default:if(ke(R=er(g,r,t,u,d,a,l,L,F=[],V=[],h),i),x===123)if(d===0)Ie(g,r,R,R,F,i,h,l,V);else switch(I===99&&D(g,3)===110?100:I){case 100:case 108:case 109:case 115:Ie(e,R,R,n&&ke(er(e,R,R,0,0,a,l,L,a,F=[],h),V),a,V,h,l,n?F:V);break;default:Ie(g,R,R,R,[""],V,0,l,V)}}u=d=k=0,y=v=1,L=g="",h=s;break;case 58:h=1+te(g),k=S;default:if(y<1){if(x==123)--y;else if(x==125&&y++==0&&Mr()==125)continue}switch(g+=we(x),x*y){case 38:v=d>0?1:(g+="\f",-1);break;case 44:l[u++]=(te(g)-1)*v,v=1;break;case 64:ne()===45&&(g+=Te(Q())),I=ne(),d=h=te(L=g+=Br(Ce())),x++;break;case 45:S===45&&te(g)==2&&(y=0)}}return i}function er(e,r,t,n,a,i,s,l,f,u,d){for(var h=a-1,I=a===0?i:[""],k=De(I),S=0,y=0,m=0;S<n;++S)for(var v=0,x=me(e,h+1,h=Or(y=s[S])),L=e;v<k;++v)(L=Je(y>0?I[v]+" "+x:_(x,/&\f/g,I[v])))&&(f[m++]=L);return Ae(e,r,t,a===0?Me:l,f,u,d)}function Wr(e,r,t){return Ae(e,r,t,He,we(zr()),me(e,2,-2),0)}function rr(e,r,t,n){return Ae(e,r,t,Fe,me(e,0,n),me(e,n+1,-1),n)}function fe(e,r){for(var t="",n=De(e),a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function qr(e,r,t,n){switch(e.type){case Rr:if(e.children.length)break;case Ir:case Fe:return e.return=e.return||e.value;case He:return"";case Xe:return e.return=e.value+"{"+fe(e.children,n)+"}";case Me:e.value=e.props.join(",")}return te(t=fe(e.children,n))?e.return=e.value+"{"+t+"}":""}function Yr(e){var r=De(e);return function(t,n,a,i){for(var s="",l=0;l<r;l++)s+=e[l](t,n,a,i)||"";return s}}function Gr(e){return function(r){r.root||(r=r.return)&&e(r)}}function tr(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var Hr=function(r,t,n){for(var a=0,i=0;a=i,i=ne(),a===38&&i===12&&(t[n]=1),!be(i);)Q();return ge(r,X)},Xr=function(r,t){var n=-1,a=44;do switch(be(a)){case 0:a===38&&ne()===12&&(t[n]=1),r[n]+=Hr(X-1,t,n);break;case 2:r[n]+=Te(a);break;case 4:if(a===44){r[++n]=ne()===58?"&\f":"",t[n]=r[n].length;break}default:r[n]+=we(a)}while(a=Q());return r},Jr=function(r,t){return Ze(Xr(Qe(r),t))},nr=new WeakMap,Kr=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,n=r.parent,a=r.column===n.column&&r.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!nr.get(n))&&!a){nr.set(r,!0);for(var i=[],s=Jr(t,i),l=n.props,f=0,u=0;f<s.length;f++)for(var d=0;d<l.length;d++,u++)r.props[u]=i[f]?s[f].replace(/&\f/g,l[d]):l[d]+" "+s[f]}}},Qr=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function ar(e,r){switch(Lr(e,r)){case 5103:return P+"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 P+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+Ee+e+q+e+e;case 6828:case 4268:return P+e+q+e+e;case 6165:return P+e+q+"flex-"+e+e;case 5187:return P+e+_(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+q+"flex-$1$2")+e;case 5443:return P+e+q+"flex-item-"+_(e,/flex-|-self/,"")+e;case 4675:return P+e+q+"flex-line-pack"+_(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+q+_(e,"shrink","negative")+e;case 5292:return P+e+q+_(e,"basis","preferred-size")+e;case 6060:return P+"box-"+_(e,"-grow","")+P+e+q+_(e,"grow","positive")+e;case 4554:return P+_(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return _(_(_(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return _(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return _(_(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+q+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return _(e,/(.+)-inline(.+)/,P+"$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(te(e)-1-r>6)switch(D(e,r+1)){case 109:if(D(e,r+4)!==45)break;case 102:return _(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+Ee+(D(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Ve(e,"stretch")?ar(_(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(D(e,r+1)!==115)break;case 6444:switch(D(e,te(e)-3-(~Ve(e,"!important")&&10))){case 107:return _(e,":",":"+P)+e;case 101:return _(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+(D(e,14)===45?"inline-":"")+"box$3$1"+P+"$2$3$1"+q+"$2box$3")+e}break;case 5936:switch(D(e,r+11)){case 114:return P+e+q+_(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+q+_(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+q+_(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+q+e+e}return e}var Zr=function(r,t,n,a){if(r.length>-1&&!r.return)switch(r.type){case Fe:r.return=ar(r.value,r.length);break;case Xe:return fe([ve(r,{value:_(r.value,"@","@"+P)})],a);case Me:if(r.length)return Nr(r.props,function(i){switch($r(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return fe([ve(r,{props:[_(i,/:(read-\w+)/,":"+Ee+"$1")]})],a);case"::placeholder":return fe([ve(r,{props:[_(i,/:(plac\w+)/,":"+P+"input-$1")]}),ve(r,{props:[_(i,/:(plac\w+)/,":"+Ee+"$1")]}),ve(r,{props:[_(i,/:(plac\w+)/,q+"input-$1")]})],a)}return""})}},et=[Zr],rt=function(r){var t=r.key;if(t==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(y){var m=y.getAttribute("data-emotion");m.indexOf(" ")!==-1&&(document.head.appendChild(y),y.setAttribute("data-s",""))})}var a=r.stylisPlugins||et,i={},s,l=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(y){for(var m=y.getAttribute("data-emotion").split(" "),v=1;v<m.length;v++)i[m[v]]=!0;l.push(y)});var f,u=[Kr,Qr];{var d,h=[qr,Gr(function(y){d.insert(y)})],I=Yr(u.concat(a,h)),k=function(m){return fe(Ur(m),I)};f=function(m,v,x,L){d=x,k(m?m+"{"+v.styles+"}":v.styles),L&&(S.inserted[v.name]=!0)}}var S={key:t,sheet:new Tr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:i,registered:{},insert:f};return S.sheet.hydrate(l),S},tt=!0;function nt(e,r,t){var n="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(n+=a+" ")}),n}var ir=function(r,t,n){var a=r.key+"-"+t.name;(n===!1||tt===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},at=function(r,t,n){ir(r,t,n);var a=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var i=t;do r.insert(t===i?"."+a:"",i,r.sheet,!0),i=i.next;while(i!==void 0)}};function it(e){for(var r=0,t,n=0,a=e.length;a>=4;++n,a-=4)t=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&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(n+2)&255)<<16;case 2:r^=(e.charCodeAt(n+1)&255)<<8;case 1:r^=e.charCodeAt(n)&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 ot={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},st=/[A-Z]|^ms/g,lt=/_EMO_([^_]+?)_([^]*?)_EMO_/g,or=function(r){return r.charCodeAt(1)===45},sr=function(r){return r!=null&&typeof r!="boolean"},Ue=tr(function(e){return or(e)?e:e.replace(st,"-$&").toLowerCase()}),lr=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(lt,function(n,a,i){return ae={name:a,styles:i,next:ae},a})}return ot[r]!==1&&!or(r)&&typeof t=="number"&&t!==0?t+"px":t};function Pe(e,r,t){if(t==null)return"";var n=t;if(n.__emotion_styles!==void 0)return n;switch(typeof t){case"boolean":return"";case"object":{var a=t;if(a.anim===1)return ae={name:a.name,styles:a.styles,next:ae},a.name;var i=t;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)ae={name:s.name,styles:s.styles,next:ae},s=s.next;var l=i.styles+";";return l}return ct(e,r,t)}case"function":{if(e!==void 0){var f=ae,u=t(e);return ae=f,Pe(e,r,u)}break}}var d=t;if(r==null)return d;var h=r[d];return h!==void 0?h:d}function ct(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=Pe(e,r,t[a])+";";else for(var i in t){var s=t[i];if(typeof s!="object"){var l=s;r!=null&&r[l]!==void 0?n+=i+"{"+r[l]+"}":sr(l)&&(n+=Ue(i)+":"+lr(i,l)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(r==null||r[s[0]]===void 0))for(var f=0;f<s.length;f++)sr(s[f])&&(n+=Ue(i)+":"+lr(i,s[f])+";");else{var u=Pe(e,r,s);switch(i){case"animation":case"animationName":{n+=Ue(i)+":"+u+";";break}default:n+=i+"{"+u+"}"}}}return n}var cr=/label:\s*([^\s;{]+)\s*(;|$)/g,ae;function ut(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";ae=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=Pe(t,r,i);else{var s=i;a+=s[0]}for(var l=1;l<e.length;l++)if(a+=Pe(t,r,e[l]),n){var f=i;a+=f[l]}cr.lastIndex=0;for(var u="",d;(d=cr.exec(a))!==null;)u+="-"+d[1];var h=it(a)+u;return{name:h,styles:a,next:ae}}var dt=function(r){return r()},ft=ie.useInsertionEffect?ie.useInsertionEffect:!1,pt=ft||dt,ur=ie.createContext(typeof HTMLElement<"u"?rt({key:"css"}):null);ur.Provider;var ht=function(r){return w.forwardRef(function(t,n){var a=w.useContext(ur);return r(t,a,n)})},yt=ie.createContext({}),mt=/^((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)-.*))$/,vt=tr(function(e){return mt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),gt=vt,bt=function(r){return r!=="theme"},dr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?gt:bt},fr=function(r,t,n){var a;if(t){var i=t.shouldForwardProp;a=r.__emotion_forwardProp&&i?function(s){return r.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=r.__emotion_forwardProp),a},Pt=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return ir(t,n,a),pt(function(){return at(t,n,a)}),null},_t=function e(r,t){var n=r.__emotion_real===r,a=n&&r.__emotion_base||r,i,s;t!==void 0&&(i=t.label,s=t.target);var l=fr(r,t,n),f=l||dr(a),u=!f("as");return function(){var d=arguments,h=n&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(i!==void 0&&h.push("label:"+i+";"),d[0]==null||d[0].raw===void 0)h.push.apply(h,d);else{var I=d[0];h.push(I[0]);for(var k=d.length,S=1;S<k;S++)h.push(d[S],I[S])}var y=ht(function(m,v,x){var L=u&&m.as||a,F="",V=[],R=m;if(m.theme==null){R={};for(var g in m)R[g]=m[g];R.theme=ie.useContext(yt)}typeof m.className=="string"?F=nt(v.registered,V,m.className):m.className!=null&&(F=m.className+" ");var ee=ut(h.concat(V),v.registered,R);F+=v.key+"-"+ee.name,s!==void 0&&(F+=" "+s);var B=u&&l===void 0?dr(L):f,G={};for(var O in m)u&&O==="as"||B(O)&&(G[O]=m[O]);return G.className=F,x&&(G.ref=x),ie.createElement(ie.Fragment,null,ie.createElement(Pt,{cache:v,serialized:ee,isStringTag:typeof L=="string"}),ie.createElement(L,G))});return y.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",y.defaultProps=r.defaultProps,y.__emotion_real=y,y.__emotion_base=a,y.__emotion_styles=h,y.__emotion_forwardProp=l,Object.defineProperty(y,"toString",{value:function(){return"."+s}}),y.withComponent=function(m,v){var x=e(m,ze({},t,v,{shouldForwardProp:fr(y,v,!0)}));return x.apply(void 0,h)},y}},xt=["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"],pe=_t.bind(null);xt.forEach(function(e){pe[e]=pe(e)});const Et=pe.div`
|
|
22
|
+
<%s key={someKey} {...props} />`,z,L,ne,L),re[L+z]=!0)}if(L=null,_!==void 0&&(r(_),L=""+_),s(m)&&(r(m.key),L=""+m.key),"key"in m){_={};for(var I in m)I!=="key"&&(_[I]=m[I])}else _=m;return L&&l(_,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,L,_,a(),K,q)}function u(o){C(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===H&&(o._payload.status==="fulfilled"?C(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function C(o){return typeof o=="object"&&o!==null&&o.$$typeof===E}var x=S,E=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),g=Symbol.for("react.profiler"),j=Symbol.for("react.consumer"),F=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),H=Symbol.for("react.lazy"),T=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),N=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,$=Object.prototype.hasOwnProperty,P=Array.isArray,X=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(o){return o()}};var W,le={},ee=x.react_stack_bottom_frame.bind(x,i)(),J=X(n(i)),re={};ye.Fragment=y,ye.jsx=function(o,m,_){var z=1e4>N.recentlyCreatedOwnerStacks++;return c(o,m,_,!1,z?Error("react-stack-top-frame"):ee,z?X(n(o)):J)},ye.jsxs=function(o,m,_){var z=1e4>N.recentlyCreatedOwnerStacks++;return c(o,m,_,!0,z?Error("react-stack-top-frame"):ee,z?X(n(o)):J)}})()),ye}var He;function Ct(){return He||(He=1,process.env.NODE_ENV==="production"?Ee.exports=St():Ee.exports=It()),Ee.exports}var V=Ct();function Fe(){return Fe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Fe.apply(null,arguments)}function At(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function Tt(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var Rt=(function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Tt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=At(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e})(),G="-ms-",we="-moz-",w="-webkit-",Xe="comm",Me="rule",Ve="decl",Ot="@import",Je="@keyframes",jt="@layer",Lt=Math.abs,ke=String.fromCharCode,$t=Object.assign;function Nt(e,t){return B(e,0)^45?(((t<<2^B(e,0))<<2^B(e,1))<<2^B(e,2))<<2^B(e,3):0}function Ke(e){return e.trim()}function zt(e,t){return(e=t.exec(e))?e[0]:e}function k(e,t,r){return e.replace(t,r)}function De(e,t){return e.indexOf(t)}function B(e,t){return e.charCodeAt(t)|0}function me(e,t,r){return e.slice(t,r)}function ae(e){return e.length}function Ue(e){return e.length}function Se(e,t){return t.push(e),e}function Ft(e,t){return e.map(t).join("")}var Ie=1,ue=1,Qe=0,Z=0,D=0,de="";function Ce(e,t,r,n,a,i,s){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:Ie,column:ue,length:s,return:""}}function ve(e,t){return $t(Ce("",null,null,"",null,null,0),e,{length:-e.length},t)}function Mt(){return D}function Vt(){return D=Z>0?B(de,--Z):0,ue--,D===10&&(ue=1,Ie--),D}function te(){return D=Z<Qe?B(de,Z++):0,ue++,D===10&&(ue=1,Ie++),D}function ie(){return B(de,Z)}function Ae(){return Z}function be(e,t){return me(de,e,t)}function ge(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 Ze(e){return Ie=ue=1,Qe=ae(de=e),Z=0,[]}function et(e){return de="",e}function Te(e){return Ke(be(Z-1,Be(e===91?e+2:e===40?e+1:e)))}function Dt(e){for(;(D=ie())&&D<33;)te();return ge(e)>2||ge(D)>3?"":" "}function Ut(e,t){for(;--t&&te()&&!(D<48||D>102||D>57&&D<65||D>70&&D<97););return be(e,Ae()+(t<6&&ie()==32&&te()==32))}function Be(e){for(;te();)switch(D){case e:return Z;case 34:case 39:e!==34&&e!==39&&Be(D);break;case 40:e===41&&Be(e);break;case 92:te();break}return Z}function Bt(e,t){for(;te()&&e+D!==57;)if(e+D===84&&ie()===47)break;return"/*"+be(t,Z-1)+"*"+ke(e===47?e:te())}function Wt(e){for(;!ge(ie());)te();return be(e,Z)}function qt(e){return et(Re("",null,null,null,[""],e=Ze(e),0,[0],e))}function Re(e,t,r,n,a,i,s,l,p){for(var f=0,c=0,u=s,C=0,x=0,E=0,h=1,y=1,v=1,g=0,j="",F=a,M=i,A=n,b=j;y;)switch(E=g,g=te()){case 40:if(E!=108&&B(b,u-1)==58){De(b+=k(Te(g),"&","&\f"),"&\f")!=-1&&(v=-1);break}case 34:case 39:case 91:b+=Te(g);break;case 9:case 10:case 13:case 32:b+=Dt(E);break;case 92:b+=Ut(Ae()-1,7);continue;case 47:switch(ie()){case 42:case 47:Se(Yt(Bt(te(),Ae()),t,r),p);break;default:b+="/"}break;case 123*h:l[f++]=ae(b)*v;case 125*h:case 59:case 0:switch(g){case 0:case 125:y=0;case 59+c:v==-1&&(b=k(b,/\f/g,"")),x>0&&ae(b)-u&&Se(x>32?rt(b+";",n,r,u-1):rt(k(b," ","")+";",n,r,u-2),p);break;case 59:b+=";";default:if(Se(A=tt(b,t,r,f,c,a,l,j,F=[],M=[],u),i),g===123)if(c===0)Re(b,t,A,A,F,i,u,l,M);else switch(C===99&&B(b,3)===110?100:C){case 100:case 108:case 109:case 115:Re(e,A,A,n&&Se(tt(e,A,A,0,0,a,l,j,a,F=[],u),M),a,M,u,l,n?F:M);break;default:Re(b,A,A,A,[""],M,0,l,M)}}f=c=x=0,h=v=1,j=b="",u=s;break;case 58:u=1+ae(b),x=E;default:if(h<1){if(g==123)--h;else if(g==125&&h++==0&&Vt()==125)continue}switch(b+=ke(g),g*h){case 38:v=c>0?1:(b+="\f",-1);break;case 44:l[f++]=(ae(b)-1)*v,v=1;break;case 64:ie()===45&&(b+=Te(te())),C=ie(),c=u=ae(j=b+=Wt(Ae())),g++;break;case 45:E===45&&ae(b)==2&&(h=0)}}return i}function tt(e,t,r,n,a,i,s,l,p,f,c){for(var u=a-1,C=a===0?i:[""],x=Ue(C),E=0,h=0,y=0;E<n;++E)for(var v=0,g=me(e,u+1,u=Lt(h=s[E])),j=e;v<x;++v)(j=Ke(h>0?C[v]+" "+g:k(g,/&\f/g,C[v])))&&(p[y++]=j);return Ce(e,t,r,a===0?Me:l,p,f,c)}function Yt(e,t,r){return Ce(e,t,r,Xe,ke(Mt()),me(e,2,-2),0)}function rt(e,t,r,n){return Ce(e,t,r,Ve,me(e,0,n),me(e,n+1,-1),n)}function fe(e,t){for(var r="",n=Ue(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Gt(e,t,r,n){switch(e.type){case jt:if(e.children.length)break;case Ot:case Ve:return e.return=e.return||e.value;case Xe:return"";case Je:return e.return=e.value+"{"+fe(e.children,n)+"}";case Me:e.value=e.props.join(",")}return ae(r=fe(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ht(e){var t=Ue(e);return function(r,n,a,i){for(var s="",l=0;l<t;l++)s+=e[l](r,n,a,i)||"";return s}}function Xt(e){return function(t){t.root||(t=t.return)&&e(t)}}function nt(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Jt=function(t,r,n){for(var a=0,i=0;a=i,i=ie(),a===38&&i===12&&(r[n]=1),!ge(i);)te();return be(t,Z)},Kt=function(t,r){var n=-1,a=44;do switch(ge(a)){case 0:a===38&&ie()===12&&(r[n]=1),t[n]+=Jt(Z-1,r,n);break;case 2:t[n]+=Te(a);break;case 4:if(a===44){t[++n]=ie()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=ke(a)}while(a=te());return t},Qt=function(t,r){return et(Kt(Ze(t),r))},at=new WeakMap,Zt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!at.get(n))&&!a){at.set(t,!0);for(var i=[],s=Qt(r,i),l=n.props,p=0,f=0;p<s.length;p++)for(var c=0;c<l.length;c++,f++)t.props[f]=i[p]?s[p].replace(/&\f/g,l[c]):l[c]+" "+s[p]}}},er=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function it(e,t){switch(Nt(e,t)){case 5103:return w+"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 w+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return w+e+we+e+G+e+e;case 6828:case 4268:return w+e+G+e+e;case 6165:return w+e+G+"flex-"+e+e;case 5187:return w+e+k(e,/(\w+).+(:[^]+)/,w+"box-$1$2"+G+"flex-$1$2")+e;case 5443:return w+e+G+"flex-item-"+k(e,/flex-|-self/,"")+e;case 4675:return w+e+G+"flex-line-pack"+k(e,/align-content|flex-|-self/,"")+e;case 5548:return w+e+G+k(e,"shrink","negative")+e;case 5292:return w+e+G+k(e,"basis","preferred-size")+e;case 6060:return w+"box-"+k(e,"-grow","")+w+e+G+k(e,"grow","positive")+e;case 4554:return w+k(e,/([^-])(transform)/g,"$1"+w+"$2")+e;case 6187:return k(k(k(e,/(zoom-|grab)/,w+"$1"),/(image-set)/,w+"$1"),e,"")+e;case 5495:case 3959:return k(e,/(image-set\([^]*)/,w+"$1$`$1");case 4968:return k(k(e,/(.+:)(flex-)?(.*)/,w+"box-pack:$3"+G+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+w+e+e;case 4095:case 3583:case 4068:case 2532:return k(e,/(.+)-inline(.+)/,w+"$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(ae(e)-1-t>6)switch(B(e,t+1)){case 109:if(B(e,t+4)!==45)break;case 102:return k(e,/(.+:)(.+)-([^]+)/,"$1"+w+"$2-$3$1"+we+(B(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~De(e,"stretch")?it(k(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(B(e,t+1)!==115)break;case 6444:switch(B(e,ae(e)-3-(~De(e,"!important")&&10))){case 107:return k(e,":",":"+w)+e;case 101:return k(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+w+(B(e,14)===45?"inline-":"")+"box$3$1"+w+"$2$3$1"+G+"$2box$3")+e}break;case 5936:switch(B(e,t+11)){case 114:return w+e+G+k(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return w+e+G+k(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return w+e+G+k(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return w+e+G+e+e}return e}var tr=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case Ve:t.return=it(t.value,t.length);break;case Je:return fe([ve(t,{value:k(t.value,"@","@"+w)})],a);case Me:if(t.length)return Ft(t.props,function(i){switch(zt(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return fe([ve(t,{props:[k(i,/:(read-\w+)/,":"+we+"$1")]})],a);case"::placeholder":return fe([ve(t,{props:[k(i,/:(plac\w+)/,":"+w+"input-$1")]}),ve(t,{props:[k(i,/:(plac\w+)/,":"+we+"$1")]}),ve(t,{props:[k(i,/:(plac\w+)/,G+"input-$1")]})],a)}return""})}},rr=[tr],nr=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(h){var y=h.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(h),h.setAttribute("data-s",""))})}var a=t.stylisPlugins||rr,i={},s,l=[];s=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(h){for(var y=h.getAttribute("data-emotion").split(" "),v=1;v<y.length;v++)i[y[v]]=!0;l.push(h)});var p,f=[Zt,er];{var c,u=[Gt,Xt(function(h){c.insert(h)})],C=Ht(f.concat(a,u)),x=function(y){return fe(qt(y),C)};p=function(y,v,g,j){c=g,x(y?y+"{"+v.styles+"}":v.styles),j&&(E.inserted[v.name]=!0)}}var E={key:r,sheet:new Rt({key:r,container:s,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:p};return E.sheet.hydrate(l),E},ar=!0;function ir(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var ot=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||ar===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},or=function(t,r,n){ot(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function sr(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var lr={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},cr=/[A-Z]|^ms/g,ur=/_EMO_([^_]+?)_([^]*?)_EMO_/g,st=function(t){return t.charCodeAt(1)===45},lt=function(t){return t!=null&&typeof t!="boolean"},We=nt(function(e){return st(e)?e:e.replace(cr,"-$&").toLowerCase()}),ct=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(ur,function(n,a,i){return oe={name:a,styles:i,next:oe},a})}return lr[t]!==1&&!st(t)&&typeof r=="number"&&r!==0?r+"px":r};function Pe(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return oe={name:a.name,styles:a.styles,next:oe},a.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)oe={name:s.name,styles:s.styles,next:oe},s=s.next;var l=i.styles+";";return l}return dr(e,t,r)}case"function":{if(e!==void 0){var p=oe,f=r(e);return oe=p,Pe(e,t,f)}break}}var c=r;if(t==null)return c;var u=t[c];return u!==void 0?u:c}function dr(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=Pe(e,t,r[a])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var l=s;t!=null&&t[l]!==void 0?n+=i+"{"+t[l]+"}":lt(l)&&(n+=We(i)+":"+ct(i,l)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(t==null||t[s[0]]===void 0))for(var p=0;p<s.length;p++)lt(s[p])&&(n+=We(i)+":"+ct(i,s[p])+";");else{var f=Pe(e,t,s);switch(i){case"animation":case"animationName":{n+=We(i)+":"+f+";";break}default:n+=i+"{"+f+"}"}}}return n}var ut=/label:\s*([^\s;{]+)\s*(;|$)/g,oe;function fr(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";oe=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=Pe(r,t,i);else{var s=i;a+=s[0]}for(var l=1;l<e.length;l++)if(a+=Pe(r,t,e[l]),n){var p=i;a+=p[l]}ut.lastIndex=0;for(var f="",c;(c=ut.exec(a))!==null;)f+="-"+c[1];var u=sr(a)+f;return{name:u,styles:a,next:oe}}var pr=function(t){return t()},hr=se.useInsertionEffect?se.useInsertionEffect:!1,yr=hr||pr,dt=se.createContext(typeof HTMLElement<"u"?nr({key:"css"}):null);dt.Provider;var mr=function(t){return S.forwardRef(function(r,n){var a=S.useContext(dt);return t(r,a,n)})},vr=se.createContext({}),br=/^((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)-.*))$/,gr=nt(function(e){return br.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Pr=gr,_r=function(t){return t!=="theme"},ft=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?Pr:_r},pt=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(s){return t.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},xr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return ot(r,n,a),yr(function(){return or(r,n,a)}),null},Er=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,s;r!==void 0&&(i=r.label,s=r.target);var l=pt(t,r,n),p=l||ft(a),f=!p("as");return function(){var c=arguments,u=n&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(i!==void 0&&u.push("label:"+i+";"),c[0]==null||c[0].raw===void 0)u.push.apply(u,c);else{var C=c[0];u.push(C[0]);for(var x=c.length,E=1;E<x;E++)u.push(c[E],C[E])}var h=mr(function(y,v,g){var j=f&&y.as||a,F="",M=[],A=y;if(y.theme==null){A={};for(var b in y)A[b]=y[b];A.theme=se.useContext(vr)}typeof y.className=="string"?F=ir(v.registered,M,y.className):y.className!=null&&(F=y.className+" ");var Q=fr(u.concat(M),v.registered,A);F+=v.key+"-"+Q.name,s!==void 0&&(F+=" "+s);var H=f&&l===void 0?ft(j):p,T={};for(var R in y)f&&R==="as"||H(R)&&(T[R]=y[R]);return T.className=F,g&&(T.ref=g),se.createElement(se.Fragment,null,se.createElement(xr,{cache:v,serialized:Q,isStringTag:typeof j=="string"}),se.createElement(j,T))});return h.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",h.defaultProps=t.defaultProps,h.__emotion_real=h,h.__emotion_base=a,h.__emotion_styles=u,h.__emotion_forwardProp=l,Object.defineProperty(h,"toString",{value:function(){return"."+s}}),h.withComponent=function(y,v){var g=e(y,Fe({},r,v,{shouldForwardProp:pt(h,v,!0)}));return g.apply(void 0,u)},h}},wr=["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"],pe=Er.bind(null);wr.forEach(function(e){pe[e]=pe(e)});const kr=pe.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
|
+
`,Oe=({type:e,children:t,className:r,icon:n,action:a})=>V.jsxs(kr,{type:e,className:r,children:[n&&V.jsx("span",{children:n}),V.jsx("span",{children:t}),a&&V.jsx("span",{children:a})]}),qe=pe.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 */
|
|
@@ -58,8 +58,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
58
58
|
z-index: 1002;
|
|
59
59
|
|
|
60
60
|
/* Hide specific elements inside the player */
|
|
61
|
-
${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(
|
|
62
|
-
`,
|
|
61
|
+
${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(t=>`.${t} { display: none !important; }`).join("")}
|
|
62
|
+
`,ht=pe.div`
|
|
63
63
|
position: fixed;
|
|
64
64
|
top: 0;
|
|
65
65
|
left: 0;
|
|
@@ -71,7 +71,7 @@ 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
|
+
`,yt=pe.div`
|
|
75
75
|
position: relative;
|
|
76
76
|
height: 80vh;
|
|
77
77
|
width: auto;
|
|
@@ -79,4 +79,4 @@ React keys must be passed directly to JSX without using spread:
|
|
|
79
79
|
max-width: 90vw;
|
|
80
80
|
max-height: 90vh;
|
|
81
81
|
z-index: 1001;
|
|
82
|
-
`,yr="https://host.vpplayer.tech",wt=e=>`${yr}/player/${e}/vpplayer.js`,mr=(e,r)=>e?`vp-player-${e}`:r?`vp-player-default-${r}`:"vp-player-default",Oe=new Map,vr=(e,r)=>{const[t,n]=w.useState(!1),[a,i]=w.useState(null);return w.useEffect(()=>{let s;try{s=r||wt(e||"latest")}catch(u){const d=u instanceof Error?u.message:String(u);i(`Failed to resolve script URL: ${d}`);return}if(!Oe.has(s))if(document.querySelector(`script[src="${s}"]`))Oe.set(s,Promise.resolve());else{const d=new Promise((h,I)=>{const k=document.createElement("script");k.src=s,k.async=!0,k.onload=()=>h(),k.onerror=()=>I(new Error(`Failed to load script: ${s}`)),document.body.appendChild(k)});Oe.set(s,d)}let l=!0;const f=Oe.get(s);return f&&f.then(()=>{l&&(n(!0),i(null))}).catch(u=>{l&&(n(!1),i(u instanceof Error?u.message:String(u)))}),()=>{l=!1}},[e,r]),{isLoaded:t,error:a}},je={projectId:void 0,video:{},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"}}},kt=e=>e?{play:e.bigPlayButton??e.autopausePlayButton??!0,fullscreen:e.fullscreenButton??!0,share:e.shareButton??!0,seekbar:!0,settings:e.settingsButton??!0,time:!0}:{play:!0,fullscreen:!0,share:!0,seekbar:!0,settings:!0,time:!0},gr=({videoUrl:e,projectId:r,config:t={},isVerticalPlayer:n=!1})=>{var h,I,k,S,y,m,v,x,L,F,V,R,g,ee,B,G,O;const a={...je};a.video={...je.video,...t.video};let i={...je.config,...t.config,...((h=t.config)==null?void 0:h.controls)&&{controls:t.config.controls},size:{...je.config.size,...(I=t.config)==null?void 0:I.size}};if(r&&(a.projectId=r),t.projectId&&(a.projectId=t.projectId),n&&i.controls){const $=kt(i.controls);i={...i,controls:$}}const s=!!((S=(k=t==null?void 0:t.video)==null?void 0:k.playlist)!=null&&S.playlistId),l=!!((v=(m=(y=t==null?void 0:t.video)==null?void 0:y.playlist)==null?void 0:m.videos)!=null&&v.length),f=s||l,u=(x=t==null?void 0:t.video)==null?void 0:x.playlist;if(n&&f){const $=Number((u==null?void 0:u.playlistVideoIndex)||0);if((L=u==null?void 0:u.videos)!=null&&L.length){const C=u.videos[$]||u.videos[0],J=e||((F=t==null?void 0:t.video)==null?void 0:F.file)||(C==null?void 0:C.file)||(C==null?void 0:C.hlsUrl),U=u.videos.map(K=>{const Y=K;return{videoId:Y.videoId||"",title:Y.title||"",file:Y.file||Y.hlsUrl||"",thumbnailUrl:Y.thumbnailUrl||Y.thumbnail||"",duration:Y.duration||0}});return{...a,projectId:r||t.projectId||"",video:{...a.video,videoId:(C==null?void 0:C.videoId)||"",file:J,title:((V=t.video)==null?void 0:V.title)||(C==null?void 0:C.title),thumbnail:((R=t.video)==null?void 0:R.thumbnail)||(C==null?void 0:C.thumbnailUrl),playlist:{state:!0,playlistId:"",playlistVideoIndex:$,videos:U}},config:i}}return{...a,projectId:r||t.projectId||"",video:{...a.video,file:e||((g=t.video)==null?void 0:g.file),playlist:{state:!0,playlistId:u==null?void 0:u.playlistId,playlistVideoIndex:$}},config:i}}if(e&&!f)return{...a,video:{...a.video,...t.video,file:e,playlist:void 0},config:i};if(f&&u)return{...a,video:{...a.video,...t.video,file:(ee=t.video)==null?void 0:ee.file,playlist:{...a.video.playlist,...u,state:!0,playlistVideoIndex:Number(u.playlistVideoIndex||0)}},config:i};const d=((B=t==null?void 0:t.video)==null?void 0:B.videoId)||(t==null?void 0:t.videoId);if(d){const $=(G=t.video)==null?void 0:G.file,C=$&&$.trim()!=="",J=r||t.projectId||a.projectId;let U;return C?U=$:J&&d&&(U=`https://cdn.vpplayer.tech/${J}/encode/${d}/hls/master_file.m3u8`),{projectId:J,videoId:d,video:{...t.video,videoId:d,file:U},...t.config&&{config:t.config}}}if((O=t==null?void 0:t.video)!=null&&O.file)return{...a,video:{...a.video,...t.video,file:t.video.file,playlist:void 0},config:i};throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},br=e=>{if(!e||e.includes("vertical-player")||e.includes("vpverticalplayer"))return;const r=yr.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),t=new RegExp(`${r}\\/player\\/([^/]+)\\/([^/]+)(?:\\/[^/]+)?\\.js`),n=e.match(t);if(n)return n[2]},Pr=({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l={},isReels:f=!1,onPlaylistData:u,onVideoStarted:d,onPlayerStart:h,onPlayerPlay:I,onPlayerPause:k,onPlayerResume:S,onPlayerEnd:y,onPlayerProgressEvery10Seconds:m,onPlayerProgressAt20Seconds:v,onPlayerQuartile25:x,onPlayerQuartile50:L,onPlayerQuartile75:F,onPlayerNext:V,onPlayerPrevious:R,onPlayerEvent:g})=>{var o;const ee=w.useRef(null),B=w.useRef(null),G=w.useRef(!1),O=w.useRef({onVideoStarted:d,onPlaylistData:u,onPlayerStart:h,onPlayerPlay:I,onPlayerPause:k,onPlayerResume:S,onPlayerEnd:y,onPlayerProgressEvery10Seconds:m,onPlayerProgressAt20Seconds:v,onPlayerQuartile25:x,onPlayerQuartile50:L,onPlayerQuartile75:F,onPlayerNext:V,onPlayerPrevious:R,onPlayerEvent:g});w.useEffect(()=>{O.current={onVideoStarted:d,onPlaylistData:u,onPlayerStart:h,onPlayerPlay:I,onPlayerPause:k,onPlayerResume:S,onPlayerEnd:y,onPlayerProgressEvery10Seconds:m,onPlayerProgressAt20Seconds:v,onPlayerQuartile25:x,onPlayerQuartile50:L,onPlayerQuartile75:F,onPlayerNext:V,onPlayerPrevious:R,onPlayerEvent:g}});const $=w.useRef(!1),{isLoaded:C,error:J}=vr(t,s),U=r||br(s)||((o=l==null?void 0:l.video)==null?void 0:o.videoId),[oe,K]=w.useState(null),Y=w.useId().replace(/:/g,""),Z=mr(e||`auto-${Y}`,U),se=w.useMemo(()=>{var E;const p=l.config||{},T=f&&!p.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:p.size||{sizeType:"FIXED",width:"100%"};return{...l,video:{...l.video,videoId:U,playlist:i?{playlistId:i,state:!0,playlistVideoIndex:0}:(E=l.video)==null?void 0:E.playlist},config:{...p,size:T}}},[l,f,U,i]);return w.useEffect(()=>{if(J){K(J);return}if(!C)return;let p=!0;return(async()=>{var E;try{const H=(s==null?void 0:s.includes("vertical-player"))||(s==null?void 0:s.includes("vpverticalplayer"))||f,re=H?window.vpVerticalPlayer:window.vpPlayer;if(!re){K("VP Player script loaded but global function not found.");return}B.current=null,ee.current;const j=gr({videoUrl:n,projectId:a,config:se,isVerticalPlayer:H}),b=re(Z);if(!b){K("Failed to create player instance.");return}if(await new Promise(z=>setTimeout(z,0)),!document.getElementById(Z)){console.error(`VP Player: Container element with ID '${Z}' not found in DOM.`);return}if(p){try{if(!document.getElementById(Z))return;b.setup(j)}catch(z){const $e=z instanceof Error?z.message:String(z);if($e.includes("already initialized")){console.warn("VP Player: Player already initialized, attempting to destroy and retry.");try{(E=b.destroy)==null||E.call(b),await new Promise(c=>setTimeout(c,50)),p&&document.getElementById(Z)&&b.setup(j)}catch(c){console.error("VP Player: Failed to recover from initialization error",c)}}else console.error("VP Player: Setup error",z),K(`Player setup failed: ${$e}`)}if(B.current=b,G.current=!0,K(null),$.current=!1,b.on){const z=b.on.bind(b),$e=()=>{z("ready",()=>{const c=O.current;c.onPlayerStart&&c.onPlayerStart("player_start"),c.onPlayerEvent&&c.onPlayerEvent("player_start")}),z("play",()=>{const c=O.current;c.onPlayerPlay&&c.onPlayerPlay("player_play"),c.onPlayerEvent&&c.onPlayerEvent("player_play")}),z("video-started",c=>{const W=O.current;W.onVideoStarted&&W.onVideoStarted(c)}),z("resume",()=>{const c=O.current;c.onPlayerResume&&c.onPlayerResume("player_resume"),c.onPlayerEvent&&c.onPlayerEvent("player_resume")}),z("pause",()=>{const c=O.current;c.onPlayerPause&&c.onPlayerPause("player_pause"),c.onPlayerEvent&&c.onPlayerEvent("player_pause")}),z("complete",()=>{const c=O.current;c.onPlayerEnd&&c.onPlayerEnd("player_end"),c.onPlayerEvent&&c.onPlayerEvent("player_end"),$.current=!1}),z("firstQuartile",()=>{const c=O.current;c.onPlayerQuartile25&&c.onPlayerQuartile25("player_quartile_25",0),c.onPlayerEvent&&c.onPlayerEvent("player_quartile_25",0)}),z("secondQuartile",()=>{const c=O.current;c.onPlayerQuartile50&&c.onPlayerQuartile50("player_quartile_50",0),c.onPlayerEvent&&c.onPlayerEvent("player_quartile_50",0)}),z("thirdQuartile",()=>{const c=O.current;c.onPlayerQuartile75&&c.onPlayerQuartile75("player_quartile_75",0),c.onPlayerEvent&&c.onPlayerEvent("player_quartile_75",0)}),z("video-state",c=>{var _e;const W=((_e=b.getPosition)==null?void 0:_e.call(b))??(c==null?void 0:c.position)??0,ce=O.current;ce.onPlayerProgressEvery10Seconds&&ce.onPlayerProgressEvery10Seconds("player_progress_every_10_seconds",Math.floor(W)),ce.onPlayerEvent&&ce.onPlayerEvent("player_progress_every_10_seconds",Math.floor(W))}),z("time",c=>{var ce;if($.current)return;let W=0;if(typeof c=="number"?W=c:c&&typeof c=="object"&&"position"in c?W=c.position:W=((ce=b.getPosition)==null?void 0:ce.call(b))??0,W>=20){$.current=!0;const _e=Math.floor(W),Ne=O.current;Ne.onPlayerProgressAt20Seconds&&Ne.onPlayerProgressAt20Seconds("player_progress_at_20_seconds",_e),Ne.onPlayerEvent&&Ne.onPlayerEvent("player_progress_at_20_seconds",_e)}}),z("playlistItem",c=>{const W=O.current;W.onPlayerNext&&W.onPlayerNext("player_next"),W.onPlayerEvent&&W.onPlayerEvent("player_next"),W.onPlaylistData,$.current=!1})};try{$e()}catch(c){console.warn("VP Player: Failed to attach event listeners",c)}}!n&&b.play&&setTimeout(()=>{if(p&&b.play)try{b.play()}catch{}},100)}}catch(H){if(p){const re=H instanceof Error?H.message:String(H);K(re),console.error("VP Player initialization error:",H)}}})(),()=>{var E;if(p=!1,(E=B.current)!=null&&E.destroy){try{B.current.destroy()}catch{}B.current=null}G.current=!1}},[C,Z,J,s,U,i,n,a,se,f]),{playerRef:ee,playerInstanceRef:B,isScriptLoaded:C,isLoading:!C&&!G.current,error:oe,generatedPlayerId:Z}},_r=({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l={},isReels:f=!1,hiddenClasses:u=[],onClose:d,className:h,onPlaylistData:I,onVideoStarted:k,trackingMetadata:S,onPlayerStart:y,onPlayerPlay:m,onPlayerPause:v,onPlayerResume:x,onPlayerEnd:L,onPlayerProgressEvery10Seconds:F,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:R,onPlayerQuartile50:g,onPlayerQuartile75:ee,onPlayerNext:B,onPlayerPrevious:G,onPlayerEvent:O})=>{var E,H,re,j;const{playerRef:$,playerInstanceRef:C,isScriptLoaded:J,isLoading:U,error:oe,generatedPlayerId:K}=Pr({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l,isReels:f,onPlaylistData:I,onVideoStarted:k,onPlayerStart:y,onPlayerPlay:m,onPlayerPause:v,onPlayerResume:x,onPlayerEnd:L,onPlayerProgressEvery10Seconds:F,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:R,onPlayerQuartile50:g,onPlayerQuartile75:ee,onPlayerNext:B,onPlayerPrevious:G,onPlayerEvent:O}),[Y,Z]=w.useState(!0),se=()=>f&&Z(!0),o=()=>{var b,le;!f||!Y||(Z(!1),(le=(b=C.current)==null?void 0:b.pause)==null||le.call(b),d==null||d())},p=(H=(E=l==null?void 0:l.config)==null?void 0:E.size)!=null&&H.width?typeof l.config.size.width=="number"?`${l.config.size.width}px`:l.config.size.width:void 0,T=(j=(re=l==null?void 0:l.config)==null?void 0:re.size)!=null&&j.height?typeof l.config.size.height=="number"?`${l.config.size.height}px`:l.config.size.height:void 0;return oe?N.jsxs(Re,{type:"error",children:["An error occurred: ",oe]}):N.jsxs(N.Fragment,{children:[f&&!Y?N.jsx("div",{onClick:se,style:{cursor:"pointer",width:"100%",height:"100%"}}):null,!f&&N.jsxs("div",{style:{position:"relative"},children:[N.jsx(We,{id:K,ref:$,width:p||"100%",height:T||"auto",$hiddenClasses:u,className:h}),(U||!J)&&N.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.8)",zIndex:10},children:N.jsx(Re,{type:"loading",children:"Loading..."})})]}),f&&Y&&N.jsx(pr,{onClick:o,className:h,children:N.jsx(hr,{className:h,onClick:b=>{b.stopPropagation()},children:N.jsxs("div",{style:{position:"relative"},children:[N.jsx(We,{id:K,ref:$,width:"100%",height:"100%",$hiddenClasses:u,className:h}),(U||!J)&&N.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.8)",zIndex:10},children:N.jsx(Re,{type:"loading",children:"Loading..."})})]})})})]})},xr=w.createContext(void 0),St=({children:e})=>{const[r,t]=w.useState(!1),[n,a]=w.useState(null),[i,s]=w.useState(null),l=w.useCallback(d=>{try{const h=mr(d.playerId,d.videoId);a({...d,playerId:h}),t(!0),s(null)}catch{s("Failed to show player.")}},[]),f=w.useCallback(()=>{t(!1),a(null),s(null)},[]),u=w.useMemo(()=>({showPlayer:l,hidePlayer:f,isPlayerVisible:r,playerParams:n}),[l,f,r,n]);return N.jsxs(xr.Provider,{value:u,children:[e,i&&N.jsx(Re,{type:"error",children:i}),r&&(n==null?void 0:n.playerId)&&N.jsx(_r,{playerId:n.playerId,videoId:n.videoId,projectId:n.projectId,videoUrl:n.videoUrl,version:n.version,playlistId:n.playlistId,scriptUrl:n.scriptUrl,config:n.config,isReels:n.isReels,thumbnailUrl:n.thumbnailUrl,onClose:f,hiddenClasses:n.hiddenClasses||[],className:n.className})]})},At=()=>{const e=w.useContext(xr);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ct={projectId:void 0,video:{},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"}}},Tt={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},It={config:{autoplay:!0,muted:!0}},Le={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rt=(e,r,t="time",n=0)=>{var a;return{...Le,video:{...Le.video,ads:{...(a=Le.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:r,breakType:e,breakTimingType:t,breakTimingValue:n}]}}}},Ot="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",jt="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",Lt="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",$t="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",Nt="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=",zt="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";A.AD_TAG_LINEAR_URL=Nt,A.AD_TAG_SKIPPABLE_LINEAR_URL=zt,A.BIG_BUCK_BUNNY_URL=Ot,A.ELEPHANTS_DREAM_URL=jt,A.Overlay=pr,A.PEXELS_THUMBNAIL_URL=$t,A.PEXELS_VERTICAL_VIDEO_URL=Lt,A.PlayerContainer=We,A.PlayerWrapper=hr,A.VPPlayer=_r,A.VPPlayerProvider=St,A.baseConfig=Tt,A.baseConfigWithAds=Le,A.baseConfigWithAutoplay=It,A.buildVPPlayerConfig=gr,A.defaultVPPlayerConfig=Ct,A.extractVideoId=br,A.getAdConfig=Rt,A.useVPPlayer=At,A.useVPPlayerLogic=Pr,A.useVPPlayerScript=vr,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}));
|
|
82
|
+
`,mt="https://host.vpplayer.tech",Sr=e=>`${mt}/player/${e}/vpplayer.js`,vt=(e,t)=>e?`vp-player-${e}`:t?`vp-player-default-${t}`:"vp-player-default",je=new Map,bt=(e,t)=>{const[r,n]=S.useState(!1),[a,i]=S.useState(null);return S.useEffect(()=>{let s;try{s=t||Sr(e||"latest")}catch(f){const c=f instanceof Error?f.message:String(f);i(`Failed to resolve script URL: ${c}`);return}if(!je.has(s))if(document.querySelector(`script[src="${s}"]`))je.set(s,Promise.resolve());else{const c=new Promise((u,C)=>{const x=document.createElement("script");x.src=s,x.async=!0,x.onload=()=>u(),x.onerror=()=>C(new Error(`Failed to load script: ${s}`)),document.body.appendChild(x)});je.set(s,c)}let l=!0;const p=je.get(s);return p&&p.then(()=>{l&&(n(!0),i(null))}).catch(f=>{l&&(n(!1),i(f instanceof Error?f.message:String(f)))}),()=>{l=!1}},[e,t]),{isLoaded:r,error:a}},Le={projectId:void 0,video:{},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"}}},gt=(e,t)=>{if(!(t&&!e))return e?{play:e.bigPlayButton??e.autopausePlayButton??!0,fullscreen:e.fullscreenButton??!0,share:e.shareButton??!0,seekbar:!0,settings:e.settingsButton??!0,time:!0}:{play:!0,fullscreen:!0,share:!0,seekbar:!0,settings:!0,time:!0}},Pt=({videoUrl:e,projectId:t,config:r={},isVerticalPlayer:n=!1,pureMode:a=!0})=>{var C,x,E,h,y,v,g,j,F,M,A,b,Q,H,T,R,N;if(a)return Ir({videoUrl:e,projectId:t,config:r,isVerticalPlayer:n});const i={...Le};i.video={...Le.video,...r.video};let s={...Le.config,...r.config,...((C=r.config)==null?void 0:C.controls)&&{controls:r.config.controls},size:{...Le.config.size,...(x=r.config)==null?void 0:x.size}};if(t&&(i.projectId=t),r.projectId&&(i.projectId=r.projectId),n&&s.controls){const $=gt(s.controls);s={...s,controls:$}}const l=!!((h=(E=r==null?void 0:r.video)==null?void 0:E.playlist)!=null&&h.playlistId),p=!!((g=(v=(y=r==null?void 0:r.video)==null?void 0:y.playlist)==null?void 0:v.videos)!=null&&g.length),f=l||p,c=(j=r==null?void 0:r.video)==null?void 0:j.playlist;if(n&&f){const $=Number((c==null?void 0:c.playlistVideoIndex)||0);if((F=c==null?void 0:c.videos)!=null&&F.length){const P=c.videos[$]||c.videos[0],X=e||((M=r==null?void 0:r.video)==null?void 0:M.file)||(P==null?void 0:P.file)||(P==null?void 0:P.hlsUrl),W=c.videos.map(ee=>{const J=ee;return{videoId:J.videoId||"",title:J.title||"",file:J.file||J.hlsUrl||"",thumbnailUrl:J.thumbnailUrl||J.thumbnail||"",duration:J.duration||0}});return{...i,projectId:t||r.projectId||"",video:{...i.video,videoId:(P==null?void 0:P.videoId)||"",file:X,title:((A=r.video)==null?void 0:A.title)||(P==null?void 0:P.title),thumbnail:((b=r.video)==null?void 0:b.thumbnail)||(P==null?void 0:P.thumbnailUrl),playlist:{state:!0,playlistId:"",playlistVideoIndex:$,videos:W}},config:s}}return{...i,projectId:t||r.projectId||"",video:{...i.video,file:e||((Q=r.video)==null?void 0:Q.file),playlist:{state:!0,playlistId:c==null?void 0:c.playlistId,playlistVideoIndex:$}},config:s}}if(e&&!f)return{...i,video:{...i.video,...r.video,file:e,playlist:void 0},config:s};if(f&&c)return{...i,video:{...i.video,...r.video,file:(H=r.video)==null?void 0:H.file,playlist:{...i.video.playlist,...c,state:!0,playlistVideoIndex:Number(c.playlistVideoIndex||0)}},config:s};const u=((T=r==null?void 0:r.video)==null?void 0:T.videoId)||(r==null?void 0:r.videoId);if(u){const $=(R=r.video)==null?void 0:R.file,P=$&&$.trim()!=="",X=t||r.projectId||i.projectId;let W;return P?W=$:X&&u&&(W=`https://cdn.vpplayer.tech/${X}/encode/${u}/hls/master_file.m3u8`),{projectId:X,videoId:u,video:{...r.video,videoId:u,file:W},...r.config&&{config:r.config}}}if((N=r==null?void 0:r.video)!=null&&N.file)return{...i,video:{...i.video,...r.video,file:r.video.file,playlist:void 0},config:s};throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},Ir=({videoUrl:e,projectId:t,config:r={},isVerticalPlayer:n=!1})=>{var x,E,h,y,v,g,j,F,M,A,b,Q,H;const a=t||r.projectId,i=((x=r==null?void 0:r.video)==null?void 0:x.videoId)||(r==null?void 0:r.videoId),s=!!((h=(E=r==null?void 0:r.video)==null?void 0:E.playlist)!=null&&h.playlistId),l=!!((g=(v=(y=r==null?void 0:r.video)==null?void 0:y.playlist)==null?void 0:v.videos)!=null&&g.length),p=s||l,f=(j=r==null?void 0:r.video)==null?void 0:j.playlist,c={};a&&(c.projectId=a),i&&(c.videoId=i);const u={};if(i&&(u.videoId=i),e?u.file=e:(F=r==null?void 0:r.video)!=null&&F.file?u.file=r.video.file:a&&i&&!p&&(u.file=`https://cdn.vpplayer.tech/${a}/encode/${i}/hls/master_file.m3u8`),p&&f){const T=Number(f.playlistVideoIndex||0);if((M=f.videos)!=null&&M.length){const R=f.videos[T]||f.videos[0];if(n){const $=e||((A=r==null?void 0:r.video)==null?void 0:A.file)||(R==null?void 0:R.file)||(R==null?void 0:R.hlsUrl);$&&(u.file=$),u.videoId=(R==null?void 0:R.videoId)||""}const N=f.videos.map($=>{const P=$;return{videoId:P.videoId||"",title:P.title||"",file:P.file||P.hlsUrl||"",thumbnailUrl:P.thumbnailUrl||P.thumbnail||"",duration:P.duration||0}});u.playlist={state:!0,playlistId:f.playlistId||"",playlistVideoIndex:T,videos:N}}else f.playlistId&&(u.playlist={state:!0,playlistId:f.playlistId,playlistVideoIndex:T})}if(Object.keys(u).length>0&&(c.video=u),r.config){const T={...r.config};if(n&&T.controls){const R=gt(T.controls,!0);R&&(T.controls=R)}Object.keys(T).length>0&&(c.config=T)}if(!(u.file||u.videoId||((b=u.playlist)==null?void 0:b.playlistId)||((H=(Q=u.playlist)==null?void 0:Q.videos)==null?void 0:H.length)))throw new Error("No valid video source found in pure mode. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");return c},_t=e=>{if(!e||e.includes("vertical-player")||e.includes("vpverticalplayer"))return;const t=mt.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=new RegExp(`${t}\\/player\\/([^/]+)\\/([^/]+)(?:\\/[^/]+)?\\.js`),n=e.match(r);if(n)return n[2]},xt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l={},isReels:p=!1,pureMode:f=!0,onPlaylistData:c,onVideoStarted:u,onPlayerStart:C,onPlayerPlay:x,onPlayerPause:E,onPlayerResume:h,onPlayerEnd:y,onPlayerProgressEvery10Seconds:v,onPlayerProgressAt20Seconds:g,onPlayerQuartile25:j,onPlayerQuartile50:F,onPlayerQuartile75:M,onPlayerNext:A,onPlayerPrevious:b,onPlayerEvent:Q})=>{var m;const H=S.useRef(null),T=S.useRef(null),R=S.useRef(!1),N=S.useRef({onVideoStarted:u,onPlaylistData:c,onPlayerStart:C,onPlayerPlay:x,onPlayerPause:E,onPlayerResume:h,onPlayerEnd:y,onPlayerProgressEvery10Seconds:v,onPlayerProgressAt20Seconds:g,onPlayerQuartile25:j,onPlayerQuartile50:F,onPlayerQuartile75:M,onPlayerNext:A,onPlayerPrevious:b,onPlayerEvent:Q});S.useEffect(()=>{N.current={onVideoStarted:u,onPlaylistData:c,onPlayerStart:C,onPlayerPlay:x,onPlayerPause:E,onPlayerResume:h,onPlayerEnd:y,onPlayerProgressEvery10Seconds:v,onPlayerProgressAt20Seconds:g,onPlayerQuartile25:j,onPlayerQuartile50:F,onPlayerQuartile75:M,onPlayerNext:A,onPlayerPrevious:b,onPlayerEvent:Q}});const $=S.useRef(!1),{isLoaded:P,error:X}=bt(r,s),W=t||_t(s)||((m=l==null?void 0:l.video)==null?void 0:m.videoId),[le,ee]=S.useState(null),J=S.useId().replace(/:/g,""),re=vt(e||`auto-${J}`,W),o=S.useMemo(()=>{var K,q;if(f)return{...l,video:{...l.video,videoId:W,playlist:i?{playlistId:i,state:!0,playlistVideoIndex:0}:(K=l.video)==null?void 0:K.playlist},...l.config&&{config:l.config}};const _=l.config||{},z=p&&!_.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:_.size||{sizeType:"FIXED",width:"100%"};return{...l,video:{...l.video,videoId:W,playlist:i?{playlistId:i,state:!0,playlistVideoIndex:0}:(q=l.video)==null?void 0:q.playlist},config:{..._,size:z}}},[l,p,W,i,f]);return S.useEffect(()=>{if(X){ee(X);return}if(!P)return;let _=!0;return(async()=>{var K;try{const q=(s==null?void 0:s.includes("vertical-player"))||(s==null?void 0:s.includes("vpverticalplayer"))||p,L=q?window.vpVerticalPlayer:window.vpPlayer;if(!L){ee("VP Player script loaded but global function not found.");return}T.current=null,H.current;const ne=Pt({videoUrl:n,projectId:a,config:o,isVerticalPlayer:q,pureMode:f}),I=L(re);if(!I){ee("Failed to create player instance.");return}if(await new Promise(U=>setTimeout(U,0)),!document.getElementById(re)){console.error(`VP Player: Container element with ID '${re}' not found in DOM.`);return}if(_){try{if(!document.getElementById(re))return;I.setup(ne)}catch(U){const Ne=U instanceof Error?U.message:String(U);if(Ne.includes("already initialized")){console.warn("VP Player: Player already initialized, attempting to destroy and retry.");try{(K=I.destroy)==null||K.call(I),await new Promise(d=>setTimeout(d,50)),_&&document.getElementById(re)&&I.setup(ne)}catch(d){console.error("VP Player: Failed to recover from initialization error",d)}}else console.error("VP Player: Setup error",U),ee(`Player setup failed: ${Ne}`)}if(T.current=I,R.current=!0,ee(null),$.current=!1,I.on){const U=I.on.bind(I),Ne=()=>{U("ready",()=>{const d=N.current;d.onPlayerStart&&d.onPlayerStart("player_start"),d.onPlayerEvent&&d.onPlayerEvent("player_start")}),U("play",()=>{const d=N.current;d.onPlayerPlay&&d.onPlayerPlay("player_play"),d.onPlayerEvent&&d.onPlayerEvent("player_play")}),U("video-started",d=>{const Y=N.current;Y.onVideoStarted&&Y.onVideoStarted(d)}),U("resume",()=>{const d=N.current;d.onPlayerResume&&d.onPlayerResume("player_resume"),d.onPlayerEvent&&d.onPlayerEvent("player_resume")}),U("pause",()=>{const d=N.current;d.onPlayerPause&&d.onPlayerPause("player_pause"),d.onPlayerEvent&&d.onPlayerEvent("player_pause")}),U("complete",()=>{const d=N.current;d.onPlayerEnd&&d.onPlayerEnd("player_end"),d.onPlayerEvent&&d.onPlayerEvent("player_end"),$.current=!1}),U("firstQuartile",()=>{const d=N.current;d.onPlayerQuartile25&&d.onPlayerQuartile25("player_quartile_25",0),d.onPlayerEvent&&d.onPlayerEvent("player_quartile_25",0)}),U("secondQuartile",()=>{const d=N.current;d.onPlayerQuartile50&&d.onPlayerQuartile50("player_quartile_50",0),d.onPlayerEvent&&d.onPlayerEvent("player_quartile_50",0)}),U("thirdQuartile",()=>{const d=N.current;d.onPlayerQuartile75&&d.onPlayerQuartile75("player_quartile_75",0),d.onPlayerEvent&&d.onPlayerEvent("player_quartile_75",0)}),U("video-state",d=>{var xe;const Y=((xe=I.getPosition)==null?void 0:xe.call(I))??(d==null?void 0:d.position)??0,ce=N.current;ce.onPlayerProgressEvery10Seconds&&ce.onPlayerProgressEvery10Seconds("player_progress_every_10_seconds",Math.floor(Y)),ce.onPlayerEvent&&ce.onPlayerEvent("player_progress_every_10_seconds",Math.floor(Y))}),U("time",d=>{var ce;if($.current)return;let Y=0;if(typeof d=="number"?Y=d:d&&typeof d=="object"&&"position"in d?Y=d.position:Y=((ce=I.getPosition)==null?void 0:ce.call(I))??0,Y>=20){$.current=!0;const xe=Math.floor(Y),ze=N.current;ze.onPlayerProgressAt20Seconds&&ze.onPlayerProgressAt20Seconds("player_progress_at_20_seconds",xe),ze.onPlayerEvent&&ze.onPlayerEvent("player_progress_at_20_seconds",xe)}}),U("playlistItem",d=>{const Y=N.current;Y.onPlayerNext&&Y.onPlayerNext("player_next"),Y.onPlayerEvent&&Y.onPlayerEvent("player_next"),Y.onPlaylistData,$.current=!1})};try{Ne()}catch(d){console.warn("VP Player: Failed to attach event listeners",d)}}!n&&I.play&&setTimeout(()=>{if(_&&I.play)try{I.play()}catch{}},100)}}catch(q){if(_){const L=q instanceof Error?q.message:String(q);ee(L),console.error("VP Player initialization error:",q)}}})(),()=>{var K;if(_=!1,(K=T.current)!=null&&K.destroy){try{T.current.destroy()}catch{}T.current=null}R.current=!1}},[P,re,X,s,W,i,n,a,o,p,f]),{playerRef:H,playerInstanceRef:T,isScriptLoaded:P,isLoading:!P&&!R.current,error:le,generatedPlayerId:re}},Et=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l={},isReels:p=!1,pureMode:f=!0,hiddenClasses:c=[],onClose:u,className:C,onPlaylistData:x,onVideoStarted:E,trackingMetadata:h,onPlayerStart:y,onPlayerPlay:v,onPlayerPause:g,onPlayerResume:j,onPlayerEnd:F,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:A,onPlayerQuartile25:b,onPlayerQuartile50:Q,onPlayerQuartile75:H,onPlayerNext:T,onPlayerPrevious:R,onPlayerEvent:N})=>{var K,q,L,ne;const{playerRef:$,playerInstanceRef:P,isScriptLoaded:X,isLoading:W,error:le,generatedPlayerId:ee}=xt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:l,isReels:p,pureMode:f,onPlaylistData:x,onVideoStarted:E,onPlayerStart:y,onPlayerPlay:v,onPlayerPause:g,onPlayerResume:j,onPlayerEnd:F,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:A,onPlayerQuartile25:b,onPlayerQuartile50:Q,onPlayerQuartile75:H,onPlayerNext:T,onPlayerPrevious:R,onPlayerEvent:N}),[J,re]=S.useState(!0),o=()=>p&&re(!0),m=()=>{var I,_e;!p||!J||(re(!1),(_e=(I=P.current)==null?void 0:I.pause)==null||_e.call(I),u==null||u())},_=(q=(K=l==null?void 0:l.config)==null?void 0:K.size)!=null&&q.width?typeof l.config.size.width=="number"?`${l.config.size.width}px`:l.config.size.width:void 0,z=(ne=(L=l==null?void 0:l.config)==null?void 0:L.size)!=null&&ne.height?typeof l.config.size.height=="number"?`${l.config.size.height}px`:l.config.size.height:void 0;return le?V.jsxs(Oe,{type:"error",children:["An error occurred: ",le]}):V.jsxs(V.Fragment,{children:[p&&!J?V.jsx("div",{onClick:o,style:{cursor:"pointer",width:"100%",height:"100%"}}):null,!p&&V.jsxs("div",{style:{position:"relative"},children:[V.jsx(qe,{id:ee,ref:$,width:_||"100%",height:z||"auto",$hiddenClasses:c,className:C}),(W||!X)&&V.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.8)",zIndex:10},children:V.jsx(Oe,{type:"loading",children:"Loading..."})})]}),p&&J&&V.jsx(ht,{onClick:m,className:C,children:V.jsx(yt,{className:C,onClick:I=>{I.stopPropagation()},children:V.jsxs("div",{style:{position:"relative"},children:[V.jsx(qe,{id:ee,ref:$,width:"100%",height:"100%",$hiddenClasses:c,className:C}),(W||!X)&&V.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.8)",zIndex:10},children:V.jsx(Oe,{type:"loading",children:"Loading..."})})]})})})]})},wt=S.createContext(void 0),Cr=({children:e})=>{const[t,r]=S.useState(!1),[n,a]=S.useState(null),[i,s]=S.useState(null),l=S.useCallback(c=>{try{const u=vt(c.playerId,c.videoId);a({...c,playerId:u}),r(!0),s(null)}catch{s("Failed to show player.")}},[]),p=S.useCallback(()=>{r(!1),a(null),s(null)},[]),f=S.useMemo(()=>({showPlayer:l,hidePlayer:p,isPlayerVisible:t,playerParams:n}),[l,p,t,n]);return V.jsxs(wt.Provider,{value:f,children:[e,i&&V.jsx(Oe,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&V.jsx(Et,{playerId:n.playerId,videoId:n.videoId,projectId:n.projectId,videoUrl:n.videoUrl,version:n.version,playlistId:n.playlistId,scriptUrl:n.scriptUrl,config:n.config,isReels:n.isReels,thumbnailUrl:n.thumbnailUrl,onClose:p,hiddenClasses:n.hiddenClasses||[],className:n.className})]})},Ar=()=>{const e=S.useContext(wt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Tr={projectId:void 0,video:{},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"}}},Rr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Or={config:{autoplay:!0,muted:!0}},$e={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},jr=(e,t,r="time",n=0)=>{var a;return{...$e,video:{...$e.video,ads:{...(a=$e.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Lr="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",$r="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",Nr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",zr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",Fr="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=",Mr="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=";O.AD_TAG_LINEAR_URL=Fr,O.AD_TAG_SKIPPABLE_LINEAR_URL=Mr,O.BIG_BUCK_BUNNY_URL=Lr,O.ELEPHANTS_DREAM_URL=$r,O.Overlay=ht,O.PEXELS_THUMBNAIL_URL=zr,O.PEXELS_VERTICAL_VIDEO_URL=Nr,O.PlayerContainer=qe,O.PlayerWrapper=yt,O.VPPlayer=Et,O.VPPlayerProvider=Cr,O.baseConfig=Rr,O.baseConfigWithAds=$e,O.baseConfigWithAutoplay=Or,O.buildVPPlayerConfig=Pt,O.defaultVPPlayerConfig=Tr,O.extractVideoId=_t,O.getAdConfig=jr,O.useVPPlayer=Ar,O.useVPPlayerLogic=xt,O.useVPPlayerScript=bt,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED