@devix-technologies/react-gjirafa-vp-player 1.0.30 → 1.0.31-beta.0
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 +95 -707
- package/dist/index.d.ts +897 -9
- package/dist/react-gjirafa-vp-player.es.js +1138 -1380
- package/dist/react-gjirafa-vp-player.umd.js +12 -11
- package/package.json +19 -24
- package/dist/App.d.ts +0 -2
- package/dist/components/Feedback.d.ts +0 -25
- package/dist/components/VPPlayer/index.d.ts +0 -2
- package/dist/components/VPPlayer/ui/index.d.ts +0 -1
- package/dist/components/VPPlayer/ui/styled.d.ts +0 -42
- package/dist/config/index.d.ts +0 -1
- package/dist/config/vpPlayerConfig.d.ts +0 -9
- package/dist/constants/configs.d.ts +0 -22
- package/dist/constants/index.d.ts +0 -1
- package/dist/constants/storybook.d.ts +0 -9
- package/dist/constants/styles.d.ts +0 -11
- package/dist/constants/urls.d.ts +0 -18
- package/dist/constants/vpPlayer.d.ts +0 -47
- package/dist/contexts/VPPlayerContext.d.ts +0 -52
- package/dist/contexts/index.d.ts +0 -1
- package/dist/features/VPPlayer.d.ts +0 -41
- package/dist/features/stories/ads/Ads.stories.d.ts +0 -20
- package/dist/features/stories/context/Context.stories.d.ts +0 -10
- package/dist/features/stories/index.d.ts +0 -3
- package/dist/features/stories/playback/Playback.stories.d.ts +0 -38
- package/dist/fixtures/index.d.ts +0 -1
- package/dist/fixtures/playlist.d.ts +0 -11
- package/dist/hooks/index.d.ts +0 -4
- package/dist/hooks/useVPPlayerEvents.d.ts +0 -24
- package/dist/hooks/useVPPlayerLogic.d.ts +0 -22
- package/dist/hooks/useVPPlayerScript.d.ts +0 -13
- package/dist/hooks/useVideoData.d.ts +0 -19
- package/dist/interfaces/config.d.ts +0 -314
- package/dist/interfaces/index.d.ts +0 -3
- package/dist/interfaces/instance.d.ts +0 -73
- package/dist/interfaces/props.d.ts +0 -77
- package/dist/main.d.ts +0 -0
- package/dist/types/api.types.d.ts +0 -81
- package/dist/types/index.d.ts +0 -2
- package/dist/types/playerEvents.types.d.ts +0 -67
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/vpPlayerConfigBuilder.d.ts +0 -30
- package/dist/utils/vpPlayerUtils.d.ts +0 -8
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(A,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],w):(A=typeof globalThis<"u"?globalThis:A||self,w(A.ReactGjirafaVPPlayer={},A.React))})(this,(function(A,w){"use strict";function Er(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const ie=Er(w);var xe={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 qe;function wr(){if(qe)return he;qe=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(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=r,he.jsx=t,he.jsxs=t,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 Ye;function kr(){return Ye||(Ye=1,process.env.NODE_ENV!=="production"&&(function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===O?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case m:return"Fragment";case x:return"Profiler";case v:return"StrictMode";case R:return"Suspense";case g:return"SuspenseList";case G: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 y:return"Portal";case F:return o.displayName||"Context";case L:return(o._context.displayName||"Context")+".Consumer";case V:var p=o.render;return o=o.displayName,o||(o=p.displayName||p.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case ee:return p=o.displayName||null,p!==null?p:e(o.type)||"Memo";case B:p=o._payload,o=o._init;try{return e(o(p))}catch{}}return null}function r(o){return""+o}function t(o){try{r(o);var p=!1}catch{p=!0}if(p){p=console;var T=p.error,E=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return T.call(p,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",E),r(o)}}function n(o){if(o===m)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===B)return"<...>";try{var p=e(o);return p?"<"+p+">":"<...>"}catch{return"<...>"}}function a(){var o=$.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if(C.call(o,"key")){var p=Object.getOwnPropertyDescriptor(o,"key").get;if(p&&p.isReactWarning)return!1}return o.key!==void 0}function l(o,p){function T(){oe||(oe=!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)",p))}T.isReactWarning=!0,Object.defineProperty(o,"key",{get:T,configurable:!0})}function f(){var o=e(this.type);return K[o]||(K[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 u(o,p,T,E,H,re){var j=T.ref;return o={$$typeof:S,type:o,key:p,props:T,_owner:E},(j!==void 0?j: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:H}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:re}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function d(o,p,T,E,H,re){var j=p.children;if(j!==void 0)if(E)if(J(j)){for(E=0;E<j.length;E++)h(j[E]);Object.freeze&&Object.freeze(j)}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 h(j);if(C.call(p,"key")){j=e(o);var b=Object.keys(p).filter(function(z){return z!=="key"});E=0<b.length?"{key: someKey, "+b.join(": ..., ")+": ...}":"{key: someKey}",se[j+E]||(b=0<b.length?"{"+b.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} />`,D,L,te,L),Y[L+D]=!0)}if(L=null,d!==void 0&&(t(d),L=""+d),s(l)&&(t(l.key),L=""+l.key),"key"in l){d={};for(var pe in l)pe!=="key"&&(d[pe]=l[pe])}else d=l;return L&&u(d,typeof a=="function"?a.displayName||a.name||"Unknown":a),m(a,L,d,o(),J,fe)}function p(a){x(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===X&&(a._payload.status==="fulfilled"?x(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function x(a){return typeof a=="object"&&a!==null&&a.$$typeof===w}var P=y,w=Symbol.for("react.transitional.element"),h=Symbol.for("react.portal"),g=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),M=Symbol.for("react.context"),V=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),X=Symbol.for("react.lazy"),S=Symbol.for("react.activity"),v=Symbol.for("react.client.reference"),T=P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,q=Object.prototype.hasOwnProperty,W=Array.isArray,B=console.createTask?console.createTask:function(){return null};P={react_stack_bottom_frame:function(a){return a()}};var N,z={},O=P.react_stack_bottom_frame.bind(P,n)(),ee=B(i(n)),Y={};ke.Fragment=g,ke.jsx=function(a,l,d){var D=1e4>T.recentlyCreatedOwnerStacks++;return c(a,l,d,!1,D?Error("react-stack-top-frame"):O,D?B(i(a)):ee)},ke.jsxs=function(a,l,d){var D=1e4>T.recentlyCreatedOwnerStacks++;return c(a,l,d,!0,D?Error("react-stack-top-frame"):O,D?B(i(a)):ee)}})()),ke}var fr;function Wr(){return fr||(fr=1,process.env.NODE_ENV==="production"?De.exports=zr():De.exports=qr()),De.exports}var Q=Wr();function Je(){return Je=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Je.apply(null,arguments)}function Yr(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function Gr(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var Hr=(function(){function e(t){var i=this;this._insertTag=function(o){var n;i.tags.length===0?i.insertionPoint?n=i.insertionPoint.nextSibling:i.prepend?n=i.container.firstChild:n=i.before:n=i.tags[i.tags.length-1].nextSibling,i.container.insertBefore(o,n),i.tags.push(o)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(i){i.forEach(this._insertTag)},r.insert=function(i){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(Gr(this));var o=this.tags[this.tags.length-1];if(this.isSpeedy){var n=Yr(o);try{n.insertRule(i,n.cssRules.length)}catch{}}else o.appendChild(document.createTextNode(i));this.ctr++},r.flush=function(){this.tags.forEach(function(i){var o;return(o=i.parentNode)==null?void 0:o.removeChild(i)}),this.tags=[],this.ctr=0},e})(),ie="-ms-",Fe="-moz-",C="-webkit-",pr="comm",Ke="rule",Qe="decl",Xr="@import",hr="@keyframes",Jr="@layer",Kr=Math.abs,Me=String.fromCharCode,Qr=Object.assign;function Zr(e,r){return re(e,0)^45?(((r<<2^re(e,0))<<2^re(e,1))<<2^re(e,2))<<2^re(e,3):0}function mr(e){return e.trim()}function et(e,r){return(e=r.exec(e))?e[0]:e}function R(e,r,t){return e.replace(r,t)}function Ze(e,r){return e.indexOf(r)}function re(e,r){return e.charCodeAt(r)|0}function Ve(e,r,t){return e.slice(r,t)}function he(e){return e.length}function er(e){return e.length}function Ue(e,r){return r.push(e),e}function rt(e,r){return e.map(r).join("")}var Be=1,we=1,yr=0,se=0,H=0,Se="";function ze(e,r,t,i,o,n,s){return{value:e,root:r,parent:t,type:i,props:o,children:n,line:Be,column:we,length:s,return:""}}function Oe(e,r){return Qr(ze("",null,null,"",null,null,0),e,{length:-e.length},r)}function tt(){return H}function nt(){return H=se>0?re(Se,--se):0,we--,H===10&&(we=1,Be--),H}function ce(){return H=se<yr?re(Se,se++):0,we++,H===10&&(we=1,Be++),H}function me(){return re(Se,se)}function qe(){return se}function Le(e,r){return Ve(Se,e,r)}function je(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function vr(e){return Be=we=1,yr=he(Se=e),se=0,[]}function gr(e){return Se="",e}function We(e){return mr(Le(se-1,rr(e===91?e+2:e===40?e+1:e)))}function it(e){for(;(H=me())&&H<33;)ce();return je(e)>2||je(H)>3?"":" "}function ot(e,r){for(;--r&&ce()&&!(H<48||H>102||H>57&&H<65||H>70&&H<97););return Le(e,qe()+(r<6&&me()==32&&ce()==32))}function rr(e){for(;ce();)switch(H){case e:return se;case 34:case 39:e!==34&&e!==39&&rr(H);break;case 40:e===41&&rr(e);break;case 92:ce();break}return se}function at(e,r){for(;ce()&&e+H!==57;)if(e+H===84&&me()===47)break;return"/*"+Le(r,se-1)+"*"+Me(e===47?e:ce())}function st(e){for(;!je(me());)ce();return Le(e,se)}function lt(e){return gr(Ye("",null,null,null,[""],e=vr(e),0,[0],e))}function Ye(e,r,t,i,o,n,s,u,f){for(var m=0,c=0,p=s,x=0,P=0,w=0,h=1,g=1,_=1,E=0,$="",M=o,V=n,I=i,b=$;g;)switch(w=E,E=ce()){case 40:if(w!=108&&re(b,p-1)==58){Ze(b+=R(We(E),"&","&\f"),"&\f")!=-1&&(_=-1);break}case 34:case 39:case 91:b+=We(E);break;case 9:case 10:case 13:case 32:b+=it(w);break;case 92:b+=ot(qe()-1,7);continue;case 47:switch(me()){case 42:case 47:Ue(ut(at(ce(),qe()),r,t),f);break;default:b+="/"}break;case 123*h:u[m++]=he(b)*_;case 125*h:case 59:case 0:switch(E){case 0:case 125:g=0;case 59+c:_==-1&&(b=R(b,/\f/g,"")),P>0&&he(b)-p&&Ue(P>32?xr(b+";",i,t,p-1):xr(R(b," ","")+";",i,t,p-2),f);break;case 59:b+=";";default:if(Ue(I=Pr(b,r,t,m,c,o,u,$,M=[],V=[],p),n),E===123)if(c===0)Ye(b,r,I,I,M,n,p,u,V);else switch(x===99&&re(b,3)===110?100:x){case 100:case 108:case 109:case 115:Ye(e,I,I,i&&Ue(Pr(e,I,I,0,0,o,u,$,o,M=[],p),V),o,V,p,u,i?M:V);break;default:Ye(b,I,I,I,[""],V,0,u,V)}}m=c=P=0,h=_=1,$=b="",p=s;break;case 58:p=1+he(b),P=w;default:if(h<1){if(E==123)--h;else if(E==125&&h++==0&&nt()==125)continue}switch(b+=Me(E),E*h){case 38:_=c>0?1:(b+="\f",-1);break;case 44:u[m++]=(he(b)-1)*_,_=1;break;case 64:me()===45&&(b+=We(ce())),x=me(),c=p=he($=b+=st(qe())),E++;break;case 45:w===45&&he(b)==2&&(h=0)}}return n}function Pr(e,r,t,i,o,n,s,u,f,m,c){for(var p=o-1,x=o===0?n:[""],P=er(x),w=0,h=0,g=0;w<i;++w)for(var _=0,E=Ve(e,p+1,p=Kr(h=s[w])),$=e;_<P;++_)($=mr(h>0?x[_]+" "+E:R(E,/&\f/g,x[_])))&&(f[g++]=$);return ze(e,r,t,o===0?Ke:u,f,m,c)}function ut(e,r,t){return ze(e,r,t,pr,Me(tt()),Ve(e,2,-2),0)}function xr(e,r,t,i){return ze(e,r,t,Qe,Ve(e,0,i),Ve(e,i+1,-1),i)}function Ie(e,r){for(var t="",i=er(e),o=0;o<i;o++)t+=r(e[o],o,e,r)||"";return t}function ct(e,r,t,i){switch(e.type){case Jr:if(e.children.length)break;case Xr:case Qe:return e.return=e.return||e.value;case pr:return"";case hr:return e.return=e.value+"{"+Ie(e.children,i)+"}";case Ke:e.value=e.props.join(",")}return he(t=Ie(e.children,i))?e.return=e.value+"{"+t+"}":""}function dt(e){var r=er(e);return function(t,i,o,n){for(var s="",u=0;u<r;u++)s+=e[u](t,i,o,n)||"";return s}}function ft(e){return function(r){r.root||(r=r.return)&&e(r)}}function _r(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var pt=function(r,t,i){for(var o=0,n=0;o=n,n=me(),o===38&&n===12&&(t[i]=1),!je(n);)ce();return Le(r,se)},ht=function(r,t){var i=-1,o=44;do switch(je(o)){case 0:o===38&&me()===12&&(t[i]=1),r[i]+=pt(se-1,t,i);break;case 2:r[i]+=We(o);break;case 4:if(o===44){r[++i]=me()===58?"&\f":"",t[i]=r[i].length;break}default:r[i]+=Me(o)}while(o=ce());return r},mt=function(r,t){return gr(ht(vr(r),t))},Er=new WeakMap,yt=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,i=r.parent,o=r.column===i.column&&r.line===i.line;i.type!=="rule";)if(i=i.parent,!i)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!Er.get(i))&&!o){Er.set(r,!0);for(var n=[],s=mt(t,n),u=i.props,f=0,m=0;f<s.length;f++)for(var c=0;c<u.length;c++,m++)r.props[m]=n[f]?s[f].replace(/&\f/g,u[c]):u[c]+" "+s[f]}}},vt=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function br(e,r){switch(Zr(e,r)){case 5103:return C+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return C+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return C+e+Fe+e+ie+e+e;case 6828:case 4268:return C+e+ie+e+e;case 6165:return C+e+ie+"flex-"+e+e;case 5187:return C+e+R(e,/(\w+).+(:[^]+)/,C+"box-$1$2"+ie+"flex-$1$2")+e;case 5443:return C+e+ie+"flex-item-"+R(e,/flex-|-self/,"")+e;case 4675:return C+e+ie+"flex-line-pack"+R(e,/align-content|flex-|-self/,"")+e;case 5548:return C+e+ie+R(e,"shrink","negative")+e;case 5292:return C+e+ie+R(e,"basis","preferred-size")+e;case 6060:return C+"box-"+R(e,"-grow","")+C+e+ie+R(e,"grow","positive")+e;case 4554:return C+R(e,/([^-])(transform)/g,"$1"+C+"$2")+e;case 6187:return R(R(R(e,/(zoom-|grab)/,C+"$1"),/(image-set)/,C+"$1"),e,"")+e;case 5495:case 3959:return R(e,/(image-set\([^]*)/,C+"$1$`$1");case 4968:return R(R(e,/(.+:)(flex-)?(.*)/,C+"box-pack:$3"+ie+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+C+e+e;case 4095:case 3583:case 4068:case 2532:return R(e,/(.+)-inline(.+)/,C+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(he(e)-1-r>6)switch(re(e,r+1)){case 109:if(re(e,r+4)!==45)break;case 102:return R(e,/(.+:)(.+)-([^]+)/,"$1"+C+"$2-$3$1"+Fe+(re(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Ze(e,"stretch")?br(R(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(re(e,r+1)!==115)break;case 6444:switch(re(e,he(e)-3-(~Ze(e,"!important")&&10))){case 107:return R(e,":",":"+C)+e;case 101:return R(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+C+(re(e,14)===45?"inline-":"")+"box$3$1"+C+"$2$3$1"+ie+"$2box$3")+e}break;case 5936:switch(re(e,r+11)){case 114:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return C+e+ie+R(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return C+e+ie+e+e}return e}var gt=function(r,t,i,o){if(r.length>-1&&!r.return)switch(r.type){case Qe:r.return=br(r.value,r.length);break;case hr:return Ie([Oe(r,{value:R(r.value,"@","@"+C)})],o);case Ke:if(r.length)return rt(r.props,function(n){switch(et(n,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ie([Oe(r,{props:[R(n,/:(read-\w+)/,":"+Fe+"$1")]})],o);case"::placeholder":return Ie([Oe(r,{props:[R(n,/:(plac\w+)/,":"+C+"input-$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,":"+Fe+"$1")]}),Oe(r,{props:[R(n,/:(plac\w+)/,ie+"input-$1")]})],o)}return""})}},Pt=[gt],xt=function(r){var t=r.key;if(t==="css"){var i=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(i,function(h){var g=h.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(h),h.setAttribute("data-s",""))})}var o=r.stylisPlugins||Pt,n={},s,u=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(h){for(var g=h.getAttribute("data-emotion").split(" "),_=1;_<g.length;_++)n[g[_]]=!0;u.push(h)});var f,m=[yt,vt];{var c,p=[ct,ft(function(h){c.insert(h)})],x=dt(m.concat(o,p)),P=function(g){return Ie(lt(g),x)};f=function(g,_,E,$){c=E,P(g?g+"{"+_.styles+"}":_.styles),$&&(w.inserted[_.name]=!0)}}var w={key:t,sheet:new Hr({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:n,registered:{},insert:f};return w.sheet.hydrate(u),w},_t=!0;function Et(e,r,t){var i="";return t.split(" ").forEach(function(o){e[o]!==void 0?r.push(e[o]+";"):o&&(i+=o+" ")}),i}var wr=function(r,t,i){var o=r.key+"-"+t.name;(i===!1||_t===!1)&&r.registered[o]===void 0&&(r.registered[o]=t.styles)},bt=function(r,t,i){wr(r,t,i);var o=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var n=t;do r.insert(t===n?"."+o:"",n,r.sheet,!0),n=n.next;while(n!==void 0)}};function wt(e){for(var r=0,t,i=0,o=e.length;o>=4;++i,o-=4)t=e.charCodeAt(i)&255|(e.charCodeAt(++i)&255)<<8|(e.charCodeAt(++i)&255)<<16|(e.charCodeAt(++i)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(o){case 3:r^=(e.charCodeAt(i+2)&255)<<16;case 2:r^=(e.charCodeAt(i+1)&255)<<8;case 1:r^=e.charCodeAt(i)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var St={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},It=/[A-Z]|^ms/g,Tt=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Sr=function(r){return r.charCodeAt(1)===45},Ir=function(r){return r!=null&&typeof r!="boolean"},tr=_r(function(e){return Sr(e)?e:e.replace(It,"-$&").toLowerCase()}),Tr=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Tt,function(i,o,n){return ye={name:o,styles:n,next:ye},o})}return St[r]!==1&&!Sr(r)&&typeof t=="number"&&t!==0?t+"px":t};function $e(e,r,t){if(t==null)return"";var i=t;if(i.__emotion_styles!==void 0)return i;switch(typeof t){case"boolean":return"";case"object":{var o=t;if(o.anim===1)return ye={name:o.name,styles:o.styles,next:ye},o.name;var n=t;if(n.styles!==void 0){var s=n.next;if(s!==void 0)for(;s!==void 0;)ye={name:s.name,styles:s.styles,next:ye},s=s.next;var u=n.styles+";";return u}return At(e,r,t)}case"function":{if(e!==void 0){var f=ye,m=t(e);return ye=f,$e(e,r,m)}break}}var c=t;if(r==null)return c;var p=r[c];return p!==void 0?p:c}function At(e,r,t){var i="";if(Array.isArray(t))for(var o=0;o<t.length;o++)i+=$e(e,r,t[o])+";";else for(var n in t){var s=t[n];if(typeof s!="object"){var u=s;r!=null&&r[u]!==void 0?i+=n+"{"+r[u]+"}":Ir(u)&&(i+=tr(n)+":"+Tr(n,u)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(r==null||r[s[0]]===void 0))for(var f=0;f<s.length;f++)Ir(s[f])&&(i+=tr(n)+":"+Tr(n,s[f])+";");else{var m=$e(e,r,s);switch(n){case"animation":case"animationName":{i+=tr(n)+":"+m+";";break}default:i+=n+"{"+m+"}"}}}return i}var Ar=/label:\s*([^\s;{]+)\s*(;|$)/g,ye;function Ct(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var i=!0,o="";ye=void 0;var n=e[0];if(n==null||n.raw===void 0)i=!1,o+=$e(t,r,n);else{var s=n;o+=s[0]}for(var u=1;u<e.length;u++)if(o+=$e(t,r,e[u]),i){var f=n;o+=f[u]}Ar.lastIndex=0;for(var m="",c;(c=Ar.exec(o))!==null;)m+="-"+c[1];var p=wt(o)+m;return{name:p,styles:o,next:ye}}var Rt=function(r){return r()},kt=ve.useInsertionEffect?ve.useInsertionEffect:!1,Vt=kt||Rt,Cr=ve.createContext(typeof HTMLElement<"u"?xt({key:"css"}):null);Cr.Provider;var Ot=function(r){return y.forwardRef(function(t,i){var o=y.useContext(Cr);return r(t,o,i)})},Lt=ve.createContext({}),jt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,$t=_r(function(e){return jt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Nt=$t,Dt=function(r){return r!=="theme"},Rr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?Nt:Dt},kr=function(r,t,i){var o;if(t){var n=t.shouldForwardProp;o=r.__emotion_forwardProp&&n?function(s){return r.__emotion_forwardProp(s)&&n(s)}:n}return typeof o!="function"&&i&&(o=r.__emotion_forwardProp),o},Ft=function(r){var t=r.cache,i=r.serialized,o=r.isStringTag;return wr(t,i,o),Vt(function(){return bt(t,i,o)}),null},Mt=function e(r,t){var i=r.__emotion_real===r,o=i&&r.__emotion_base||r,n,s;t!==void 0&&(n=t.label,s=t.target);var u=kr(r,t,i),f=u||Rr(o),m=!f("as");return function(){var c=arguments,p=i&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(n!==void 0&&p.push("label:"+n+";"),c[0]==null||c[0].raw===void 0)p.push.apply(p,c);else{var x=c[0];p.push(x[0]);for(var P=c.length,w=1;w<P;w++)p.push(c[w],x[w])}var h=Ot(function(g,_,E){var $=m&&g.as||o,M="",V=[],I=g;if(g.theme==null){I={};for(var b in g)I[b]=g[b];I.theme=ve.useContext(Lt)}typeof g.className=="string"?M=Et(_.registered,V,g.className):g.className!=null&&(M=g.className+" ");var Z=Ct(p.concat(V),_.registered,I);M+=_.key+"-"+Z.name,s!==void 0&&(M+=" "+s);var X=m&&u===void 0?Rr($):f,S={};for(var v in g)m&&v==="as"||X(v)&&(S[v]=g[v]);return S.className=M,E&&(S.ref=E),ve.createElement(ve.Fragment,null,ve.createElement(Ft,{cache:_,serialized:Z,isStringTag:typeof $=="string"}),ve.createElement($,S))});return h.displayName=n!==void 0?n:"Styled("+(typeof o=="string"?o:o.displayName||o.name||"Component")+")",h.defaultProps=r.defaultProps,h.__emotion_real=h,h.__emotion_base=o,h.__emotion_styles=p,h.__emotion_forwardProp=u,Object.defineProperty(h,"toString",{value:function(){return"."+s}}),h.withComponent=function(g,_){var E=e(g,Je({},t,_,{shouldForwardProp:kr(h,_,!0)}));return E.apply(void 0,p)},h}},Ut=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Te=Mt.bind(null);Ut.forEach(function(e){Te[e]=Te(e)});const Bt=Te.div`
|
|
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`
|
|
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
|
+
`,Re=({type:e,children:r,className:t,icon:n,action:a})=>N.jsxs(Et,{type:e,className:t,children:[n&&N.jsx("span",{children:n}),N.jsx("span",{children:r}),a&&N.jsx("span",{children:a})]}),We=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 */
|
|
@@ -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
|
+
`,pr=pe.div`
|
|
63
63
|
position: fixed;
|
|
64
64
|
top: 0;
|
|
65
65
|
left: 0;
|
|
@@ -71,11 +71,12 @@ 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
|
+
`,hr=pe.div`
|
|
75
75
|
position: relative;
|
|
76
|
-
|
|
76
|
+
height: 80vh;
|
|
77
|
+
width: auto;
|
|
77
78
|
aspect-ratio: 9 / 16;
|
|
78
|
-
|
|
79
|
+
max-width: 90vw;
|
|
80
|
+
max-height: 90vh;
|
|
79
81
|
z-index: 1001;
|
|
80
|
-
max-height: 100vh;
|
|
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`,or=(e,r)=>`vp-player-${e||"default"}-${r||""}`,ar=new Map,Lr=(e,r)=>{const[t,i]=y.useState(!1),[o,n]=y.useState(null);return y.useEffect(()=>{let s=null,u,f=0;const m=3;let c;try{c=r||Wt(e||"latest")}catch(P){const w=P instanceof Error?P.message:String(P);n(`Failed to resolve script URL: ${w}`),i(!1);return}if(ar.get(c)){i(!0),n(null);return}if(document.querySelector(`script[src="${c}"]`)){ar.set(c,!0),i(!0),n(null);return}const x=()=>{s=document.createElement("script"),s.src=c,s.async=!0,u=window.setTimeout(()=>{i(!1),n(`Loading script timed out: ${c}`)},1e4),s.onload=()=>{clearTimeout(u),ar.set(c,!0),i(!0),n(null)},s.onerror=()=>{clearTimeout(u),f++,f<m?setTimeout(x,1e3*f):(i(!1),n(`Failed to load VP Player script after ${m} attempts: ${c}`))},document.body.appendChild(s)};return x(),()=>{clearTimeout(u),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,r]),{isLoaded:t,error:o}},Ge=new Map,Yt=3e4,sr=5,jr=({projectId:e,videoId:r,playlistId:t,videoUrl:i})=>{const[o,n]=y.useState(null),[s,u]=y.useState(null),[f,m]=y.useState(!1),[c,p]=y.useState(null);return y.useEffect(()=>{const x=r?`video:${r}`:t?`playlist:${t}`:null;if(i||!r&&!t){n(i||null),u(null),m(!1),p(null);return}if(r&&!e){m(!1),p("projectId is required for single video fetch");return}if(x&&Ge.has(x)){const E=Ge.get(x);n(E.url),u(E.playlist),m(!1),p(null);return}let P=!0;const w=new AbortController,h=w.signal,_=setTimeout(async()=>{var $,M;if(!P)return;m(!0),p(null);let E=0;for(;E<sr&&P;)try{const V=r&&!t?zt(e,r):qt(t),I=setTimeout(()=>w.abort(),Yt),Z=await fetch(V,{method:"GET",headers:{Accept:"application/json","Cache-Control":"no-cache"},signal:h});if(clearTimeout(I),!Z.ok)throw new Error(`Fetch failed with status ${Z.status}`);const X=await Z.json();if(!P)return;if(r&&!t){const S=(M=($=X.result)==null?void 0:$.items)==null?void 0:M.find(v=>v.mediaId===r);if(!(S!=null&&S.playbackUrl))throw new Error("Invalid video data");n(S.playbackUrl),u(null),x&&Ge.set(x,{url:S.playbackUrl,playlist:null})}else{const S=X.videos;if(!Array.isArray(S))throw new Error("Invalid playlist format");u(S),n(null),x&&Ge.set(x,{url:null,playlist:S})}break}catch(V){if(h.aborted){P&&p("Request timed out");break}if(E++,E>=sr){const I=V instanceof Error?V.message:String(V);P&&p(`Failed after ${sr} attempts: ${I}`)}else await new Promise(I=>setTimeout(I,2e3))}P&&m(!1)},100);return()=>{P=!1,clearTimeout(_),w.abort()}},[e,r,t,i]),{fetchedPlaybackUrl:o,fetchedPlaylist:s,isLoading:f,error:c}},$r=({playerId:e,playerInstanceRef:r,playerRef:t,videoData:i,trackingMetadata:o,callbacks:n})=>{const s=y.useRef(!1),u=y.useRef(!1),f=y.useRef(!1),m=y.useRef(0),c=y.useRef({}),p=y.useRef(null),x=y.useRef(null),P=y.useRef(null),w=y.useRef(null),h=y.useRef(!1),g=y.useRef(!1);y.useEffect(()=>{if(!(n&&(n.onPlayerStart||n.onPlayerPlay||n.onPlayerPause||n.onPlayerResume||n.onPlayerEnd||n.onPlayerProgressEvery10Seconds||n.onPlayerProgressAt20Seconds||n.onPlayerQuartile25||n.onPlayerQuartile50||n.onPlayerQuartile75||n.onPlayerNext||n.onPlayerPrevious||n.onPlayerEvent)))return;const E=()=>{s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={}},$=()=>{var q;const v=document.getElementById(e);if(!v)return null;if(v.querySelectorAll("video").length>1&&r.current){const W=r.current,B=W.videoIndex??((q=W.playlist)==null?void 0:q.playlistVideoIndex)??0,N=v.querySelector(`video[id="${B}"]`);if(N)return N;const z=v.querySelector("video.active");if(z)return z}return v.querySelector("video")},M=()=>{const v=$();if(!v)return!1;const T=(l,d)=>{var J,fe,L,te,pe,oe,Ee,Xe,de,xe,ge,lr,ur,Ne;const D=Date.now();if(!(l==="player_start"&&s.current)){switch(w.current={type:l,time:D},l){case"player_start":(J=n.onPlayerStart)==null||J.call(n,l);break;case"player_play":(fe=n.onPlayerPlay)==null||fe.call(n,l);break;case"player_pause":(L=n.onPlayerPause)==null||L.call(n,l);break;case"player_resume":(te=n.onPlayerResume)==null||te.call(n,l);break;case"player_end":(pe=n.onPlayerEnd)==null||pe.call(n,l);break;case"player_progress_every_10_seconds":d!==void 0&&((oe=n.onPlayerProgressEvery10Seconds)==null||oe.call(n,l,d));break;case"player_progress_at_20_seconds":d!==void 0&&((Ee=n.onPlayerProgressAt20Seconds)==null||Ee.call(n,l,d));break;case"player_quartile_25":d!==void 0&&((Xe=n.onPlayerQuartile25)==null||Xe.call(n,l,d));break;case"player_quartile_50":d!==void 0&&((de=n.onPlayerQuartile50)==null||de.call(n,l,d));break;case"player_quartile_75":d!==void 0&&((xe=n.onPlayerQuartile75)==null||xe.call(n,l,d));break;case"player_next":(ge=n.onPlayerNext)==null||ge.call(n,l);break;case"player_previous":(lr=n.onPlayerPrevious)==null||lr.call(n,l);break}d!==void 0&&(l==="player_progress_every_10_seconds"||l==="player_progress_at_20_seconds"||l==="player_quartile_25"||l==="player_quartile_50"||l==="player_quartile_75")?(ur=n.onPlayerEvent)==null||ur.call(n,l,d):(Ne=n.onPlayerEvent)==null||Ne.call(n,l)}},q=()=>$()===v,W=()=>{h.current||q()&&(s.current||(T("player_start"),s.current=!0))},B=()=>{h.current||q()&&(s.current||(T("player_start"),s.current=!0),f.current?T("player_resume"):u.current&&g.current?(T("player_play"),g.current=!1):u.current||(T("player_play"),u.current=!0),f.current=!1)},N=()=>{v.ended||h.current||setTimeout(()=>{var l;if(!h.current){if(r.current&&x.current!==null){const d=r.current;if((d.videoIndex??((l=d.playlist)==null?void 0:l.playlistVideoIndex)??0)!==x.current)return}T("player_pause"),f.current=!0}},200)},z=()=>{T("player_end")},O=()=>{if(h.current)return;const l=v.duration>0?v.currentTime/v.duration*100:0,d=Math.floor(v.currentTime);d-m.current>=10&&(m.current=d,T("player_progress_every_10_seconds",d)),d>=20&&!c.current[20]&&(c.current[20]=!0,T("player_progress_at_20_seconds",d)),l>=25&&!c.current[25]&&(c.current[25]=!0,T("player_quartile_25",d)),l>=50&&!c.current[50]&&(c.current[50]=!0,T("player_quartile_50",d)),l>=75&&!c.current[75]&&(c.current[75]=!0,T("player_quartile_75",d))},ee=()=>{g.current=!0};if(P.current&&P.current!==v){const l=P.current;l.removeEventListener("loadedmetadata",W),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee)}P.current=v,v.addEventListener("loadedmetadata",W),v.addEventListener("play",B),v.addEventListener("pause",N),v.addEventListener("ended",z),v.addEventListener("timeupdate",O),v.addEventListener("seeking",ee),v.readyState>=1&&W(),!v.paused&&v.currentTime>0&&!u.current&&(s.current||W(),B());const Y=document.getElementById(e),a=l=>{const d=l.target;(d.closest(".vp-next")||d.closest(".vrt-icon-down")||d.closest(".vrt-arrow.vrt-icon-down"))&&(h.current=!0,T("player_next"),E(),setTimeout(()=>{h.current=!1},500)),(d.closest(".vp-prev")||d.closest(".vp-previous")||d.closest(".vrt-icon-up")||d.closest(".vrt-arrow.vrt-icon-up"))&&(h.current=!0,T("player_previous"),E(),setTimeout(()=>{h.current=!1},500))};return Y&&Y.addEventListener("click",a,!0),p.current=()=>{const l=P.current||v;l.removeEventListener("loadedmetadata",W),l.removeEventListener("play",B),l.removeEventListener("pause",N),l.removeEventListener("ended",z),l.removeEventListener("timeupdate",O),l.removeEventListener("seeking",ee),Y==null||Y.removeEventListener("click",a,!0),P.current=null},!0};let V=null,I=!1;const b=()=>{if(!r.current)return;const v=r.current,T=document.getElementById(e),q=T==null?void 0:T.querySelectorAll("video");q&&q.length>1&&v.videoIndex!==void 0&&(V=window.setInterval(()=>{var B,N,z,O;try{const ee=v.videoIndex??((B=v.playlist)==null?void 0:B.playlistVideoIndex)??0;if(x.current!==null&&ee!==x.current){const Y=ee>x.current,a=Y?"player_next":"player_previous";n&&!h.current&&(Y?(N=n.onPlayerNext)==null||N.call(n,a):(z=n.onPlayerPrevious)==null||z.call(n,a),(O=n.onPlayerEvent)==null||O.call(n,a)),h.current=!0,p.current&&(p.current(),p.current=null),s.current=!1,u.current=!1,f.current=!1,m.current=0,c.current={},P.current=null,g.current=!1,setTimeout(()=>{M(),setTimeout(()=>{h.current=!1},200)},100)}x.current=ee}catch{}},500))};let Z=0;const X=20,S=setInterval(()=>{Z++,M()&&!I?(I=!0,clearInterval(S),setTimeout(()=>{b()},1e3)):Z>=X&&clearInterval(S)},500);return()=>{clearInterval(S),V!==null&&(clearInterval(V),V=null),p.current&&(p.current(),p.current=null)}},[e,i,o,n,r,t])},Gt={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Ae="vp-player-project",Nr=({videoUrl:e,fetchedPlaybackUrl:r,fetchedPlaylist:t,projectId:i,config:o={},isVerticalPlayer:n})=>{var c,p,x,P,w,h,g,_,E,$,M,V,I,b,Z,X,S,v,T,q,W,B;const s={...Gt,...o},u={...s.config,...o.config};if(e)return{...s,projectId:i||Ae,video:{...s.video,file:e,playlist:void 0},config:u};if(r)return{...s,projectId:i||Ae,video:{...s.video,file:r,playlist:void 0},config:u};if(t&&t.length>0){const N=((p=(c=o==null?void 0:o.video)==null?void 0:c.playlist)==null?void 0:p.playlistVideoIndex)??((x=o==null?void 0:o.config)==null?void 0:x.playlistVideoIndex)??0;return n?{...s,projectId:i||Ae,video:{...s.video,videoId:(P=t[0])==null?void 0:P.mediaId,file:(w=t[0])==null?void 0:w.hlsUrl,title:(h=t[0])==null?void 0:h.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:t.slice(1).map((O,ee)=>({videoId:O.mediaId||String(ee+1),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}:{...s,projectId:i||Ae,video:{...s.video,videoId:((g=t[Number(N)])==null?void 0:g.mediaId)||((_=t[0])==null?void 0:_.mediaId),file:((E=t[Number(N)])==null?void 0:E.hlsUrl)||(($=t[0])==null?void 0:$.hlsUrl)||"",title:((M=t[Number(N)])==null?void 0:M.title)||((V=t[0])==null?void 0:V.title),thumbnail:((I=t[Number(N)])==null?void 0:I.thumbnailUrl)||((b=t[0])==null?void 0:b.thumbnailUrl),playlist:{state:!0,playlistVideoIndex:Number(N),videos:t.map((O,ee)=>({videoId:O.mediaId||String(ee),title:O.title,file:O.hlsUrl,thumbnailUrl:O.thumbnailUrl,duration:O.duration}))}},config:u}}const f=((Z=o==null?void 0:o.video)==null?void 0:Z.playlist)||s.video.playlist,m=(X=o==null?void 0:o.video)==null?void 0:X.file;if(m)return{...s,projectId:i||Ae,video:{...s.video,file:m,playlist:void 0},config:u};if(f!=null&&f.videos&&f.videos.length>0){const N=((v=(S=o==null?void 0:o.video)==null?void 0:S.playlist)==null?void 0:v.playlistVideoIndex)??((T=o==null?void 0:o.config)==null?void 0:T.playlistVideoIndex)??0;return{...s,projectId:i||Ae,video:{...s.video,videoId:(q=f.videos[0])==null?void 0:q.videoId,file:((W=f.videos[0])==null?void 0:W.file)||"",title:(B=f.videos[0])==null?void 0:B.title,playlist:{state:!0,playlistId:"",playlistVideoIndex:Number(N),videos:f.videos}},config:u}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},Dr=e=>{if(!e)return;const r=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,t=e.match(r);return t?t[2]:void 0},Fr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,onPlaylistData:m,onVideoStarted:c,trackingMetadata:p,onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z})=>{const X=y.useRef(null),S=y.useRef(null),v=y.useRef(!1),T=y.useRef(""),q=y.useRef([]),W=y.useRef([]),B=y.useRef(null),{isLoaded:N,error:z}=Lr(t,s),O=r||Dr(s),[ee,Y]=y.useState(null),{fetchedPlaybackUrl:a,fetchedPlaylist:l,isLoading:d,error:D}=jr({projectId:o,videoId:O,playlistId:n,videoUrl:i}),J=or(e,O),[fe,L]=y.useState(void 0);y.useEffect(()=>{l&&m&&m(l)},[l,m]),$r({playerId:J,playerInstanceRef:S,playerRef:X,videoData:fe,trackingMetadata:p,callbacks:{onPlayerStart:x,onPlayerPlay:P,onPlayerPause:w,onPlayerResume:h,onPlayerEnd:g,onPlayerProgressEvery10Seconds:_,onPlayerProgressAt20Seconds:E,onPlayerQuartile25:$,onPlayerQuartile50:M,onPlayerQuartile75:V,onPlayerNext:I,onPlayerPrevious:b,onPlayerEvent:Z}});const pe=y.useMemo(()=>{const oe=u.config||{},Ee=f&&!oe.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:oe.size||{sizeType:"FIXED",width:"100%"};return{...u,config:{...oe,size:Ee}}},[u,f]);return y.useEffect(()=>{if(z){Y(z);return}if(!N||d&&!i)return;let oe=!0;const Xe=setTimeout(async()=>{try{q.current.forEach(le=>clearInterval(le)),q.current=[],W.current.forEach(le=>clearTimeout(le)),W.current=[],B.current=null;const de=(l==null?void 0:l.length)??0,xe=JSON.stringify({playerId:J,videoId:r||O,playlistId:n,videoUrl:i,fetchedPlaybackUrl:a,scriptUrl:s,isReels:f,projectId:o,playlistLength:de});if(v.current&&S.current&&T.current===xe)return;T.current!==xe&&(v.current=!1,T.current=xe);const ge=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(le=>{var Ce,k;const _e=le.id;if(_e!==J)try{const A=ge?(Ce=window.vpVerticalPlayer)==null?void 0:Ce.call(window,_e):(k=window.vpPlayer)==null?void 0:k.call(window,_e);A!=null&&A.destroy&&A.destroy()}catch(A){console.warn(`Failed to destroy existing player ${_e}:`,A)}}),await new Promise(le=>setTimeout(le,100)),!oe||!X.current)return;if(!document.getElementById(J)){Y("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){Y("VP Player script not loaded.");return}const Ne=ge?window.vpVerticalPlayer:window.vpPlayer;if(!Ne){Y(`VP ${ge?"Vertical ":""}Player script not loaded.`);return}const Pe=Nr({videoUrl:i,fetchedPlaybackUrl:a??void 0,fetchedPlaylist:l??void 0,projectId:o,config:pe,isVerticalPlayer:ge}),K=Ne(J);if(!K){Y(`Failed to create VP ${ge?"Vertical ":""}Player instance.`);return}if(oe&&X.current&&(K.setup(Pe),S.current=K,v.current=!0,Y(null),c&&K.on)){const le=()=>{var A,F,ae;const k={};if((F=(A=Pe.video)==null?void 0:A.playlist)!=null&&F.videos&&Pe.video.playlist.videos.length>0){const U=K.videoIndex??((ae=K.playlist)==null?void 0:ae.playlistVideoIndex)??0,G=Pe.video.playlist.videos[U];G&&(k.title=G.title,k.file=G.file||G.hlsUrl,k.hlsUrl=G.file||G.hlsUrl,k.thumbnailUrl=G.thumbnailUrl,k.duration=G.duration,k.videoIndex=U,k.playlistVideoIndex=U,k.videoId=G.videoId||G.mediaId,k.mediaId=G.mediaId||G.videoId)}else Pe.video&&(k.title=Pe.video.title,k.file=Pe.video.file,k.hlsUrl=Pe.video.file,k.thumbnailUrl=Pe.video.thumbnail,k.videoId=r||O,k.videoIndex=0,k.playlistVideoIndex=0,K.getDuration&&(k.duration=K.getDuration()));return k};let _e=null;const Ce=async()=>{var k;try{_e&&clearTimeout(_e),await new Promise(U=>setTimeout(U,100));let A=le();const F=A.videoId||A.mediaId;if(F&&F===B.current)return;if(_e=window.setTimeout(()=>{B.current=null},500),(s==null?void 0:s.includes("vertical-player"))&&F)try{const be=`https://host.vpplayer.tech/player/ptkzurnx/${F}.json`,G=await fetch(be);if(G.ok){const ne=await G.json();ne!=null&&ne.video&&(A={...A,title:ne.video.title||A.title,description:ne.video.description,publishDate:ne.video.publishDate,projectId:ne.projectId||A.projectId,premium:((k=ne.video.videoLocking)==null?void 0:k.isEnabled)||!1,author:ne.video.author,tags:ne.video.tags||[]})}}catch{}B.current=F||null,L(A),c(A)}catch(A){console.warn("Error in video-started handler:",A)}};if(ge){let k=!1,A=-1;const F=()=>{if(!k){k=!0;try{K.on&&K.on("vp-video-started",Ce),setTimeout(()=>{Ce(),A=K.videoIndex??0},500)}catch(G){console.error("Error setting up event listeners:",G)}}};let ae=0;const U=15,be=setInterval(()=>{try{const G=K.videoIndex!==void 0||K.playlist;if(!k)ae++,(G||ae>=U)&&F();else{const ne=K.videoIndex??0;ne!==A&&A!==-1&&(A=ne,Ce())}}catch{}},200);q.current.push(be);try{K.on&&K.on("vp-listen-ready",F)}catch{}}else{const k=async A=>{var F,ae;try{const U=s==null?void 0:s.match(/player\/([^/.]+)/),be=U==null?void 0:U[1];if(!be||!A)return le();const G=`https://host.vpplayer.tech/player/${be}/${A}.json`,ne=await fetch(G);if(!ne.ok)return console.warn("Failed to fetch full video config:",ne.status),le();const ue=await ne.json();return ue!=null&&ue.video?{videoId:A,title:ue.video.title,description:ue.video.description,file:ue.video.file,hlsUrl:ue.video.file,thumbnailUrl:ue.video.thumbnail,duration:ue.video.duration,publishDate:ue.video.publishDate,projectId:ue.projectId,premium:((F=ue.video.videoLocking)==null?void 0:F.isEnabled)||!1,author:ue.video.author,tags:ue.video.tags||[],videoIndex:K.videoIndex??0,playlistVideoIndex:((ae=K.playlist)==null?void 0:ae.playlistVideoIndex)??0}:le()}catch(U){return console.warn("Error fetching full video data:",U),le()}};K.on("ready",async A=>{try{const F=A,ae=(F==null?void 0:F.id)||r||O;if(ae){const U=await k(ae);L(U),c(U)}else{const U=le();(U.title||U.file)&&(L(U),c(U))}}catch(F){console.warn("Error in ready handler:",F)}}),K.on("playlistItem",async A=>{try{const F=A,ae=F==null?void 0:F.id;if(ae){const U=await k(ae);L(U),c(U)}}catch(F){console.warn("Error in playlistItem handler:",F)}})}}}catch(de){if(oe){const xe=de instanceof Error?de.message:String(de);Y(xe),console.error("VP Player initialization error:",de)}}},150);return()=>{oe=!1,clearTimeout(Xe),q.current.forEach(de=>clearInterval(de)),q.current=[],W.current.forEach(de=>clearTimeout(de)),W.current=[],v.current=!1}},[N,d,J,z,s]),y.useEffect(()=>()=>{if(S.current){try{S.current.destroy&&S.current.destroy()}catch(Ee){console.warn(`Failed to destroy player ${J}:`,Ee)}S.current=null}v.current=!1;const oe=document.getElementById(J);oe&&(oe.innerHTML="")},[J]),{playerRef:X,playerInstanceRef:S,isScriptLoaded:N,isLoading:d,error:D||ee||z}},Mr=({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u={},isReels:f=!1,hiddenClasses:m=[],onClose:c,className:p,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:X,onPlayerPrevious:S,onPlayerEvent:v})=>{var D,J,fe,L;const{playerRef:T,playerInstanceRef:q,isScriptLoaded:W,isLoading:B,error:N}=Fr({playerId:e,videoId:r,version:t,videoUrl:i,projectId:o,playlistId:n,scriptUrl:s,config:u,isReels:f,onPlaylistData:x,onVideoStarted:P,trackingMetadata:w,onPlayerStart:h,onPlayerPlay:g,onPlayerPause:_,onPlayerResume:E,onPlayerEnd:$,onPlayerProgressEvery10Seconds:M,onPlayerProgressAt20Seconds:V,onPlayerQuartile25:I,onPlayerQuartile50:b,onPlayerQuartile75:Z,onPlayerNext:X,onPlayerPrevious:S,onPlayerEvent:v}),[z,O]=y.useState(!0),ee=()=>f&&O(!0),Y=()=>{var te,pe;O(!1),(pe=(te=q.current)==null?void 0:te.play)==null||pe.call(te),c==null||c()},a=(J=(D=u==null?void 0:u.config)==null?void 0:D.size)!=null&&J.width?typeof u.config.size.width=="number"?`${u.config.size.width}px`:u.config.size.width:void 0,l=(L=(fe=u==null?void 0:u.config)==null?void 0:fe.size)!=null&&L.height?typeof u.config.size.height=="number"?`${u.config.size.height}px`:u.config.size.height:void 0,d=or(e,r);return N?Q.jsxs(nr,{type:"error",children:["An error occurred: ",N]}):B||!W?Q.jsx(nr,{type:"loading",children:"Loading..."}):Q.jsxs(Q.Fragment,{children:[f&&!z?Q.jsx("div",{onClick:ee}):null,!f&&Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:T,width:a||"100%",height:l||"auto",$hiddenClasses:m,className:p})},d),f&&z&&Q.jsx(Vr,{onClick:Y,className:p,children:Q.jsx(Or,{className:p,onClick:te=>te.stopPropagation(),children:Q.jsx("div",{children:Q.jsx(ir,{id:d,ref:T,width:"100%",height:"auto",$hiddenClasses:m,className:p})},d)})})]})},Ur=y.createContext(void 0),Ht=({children:e})=>{const[r,t]=y.useState(!1),[i,o]=y.useState(null),[n,s]=y.useState(null),u=y.useCallback(c=>{try{const p=or(c.playerId,c.videoId);o({...c,playerId:p}),t(!0),s(null)}catch{s("Failed to show player.")}},[]),f=y.useCallback(()=>{t(!1),o(null),s(null)},[]),m=y.useMemo(()=>({showPlayer:u,hidePlayer:f,isPlayerVisible:r,playerParams:i}),[u,f,r,i]);return Q.jsxs(Ur.Provider,{value:m,children:[e,n&&Q.jsx(nr,{type:"error",children:n}),r&&(i==null?void 0:i.playerId)&&Q.jsx(Mr,{playerId:i.playerId,videoId:i.videoId,projectId:i.projectId,videoUrl:i.videoUrl,version:i.version,playlistId:i.playlistId,scriptUrl:i.scriptUrl,config:i.config,isReels:i.isReels,thumbnailUrl:i.thumbnailUrl,onClose:f,hiddenClasses:i.hiddenClasses||[],className:i.className})]})},Xt=()=>{const e=y.useContext(Ur);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Jt={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,pauseOtherVideos:!0,focusOnAutostart:!1,muted:!0,loop:!1,size:{width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!1,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Kt={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Qt={config:{autoplay:!0,muted:!0}},He={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Zt=(e,r,t="time",i=0)=>{var o;return{...He,video:{...He.video,ads:{...(o=He.video)==null?void 0:o.ads,adBreaks:[{adTagUrl:r,breakType:e,breakTimingType:t,breakTimingValue:i}]}}}},en="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",rn="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",tn="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",nn="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",on="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=",an="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";j.AD_TAG_LINEAR_URL=on,j.AD_TAG_SKIPPABLE_LINEAR_URL=an,j.BIG_BUCK_BUNNY_URL=en,j.ELEPHANTS_DREAM_URL=rn,j.Overlay=Vr,j.PEXELS_THUMBNAIL_URL=nn,j.PEXELS_VERTICAL_VIDEO_URL=tn,j.PlayerContainer=ir,j.PlayerWrapper=Or,j.VPPlayer=Mr,j.VPPlayerProvider=Ht,j.baseConfig=Kt,j.baseConfigWithAds=He,j.baseConfigWithAutoplay=Qt,j.buildVPPlayerConfig=Nr,j.defaultVPPlayerConfig=Jt,j.extractVideoId=Dr,j.getAdConfig=Zt,j.useVPPlayer=Xt,j.useVPPlayerEvents=$r,j.useVPPlayerLogic=Fr,j.useVPPlayerScript=Lr,j.useVideoData=jr,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
|
|
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"})}));
|
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.31-beta.0",
|
|
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,17 +8,6 @@
|
|
|
8
8
|
"files": [
|
|
9
9
|
"dist"
|
|
10
10
|
],
|
|
11
|
-
"scripts": {
|
|
12
|
-
"dev": "vite",
|
|
13
|
-
"build": "vite build",
|
|
14
|
-
"lint": "eslint . --max-warnings=0",
|
|
15
|
-
"type-check": "tsc --noEmit",
|
|
16
|
-
"check": "pnpm run lint && pnpm run type-check",
|
|
17
|
-
"preview": "vite preview",
|
|
18
|
-
"storybook": "storybook dev -p 6006",
|
|
19
|
-
"build-storybook": "storybook build",
|
|
20
|
-
"prepare": "husky"
|
|
21
|
-
},
|
|
22
11
|
"peerDependencies": {
|
|
23
12
|
"react": ">=18.0.0",
|
|
24
13
|
"react-dom": ">=18.0.0",
|
|
@@ -29,15 +18,12 @@
|
|
|
29
18
|
"@emotion/styled": "^11.14.0"
|
|
30
19
|
},
|
|
31
20
|
"devDependencies": {
|
|
32
|
-
"@chromatic-com/storybook": "^
|
|
21
|
+
"@chromatic-com/storybook": "^4.1.3",
|
|
33
22
|
"@eslint/js": "^9.21.0",
|
|
34
|
-
"@storybook/addon-
|
|
35
|
-
"@storybook/addon-
|
|
36
|
-
"@storybook/
|
|
37
|
-
"@storybook/
|
|
38
|
-
"@storybook/react": "^8.6.0",
|
|
39
|
-
"@storybook/react-vite": "^8.6.0",
|
|
40
|
-
"@storybook/test": "^8.6.0",
|
|
23
|
+
"@storybook/addon-docs": "^10.1.8",
|
|
24
|
+
"@storybook/addon-onboarding": "^10.1.8",
|
|
25
|
+
"@storybook/react": "^10.1.8",
|
|
26
|
+
"@storybook/react-vite": "^10.1.8",
|
|
41
27
|
"@types/react": "^19.0.10",
|
|
42
28
|
"@types/react-dom": "^19.0.4",
|
|
43
29
|
"@vitejs/plugin-react": "^4.3.4",
|
|
@@ -47,11 +33,11 @@
|
|
|
47
33
|
"eslint-plugin-react": "^7.37.4",
|
|
48
34
|
"eslint-plugin-react-hooks": "^5.0.0",
|
|
49
35
|
"eslint-plugin-react-refresh": "^0.4.19",
|
|
50
|
-
"eslint-plugin-storybook": "^
|
|
36
|
+
"eslint-plugin-storybook": "^10.1.8",
|
|
51
37
|
"globals": "^15.15.0",
|
|
52
38
|
"husky": "^9.1.7",
|
|
53
39
|
"jiti": "^2.6.1",
|
|
54
|
-
"storybook": "^
|
|
40
|
+
"storybook": "^10.1.8",
|
|
55
41
|
"typescript": "~5.7.2",
|
|
56
42
|
"typescript-eslint": "^8.24.1",
|
|
57
43
|
"vite": "^6.2.0",
|
|
@@ -62,5 +48,14 @@
|
|
|
62
48
|
"plugin:storybook/recommended"
|
|
63
49
|
]
|
|
64
50
|
},
|
|
65
|
-
"
|
|
66
|
-
|
|
51
|
+
"scripts": {
|
|
52
|
+
"dev": "vite",
|
|
53
|
+
"build": "vite build",
|
|
54
|
+
"lint": "eslint . --max-warnings=0",
|
|
55
|
+
"type-check": "tsc --noEmit",
|
|
56
|
+
"check": "pnpm run lint && pnpm run type-check",
|
|
57
|
+
"preview": "vite preview",
|
|
58
|
+
"storybook": "storybook dev -p 6006",
|
|
59
|
+
"build-storybook": "storybook build"
|
|
60
|
+
}
|
|
61
|
+
}
|
package/dist/App.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the FeedbackMessage component.
|
|
4
|
-
*/
|
|
5
|
-
interface FeedbackMessageProps {
|
|
6
|
-
type: "error" | "loading" | "success" | "warning";
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
icon?: ReactNode;
|
|
10
|
-
action?: ReactNode;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* FeedbackMessage component for displaying various types of messages (error, loading, success, warning).
|
|
14
|
-
* Can be customized with an icon, action button, and additional styles.
|
|
15
|
-
*
|
|
16
|
-
* @param {FeedbackMessageProps} props - The properties for the feedback message.
|
|
17
|
-
* @param {"error" | "loading" | "success" | "warning"} props.type - The type of message to display.
|
|
18
|
-
* @param {ReactNode} props.children - The content of the message.
|
|
19
|
-
* @param {string} [props.className] - Custom class for additional styling.
|
|
20
|
-
* @param {ReactNode} [props.icon] - Optional icon to display before the message.
|
|
21
|
-
* @param {ReactNode} [props.action] - Optional action button (e.g., "Retry").
|
|
22
|
-
* @returns {JSX.Element} The rendered feedback message component.
|
|
23
|
-
*/
|
|
24
|
-
export declare const FeedbackMessage: ({ type, children, className, icon, action }: FeedbackMessageProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './styled';
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Styled component for the video player container.
|
|
3
|
-
*
|
|
4
|
-
* @component
|
|
5
|
-
* @param {string} [width] - The width of the player (default: "100%").
|
|
6
|
-
* @param {string} [height] - The height of the player (default: "100%").
|
|
7
|
-
* @param {string[]} [$hiddenClasses] - CSS class names to hide elements inside the player.
|
|
8
|
-
* @param {string} [className] - CSS class name for additional styling.
|
|
9
|
-
*/
|
|
10
|
-
export declare const PlayerContainer: import('@emotion/styled').StyledComponent<{
|
|
11
|
-
theme?: import('@emotion/react').Theme;
|
|
12
|
-
as?: React.ElementType;
|
|
13
|
-
} & {
|
|
14
|
-
width?: string;
|
|
15
|
-
height?: string;
|
|
16
|
-
$hiddenClasses?: string[];
|
|
17
|
-
className?: string;
|
|
18
|
-
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
-
/**
|
|
20
|
-
* Styled component for the full-screen overlay when the player is active.
|
|
21
|
-
*
|
|
22
|
-
* @component
|
|
23
|
-
* @param {string} [className] - CSS class name for additional styling.
|
|
24
|
-
*/
|
|
25
|
-
export declare const Overlay: import('@emotion/styled').StyledComponent<{
|
|
26
|
-
theme?: import('@emotion/react').Theme;
|
|
27
|
-
as?: React.ElementType;
|
|
28
|
-
} & {
|
|
29
|
-
className?: string;
|
|
30
|
-
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
31
|
-
/**
|
|
32
|
-
* Styled wrapper for the player, adjusting its size based on viewport width.
|
|
33
|
-
*
|
|
34
|
-
* @component
|
|
35
|
-
* @param {string} [className] - CSS class name for additional styling.
|
|
36
|
-
*/
|
|
37
|
-
export declare const PlayerWrapper: import('@emotion/styled').StyledComponent<{
|
|
38
|
-
theme?: import('@emotion/react').Theme;
|
|
39
|
-
as?: React.ElementType;
|
|
40
|
-
} & {
|
|
41
|
-
className?: string;
|
|
42
|
-
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
package/dist/config/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './vpPlayerConfig';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { VPPlayerConfig } from '../../../../../../src/interfaces';
|
|
2
|
-
/**
|
|
3
|
-
* Default configuration for the VP Player.
|
|
4
|
-
*
|
|
5
|
-
* @constant
|
|
6
|
-
* @type {VPPlayerConfig}
|
|
7
|
-
* @see {@link https://vp.gjirafa.tech/documentation/docs/web-player/setup-the-player/configuration}
|
|
8
|
-
*/
|
|
9
|
-
export declare const defaultVPPlayerConfig: VPPlayerConfig;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { VPPlayerConfig } from '../../../../../../src/interfaces/config';
|
|
2
|
-
/**
|
|
3
|
-
* Base configuration for VP Player with common settings.
|
|
4
|
-
*/
|
|
5
|
-
export declare const baseConfig: Partial<VPPlayerConfig>;
|
|
6
|
-
/**
|
|
7
|
-
* Base configuration with autoplay enabled.
|
|
8
|
-
*/
|
|
9
|
-
export declare const baseConfigWithAutoplay: Partial<VPPlayerConfig>;
|
|
10
|
-
/**
|
|
11
|
-
* Base configuration for ads with common ad settings.
|
|
12
|
-
*/
|
|
13
|
-
export declare const baseConfigWithAds: Partial<VPPlayerConfig>;
|
|
14
|
-
/**
|
|
15
|
-
* Generates an ad configuration for VP Player based on provided parameters.
|
|
16
|
-
* @param breakType - The type of ad break (e.g., "preroll", "postroll", "midroll").
|
|
17
|
-
* @param adTagUrls - Array of ad tag URLs to use for the ad break.
|
|
18
|
-
* @param breakTimingType - The timing type for the ad break (e.g., "time", "percentage", "playlist").
|
|
19
|
-
* @param breakTimingValue - The timing value for the ad break (e.g., 0 for immediate, 2 for playlist index).
|
|
20
|
-
* @returns A partial VPPlayerConfig with the ad configuration.
|
|
21
|
-
*/
|
|
22
|
-
export declare const getAdConfig: (breakType: "preroll" | "postroll" | "midroll", adTagUrls: string[], breakTimingType?: "time" | "percentage" | "playlist", breakTimingValue?: number) => Partial<VPPlayerConfig>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './vpPlayer';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ArgTypes } from '@storybook/react';
|
|
2
|
-
/**
|
|
3
|
-
* Common Storybook argTypes used across stories.
|
|
4
|
-
*/
|
|
5
|
-
export declare const COMMON_ARGTYPES: Partial<ArgTypes<Record<string, unknown>>>;
|
|
6
|
-
/**
|
|
7
|
-
* Default project ID.
|
|
8
|
-
*/
|
|
9
|
-
export declare const DEFAULT_PROJECT_ID = "vp-player-project";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Common styles for Storybook stories.
|
|
3
|
-
*/
|
|
4
|
-
/** Style for vertical playback containers (e.g., VerticalPlayback, VerticalPlaylistPlayback). */
|
|
5
|
-
export declare const VERTICAL_PLAYBACK_STYLE: React.CSSProperties;
|
|
6
|
-
/** Base style for multiple players containers (e.g., MultiplePlayersSideBySide, MultiplePlayersStacked). */
|
|
7
|
-
export declare const MULTIPLE_PLAYERS_BASE_STYLE: React.CSSProperties;
|
|
8
|
-
/** Style for side-by-side multiple players (e.g., MultiplePlayersSideBySide). */
|
|
9
|
-
export declare const MULTIPLE_PLAYERS_SIDE_BY_SIDE_STYLE: React.CSSProperties;
|
|
10
|
-
/** Style for stacked multiple players (e.g., MultiplePlayersStacked). */
|
|
11
|
-
export declare const MULTIPLE_PLAYERS_STACKED_STYLE: React.CSSProperties;
|
package/dist/constants/urls.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Constants for video URLs used across the application and Storybook stories.
|
|
3
|
-
*/
|
|
4
|
-
/** URL for the Big Buck Bunny video */
|
|
5
|
-
export declare const BIG_BUCK_BUNNY_URL = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
|
|
6
|
-
/** URL for the Elephants Dream video */
|
|
7
|
-
export declare const ELEPHANTS_DREAM_URL = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
|
|
8
|
-
/** URL for the Pexels vertical video */
|
|
9
|
-
export declare const PEXELS_VERTICAL_VIDEO_URL = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4";
|
|
10
|
-
/** URL for the Pexels thumbnail */
|
|
11
|
-
export declare const PEXELS_THUMBNAIL_URL = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600";
|
|
12
|
-
/**
|
|
13
|
-
* Constants for ad tag URLs used in Storybook stories.
|
|
14
|
-
*/
|
|
15
|
-
/** Ad tag URL for linear ads */
|
|
16
|
-
export declare const AD_TAG_LINEAR_URL = "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=";
|
|
17
|
-
/** Ad tag URL for skippable linear ads */
|
|
18
|
-
export declare const AD_TAG_SKIPPABLE_LINEAR_URL = "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=";
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generates the URL for fetching a single video by projectId and videoId.
|
|
3
|
-
* @param {string} projectId - The project ID.
|
|
4
|
-
* @param {string} videoId - The video ID.
|
|
5
|
-
* @returns {string} - The complete API URL for single video fetch.
|
|
6
|
-
*/
|
|
7
|
-
export declare const getSingleVideoUrl: (projectId: string, videoId: string) => string;
|
|
8
|
-
/**
|
|
9
|
-
* @docs https://vp.gjirafa.tech/documentation/api/manage-api/playlist/getPlaylistTypes/
|
|
10
|
-
* @docs https://vp.gjirafa.tech/documentation/api/manage-api/playlist/getVideosForPlaylist/
|
|
11
|
-
* @docs https://vp.gjirafa.tech/documentation/api/manage-api/playlist/getPlaylistMetadata/
|
|
12
|
-
*
|
|
13
|
-
* Generates the URL for fetching a playlist by projectId and playlistId.
|
|
14
|
-
* @param {string} projectId - The project ID.
|
|
15
|
-
* @param {string} playlistId - The playlist ID.
|
|
16
|
-
* @returns {string} - The complete API URL for playlist fetch.
|
|
17
|
-
*/
|
|
18
|
-
export declare const getPlaylistUrl: (projectId: string, playlistId: string) => string;
|
|
19
|
-
/**
|
|
20
|
-
* Generates the URL for fetching playlist metadata (including backup info)
|
|
21
|
-
* @param {string} projectId - The project ID.
|
|
22
|
-
* @param {string} playlistId - The playlist ID.
|
|
23
|
-
* @returns {string} - The complete API URL for playlist metadata.
|
|
24
|
-
*/
|
|
25
|
-
export declare const getPlaylistMetadataUrl: (projectId: string, playlistId: string) => string;
|
|
26
|
-
/**
|
|
27
|
-
* Generates the URL for fetching a public playlist (no API key required).
|
|
28
|
-
* Public endpoint: https://host.vpplayer.tech/playlist/${playlistId}
|
|
29
|
-
* @param {string} playlistId - The playlist ID.
|
|
30
|
-
* @returns {string} - The complete public API URL for playlist fetch.
|
|
31
|
-
*/
|
|
32
|
-
export declare const getPublicPlaylistUrl: (playlistId: string) => string;
|
|
33
|
-
/**
|
|
34
|
-
* Generates the URL for loading the VP Player script by version.
|
|
35
|
-
* @param {string} playerVersion - The version of the VP Player script (e.g., 'latest', 'v2.1.1').
|
|
36
|
-
* @returns {string} - The complete URL for the player script.
|
|
37
|
-
*/
|
|
38
|
-
export declare const getPlayerScriptUrl: (playerVersion: string) => string;
|
|
39
|
-
/**
|
|
40
|
-
* Generates a full player DOM element ID based on provided playerId and videoId.
|
|
41
|
-
* Falls back to "default" if playerId is not provided.
|
|
42
|
-
*
|
|
43
|
-
* @param playerId - Base identifier for the player.
|
|
44
|
-
* @param videoId - Optional video identifier.
|
|
45
|
-
* @returns Full DOM element ID string.
|
|
46
|
-
*/
|
|
47
|
-
export declare const generatePlayerId: (playerId?: string, videoId?: string) => string;
|