@devix-technologies/react-gjirafa-vp-player 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-gjirafa-vp-player.es.js +751 -689
- package/dist/react-gjirafa-vp-player.umd.js +9 -9
- package/package.json +1 -1
- 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 -11
- package/dist/constants/styles.d.ts +0 -11
- package/dist/constants/urls.d.ts +0 -18
- package/dist/constants/vpPlayer.d.ts +0 -29
- package/dist/contexts/VPPlayerContext.d.ts +0 -53
- package/dist/contexts/index.d.ts +0 -1
- package/dist/features/VPPlayer.d.ts +0 -27
- package/dist/features/index.d.ts +0 -1
- package/dist/features/stories/ads/Ads.stories.d.ts +0 -13
- 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 -15
- package/dist/fixtures/index.d.ts +0 -1
- package/dist/fixtures/playlist.d.ts +0 -11
- package/dist/hooks/index.d.ts +0 -3
- package/dist/hooks/useVPPlayerLogic.d.ts +0 -16
- package/dist/hooks/useVPPlayerScript.d.ts +0 -13
- package/dist/hooks/useVideoData.d.ts +0 -21
- package/dist/index.d.ts +0 -2
- package/dist/interfaces/config.d.ts +0 -303
- package/dist/interfaces/index.d.ts +0 -3
- package/dist/interfaces/instance.d.ts +0 -11
- package/dist/interfaces/props.d.ts +0 -54
- package/dist/main.d.ts +0 -1
- package/dist/types/api.types.d.ts +0 -50
- package/dist/types/index.d.ts +0 -1
- package/dist/utils/index.d.ts +0 -2
- package/dist/utils/vpPlayerConfigBuilder.d.ts +0 -29
- package/dist/utils/vpPlayerUtils.d.ts +0 -8
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(_,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],P):(_=typeof globalThis<"u"?globalThis:_||self,P(_.ReactGjirafaVPPlayer={},_.React))})(this,function(_,P){"use strict";function vt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const X=vt(P);var pe={exports:{}},ie={};/**
|
|
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 De;function bt(){if(De)return ie;De=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,a,i){var s=null;if(i!==void 0&&(s=""+i),a.key!==void 0&&(s=""+a.key),"key"in a){i={};for(var c in a)c!=="key"&&(i[c]=a[c])}else i=a;return a=i.ref,{$$typeof:e,type:n,key:s,ref:a!==void 0?a:null,props:i}}return ie.Fragment=t,ie.jsx=r,ie.jsxs=r,ie}var oe={};/**
|
|
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 ze;function xt(){return ze||(ze=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===N?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case p:return"Fragment";case v:return"Profiler";case y:return"StrictMode";case S:return"Suspense";case C:return"SuspenseList";case M: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 x:return"Portal";case A:return(o.displayName||"Context")+".Provider";case b:return(o._context.displayName||"Context")+".Consumer";case j:var g=o.render;return o=o.displayName,o||(o=g.displayName||g.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case f:return g=o.displayName||null,g!==null?g:e(o.type)||"Memo";case I:g=o._payload,o=o._init;try{return e(o(g))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var g=!1}catch{g=!0}if(g){g=console;var T=g.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return T.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),t(o)}}function n(o){if(o===p)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===I)return"<...>";try{var g=e(o);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function a(){var o=D.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if(K.call(o,"key")){var g=Object.getOwnPropertyDescriptor(o,"key").get;if(g&&g.isReactWarning)return!1}return o.key!==void 0}function c(o,g){function T(){Ee||(Ee=!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)",g))}T.isReactWarning=!0,Object.defineProperty(o,"key",{get:T,configurable:!0})}function d(){var o=e(this.type);return re[o]||(re[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function m(o,g,T,R,z,G,Fe,Be){return T=G.ref,o={$$typeof:E,type:o,key:g,props:G,_owner:z},(T!==void 0?T:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:d}):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:Fe}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Be}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function l(o,g,T,R,z,G,Fe,Be){var F=g.children;if(F!==void 0)if(R)if(W(F)){for(R=0;R<F.length;R++)u(F[R]);Object.freeze&&Object.freeze(F)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(F);if(K.call(g,"key")){F=e(o);var ae=Object.keys(g).filter(function(Vr){return Vr!=="key"});R=0<ae.length?"{key: someKey, "+ae.join(": ..., ")+": ...}":"{key: someKey}",ne[F+R]||(ae=0<ae.length?"{"+ae.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} />`,N,M,ne,M),lr[M+N]=!0)}if(M=null,_!==void 0&&(t(_),M=""+_),c(g)&&(t(g.key),M=""+g.key),"key"in g){_={};for(var Fe in g)Fe!=="key"&&(_[Fe]=g[Fe])}else _=g;return M&&s(_,typeof o=="function"?o.displayName||o.name||"Unknown":o),h(o,M,q,Z,a(),_,je,$e)}function u(o){typeof o=="object"&&o!==null&&o.$$typeof===E&&o._store&&(o._store.validated=1)}var m=w,E=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),b=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),T=Symbol.for("react.context"),R=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),$=Symbol.for("react.client.reference"),L=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,B=Array.isArray,K=console.createTask?console.createTask:function(){return null};m={"react-stack-bottom-frame":function(o){return o()}};var fe,J={},sr=m["react-stack-bottom-frame"].bind(m,i)(),cr=K(n(i)),lr={};ie.Fragment=p,ie.jsx=function(o,g,_,N,Z){var q=1e4>L.recentlyCreatedOwnerStacks++;return l(o,g,_,!1,N,Z,q?Error("react-stack-top-frame"):sr,q?K(n(o)):cr)},ie.jsxs=function(o,g,_,N,Z){var q=1e4>L.recentlyCreatedOwnerStacks++;return l(o,g,_,!0,N,Z,q?Error("react-stack-top-frame"):sr,q?K(n(o)):cr)}}()),ie}var Le;function pr(){return Le||(Le=1,process.env.NODE_ENV==="production"?de.exports=fr():de.exports=dr()),de.exports}var O=pr();function Pe(){return Pe=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},Pe.apply(null,arguments)}function hr(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 mr(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var yr=function(){function e(t){var 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(mr(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=hr(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}(),F="-ms-",pe="-moz-",P="-webkit-",Ve="comm",ke="rule",Ee="decl",gr="@import",ze="@keyframes",br="@layer",vr=Math.abs,he=String.fromCharCode,xr=Object.assign;function wr(e,r){return j(e,0)^45?(((r<<2^j(e,0))<<2^j(e,1))<<2^j(e,2))<<2^j(e,3):0}function De(e){return e.trim()}function Pr(e,r){return(e=r.exec(e))?e[0]:e}function k(e,r,t){return e.replace(r,t)}function Se(e,r){return e.indexOf(r)}function j(e,r){return e.charCodeAt(r)|0}function oe(e,r,t){return e.slice(r,t)}function U(e){return e.length}function Te(e){return e.length}function me(e,r){return r.push(e),e}function kr(e,r){return e.map(r).join("")}var ye=1,Q=1,Be=0,V=0,A=0,ee="";function ge(e,r,t,n,a,i,c){return{value:e,root:r,parent:t,type:n,props:a,children:i,line:ye,column:Q,length:c,return:""}}function se(e,r){return xr(ge("",null,null,"",null,null,0),e,{length:-e.length},r)}function Er(){return A}function Sr(){return A=V>0?j(ee,--V):0,Q--,A===10&&(Q=1,ye--),A}function D(){return A=V<Be?j(ee,V++):0,Q++,A===10&&(Q=1,ye++),A}function W(){return j(ee,V)}function be(){return V}function ce(e,r){return oe(ee,e,r)}function le(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 Ue(e){return ye=Q=1,Be=U(ee=e),V=0,[]}function We(e){return ee="",e}function ve(e){return De(ce(V-1,Ce(e===91?e+2:e===40?e+1:e)))}function Tr(e){for(;(A=W())&&A<33;)D();return le(e)>2||le(A)>3?"":" "}function Cr(e,r){for(;--r&&D()&&!(A<48||A>102||A>57&&A<65||A>70&&A<97););return ce(e,be()+(r<6&&W()==32&&D()==32))}function Ce(e){for(;D();)switch(A){case e:return V;case 34:case 39:e!==34&&e!==39&&Ce(A);break;case 40:e===41&&Ce(e);break;case 92:D();break}return V}function _r(e,r){for(;D()&&e+A!==57;)if(e+A===84&&W()===47)break;return"/*"+ce(r,V-1)+"*"+he(e===47?e:D())}function Ar(e){for(;!le(W());)D();return ce(e,V)}function Rr(e){return We(xe("",null,null,null,[""],e=Ue(e),0,[0],e))}function xe(e,r,t,n,a,i,c,s,f){for(var h=0,l=0,u=c,m=0,E=0,x=0,p=1,y=1,b=1,v=0,T="",R=a,S=i,C=n,d=T;y;)switch(x=v,v=D()){case 40:if(x!=108&&j(d,u-1)==58){Se(d+=k(ve(v),"&","&\f"),"&\f")!=-1&&(b=-1);break}case 34:case 39:case 91:d+=ve(v);break;case 9:case 10:case 13:case 32:d+=Tr(x);break;case 92:d+=Cr(be()-1,7);continue;case 47:switch(W()){case 42:case 47:me(Or(_r(D(),be()),r,t),f);break;default:d+="/"}break;case 123*p:s[h++]=U(d)*b;case 125*p:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+l:b==-1&&(d=k(d,/\f/g,"")),E>0&&U(d)-u&&me(E>32?qe(d+";",n,t,u-1):qe(k(d," ","")+";",n,t,u-2),f);break;case 59:d+=";";default:if(me(C=Ye(d,r,t,h,l,a,s,T,R=[],S=[],u),i),v===123)if(l===0)xe(d,r,C,C,R,i,u,s,S);else switch(m===99&&j(d,3)===110?100:m){case 100:case 108:case 109:case 115:xe(e,C,C,n&&me(Ye(e,C,C,0,0,a,s,T,a,R=[],u),S),a,S,u,s,n?R:S);break;default:xe(d,C,C,C,[""],S,0,s,S)}}h=l=E=0,p=b=1,T=d="",u=c;break;case 58:u=1+U(d),E=x;default:if(p<1){if(v==123)--p;else if(v==125&&p++==0&&Sr()==125)continue}switch(d+=he(v),v*p){case 38:b=l>0?1:(d+="\f",-1);break;case 44:s[h++]=(U(d)-1)*b,b=1;break;case 64:W()===45&&(d+=ve(D())),m=W(),l=u=U(T=d+=Ar(be())),v++;break;case 45:x===45&&U(d)==2&&(p=0)}}return i}function Ye(e,r,t,n,a,i,c,s,f,h,l){for(var u=a-1,m=a===0?i:[""],E=Te(m),x=0,p=0,y=0;x<n;++x)for(var b=0,v=oe(e,u+1,u=vr(p=c[x])),T=e;b<E;++b)(T=De(p>0?m[b]+" "+v:k(v,/&\f/g,m[b])))&&(f[y++]=T);return ge(e,r,t,a===0?ke:s,f,h,l)}function Or(e,r,t){return ge(e,r,t,Ve,he(Er()),oe(e,2,-2),0)}function qe(e,r,t,n){return ge(e,r,t,Ee,oe(e,0,n),oe(e,n+1,-1),n)}function re(e,r){for(var t="",n=Te(e),a=0;a<n;a++)t+=r(e[a],a,e,r)||"";return t}function Ir(e,r,t,n){switch(e.type){case br:if(e.children.length)break;case gr:case Ee:return e.return=e.return||e.value;case Ve:return"";case ze:return e.return=e.value+"{"+re(e.children,n)+"}";case ke:e.value=e.props.join(",")}return U(t=re(e.children,n))?e.return=e.value+"{"+t+"}":""}function jr(e){var r=Te(e);return function(t,n,a,i){for(var c="",s=0;s<r;s++)c+=e[s](t,n,a,i)||"";return c}}function $r(e){return function(r){r.root||(r=r.return)&&e(r)}}function He(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var Fr=function(r,t,n){for(var a=0,i=0;a=i,i=W(),a===38&&i===12&&(t[n]=1),!le(i);)D();return ce(r,V)},Nr=function(r,t){var n=-1,a=44;do switch(le(a)){case 0:a===38&&W()===12&&(t[n]=1),r[n]+=Fr(V-1,t,n);break;case 2:r[n]+=ve(a);break;case 4:if(a===44){r[++n]=W()===58?"&\f":"",t[n]=r[n].length;break}default:r[n]+=he(a)}while(a=D());return r},Mr=function(r,t){return We(Nr(Ue(r),t))},Ge=new WeakMap,Lr=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&&!Ge.get(n))&&!a){Ge.set(r,!0);for(var i=[],c=Mr(t,i),s=n.props,f=0,h=0;f<c.length;f++)for(var l=0;l<s.length;l++,h++)r.props[h]=i[f]?c[f].replace(/&\f/g,s[l]):s[l]+" "+c[f]}}},Vr=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function Xe(e,r){switch(wr(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+pe+e+F+e+e;case 6828:case 4268:return P+e+F+e+e;case 6165:return P+e+F+"flex-"+e+e;case 5187:return P+e+k(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+F+"flex-$1$2")+e;case 5443:return P+e+F+"flex-item-"+k(e,/flex-|-self/,"")+e;case 4675:return P+e+F+"flex-line-pack"+k(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+F+k(e,"shrink","negative")+e;case 5292:return P+e+F+k(e,"basis","preferred-size")+e;case 6060:return P+"box-"+k(e,"-grow","")+P+e+F+k(e,"grow","positive")+e;case 4554:return P+k(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return k(k(k(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return k(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return k(k(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+F+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return k(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(U(e)-1-r>6)switch(j(e,r+1)){case 109:if(j(e,r+4)!==45)break;case 102:return k(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+pe+(j(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~Se(e,"stretch")?Xe(k(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(j(e,r+1)!==115)break;case 6444:switch(j(e,U(e)-3-(~Se(e,"!important")&&10))){case 107:return k(e,":",":"+P)+e;case 101:return k(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+(j(e,14)===45?"inline-":"")+"box$3$1"+P+"$2$3$1"+F+"$2box$3")+e}break;case 5936:switch(j(e,r+11)){case 114:return P+e+F+k(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+F+k(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+F+k(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+F+e+e}return e}var zr=function(r,t,n,a){if(r.length>-1&&!r.return)switch(r.type){case Ee:r.return=Xe(r.value,r.length);break;case ze:return re([se(r,{value:k(r.value,"@","@"+P)})],a);case ke:if(r.length)return kr(r.props,function(i){switch(Pr(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return re([se(r,{props:[k(i,/:(read-\w+)/,":"+pe+"$1")]})],a);case"::placeholder":return re([se(r,{props:[k(i,/:(plac\w+)/,":"+P+"input-$1")]}),se(r,{props:[k(i,/:(plac\w+)/,":"+pe+"$1")]}),se(r,{props:[k(i,/:(plac\w+)/,F+"input-$1")]})],a)}return""})}},Dr=[zr],Br=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(p){var y=p.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=r.stylisPlugins||Dr,i={},c,s=[];c=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(p){for(var y=p.getAttribute("data-emotion").split(" "),b=1;b<y.length;b++)i[y[b]]=!0;s.push(p)});var f,h=[Lr,Vr];{var l,u=[Ir,$r(function(p){l.insert(p)})],m=jr(h.concat(a,u)),E=function(y){return re(Rr(y),m)};f=function(y,b,v,T){l=v,E(y?y+"{"+b.styles+"}":b.styles),T&&(x.inserted[b.name]=!0)}}var x={key:t,sheet:new yr({key:t,container:c,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:i,registered:{},insert:f};return x.sheet.hydrate(s),x},Ur=!0;function Wr(e,r,t){var n="";return t.split(" ").forEach(function(a){e[a]!==void 0?r.push(e[a]+";"):a&&(n+=a+" ")}),n}var Ke=function(r,t,n){var a=r.key+"-"+t.name;(n===!1||Ur===!1)&&r.registered[a]===void 0&&(r.registered[a]=t.styles)},Yr=function(r,t,n){Ke(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 qr(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 Hr={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},Gr=/[A-Z]|^ms/g,Xr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Je=function(r){return r.charCodeAt(1)===45},Ze=function(r){return r!=null&&typeof r!="boolean"},_e=He(function(e){return Je(e)?e:e.replace(Gr,"-$&").toLowerCase()}),Qe=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Xr,function(n,a,i){return Y={name:a,styles:i,next:Y},a})}return Hr[r]!==1&&!Je(r)&&typeof t=="number"&&t!==0?t+"px":t};function ue(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 Y={name:a.name,styles:a.styles,next:Y},a.name;var i=t;if(i.styles!==void 0){var c=i.next;if(c!==void 0)for(;c!==void 0;)Y={name:c.name,styles:c.styles,next:Y},c=c.next;var s=i.styles+";";return s}return Kr(e,r,t)}case"function":{if(e!==void 0){var f=Y,h=t(e);return Y=f,ue(e,r,h)}break}}var l=t;if(r==null)return l;var u=r[l];return u!==void 0?u:l}function Kr(e,r,t){var n="";if(Array.isArray(t))for(var a=0;a<t.length;a++)n+=ue(e,r,t[a])+";";else for(var i in t){var c=t[i];if(typeof c!="object"){var s=c;r!=null&&r[s]!==void 0?n+=i+"{"+r[s]+"}":Ze(s)&&(n+=_e(i)+":"+Qe(i,s)+";")}else if(Array.isArray(c)&&typeof c[0]=="string"&&(r==null||r[c[0]]===void 0))for(var f=0;f<c.length;f++)Ze(c[f])&&(n+=_e(i)+":"+Qe(i,c[f])+";");else{var h=ue(e,r,c);switch(i){case"animation":case"animationName":{n+=_e(i)+":"+h+";";break}default:n+=i+"{"+h+"}"}}}return n}var er=/label:\s*([^\s;{]+)\s*(;|$)/g,Y;function Jr(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="";Y=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=ue(t,r,i);else{var c=i;a+=c[0]}for(var s=1;s<e.length;s++)if(a+=ue(t,r,e[s]),n){var f=i;a+=f[s]}er.lastIndex=0;for(var h="",l;(l=er.exec(a))!==null;)h+="-"+l[1];var u=qr(a)+h;return{name:u,styles:a,next:Y}}var Zr=function(r){return r()},Qr=H.useInsertionEffect?H.useInsertionEffect:!1,et=Qr||Zr,rr=H.createContext(typeof HTMLElement<"u"?Br({key:"css"}):null);rr.Provider;var rt=function(r){return w.forwardRef(function(t,n){var a=w.useContext(rr);return r(t,a,n)})},tt=H.createContext({}),nt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,at=He(function(e){return nt.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),it=at,ot=function(r){return r!=="theme"},tr=function(r){return typeof r=="string"&&r.charCodeAt(0)>96?it:ot},nr=function(r,t,n){var a;if(t){var i=t.shouldForwardProp;a=r.__emotion_forwardProp&&i?function(c){return r.__emotion_forwardProp(c)&&i(c)}:i}return typeof a!="function"&&n&&(a=r.__emotion_forwardProp),a},st=function(r){var t=r.cache,n=r.serialized,a=r.isStringTag;return Ke(t,n,a),et(function(){return Yr(t,n,a)}),null},ct=function e(r,t){var n=r.__emotion_real===r,a=n&&r.__emotion_base||r,i,c;t!==void 0&&(i=t.label,c=t.target);var s=nr(r,t,n),f=s||tr(a),h=!f("as");return function(){var l=arguments,u=n&&r.__emotion_styles!==void 0?r.__emotion_styles.slice(0):[];if(i!==void 0&&u.push("label:"+i+";"),l[0]==null||l[0].raw===void 0)u.push.apply(u,l);else{var m=l[0];u.push(m[0]);for(var E=l.length,x=1;x<E;x++)u.push(l[x],m[x])}var p=rt(function(y,b,v){var T=h&&y.as||a,R="",S=[],C=y;if(y.theme==null){C={};for(var d in y)C[d]=y[d];C.theme=H.useContext(tt)}typeof y.className=="string"?R=Wr(b.registered,S,y.className):y.className!=null&&(R=y.className+" ");var I=Jr(u.concat(S),b.registered,C);R+=b.key+"-"+I.name,c!==void 0&&(R+=" "+c);var z=h&&s===void 0?tr(T):f,$={};for(var L in y)h&&L==="as"||z(L)&&($[L]=y[L]);return $.className=R,v&&($.ref=v),H.createElement(H.Fragment,null,H.createElement(st,{cache:b,serialized:I,isStringTag:typeof T=="string"}),H.createElement(T,$))});return p.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",p.defaultProps=r.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=u,p.__emotion_forwardProp=s,Object.defineProperty(p,"toString",{value:function(){return"."+c}}),p.withComponent=function(y,b){var v=e(y,Pe({},t,b,{shouldForwardProp:nr(p,b,!0)}));return v.apply(void 0,u)},p}},lt=["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=ct.bind(null);lt.forEach(function(e){te[e]=te(e)});const ut=te.div`
|
|
22
|
+
<%s key={someKey} {...props} />`,R,F,ae,F),ne[F+R]=!0)}if(F=null,T!==void 0&&(r(T),F=""+T),s(g)&&(r(g.key),F=""+g.key),"key"in g){T={};for(var Me in g)Me!=="key"&&(T[Me]=g[Me])}else T=g;return F&&c(T,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,F,G,z,a(),T,Fe,Be)}function u(o){typeof o=="object"&&o!==null&&o.$$typeof===E&&o._store&&(o._store.validated=1)}var h=P,E=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),b=Symbol.for("react.consumer"),A=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),N=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,W=Array.isArray,J=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(o){return o()}};var Ee,re={},fe=h["react-stack-bottom-frame"].bind(h,i)(),_e=J(n(i)),ne={};oe.Fragment=p,oe.jsx=function(o,g,T,R,z){var G=1e4>D.recentlyCreatedOwnerStacks++;return l(o,g,T,!1,R,z,G?Error("react-stack-top-frame"):fe,G?J(n(o)):_e)},oe.jsxs=function(o,g,T,R,z){var G=1e4>D.recentlyCreatedOwnerStacks++;return l(o,g,T,!0,R,z,G?Error("react-stack-top-frame"):fe,G?J(n(o)):_e)}}()),oe}var Ue;function Pt(){return Ue||(Ue=1,process.env.NODE_ENV==="production"?pe.exports=bt():pe.exports=xt()),pe.exports}var L=Pt();function Se(){return Se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Se.apply(null,arguments)}function wt(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function kt(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var Et=function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(kt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=wt(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),V="-ms-",he="-moz-",w="-webkit-",We="comm",Ae="rule",Ce="decl",_t="@import",Ye="@keyframes",St="@layer",At=Math.abs,me=String.fromCharCode,Ct=Object.assign;function Tt(e,t){return $(e,0)^45?(((t<<2^$(e,0))<<2^$(e,1))<<2^$(e,2))<<2^$(e,3):0}function qe(e){return e.trim()}function Rt(e,t){return(e=t.exec(e))?e[0]:e}function k(e,t,r){return e.replace(t,r)}function Te(e,t){return e.indexOf(t)}function $(e,t){return e.charCodeAt(t)|0}function se(e,t,r){return e.slice(t,r)}function Y(e){return e.length}function Re(e){return e.length}function ye(e,t){return t.push(e),e}function Ot(e,t){return e.map(t).join("")}var ge=1,Z=1,He=0,B=0,O=0,Q="";function ve(e,t,r,n,a,i,s){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:ge,column:Z,length:s,return:""}}function ce(e,t){return Ct(ve("",null,null,"",null,null,0),e,{length:-e.length},t)}function It(){return O}function jt(){return O=B>0?$(Q,--B):0,Z--,O===10&&(Z=1,ge--),O}function U(){return O=B<He?$(Q,B++):0,Z++,O===10&&(Z=1,ge++),O}function q(){return $(Q,B)}function be(){return B}function le(e,t){return se(Q,e,t)}function ue(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 Ge(e){return ge=Z=1,He=Y(Q=e),B=0,[]}function Xe(e){return Q="",e}function xe(e){return qe(le(B-1,Oe(e===91?e+2:e===40?e+1:e)))}function Lt(e){for(;(O=q())&&O<33;)U();return ue(e)>2||ue(O)>3?"":" "}function $t(e,t){for(;--t&&U()&&!(O<48||O>102||O>57&&O<65||O>70&&O<97););return le(e,be()+(t<6&&q()==32&&U()==32))}function Oe(e){for(;U();)switch(O){case e:return B;case 34:case 39:e!==34&&e!==39&&Oe(O);break;case 40:e===41&&Oe(e);break;case 92:U();break}return B}function Nt(e,t){for(;U()&&e+O!==57;)if(e+O===84&&q()===47)break;return"/*"+le(t,B-1)+"*"+me(e===47?e:U())}function Vt(e){for(;!ue(q());)U();return le(e,B)}function Ft(e){return Xe(Pe("",null,null,null,[""],e=Ge(e),0,[0],e))}function Pe(e,t,r,n,a,i,s,c,d){for(var m=0,l=0,u=s,h=0,E=0,x=0,p=1,y=1,v=1,b=0,A="",j=a,S=i,C=n,f=A;y;)switch(x=b,b=U()){case 40:if(x!=108&&$(f,u-1)==58){Te(f+=k(xe(b),"&","&\f"),"&\f")!=-1&&(v=-1);break}case 34:case 39:case 91:f+=xe(b);break;case 9:case 10:case 13:case 32:f+=Lt(x);break;case 92:f+=$t(be()-1,7);continue;case 47:switch(q()){case 42:case 47:ye(Bt(Nt(U(),be()),t,r),d);break;default:f+="/"}break;case 123*p:c[m++]=Y(f)*v;case 125*p:case 59:case 0:switch(b){case 0:case 125:y=0;case 59+l:v==-1&&(f=k(f,/\f/g,"")),E>0&&Y(f)-u&&ye(E>32?Je(f+";",n,r,u-1):Je(k(f," ","")+";",n,r,u-2),d);break;case 59:f+=";";default:if(ye(C=Ke(f,t,r,m,l,a,c,A,j=[],S=[],u),i),b===123)if(l===0)Pe(f,t,C,C,j,i,u,c,S);else switch(h===99&&$(f,3)===110?100:h){case 100:case 108:case 109:case 115:Pe(e,C,C,n&&ye(Ke(e,C,C,0,0,a,c,A,a,j=[],u),S),a,S,u,c,n?j:S);break;default:Pe(f,C,C,C,[""],S,0,c,S)}}m=l=E=0,p=v=1,A=f="",u=s;break;case 58:u=1+Y(f),E=x;default:if(p<1){if(b==123)--p;else if(b==125&&p++==0&&jt()==125)continue}switch(f+=me(b),b*p){case 38:v=l>0?1:(f+="\f",-1);break;case 44:c[m++]=(Y(f)-1)*v,v=1;break;case 64:q()===45&&(f+=xe(U())),h=q(),l=u=Y(A=f+=Vt(be())),b++;break;case 45:x===45&&Y(f)==2&&(p=0)}}return i}function Ke(e,t,r,n,a,i,s,c,d,m,l){for(var u=a-1,h=a===0?i:[""],E=Re(h),x=0,p=0,y=0;x<n;++x)for(var v=0,b=se(e,u+1,u=At(p=s[x])),A=e;v<E;++v)(A=qe(p>0?h[v]+" "+b:k(b,/&\f/g,h[v])))&&(d[y++]=A);return ve(e,t,r,a===0?Ae:c,d,m,l)}function Bt(e,t,r){return ve(e,t,r,We,me(It()),se(e,2,-2),0)}function Je(e,t,r,n){return ve(e,t,r,Ce,se(e,0,n),se(e,n+1,-1),n)}function ee(e,t){for(var r="",n=Re(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Mt(e,t,r,n){switch(e.type){case St:if(e.children.length)break;case _t:case Ce:return e.return=e.return||e.value;case We:return"";case Ye:return e.return=e.value+"{"+ee(e.children,n)+"}";case Ae:e.value=e.props.join(",")}return Y(r=ee(e.children,n))?e.return=e.value+"{"+r+"}":""}function Dt(e){var t=Re(e);return function(r,n,a,i){for(var s="",c=0;c<t;c++)s+=e[c](r,n,a,i)||"";return s}}function zt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ze(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Ut=function(t,r,n){for(var a=0,i=0;a=i,i=q(),a===38&&i===12&&(r[n]=1),!ue(i);)U();return le(t,B)},Wt=function(t,r){var n=-1,a=44;do switch(ue(a)){case 0:a===38&&q()===12&&(r[n]=1),t[n]+=Ut(B-1,r,n);break;case 2:t[n]+=xe(a);break;case 4:if(a===44){t[++n]=q()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=me(a)}while(a=U());return t},Yt=function(t,r){return Xe(Wt(Ge(t),r))},Qe=new WeakMap,qt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!Qe.get(n))&&!a){Qe.set(t,!0);for(var i=[],s=Yt(r,i),c=n.props,d=0,m=0;d<s.length;d++)for(var l=0;l<c.length;l++,m++)t.props[m]=i[d]?s[d].replace(/&\f/g,c[l]):c[l]+" "+s[d]}}},Ht=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function et(e,t){switch(Tt(e,t)){case 5103:return w+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return w+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return w+e+he+e+V+e+e;case 6828:case 4268:return w+e+V+e+e;case 6165:return w+e+V+"flex-"+e+e;case 5187:return w+e+k(e,/(\w+).+(:[^]+)/,w+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return w+e+V+"flex-item-"+k(e,/flex-|-self/,"")+e;case 4675:return w+e+V+"flex-line-pack"+k(e,/align-content|flex-|-self/,"")+e;case 5548:return w+e+V+k(e,"shrink","negative")+e;case 5292:return w+e+V+k(e,"basis","preferred-size")+e;case 6060:return w+"box-"+k(e,"-grow","")+w+e+V+k(e,"grow","positive")+e;case 4554:return w+k(e,/([^-])(transform)/g,"$1"+w+"$2")+e;case 6187:return k(k(k(e,/(zoom-|grab)/,w+"$1"),/(image-set)/,w+"$1"),e,"")+e;case 5495:case 3959:return k(e,/(image-set\([^]*)/,w+"$1$`$1");case 4968:return k(k(e,/(.+:)(flex-)?(.*)/,w+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+w+e+e;case 4095:case 3583:case 4068:case 2532:return k(e,/(.+)-inline(.+)/,w+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Y(e)-1-t>6)switch($(e,t+1)){case 109:if($(e,t+4)!==45)break;case 102:return k(e,/(.+:)(.+)-([^]+)/,"$1"+w+"$2-$3$1"+he+($(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Te(e,"stretch")?et(k(e,"stretch","fill-available"),t)+e:e}break;case 4949:if($(e,t+1)!==115)break;case 6444:switch($(e,Y(e)-3-(~Te(e,"!important")&&10))){case 107:return k(e,":",":"+w)+e;case 101:return k(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+w+($(e,14)===45?"inline-":"")+"box$3$1"+w+"$2$3$1"+V+"$2box$3")+e}break;case 5936:switch($(e,t+11)){case 114:return w+e+V+k(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return w+e+V+k(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return w+e+V+k(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return w+e+V+e+e}return e}var Gt=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case Ce:t.return=et(t.value,t.length);break;case Ye:return ee([ce(t,{value:k(t.value,"@","@"+w)})],a);case Ae:if(t.length)return Ot(t.props,function(i){switch(Rt(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ee([ce(t,{props:[k(i,/:(read-\w+)/,":"+he+"$1")]})],a);case"::placeholder":return ee([ce(t,{props:[k(i,/:(plac\w+)/,":"+w+"input-$1")]}),ce(t,{props:[k(i,/:(plac\w+)/,":"+he+"$1")]}),ce(t,{props:[k(i,/:(plac\w+)/,V+"input-$1")]})],a)}return""})}},Xt=[Gt],Kt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(p){var y=p.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=t.stylisPlugins||Xt,i={},s,c=[];s=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(p){for(var y=p.getAttribute("data-emotion").split(" "),v=1;v<y.length;v++)i[y[v]]=!0;c.push(p)});var d,m=[qt,Ht];{var l,u=[Mt,zt(function(p){l.insert(p)})],h=Dt(m.concat(a,u)),E=function(y){return ee(Ft(y),h)};d=function(y,v,b,A){l=b,E(y?y+"{"+v.styles+"}":v.styles),A&&(x.inserted[v.name]=!0)}}var x={key:r,sheet:new Et({key:r,container:s,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:d};return x.sheet.hydrate(c),x},Jt=!0;function Zt(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var tt=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||Jt===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},Qt=function(t,r,n){tt(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function er(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var tr={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},rr=/[A-Z]|^ms/g,nr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,rt=function(t){return t.charCodeAt(1)===45},nt=function(t){return t!=null&&typeof t!="boolean"},Ie=Ze(function(e){return rt(e)?e:e.replace(rr,"-$&").toLowerCase()}),at=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(nr,function(n,a,i){return H={name:a,styles:i,next:H},a})}return tr[t]!==1&&!rt(t)&&typeof r=="number"&&r!==0?r+"px":r};function de(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return H={name:a.name,styles:a.styles,next:H},a.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)H={name:s.name,styles:s.styles,next:H},s=s.next;var c=i.styles+";";return c}return ar(e,t,r)}case"function":{if(e!==void 0){var d=H,m=r(e);return H=d,de(e,t,m)}break}}var l=r;if(t==null)return l;var u=t[l];return u!==void 0?u:l}function ar(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=de(e,t,r[a])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var c=s;t!=null&&t[c]!==void 0?n+=i+"{"+t[c]+"}":nt(c)&&(n+=Ie(i)+":"+at(i,c)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(t==null||t[s[0]]===void 0))for(var d=0;d<s.length;d++)nt(s[d])&&(n+=Ie(i)+":"+at(i,s[d])+";");else{var m=de(e,t,s);switch(i){case"animation":case"animationName":{n+=Ie(i)+":"+m+";";break}default:n+=i+"{"+m+"}"}}}return n}var it=/label:\s*([^\s;{]+)\s*(;|$)/g,H;function ir(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";H=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=de(r,t,i);else{var s=i;a+=s[0]}for(var c=1;c<e.length;c++)if(a+=de(r,t,e[c]),n){var d=i;a+=d[c]}it.lastIndex=0;for(var m="",l;(l=it.exec(a))!==null;)m+="-"+l[1];var u=er(a)+m;return{name:u,styles:a,next:H}}var or=function(t){return t()},sr=X.useInsertionEffect?X.useInsertionEffect:!1,cr=sr||or,ot=X.createContext(typeof HTMLElement<"u"?Kt({key:"css"}):null);ot.Provider;var lr=function(t){return P.forwardRef(function(r,n){var a=P.useContext(ot);return t(r,a,n)})},ur=X.createContext({}),dr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,fr=Ze(function(e){return dr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),pr=fr,hr=function(t){return t!=="theme"},st=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?pr:hr},ct=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(s){return t.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},mr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return tt(r,n,a),cr(function(){return Qt(r,n,a)}),null},yr=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,s;r!==void 0&&(i=r.label,s=r.target);var c=ct(t,r,n),d=c||st(a),m=!d("as");return function(){var l=arguments,u=n&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(i!==void 0&&u.push("label:"+i+";"),l[0]==null||l[0].raw===void 0)u.push.apply(u,l);else{var h=l[0];u.push(h[0]);for(var E=l.length,x=1;x<E;x++)u.push(l[x],h[x])}var p=lr(function(y,v,b){var A=m&&y.as||a,j="",S=[],C=y;if(y.theme==null){C={};for(var f in y)C[f]=y[f];C.theme=X.useContext(ur)}typeof y.className=="string"?j=Zt(v.registered,S,y.className):y.className!=null&&(j=y.className+" ");var I=ir(u.concat(S),v.registered,C);j+=v.key+"-"+I.name,s!==void 0&&(j+=" "+s);var M=m&&c===void 0?st(A):d,N={};for(var D in y)m&&D==="as"||M(D)&&(N[D]=y[D]);return N.className=j,b&&(N.ref=b),X.createElement(X.Fragment,null,X.createElement(mr,{cache:v,serialized:I,isStringTag:typeof A=="string"}),X.createElement(A,N))});return p.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",p.defaultProps=t.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=u,p.__emotion_forwardProp=c,Object.defineProperty(p,"toString",{value:function(){return"."+s}}),p.withComponent=function(y,v){var b=e(y,Se({},r,v,{shouldForwardProp:ct(p,v,!0)}));return b.apply(void 0,u)},p}},gr=["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=yr.bind(null);gr.forEach(function(e){te[e]=te(e)});const vr=te.div`
|
|
23
23
|
display: flex;
|
|
24
24
|
align-items: center;
|
|
25
25
|
justify-content: center;
|
|
@@ -47,7 +47,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
47
47
|
background-color: rgba(255, 165, 0, 0.1);
|
|
48
48
|
border: 1px solid orange;
|
|
49
49
|
`;default:return""}}}
|
|
50
|
-
`,
|
|
50
|
+
`,je=({type:e,children:t,className:r,icon:n,action:a})=>L.jsxs(vr,{type:e,className:r,children:[n&&L.jsx("span",{children:n}),L.jsx("span",{children:t}),a&&L.jsx("span",{children:a})]}),Le=te.div`
|
|
51
51
|
width: ${({width:e})=>e||"100%"};
|
|
52
52
|
height: ${({height:e})=>e||"100%"};
|
|
53
53
|
border-radius: 8px;
|
|
@@ -56,8 +56,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
56
56
|
z-index: 1002;
|
|
57
57
|
|
|
58
58
|
/* Hide specific elements inside the player */
|
|
59
|
-
${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(
|
|
60
|
-
`,
|
|
59
|
+
${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(t=>`.${t} { display: none !important; }`).join("")}
|
|
60
|
+
`,lt=te.div`
|
|
61
61
|
position: fixed;
|
|
62
62
|
top: 0;
|
|
63
63
|
left: 0;
|
|
@@ -69,7 +69,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
69
69
|
align-items: center;
|
|
70
70
|
z-index: 1000;
|
|
71
71
|
pointer-events: auto;
|
|
72
|
-
`,
|
|
72
|
+
`,ut=te.div`
|
|
73
73
|
position: relative;
|
|
74
74
|
width: 100%; /* Default for mobile */
|
|
75
75
|
max-width: 100%;
|
|
@@ -81,4 +81,4 @@ React keys must be passed directly to JSX without using spread:
|
|
|
81
81
|
@media (min-width: 768px) {
|
|
82
82
|
width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
|
|
83
83
|
}
|
|
84
|
-
`,pt=(e,r)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`,ht=(e,r)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${r}/videos`,mt=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,Re=(e,r)=>`vp-player-${e||"default"}-${r||""}`,Oe=new Map,yt=(e,r)=>{const[t,n]=w.useState(!1),[a,i]=w.useState(null);return w.useEffect(()=>{let c=null,s,f=0;const h=3;let l;try{l=r||mt(e||"latest")}catch(E){const x=E instanceof Error?E.message:String(E);i(`Failed to resolve script URL: ${x}`),n(!1);return}if(Oe.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){Oe.set(l,!0),n(!0),i(null);return}const m=()=>{c=document.createElement("script"),c.src=l,c.async=!0,s=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),c.onload=()=>{clearTimeout(s),Oe.set(l,!0),n(!0),i(null)},c.onerror=()=>{clearTimeout(s),f++,f<h?setTimeout(m,1e3*f):(n(!1),i(`Failed to load VP Player script after ${h} attempts: ${l}`))},document.body.appendChild(c)};return m(),()=>{clearTimeout(s),c&&document.body.contains(c)&&document.body.removeChild(c)}},[e,r]),{isLoaded:t,error:a}},ir={},we=new Map,gt=7e3,Ie=3,bt=({projectId:e,videoId:r,playlistId:t,videoUrl:n,apiKey:a})=>{const[i,c]=w.useState(null),[s,f]=w.useState(null),[h,l]=w.useState(!1),[u,m]=w.useState(null),E=a||(typeof ir<"u"?ir.VITE_VP_API_KEY:void 0);return w.useEffect(()=>{const x=r?`video:${r}`:t?`playlist:${t}`:null;if(!e||n||!r&&!t){c(n||null),f(null),l(!1),m(null);return}if(!E){l(!1),m("No API key provided");return}if(x&&we.has(x)){const v=we.get(x);c(v.url),f(v.playlist),l(!1),m(null);return}const p=new AbortController,y=p.signal;return(async()=>{var T,R;l(!0),m(null);let v=0;for(;v<Ie;)try{const S=r&&!t?pt(e,r):ht(e,t),C=setTimeout(()=>p.abort(),gt),d=await fetch(S,{method:"GET",headers:{"api-key":E,Accept:"application/json"},signal:y});if(clearTimeout(C),!d.ok)throw new Error(`Fetch failed with status ${d.status}`);const I=await d.json();if(r&&!t){const z=(R=(T=I.result)==null?void 0:T.items)==null?void 0:R.find($=>$.mediaId===r);if(!(z!=null&&z.playbackUrl))throw new Error("Invalid video data");c(z.playbackUrl),f(null),x&&we.set(x,{url:z.playbackUrl,playlist:null})}else{if(!Array.isArray(I.result))throw new Error("Invalid playlist format");f(I.result),c(null),x&&we.set(x,{url:null,playlist:I.result})}break}catch(S){if(y.aborted){m("Request timed out");break}if(v++,v>=Ie){const C=S instanceof Error?S.message:String(S);m(`Failed after ${Ie} attempts: ${C}`)}}l(!1)})(),()=>{p.abort()}},[E,e,r,t,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:s,isLoading:h,error:u}},vt={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}}},xt=({videoUrl:e,fetchedPlaybackUrl:r,fetchedPlaylist:t,projectId:n,config:a={}})=>{var h,l,u;const i={...vt,...a},c={...i.config,...a.config};if(e)return{...i,video:{...i.video,file:e,playlist:void 0},config:c};if(r)return{...i,video:{...i.video,file:r,playlist:void 0},config:c};if(t&&t.length>0)return{...i,projectId:n||"vp-player-projectId",video:{...i.video,file:((h=t[0])==null?void 0:h.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:0,videos:t.map((m,E)=>({videoId:String(E),title:m.title,file:m.hlsUrl,thumbnailUrl:m.thumbnailUrl,duration:m.duration}))}},config:c};const s=((l=a==null?void 0:a.video)==null?void 0:l.playlist)||i.video.playlist,f=(u=a==null?void 0:a.video)==null?void 0:u.file;if(f)return{...i,video:{...i.video,file:f,playlist:void 0},config:c};if(s!=null&&s.videos&&s.videos.length>0){const m=s.videos[s.playlistVideoIndex||0];return{...i,video:{...i.video,file:(m==null?void 0:m.file)||"",playlist:{...s,state:s.state??!0,playlistVideoIndex:s.playlistVideoIndex??0,videos:s.videos}},config:{...i.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},wt=e=>{if(!e)return;const r=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,t=e.match(r);return t?t[2]:void 0},Pt=({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s={},apiKey:f,isReels:h=!1})=>{const l=w.useRef(null),u=w.useRef(null),{isLoaded:m,error:E}=yt(t,c),x=r||wt(c),[p,y]=w.useState(null),{fetchedPlaybackUrl:b,fetchedPlaylist:v,isLoading:T,error:R}=bt({projectId:a,videoId:x,playlistId:i,videoUrl:n,apiKey:f}),S=Re(e,x),C=w.useMemo(()=>{var d;return{...s,config:{...s.config,autostartOnLoad:{state:h,onMobile:!0,onData:!0},muted:!1,size:h?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:((d=s.config)==null?void 0:d.size)||{sizeType:"FIXED",width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!0,bigPlayButton:!0,autopausePlayButton:!0,pictureInPictureButton:!0,relatedButton:!1,volumeButton:!0,shareButton:!0},socialMedia:["FACEBOOK","LINKEDIN","REDDIT","TWITTER","PINTEREST"],skin:{controlBar:{background:"rgba(0, 0, 0, 0.3)",text:"#FFFFFF",icons:{default:"#FFFFFF",hover:"#CC0000"},timeslider:{progress:"#CC0000",rail:"#808080",buffer:"#E2E2E2",dragger:"#CC0000"}}},settings:{quality:"Quality",subtitles:"Subtitles",autoplay:"Autoplay",playbackRate:"Speed",auto:"Auto",off:"Off",normal:"Normal",share:"Share Video"}}}},[s,h]);return w.useEffect(()=>{if(E){y(E);return}},[E]),w.useEffect(()=>{if(!m||!l.current||T&&!n)return;let d=!0;const z=setTimeout(async()=>{try{if(window.vpPlayer&&document.querySelectorAll('[id*="player"]').forEach(K=>{const fe=K.id;try{const J=window.vpPlayer(fe);J&&J.destroy&&J.destroy()}catch(J){console.warn(`Failed to destroy existing player ${fe}:`,J)}}),await new Promise(B=>setTimeout(B,100)),!d||!l.current)return;if(!document.getElementById(S)){y("DOM element not found after cleanup.");return}if(!window.vpPlayer){y("VP Player script not loaded.");return}const L=xt({videoUrl:n,fetchedPlaybackUrl:b,fetchedPlaylist:v,projectId:a,config:C}),G=window.vpPlayer(S);if(!G){y("Failed to create VP Player instance.");return}d&&l.current&&(G.setup(L),u.current=G,y(null))}catch($){if(d){const L=$ instanceof Error?$.message:String($);y(L),console.error("VP Player initialization error:",$)}}},150);return()=>{d=!1,clearTimeout(z)}},[m,T,n,b,v,a,C,S]),w.useEffect(()=>()=>{if(u.current){try{u.current.destroy&&u.current.destroy()}catch(I){console.warn(`Failed to destroy player ${S}:`,I)}u.current=null}const d=document.getElementById(S);d&&(d.innerHTML="")},[S]),{playerRef:l,playerInstanceRef:u,isScriptLoaded:m,isLoading:T,error:R||p||E}},kt=({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s={},apiKey:f,isReels:h=!1,hiddenClasses:l=[],onClose:u,className:m})=>{var z,$,L,G;const{playerRef:E,playerInstanceRef:x,isScriptLoaded:p,isLoading:y,error:b}=Pt({playerId:e,videoId:r,version:t,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s,apiKey:f,isReels:h}),[v,T]=w.useState(!0),R=()=>h&&T(!0),S=()=>{var B,K;T(!1),(K=(B=x.current)==null?void 0:B.play)==null||K.call(B),u==null||u()},C=($=(z=s==null?void 0:s.config)==null?void 0:z.size)!=null&&$.width?typeof s.config.size.width=="number"?`${s.config.size.width}px`:s.config.size.width:void 0,d=(G=(L=s==null?void 0:s.config)==null?void 0:L.size)!=null&&G.height?typeof s.config.size.height=="number"?`${s.config.size.height}px`:s.config.size.height:void 0,I=Re(e,r);return b?O.jsxs(Ae,{type:"error",children:["An error occurred: ",b]}):y||!p?O.jsx(Ae,{type:"loading",children:"Loading..."}):O.jsxs(O.Fragment,{children:[h&&!v?O.jsx("div",{onClick:R}):null,!h&&O.jsx("div",{children:O.jsx(ar,{id:I,ref:E,width:C||"100%",height:d||"auto",$hiddenClasses:l,className:m})},I),h&&v&&O.jsx(ft,{onClick:S,className:m,children:O.jsx(dt,{className:m,onClick:B=>B.stopPropagation(),children:O.jsx("div",{children:O.jsx(ar,{id:I,ref:E,width:"100%",height:"auto",$hiddenClasses:l,className:m})},I)})})]})},or=w.createContext(void 0),Et=({children:e})=>{const[r,t]=w.useState(!1),[n,a]=w.useState(null),[i,c]=w.useState(null),s=w.useCallback(l=>{try{const u=Re(l.playerId,l.videoId);a({...l,playerId:u}),t(!0),c(null)}catch{c("Failed to show player.")}},[]),f=w.useCallback(()=>{t(!1),a(null),c(null)},[]),h=w.useMemo(()=>({showPlayer:s,hidePlayer:f,isPlayerVisible:r,playerParams:n}),[s,f,r,n]);return O.jsxs(or.Provider,{value:h,children:[e,i&&O.jsx(Ae,{type:"error",children:i}),r&&(n==null?void 0:n.playerId)&&O.jsx(kt,{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||[],apiKey:n.apiKey,className:n.className})]})},St=()=>{const e=w.useContext(or);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e};X.VPPlayerProvider=Et,X.useVPPlayer=St,Object.defineProperty(X,Symbol.toStringTag,{value:"Module"})});
|
|
84
|
+
`,br=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,xr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,Pr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,$e=(e,t)=>`vp-player-${e||"default"}-${t||""}`,Ne=new Map,dt=(e,t)=>{const[r,n]=P.useState(!1),[a,i]=P.useState(null);return P.useEffect(()=>{let s=null,c,d=0;const m=3;let l;try{l=t||Pr(e||"latest")}catch(E){const x=E instanceof Error?E.message:String(E);i(`Failed to resolve script URL: ${x}`),n(!1);return}if(Ne.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){Ne.set(l,!0),n(!0),i(null);return}const h=()=>{s=document.createElement("script"),s.src=l,s.async=!0,c=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),s.onload=()=>{clearTimeout(c),Ne.set(l,!0),n(!0),i(null)},s.onerror=()=>{clearTimeout(c),d++,d<m?setTimeout(h,1e3*d):(n(!1),i(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return h(),()=>{clearTimeout(c),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,t]),{isLoaded:r,error:a}},wr={},we=new Map,kr=15e3,Ve=5,ft=({projectId:e,videoId:t,playlistId:r,videoUrl:n,apiKey:a})=>{const[i,s]=P.useState(null),[c,d]=P.useState(null),[m,l]=P.useState(!1),[u,h]=P.useState(null),E=a||(typeof wr<"u"?"1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E":void 0);return P.useEffect(()=>{const x=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){s(n||null),d(null),l(!1),h(null);return}if(!E){l(!1),h("No API key provided");return}if(x&&we.has(x)){const b=we.get(x);s(b.url),d(b.playlist),l(!1),h(null);return}const p=new AbortController,y=p.signal;return(async()=>{var A,j;l(!0),h(null);let b=0;for(;b<Ve;)try{const S=t&&!r?br(e,t):xr(e,r),C=setTimeout(()=>p.abort(),kr),f=await fetch(S,{method:"GET",headers:{"api-key":E,Accept:"application/json"},signal:y});if(clearTimeout(C),!f.ok)throw new Error(`Fetch failed with status ${f.status}`);const I=await f.json();if(t&&!r){const M=(j=(A=I.result)==null?void 0:A.items)==null?void 0:j.find(N=>N.mediaId===t);if(!(M!=null&&M.playbackUrl))throw new Error("Invalid video data");s(M.playbackUrl),d(null),x&&we.set(x,{url:M.playbackUrl,playlist:null})}else{if(!Array.isArray(I.result))throw new Error("Invalid playlist format");d(I.result),s(null),x&&we.set(x,{url:null,playlist:I.result})}break}catch(S){if(y.aborted){h("Request timed out");break}if(b++,b>=Ve){const C=S instanceof Error?S.message:String(S);h(`Failed after ${Ve} attempts: ${C}`)}}l(!1)})(),()=>{p.abort()}},[E,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:c,isLoading:m,error:u}},Er={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}}},pt=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={}})=>{var m,l,u;const i={...Er,...a},s={...i.config,...a.config};if(e)return{...i,video:{...i.video,file:e,playlist:void 0},config:s};if(t)return{...i,video:{...i.video,file:t,playlist:void 0},config:s};if(r&&r.length>0)return{...i,projectId:n||"vp-player-projectId",video:{...i.video,file:((m=r[0])==null?void 0:m.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:0,videos:r.map((h,E)=>({videoId:String(E),title:h.title,file:h.hlsUrl,thumbnailUrl:h.thumbnailUrl,duration:h.duration}))}},config:s};const c=((l=a==null?void 0:a.video)==null?void 0:l.playlist)||i.video.playlist,d=(u=a==null?void 0:a.video)==null?void 0:u.file;if(d)return{...i,video:{...i.video,file:d,playlist:void 0},config:s};if(c!=null&&c.videos&&c.videos.length>0){const h=c.videos[c.playlistVideoIndex||0];return{...i,video:{...i.video,file:(h==null?void 0:h.file)||"",playlist:{...c,state:c.state??!0,playlistVideoIndex:c.playlistVideoIndex??0,videos:c.videos}},config:{...i.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},ht=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},mt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:d,isReels:m=!1})=>{const l=P.useRef(null),u=P.useRef(null),{isLoaded:h,error:E}=dt(r,s),x=t||ht(s),[p,y]=P.useState(null),{fetchedPlaybackUrl:v,fetchedPlaylist:b,isLoading:A,error:j}=ft({projectId:a,videoId:x,playlistId:i,videoUrl:n,apiKey:d}),S=$e(e,x),C=P.useMemo(()=>{const f=c.config||{},I=m&&!f.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:f.size||{sizeType:"FIXED",width:"100%"};return{...c,config:{...f,size:I}}},[c,m]);return P.useEffect(()=>{if(E){y(E);return}if(!h||A&&!n)return;let f=!0;const M=setTimeout(async()=>{try{if(document.querySelectorAll('[id*="player"]').forEach(_e=>{var o,g,T;const ne=_e.id;try{const R=window,z=((o=R.vpPlayer)==null?void 0:o.call(R,ne))||((g=R.vpVerticalPlayer)==null?void 0:g.call(R,ne));(T=z==null?void 0:z.destroy)==null||T.call(z)}catch(R){console.warn(`Failed to destroy existing player ${ne}:`,R)}}),await new Promise(fe=>setTimeout(fe,100)),!f||!l.current)return;if(!document.getElementById(S)){y("DOM element not found after cleanup.");return}const K=s==null?void 0:s.includes("vertical-player"),W=window;if(!W.vpPlayer&&!W.vpVerticalPlayer){y("VP Player script not loaded.");return}const J=K?W.vpVerticalPlayer:W.vpPlayer;if(!J){y(`VP ${K?"Vertical ":""}Player script not loaded.`);return}const Ee=pt({videoUrl:n,fetchedPlaybackUrl:v,fetchedPlaylist:b,projectId:a,config:C}),re=J(S);if(!re){y(`Failed to create VP ${K?"Vertical ":""}Player instance.`);return}f&&l.current&&(re.setup(Ee),u.current=re,y(null))}catch(N){if(f){const D=N instanceof Error?N.message:String(N);y(D),console.error("VP Player initialization error:",N)}}},150);return()=>{f=!1,clearTimeout(M)}},[h,A,n,v,b,a,C,S,E,s]),P.useEffect(()=>()=>{if(u.current){try{u.current.destroy&&u.current.destroy()}catch(I){console.warn(`Failed to destroy player ${S}:`,I)}u.current=null}const f=document.getElementById(S);f&&(f.innerHTML="")},[S]),{playerRef:l,playerInstanceRef:u,isScriptLoaded:h,isLoading:A,error:j||p||E}},yt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:d,isReels:m=!1,hiddenClasses:l=[],onClose:u,className:h})=>{var M,N,D,K;const{playerRef:E,playerInstanceRef:x,isScriptLoaded:p,isLoading:y,error:v}=mt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c,apiKey:d,isReels:m}),[b,A]=P.useState(!0),j=()=>m&&A(!0),S=()=>{var W,J;A(!1),(J=(W=x.current)==null?void 0:W.play)==null||J.call(W),u==null||u()},C=(N=(M=c==null?void 0:c.config)==null?void 0:M.size)!=null&&N.width?typeof c.config.size.width=="number"?`${c.config.size.width}px`:c.config.size.width:void 0,f=(K=(D=c==null?void 0:c.config)==null?void 0:D.size)!=null&&K.height?typeof c.config.size.height=="number"?`${c.config.size.height}px`:c.config.size.height:void 0,I=$e(e,t);return v?L.jsxs(je,{type:"error",children:["An error occurred: ",v]}):y||!p?L.jsx(je,{type:"loading",children:"Loading..."}):L.jsxs(L.Fragment,{children:[m&&!b?L.jsx("div",{onClick:j}):null,!m&&L.jsx("div",{children:L.jsx(Le,{id:I,ref:E,width:C||"100%",height:f||"auto",$hiddenClasses:l,className:h})},I),m&&b&&L.jsx(lt,{onClick:S,className:h,children:L.jsx(ut,{className:h,onClick:W=>W.stopPropagation(),children:L.jsx("div",{children:L.jsx(Le,{id:I,ref:E,width:"100%",height:"auto",$hiddenClasses:l,className:h})},I)})})]})},gt=P.createContext(void 0),_r=({children:e})=>{const[t,r]=P.useState(!1),[n,a]=P.useState(null),[i,s]=P.useState(null),c=P.useCallback(l=>{try{const u=$e(l.playerId,l.videoId);a({...l,playerId:u}),r(!0),s(null)}catch{s("Failed to show player.")}},[]),d=P.useCallback(()=>{r(!1),a(null),s(null)},[]),m=P.useMemo(()=>({showPlayer:c,hidePlayer:d,isPlayerVisible:t,playerParams:n}),[c,d,t,n]);return L.jsxs(gt.Provider,{value:m,children:[e,i&&L.jsx(je,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&L.jsx(yt,{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:d,hiddenClasses:n.hiddenClasses||[],apiKey:n.apiKey,className:n.className})]})},Sr=()=>{const e=P.useContext(gt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ar={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}}},Cr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Tr={config:{autoplay:!0,muted:!0}},ke={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rr=(e,t,r="time",n=0)=>{var a;return{...ke,video:{...ke.video,ads:{...(a=ke.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Ir="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",jr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",Lr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",$r="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=",Nr="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";_.AD_TAG_LINEAR_URL=$r,_.AD_TAG_SKIPPABLE_LINEAR_URL=Nr,_.BIG_BUCK_BUNNY_URL=Or,_.ELEPHANTS_DREAM_URL=Ir,_.Overlay=lt,_.PEXELS_THUMBNAIL_URL=Lr,_.PEXELS_VERTICAL_VIDEO_URL=jr,_.PlayerContainer=Le,_.PlayerWrapper=ut,_.VPPlayer=yt,_.VPPlayerProvider=_r,_.baseConfig=Cr,_.baseConfigWithAds=ke,_.baseConfigWithAutoplay=Tr,_.buildVPPlayerConfig=pt,_.defaultVPPlayerConfig=Ar,_.extractVideoId=ht,_.getAdConfig=Rr,_.useVPPlayer=Sr,_.useVPPlayerLogic=mt,_.useVPPlayerScript=dt,_.useVideoData=ft,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
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 '@/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 "@/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,11 +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 API key and project ID for Storybook.
|
|
8
|
-
*/
|
|
9
|
-
export declare const DEFAULT_API_KEY: any;
|
|
10
|
-
export declare const DEFAULT_PLAYLIST_ID = "lzxikggu";
|
|
11
|
-
export declare const DEFAULT_PROJECT_ID = "agmipnxc";
|
|
@@ -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,29 +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
|
-
* Generates the URL for fetching a playlist by projectId and playlistId.
|
|
10
|
-
* @param {string} projectId - The project ID.
|
|
11
|
-
* @param {string} playlistId - The playlist ID.
|
|
12
|
-
* @returns {string} - The complete API URL for playlist fetch.
|
|
13
|
-
*/
|
|
14
|
-
export declare const getPlaylistUrl: (projectId: string, playlistId: string) => string;
|
|
15
|
-
/**
|
|
16
|
-
* Generates the URL for loading the VP Player script by version.
|
|
17
|
-
* @param {string} playerVersion - The version of the VP Player script (e.g., 'latest', 'v2.1.1').
|
|
18
|
-
* @returns {string} - The complete URL for the player script.
|
|
19
|
-
*/
|
|
20
|
-
export declare const getPlayerScriptUrl: (playerVersion: string) => string;
|
|
21
|
-
/**
|
|
22
|
-
* Generates a full player DOM element ID based on provided playerId and videoId.
|
|
23
|
-
* Falls back to "default" if playerId is not provided.
|
|
24
|
-
*
|
|
25
|
-
* @param playerId - Base identifier for the player.
|
|
26
|
-
* @param videoId - Optional video identifier.
|
|
27
|
-
* @returns Full DOM element ID string.
|
|
28
|
-
*/
|
|
29
|
-
export declare const generatePlayerId: (playerId?: string, videoId?: string) => string;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { VPPlayerProps } from "@/interfaces";
|
|
3
|
-
/**
|
|
4
|
-
* Interface defining the parameters for initializing the VPPlayer.
|
|
5
|
-
*
|
|
6
|
-
* @interface PlayerParams
|
|
7
|
-
*/
|
|
8
|
-
interface PlayerParams {
|
|
9
|
-
playerId?: string;
|
|
10
|
-
videoId?: string;
|
|
11
|
-
projectId?: string;
|
|
12
|
-
videoUrl?: string;
|
|
13
|
-
playlistId?: string;
|
|
14
|
-
scriptUrl?: string;
|
|
15
|
-
version?: string | null;
|
|
16
|
-
config?: VPPlayerProps["config"];
|
|
17
|
-
thumbnailUrl?: string;
|
|
18
|
-
isReels?: boolean;
|
|
19
|
-
hiddenClasses?: string[];
|
|
20
|
-
apiKey?: string;
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Interface defining the context for VPPlayer.
|
|
25
|
-
*
|
|
26
|
-
* @interface VPPlayerContextType
|
|
27
|
-
*/
|
|
28
|
-
interface VPPlayerContextType {
|
|
29
|
-
showPlayer: (params: PlayerParams) => void;
|
|
30
|
-
hidePlayer: () => void;
|
|
31
|
-
isPlayerVisible: boolean;
|
|
32
|
-
playerParams: PlayerParams | null;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* VPPlayerProvider component provides context for managing the VPPlayer state.
|
|
36
|
-
*
|
|
37
|
-
* @function
|
|
38
|
-
* @param {Object} props - The component props.
|
|
39
|
-
* @param {React.ReactNode} props.children - The child components.
|
|
40
|
-
* @returns {JSX.Element} The provider component for VPPlayer.
|
|
41
|
-
*/
|
|
42
|
-
export declare const VPPlayerProvider: React.FC<{
|
|
43
|
-
children: React.ReactNode;
|
|
44
|
-
}>;
|
|
45
|
-
/**
|
|
46
|
-
* Hook for accessing the VPPlayer context.
|
|
47
|
-
*
|
|
48
|
-
* @function
|
|
49
|
-
* @throws {Error} If used outside of the VPPlayerProvider.
|
|
50
|
-
* @returns {VPPlayerContextType} The VPPlayer context.
|
|
51
|
-
*/
|
|
52
|
-
export declare const useVPPlayer: () => VPPlayerContextType;
|
|
53
|
-
export {};
|
package/dist/contexts/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./VPPlayerContext";
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { VPPlayerProps } from "@/interfaces";
|
|
2
|
-
/**
|
|
3
|
-
* Video Player Component for rendering a video player with overlay and responsive behavior.
|
|
4
|
-
* Handles initialization of the player and displays loading/error states.
|
|
5
|
-
*
|
|
6
|
-
* @function
|
|
7
|
-
* @param {VPPlayerProps} props - The properties for configuring the video player.
|
|
8
|
-
* @param {string} props.playerId - Unique identifier for the player instance.
|
|
9
|
-
* @param {string} [props.videoId] - ID of the video to be played.
|
|
10
|
-
* @param {string} [props.version] - Version of the player.
|
|
11
|
-
* @param {string} [props.videoUrl] - Direct video URL (bypasses API calls).
|
|
12
|
-
* @param {string} [props.projectId] - Project ID associated with the video.
|
|
13
|
-
* @param {string} [props.playlistId] - Playlist ID if playing a collection of videos.
|
|
14
|
-
* @param {string} [props.scriptUrl] - URL of the video player script.
|
|
15
|
-
* @param {object} [props.config={}] - Configuration settings for the player.
|
|
16
|
-
* @param {string} [props.apiKey] - API key for authentication (if required).
|
|
17
|
-
* @param {boolean} [props.isReels=false] - Determines if the player should behave as a short-video reel.
|
|
18
|
-
* @param {string[]} [props.hiddenClasses=[]] - CSS classes to hide player elements.
|
|
19
|
-
* @param {function} [props.onClose] - Callback triggered when the player is closed.
|
|
20
|
-
* @param {boolean} [props.isPlayerVisible=false] - Controls the initial visibility of the player.
|
|
21
|
-
* @param {string} [props.className] - CSS class name for additional styling.
|
|
22
|
-
* @returns {JSX.Element} The rendered video player component.
|
|
23
|
-
*/
|
|
24
|
-
declare const VPPlayer: ({ playerId, videoId, version, videoUrl, projectId, playlistId, scriptUrl, config, apiKey, isReels, hiddenClasses, onClose, className, }: VPPlayerProps & {
|
|
25
|
-
className?: string;
|
|
26
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
export default VPPlayer;
|
package/dist/features/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as VPPlayer } from './VPPlayer';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { VPPlayer } from "@/components/VPPlayer";
|
|
3
|
-
declare const meta: Meta<typeof VPPlayer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof VPPlayer>;
|
|
6
|
-
export declare const SingleVideoOnePrerollAd: Story;
|
|
7
|
-
export declare const SingleVideoOnePostrollAd: Story;
|
|
8
|
-
export declare const SingleVideoMultiplePrerollAds: Story;
|
|
9
|
-
export declare const PlaylistOnePrerollEveryAd: Story;
|
|
10
|
-
export declare const PlaylistOneMidrollAd: Story;
|
|
11
|
-
export declare const PlaylistOnePostrollAddEveryVideo: Story;
|
|
12
|
-
export declare const PlaylistMultiplePrerollAdsEveryVideo: Story;
|
|
13
|
-
export declare const PlaylistMultipleMidrollAds: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { VPPlayer } from "@/components/VPPlayer";
|
|
3
|
-
declare const meta: Meta<typeof VPPlayer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof VPPlayer>;
|
|
6
|
-
export declare const NoControlsSingleVideo: Story;
|
|
7
|
-
export declare const IsReelsWithContextPlaylistHiddenElements: Story;
|
|
8
|
-
export declare const IsReelsWithContextModalCentered: Story;
|
|
9
|
-
export declare const ContextWrapperModal: Story;
|
|
10
|
-
export declare const ContextCustomizedPortalPlayer: Story;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { VPPlayer } from "@/components/VPPlayer";
|
|
3
|
-
declare const meta: Meta<typeof VPPlayer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof VPPlayer>;
|
|
6
|
-
export declare const SingleVideoProvidedFile: Story;
|
|
7
|
-
export declare const SingleVideoAPI: Story;
|
|
8
|
-
export declare const PlaylistProvided: Story;
|
|
9
|
-
export declare const PlaylistAPI: Story;
|
|
10
|
-
export declare const HorizontalPlayback: Story;
|
|
11
|
-
export declare const VerticalPlayback: Story;
|
|
12
|
-
export declare const VerticalPlaylistPlayback: Story;
|
|
13
|
-
export declare const FloatingVideo: Story;
|
|
14
|
-
export declare const MultiplePlayersSideBySide: Story;
|
|
15
|
-
export declare const MultiplePlayersStacked: Story;
|
package/dist/fixtures/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./playlist";
|