@halibegic/react-video-player 0.0.8 → 0.0.10

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.
Files changed (30) hide show
  1. package/dist/components/icons/start-over-icon.d.ts +2 -0
  2. package/dist/components/{player/live-player → live-player}/live-player-go-live.d.ts +1 -1
  3. package/dist/components/live-player/live-player-start-over.d.ts +2 -0
  4. package/dist/components/player/ui/player-controls.styles.d.ts +7 -11
  5. package/dist/components/player/ui/player-progress.styles.d.ts +4 -4
  6. package/dist/components/player/ui/player-remaining-time.styles.d.ts +5 -9
  7. package/dist/react-video-player.es.js +2255 -983
  8. package/dist/react-video-player.es.js.map +1 -1
  9. package/dist/react-video-player.umd.js +125 -48
  10. package/dist/react-video-player.umd.js.map +1 -1
  11. package/dist/stores/player-store.d.ts +1 -8
  12. package/dist/utils/player.d.ts +1 -1
  13. package/package.json +1 -1
  14. /package/dist/components/{player/ui/icons → icons}/arrow-right-icon.d.ts +0 -0
  15. /package/dist/components/{player/ui/icons → icons}/check-icon.d.ts +0 -0
  16. /package/dist/components/{player/ui/icons → icons}/fullscreen-enter-icon.d.ts +0 -0
  17. /package/dist/components/{player/ui/icons → icons}/fullscreen-exit-icon.d.ts +0 -0
  18. /package/dist/components/{player/ui/icons → icons}/hd-icon.d.ts +0 -0
  19. /package/dist/components/{player/ui/icons → icons}/pause-icon.d.ts +0 -0
  20. /package/dist/components/{player/ui/icons → icons}/play-icon.d.ts +0 -0
  21. /package/dist/components/{player/ui/icons → icons}/volume-max-icon.d.ts +0 -0
  22. /package/dist/components/{player/ui/icons → icons}/volume-min-icon.d.ts +0 -0
  23. /package/dist/components/{player/ui/icons → icons}/volume-mute-icon.d.ts +0 -0
  24. /package/dist/components/{player/live-player → live-player}/live-player-event-check.d.ts +0 -0
  25. /package/dist/components/{player/live-player → live-player}/live-player-playback-indicator.d.ts +0 -0
  26. /package/dist/components/{player/live-player → live-player}/live-player-playback.d.ts +0 -0
  27. /package/dist/components/{player/live-player → live-player}/live-player-progress.d.ts +0 -0
  28. /package/dist/components/{player/live-player → live-player}/live-player-provider.d.ts +0 -0
  29. /package/dist/components/{player/live-player → live-player}/live-player-remaining-time.d.ts +0 -0
  30. /package/dist/components/{player/live-player → live-player}/live-player-tech.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- (function(O,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("zustand"),require("styled-components"),require("@radix-ui/react-slider"),require("hls.js"),require("@radix-ui/react-dropdown-menu")):typeof define=="function"&&define.amd?define(["exports","react","zustand","styled-components","@radix-ui/react-slider","hls.js","@radix-ui/react-dropdown-menu"],c):(O=typeof globalThis<"u"?globalThis:O||self,c(O.ReactVideoPlayer={},O.React,O.zustand,O.styled,O.RadixUISlider,O.Hls,O.RadixUIDropdownMenu))})(this,(function(O,c,le,w,Ot,Z,Ht){"use strict";function ke(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const ce=ke(Ot),re=ke(Ht);var ue={exports:{}},oe={};/**
1
+ (function(Se,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react"),require("zustand"),require("@radix-ui/react-slider"),require("hls.js"),require("@radix-ui/react-dropdown-menu")):typeof define=="function"&&define.amd?define(["exports","react","zustand","@radix-ui/react-slider","hls.js","@radix-ui/react-dropdown-menu"],y):(Se=typeof globalThis<"u"?globalThis:Se||self,y(Se.ReactVideoPlayer={},Se.React,Se.zustand,Se.RadixUISlider,Se.Hls,Se.RadixUIDropdownMenu))})(this,(function(Se,y,Ge,Wr,Le,qr){"use strict";function Rt(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 Xe=Rt(Wr),Be=Rt(qr);function Zr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Je={exports:{}},Ue={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.min.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 Le;function At(){if(Le)return oe;Le=1;var e=c,n=Symbol.for("react.element"),r=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function p(h,a,f){var v,x={},L=null,R=null;f!==void 0&&(L=""+f),a.key!==void 0&&(L=""+a.key),a.ref!==void 0&&(R=a.ref);for(v in a)i.call(a,v)&&!m.hasOwnProperty(v)&&(x[v]=a[v]);if(h&&h.defaultProps)for(v in a=h.defaultProps,a)x[v]===void 0&&(x[v]=a[v]);return{$$typeof:n,type:h,key:L,ref:R,props:x,_owner:l.current}}return oe.Fragment=r,oe.jsx=p,oe.jsxs=p,oe}var ie={};/**
9
+ */var Pt;function Gr(){if(Pt)return Ue;Pt=1;var e=y,r=Symbol.for("react.element"),t=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(d,u,f){var v,b={},I=null,k=null;f!==void 0&&(I=""+f),u.key!==void 0&&(I=""+u.key),u.ref!==void 0&&(k=u.ref);for(v in u)n.call(u,v)&&!c.hasOwnProperty(v)&&(b[v]=u[v]);if(d&&d.defaultProps)for(v in u=d.defaultProps,u)b[v]===void 0&&(b[v]=u[v]);return{$$typeof:r,type:d,key:I,ref:k,props:b,_owner:a.current}}return Ue.Fragment=t,Ue.jsx=l,Ue.jsxs=l,Ue}var We={};/**
10
10
  * @license React
11
11
  * react-jsx-runtime.development.js
12
12
  *
@@ -14,20 +14,93 @@
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 _e;function Ut(){return _e||(_e=1,process.env.NODE_ENV!=="production"&&(function(){var e=c,n=Symbol.for("react.element"),r=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),h=Symbol.for("react.context"),a=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),R=Symbol.for("react.offscreen"),M=Symbol.iterator,_="@@iterator";function U(t){if(t===null||typeof t!="object")return null;var s=M&&t[M]||t[_];return typeof s=="function"?s:null}var F=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function P(t){{for(var s=arguments.length,d=new Array(s>1?s-1:0),y=1;y<s;y++)d[y-1]=arguments[y];g("error",t,d)}}function g(t,s,d){{var y=F.ReactDebugCurrentFrame,S=y.getStackAddendum();S!==""&&(s+="%s",d=d.concat([S]));var j=d.map(function(T){return String(T)});j.unshift("Warning: "+s),Function.prototype.apply.call(console[t],console,j)}}var W=!1,z=!1,X=!1,ee=!1,K=!1,G;G=Symbol.for("react.module.reference");function C(t){return!!(typeof t=="string"||typeof t=="function"||t===i||t===m||K||t===l||t===f||t===v||ee||t===R||W||z||X||typeof t=="object"&&t!==null&&(t.$$typeof===L||t.$$typeof===x||t.$$typeof===p||t.$$typeof===h||t.$$typeof===a||t.$$typeof===G||t.getModuleId!==void 0))}function me(t,s,d){var y=t.displayName;if(y)return y;var S=s.displayName||s.name||"";return S!==""?d+"("+S+")":d}function Q(t){return t.displayName||"Context"}function H(t){if(t==null)return null;if(typeof t.tag=="number"&&P("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case i:return"Fragment";case r:return"Portal";case m:return"Profiler";case l:return"StrictMode";case f:return"Suspense";case v:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case h:var s=t;return Q(s)+".Consumer";case p:var d=t;return Q(d._context)+".Provider";case a:return me(t,t.render,"ForwardRef");case x:var y=t.displayName||null;return y!==null?y:H(t.type)||"Memo";case L:{var S=t,j=S._payload,T=S._init;try{return H(T(j))}catch{return null}}}return null}var N=Object.assign,Y=0,se,B,vt,gt,yt,xt,bt;function wt(){}wt.__reactDisabledLog=!0;function lr(){{if(Y===0){se=console.log,B=console.info,vt=console.warn,gt=console.error,yt=console.group,xt=console.groupCollapsed,bt=console.groupEnd;var t={configurable:!0,enumerable:!0,value:wt,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}Y++}}function cr(){{if(Y--,Y===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},t,{value:se}),info:N({},t,{value:B}),warn:N({},t,{value:vt}),error:N({},t,{value:gt}),group:N({},t,{value:yt}),groupCollapsed:N({},t,{value:xt}),groupEnd:N({},t,{value:bt})})}Y<0&&P("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var we=F.ReactCurrentDispatcher,Te;function pe(t,s,d){{if(Te===void 0)try{throw Error()}catch(S){var y=S.stack.trim().match(/\n( *(at )?)/);Te=y&&y[1]||""}return`
18
- `+Te+t}}var Ce=!1,ve;{var ur=typeof WeakMap=="function"?WeakMap:Map;ve=new ur}function Tt(t,s){if(!t||Ce)return"";{var d=ve.get(t);if(d!==void 0)return d}var y;Ce=!0;var S=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var j;j=we.current,we.current=null,lr();try{if(s){var T=function(){throw Error()};if(Object.defineProperty(T.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(T,[])}catch(V){y=V}Reflect.construct(t,[],T)}else{try{T.call()}catch(V){y=V}t.call(T.prototype)}}else{try{throw Error()}catch(V){y=V}t()}}catch(V){if(V&&y&&typeof V.stack=="string"){for(var b=V.stack.split(`
19
- `),I=y.stack.split(`
20
- `),E=b.length-1,k=I.length-1;E>=1&&k>=0&&b[E]!==I[k];)k--;for(;E>=1&&k>=0;E--,k--)if(b[E]!==I[k]){if(E!==1||k!==1)do if(E--,k--,k<0||b[E]!==I[k]){var A=`
21
- `+b[E].replace(" at new "," at ");return t.displayName&&A.includes("<anonymous>")&&(A=A.replace("<anonymous>",t.displayName)),typeof t=="function"&&ve.set(t,A),A}while(E>=1&&k>=0);break}}}finally{Ce=!1,we.current=j,cr(),Error.prepareStackTrace=S}var ne=t?t.displayName||t.name:"",q=ne?pe(ne):"";return typeof t=="function"&&ve.set(t,q),q}function dr(t,s,d){return Tt(t,!1)}function fr(t){var s=t.prototype;return!!(s&&s.isReactComponent)}function ge(t,s,d){if(t==null)return"";if(typeof t=="function")return Tt(t,fr(t));if(typeof t=="string")return pe(t);switch(t){case f:return pe("Suspense");case v:return pe("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case a:return dr(t.render);case x:return ge(t.type,s,d);case L:{var y=t,S=y._payload,j=y._init;try{return ge(j(S),s,d)}catch{}}}return""}var ae=Object.prototype.hasOwnProperty,Ct={},St=F.ReactDebugCurrentFrame;function ye(t){if(t){var s=t._owner,d=ge(t.type,t._source,s?s.type:null);St.setExtraStackFrame(d)}else St.setExtraStackFrame(null)}function hr(t,s,d,y,S){{var j=Function.call.bind(ae);for(var T in t)if(j(t,T)){var b=void 0;try{if(typeof t[T]!="function"){var I=Error((y||"React class")+": "+d+" type `"+T+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[T]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw I.name="Invariant Violation",I}b=t[T](s,T,y,d,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){b=E}b&&!(b instanceof Error)&&(ye(S),P("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",y||"React class",d,T,typeof b),ye(null)),b instanceof Error&&!(b.message in Ct)&&(Ct[b.message]=!0,ye(S),P("Failed %s type: %s",d,b.message),ye(null))}}}var mr=Array.isArray;function Se(t){return mr(t)}function pr(t){{var s=typeof Symbol=="function"&&Symbol.toStringTag,d=s&&t[Symbol.toStringTag]||t.constructor.name||"Object";return d}}function vr(t){try{return Rt(t),!1}catch{return!0}}function Rt(t){return""+t}function jt(t){if(vr(t))return P("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",pr(t)),Rt(t)}var Pt=F.ReactCurrentOwner,gr={key:!0,ref:!0,__self:!0,__source:!0},Et,kt;function yr(t){if(ae.call(t,"ref")){var s=Object.getOwnPropertyDescriptor(t,"ref").get;if(s&&s.isReactWarning)return!1}return t.ref!==void 0}function xr(t){if(ae.call(t,"key")){var s=Object.getOwnPropertyDescriptor(t,"key").get;if(s&&s.isReactWarning)return!1}return t.key!==void 0}function br(t,s){typeof t.ref=="string"&&Pt.current}function wr(t,s){{var d=function(){Et||(Et=!0,P("%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://reactjs.org/link/special-props)",s))};d.isReactWarning=!0,Object.defineProperty(t,"key",{get:d,configurable:!0})}}function Tr(t,s){{var d=function(){kt||(kt=!0,P("%s: `ref` 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://reactjs.org/link/special-props)",s))};d.isReactWarning=!0,Object.defineProperty(t,"ref",{get:d,configurable:!0})}}var Cr=function(t,s,d,y,S,j,T){var b={$$typeof:n,type:t,key:s,ref:d,props:T,_owner:j};return b._store={},Object.defineProperty(b._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(b,"_self",{configurable:!1,enumerable:!1,writable:!1,value:y}),Object.defineProperty(b,"_source",{configurable:!1,enumerable:!1,writable:!1,value:S}),Object.freeze&&(Object.freeze(b.props),Object.freeze(b)),b};function Sr(t,s,d,y,S){{var j,T={},b=null,I=null;d!==void 0&&(jt(d),b=""+d),xr(s)&&(jt(s.key),b=""+s.key),yr(s)&&(I=s.ref,br(s,S));for(j in s)ae.call(s,j)&&!gr.hasOwnProperty(j)&&(T[j]=s[j]);if(t&&t.defaultProps){var E=t.defaultProps;for(j in E)T[j]===void 0&&(T[j]=E[j])}if(b||I){var k=typeof t=="function"?t.displayName||t.name||"Unknown":t;b&&wr(T,k),I&&Tr(T,k)}return Cr(t,b,I,S,y,Pt.current,T)}}var Re=F.ReactCurrentOwner,Lt=F.ReactDebugCurrentFrame;function te(t){if(t){var s=t._owner,d=ge(t.type,t._source,s?s.type:null);Lt.setExtraStackFrame(d)}else Lt.setExtraStackFrame(null)}var je;je=!1;function Pe(t){return typeof t=="object"&&t!==null&&t.$$typeof===n}function _t(){{if(Re.current){var t=H(Re.current.type);if(t)return`
17
+ */var kt;function Xr(){return kt||(kt=1,process.env.NODE_ENV!=="production"&&(function(){var e=y,r=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),d=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),T=Symbol.iterator,_="@@iterator";function j(o){if(o===null||typeof o!="object")return null;var m=T&&o[T]||o[_];return typeof m=="function"?m:null}var L=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(o){{for(var m=arguments.length,E=new Array(m>1?m-1:0),D=1;D<m;D++)E[D-1]=arguments[D];g("error",o,E)}}function g(o,m,E){{var D=L.ReactDebugCurrentFrame,G=D.getStackAddendum();G!==""&&(m+="%s",E=E.concat([G]));var J=E.map(function(B){return String(B)});J.unshift("Warning: "+m),Function.prototype.apply.call(console[o],console,J)}}var A=!1,p=!1,W=!1,fe=!1,re=!1,le;le=Symbol.for("react.module.reference");function F(o){return!!(typeof o=="string"||typeof o=="function"||o===n||o===c||re||o===a||o===f||o===v||fe||o===k||A||p||W||typeof o=="object"&&o!==null&&(o.$$typeof===I||o.$$typeof===b||o.$$typeof===l||o.$$typeof===d||o.$$typeof===u||o.$$typeof===le||o.getModuleId!==void 0))}function ye(o,m,E){var D=o.displayName;if(D)return D;var G=m.displayName||m.name||"";return G!==""?E+"("+G+")":E}function ne(o){return o.displayName||"Context"}function K(o){if(o==null)return null;if(typeof o.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof o=="function")return o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case n:return"Fragment";case t:return"Portal";case c:return"Profiler";case a:return"StrictMode";case f:return"Suspense";case v:return"SuspenseList"}if(typeof o=="object")switch(o.$$typeof){case d:var m=o;return ne(m)+".Consumer";case l:var E=o;return ne(E._context)+".Provider";case u:return ye(o,o.render,"ForwardRef");case b:var D=o.displayName||null;return D!==null?D:K(o.type)||"Memo";case I:{var G=o,J=G._payload,B=G._init;try{return K(B(J))}catch{return null}}}return null}var oe=Object.assign,Q=0,we,ee,he,Ee,xe,Te,P;function C(){}C.__reactDisabledLog=!0;function R(){{if(Q===0){we=console.log,ee=console.info,he=console.warn,Ee=console.error,xe=console.group,Te=console.groupCollapsed,P=console.groupEnd;var o={configurable:!0,enumerable:!0,value:C,writable:!0};Object.defineProperties(console,{info:o,log:o,warn:o,error:o,group:o,groupCollapsed:o,groupEnd:o})}Q++}}function M(){{if(Q--,Q===0){var o={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:oe({},o,{value:we}),info:oe({},o,{value:ee}),warn:oe({},o,{value:he}),error:oe({},o,{value:Ee}),group:oe({},o,{value:xe}),groupCollapsed:oe({},o,{value:Te}),groupEnd:oe({},o,{value:P})})}Q<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var s=L.ReactCurrentDispatcher,$;function w(o,m,E){{if($===void 0)try{throw Error()}catch(G){var D=G.stack.trim().match(/\n( *(at )?)/);$=D&&D[1]||""}return`
18
+ `+$+o}}var X=!1,V;{var Y=typeof WeakMap=="function"?WeakMap:Map;V=new Y}function h(o,m){if(!o||X)return"";{var E=V.get(o);if(E!==void 0)return E}var D;X=!0;var G=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var J;J=s.current,s.current=null,R();try{if(m){var B=function(){throw Error()};if(Object.defineProperty(B.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(B,[])}catch(ge){D=ge}Reflect.construct(o,[],B)}else{try{B.call()}catch(ge){D=ge}o.call(B.prototype)}}else{try{throw Error()}catch(ge){D=ge}o()}}catch(ge){if(ge&&D&&typeof ge.stack=="string"){for(var H=ge.stack.split(`
19
+ `),ve=D.stack.split(`
20
+ `),ce=H.length-1,de=ve.length-1;ce>=1&&de>=0&&H[ce]!==ve[de];)de--;for(;ce>=1&&de>=0;ce--,de--)if(H[ce]!==ve[de]){if(ce!==1||de!==1)do if(ce--,de--,de<0||H[ce]!==ve[de]){var Ce=`
21
+ `+H[ce].replace(" at new "," at ");return o.displayName&&Ce.includes("<anonymous>")&&(Ce=Ce.replace("<anonymous>",o.displayName)),typeof o=="function"&&V.set(o,Ce),Ce}while(ce>=1&&de>=0);break}}}finally{X=!1,s.current=J,M(),Error.prepareStackTrace=G}var Ye=o?o.displayName||o.name:"",Oe=Ye?w(Ye):"";return typeof o=="function"&&V.set(o,Oe),Oe}function ae(o,m,E){return h(o,!1)}function se(o){var m=o.prototype;return!!(m&&m.isReactComponent)}function N(o,m,E){if(o==null)return"";if(typeof o=="function")return h(o,se(o));if(typeof o=="string")return w(o);switch(o){case f:return w("Suspense");case v:return w("SuspenseList")}if(typeof o=="object")switch(o.$$typeof){case u:return ae(o.render);case b:return N(o.type,m,E);case I:{var D=o,G=D._payload,J=D._init;try{return N(J(G),m,E)}catch{}}}return""}var ie=Object.prototype.hasOwnProperty,U={},ue=L.ReactDebugCurrentFrame;function Re(o){if(o){var m=o._owner,E=N(o.type,o._source,m?m.type:null);ue.setExtraStackFrame(E)}else ue.setExtraStackFrame(null)}function pe(o,m,E,D,G){{var J=Function.call.bind(ie);for(var B in o)if(J(o,B)){var H=void 0;try{if(typeof o[B]!="function"){var ve=Error((D||"React class")+": "+E+" type `"+B+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[B]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ve.name="Invariant Violation",ve}H=o[B](m,B,D,E,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ce){H=ce}H&&!(H instanceof Error)&&(Re(G),x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",D||"React class",E,B,typeof H),Re(null)),H instanceof Error&&!(H.message in U)&&(U[H.message]=!0,Re(G),x("Failed %s type: %s",E,H.message),Re(null))}}}var Ve=Array.isArray;function _e(o){return Ve(o)}function be(o){{var m=typeof Symbol=="function"&&Symbol.toStringTag,E=m&&o[Symbol.toStringTag]||o.constructor.name||"Object";return E}}function O(o){try{return te(o),!1}catch{return!0}}function te(o){return""+o}function $e(o){if(O(o))return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",be(o)),te(o)}var He=L.ReactCurrentOwner,Pe={key:!0,ref:!0,__self:!0,__source:!0},Fr,Nr;function ua(o){if(ie.call(o,"ref")){var m=Object.getOwnPropertyDescriptor(o,"ref").get;if(m&&m.isReactWarning)return!1}return o.ref!==void 0}function da(o){if(ie.call(o,"key")){var m=Object.getOwnPropertyDescriptor(o,"key").get;if(m&&m.isReactWarning)return!1}return o.key!==void 0}function fa(o,m){typeof o.ref=="string"&&He.current}function pa(o,m){{var E=function(){Fr||(Fr=!0,x("%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://reactjs.org/link/special-props)",m))};E.isReactWarning=!0,Object.defineProperty(o,"key",{get:E,configurable:!0})}}function ha(o,m){{var E=function(){Nr||(Nr=!0,x("%s: `ref` 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://reactjs.org/link/special-props)",m))};E.isReactWarning=!0,Object.defineProperty(o,"ref",{get:E,configurable:!0})}}var ma=function(o,m,E,D,G,J,B){var H={$$typeof:r,type:o,key:m,ref:E,props:B,_owner:J};return H._store={},Object.defineProperty(H._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(H,"_self",{configurable:!1,enumerable:!1,writable:!1,value:D}),Object.defineProperty(H,"_source",{configurable:!1,enumerable:!1,writable:!1,value:G}),Object.freeze&&(Object.freeze(H.props),Object.freeze(H)),H};function va(o,m,E,D,G){{var J,B={},H=null,ve=null;E!==void 0&&($e(E),H=""+E),da(m)&&($e(m.key),H=""+m.key),ua(m)&&(ve=m.ref,fa(m,G));for(J in m)ie.call(m,J)&&!Pe.hasOwnProperty(J)&&(B[J]=m[J]);if(o&&o.defaultProps){var ce=o.defaultProps;for(J in ce)B[J]===void 0&&(B[J]=ce[J])}if(H||ve){var de=typeof o=="function"?o.displayName||o.name||"Unknown":o;H&&pa(B,de),ve&&ha(B,de)}return ma(o,H,ve,G,D,He.current,B)}}var xt=L.ReactCurrentOwner,Vr=L.ReactDebugCurrentFrame;function ze(o){if(o){var m=o._owner,E=N(o.type,o._source,m?m.type:null);Vr.setExtraStackFrame(E)}else Vr.setExtraStackFrame(null)}var Ct;Ct=!1;function Et(o){return typeof o=="object"&&o!==null&&o.$$typeof===r}function $r(){{if(xt.current){var o=K(xt.current.type);if(o)return`
22
22
 
23
- Check the render method of \``+t+"`."}return""}}function Rr(t){return""}var Ft={};function jr(t){{var s=_t();if(!s){var d=typeof t=="string"?t:t.displayName||t.name;d&&(s=`
23
+ Check the render method of \``+o+"`."}return""}}function ga(o){return""}var Hr={};function ya(o){{var m=$r();if(!m){var E=typeof o=="string"?o:o.displayName||o.name;E&&(m=`
24
24
 
25
- Check the top-level render call using <`+d+">.")}return s}}function It(t,s){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var d=jr(s);if(Ft[d])return;Ft[d]=!0;var y="";t&&t._owner&&t._owner!==Re.current&&(y=" It was passed a child from "+H(t._owner.type)+"."),te(t),P('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',d,y),te(null)}}function Dt(t,s){{if(typeof t!="object")return;if(Se(t))for(var d=0;d<t.length;d++){var y=t[d];Pe(y)&&It(y,s)}else if(Pe(t))t._store&&(t._store.validated=!0);else if(t){var S=U(t);if(typeof S=="function"&&S!==t.entries)for(var j=S.call(t),T;!(T=j.next()).done;)Pe(T.value)&&It(T.value,s)}}}function Pr(t){{var s=t.type;if(s==null||typeof s=="string")return;var d;if(typeof s=="function")d=s.propTypes;else if(typeof s=="object"&&(s.$$typeof===a||s.$$typeof===x))d=s.propTypes;else return;if(d){var y=H(s);hr(d,t.props,"prop",y,t)}else if(s.PropTypes!==void 0&&!je){je=!0;var S=H(s);P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",S||"Unknown")}typeof s.getDefaultProps=="function"&&!s.getDefaultProps.isReactClassApproved&&P("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Er(t){{for(var s=Object.keys(t.props),d=0;d<s.length;d++){var y=s[d];if(y!=="children"&&y!=="key"){te(t),P("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",y),te(null);break}}t.ref!==null&&(te(t),P("Invalid attribute `ref` supplied to `React.Fragment`."),te(null))}}var Mt={};function Vt(t,s,d,y,S,j){{var T=C(t);if(!T){var b="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(b+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var I=Rr();I?b+=I:b+=_t();var E;t===null?E="null":Se(t)?E="array":t!==void 0&&t.$$typeof===n?(E="<"+(H(t.type)||"Unknown")+" />",b=" Did you accidentally export a JSX literal instead of a component?"):E=typeof t,P("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,b)}var k=Sr(t,s,d,S,j);if(k==null)return k;if(T){var A=s.children;if(A!==void 0)if(y)if(Se(A)){for(var ne=0;ne<A.length;ne++)Dt(A[ne],t);Object.freeze&&Object.freeze(A)}else P("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 Dt(A,t)}if(ae.call(s,"key")){var q=H(t),V=Object.keys(s).filter(function(Dr){return Dr!=="key"}),Ee=V.length>0?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}";if(!Mt[q+Ee]){var Ir=V.length>0?"{"+V.join(": ..., ")+": ...}":"{}";P(`A props object containing a "key" prop is being spread into JSX:
25
+ Check the top-level render call using <`+E+">.")}return m}}function zr(o,m){{if(!o._store||o._store.validated||o.key!=null)return;o._store.validated=!0;var E=ya(m);if(Hr[E])return;Hr[E]=!0;var D="";o&&o._owner&&o._owner!==xt.current&&(D=" It was passed a child from "+K(o._owner.type)+"."),ze(o),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',E,D),ze(null)}}function Yr(o,m){{if(typeof o!="object")return;if(_e(o))for(var E=0;E<o.length;E++){var D=o[E];Et(D)&&zr(D,m)}else if(Et(o))o._store&&(o._store.validated=!0);else if(o){var G=j(o);if(typeof G=="function"&&G!==o.entries)for(var J=G.call(o),B;!(B=J.next()).done;)Et(B.value)&&zr(B.value,m)}}}function wa(o){{var m=o.type;if(m==null||typeof m=="string")return;var E;if(typeof m=="function")E=m.propTypes;else if(typeof m=="object"&&(m.$$typeof===u||m.$$typeof===b))E=m.propTypes;else return;if(E){var D=K(m);pe(E,o.props,"prop",D,o)}else if(m.PropTypes!==void 0&&!Ct){Ct=!0;var G=K(m);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",G||"Unknown")}typeof m.getDefaultProps=="function"&&!m.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ba(o){{for(var m=Object.keys(o.props),E=0;E<m.length;E++){var D=m[E];if(D!=="children"&&D!=="key"){ze(o),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",D),ze(null);break}}o.ref!==null&&(ze(o),x("Invalid attribute `ref` supplied to `React.Fragment`."),ze(null))}}var Br={};function Ur(o,m,E,D,G,J){{var B=F(o);if(!B){var H="";(o===void 0||typeof o=="object"&&o!==null&&Object.keys(o).length===0)&&(H+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ve=ga();ve?H+=ve:H+=$r();var ce;o===null?ce="null":_e(o)?ce="array":o!==void 0&&o.$$typeof===r?(ce="<"+(K(o.type)||"Unknown")+" />",H=" Did you accidentally export a JSX literal instead of a component?"):ce=typeof o,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",ce,H)}var de=va(o,m,E,G,J);if(de==null)return de;if(B){var Ce=m.children;if(Ce!==void 0)if(D)if(_e(Ce)){for(var Ye=0;Ye<Ce.length;Ye++)Yr(Ce[Ye],o);Object.freeze&&Object.freeze(Ce)}else x("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 Yr(Ce,o)}if(ie.call(m,"key")){var Oe=K(o),ge=Object.keys(m).filter(function(Ra){return Ra!=="key"}),Tt=ge.length>0?"{key: someKey, "+ge.join(": ..., ")+": ...}":"{key: someKey}";if(!Br[Oe+Tt]){var Ta=ge.length>0?"{"+ge.join(": ..., ")+": ...}":"{}";x(`A props object containing a "key" prop is being spread into JSX:
26
26
  let props = %s;
27
27
  <%s {...props} />
28
28
  React keys must be passed directly to JSX without using spread:
29
29
  let props = %s;
30
- <%s key={someKey} {...props} />`,Ee,q,Ir,q),Mt[q+Ee]=!0}}return t===i?Er(k):Pr(k),k}}function kr(t,s,d){return Vt(t,s,d,!0)}function Lr(t,s,d){return Vt(t,s,d,!1)}var _r=Lr,Fr=kr;ie.Fragment=i,ie.jsx=_r,ie.jsxs=Fr})()),ie}var Fe;function Nt(){return Fe||(Fe=1,process.env.NODE_ENV==="production"?ue.exports=At():ue.exports=Ut()),ue.exports}var o=Nt();const Bt=typeof window<"u"?c.useLayoutEffect:c.useEffect;function de(e,n){const r=c.useRef(e);Bt(()=>{r.current=e},[e]),c.useEffect(()=>{if(n===null)return;const i=setInterval(()=>{r.current()},n);return()=>{clearInterval(i)}},[n])}function Wt(e){const[,n]=c.useState(0);de(()=>n(r=>r+1),e)}const zt=(e,n)=>le.create(r=>({delay:0,startDate:e,endDate:n,startTime:e.getTime(),endTime:n.getTime(),setDelay:i=>r({delay:i}),setStartDate:i=>r({startDate:i}),setEndDate:i=>r({endDate:i})})),Ie=c.createContext(null),Yt=({children:e,startDate:n,endDate:r})=>{const i=c.useRef(null);return i.current||(i.current=zt(n,r)),o.jsx(Ie.Provider,{value:i.current,children:e})},D=e=>{const n=c.useContext(Ie);if(!n)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return le.useStore(n,e)};function Zt({children:e,eventFinishedMessage:n,eventNotStartedMessage:r,eventStartingSoonMessage:i}){const l=D(f=>f.startDate),m=D(f=>f.endDate),p=Date.now(),h=p<l.getTime(),a=p>m.getTime();return Wt(5e3),h?o.jsx(Jt,{startDate:l,title:r||"Event has not started yet.",message:i||"Starting in few seconds..."}):a?o.jsx(Xt,{title:n||"Event has finished."}):o.jsx(o.Fragment,{children:e})}function Jt({startDate:e,title:n,message:r}){const i=e.getTime()-Date.now(),l=Math.floor(i/(1e3*60*60)),m=Math.floor(i%(1e3*60*60)/(1e3*60));return l||m?o.jsxs(xe,{children:[o.jsx(be,{children:n}),o.jsxs(Kt,{children:["(",l>0?`${l}h ${m}m`:`${m}m`,")"]})]}):o.jsx(xe,{children:o.jsx(be,{children:r})})}function Xt({title:e}){return o.jsx(xe,{children:o.jsx(be,{children:e})})}const xe=w.div`
30
+ <%s key={someKey} {...props} />`,Tt,Oe,Ta,Oe),Br[Oe+Tt]=!0}}return o===n?ba(de):wa(de),de}}function Sa(o,m,E){return Ur(o,m,E,!0)}function xa(o,m,E){return Ur(o,m,E,!1)}var Ca=xa,Ea=Sa;We.Fragment=n,We.jsx=Ca,We.jsxs=Ea})()),We}var _t;function Jr(){return _t||(_t=1,process.env.NODE_ENV==="production"?Je.exports=Gr():Je.exports=Xr()),Je.exports}var i=Jr();const Kr=typeof window<"u"?y.useLayoutEffect:y.useEffect;function Ke(e,r){const t=y.useRef(e);Kr(()=>{t.current=e},[e]),y.useEffect(()=>{if(r===null)return;const n=setInterval(()=>{t.current()},r);return()=>{clearInterval(n)}},[r])}function Qr(e){const[,r]=y.useState(0);Ke(()=>r(t=>t+1),e)}const en=(e,r)=>Ge.create(t=>({delay:0,startDate:e,endDate:r,startTime:e.getTime(),endTime:r.getTime(),setDelay:n=>t({delay:n}),setStartDate:n=>t({startDate:n}),setEndDate:n=>t({endDate:n})})),jt=y.createContext(null),tn=({children:e,startDate:r,endDate:t})=>{const n=y.useRef(null);return n.current||(n.current=en(r,t)),i.jsx(jt.Provider,{value:n.current,children:e})},me=e=>{const r=y.useContext(jt);if(!r)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return Ge.useStore(r,e)};var Qe={exports:{}},q={};/** @license React v16.13.1
31
+ * react-is.production.min.js
32
+ *
33
+ * Copyright (c) Facebook, Inc. and its affiliates.
34
+ *
35
+ * This source code is licensed under the MIT license found in the
36
+ * LICENSE file in the root directory of this source tree.
37
+ */var At;function rn(){if(At)return q;At=1;var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,c=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,d=e?Symbol.for("react.context"):60110,u=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,v=e?Symbol.for("react.forward_ref"):60112,b=e?Symbol.for("react.suspense"):60113,I=e?Symbol.for("react.suspense_list"):60120,k=e?Symbol.for("react.memo"):60115,T=e?Symbol.for("react.lazy"):60116,_=e?Symbol.for("react.block"):60121,j=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function g(p){if(typeof p=="object"&&p!==null){var W=p.$$typeof;switch(W){case r:switch(p=p.type,p){case u:case f:case n:case c:case a:case b:return p;default:switch(p=p&&p.$$typeof,p){case d:case v:case T:case k:case l:return p;default:return W}}case t:return W}}}function A(p){return g(p)===f}return q.AsyncMode=u,q.ConcurrentMode=f,q.ContextConsumer=d,q.ContextProvider=l,q.Element=r,q.ForwardRef=v,q.Fragment=n,q.Lazy=T,q.Memo=k,q.Portal=t,q.Profiler=c,q.StrictMode=a,q.Suspense=b,q.isAsyncMode=function(p){return A(p)||g(p)===u},q.isConcurrentMode=A,q.isContextConsumer=function(p){return g(p)===d},q.isContextProvider=function(p){return g(p)===l},q.isElement=function(p){return typeof p=="object"&&p!==null&&p.$$typeof===r},q.isForwardRef=function(p){return g(p)===v},q.isFragment=function(p){return g(p)===n},q.isLazy=function(p){return g(p)===T},q.isMemo=function(p){return g(p)===k},q.isPortal=function(p){return g(p)===t},q.isProfiler=function(p){return g(p)===c},q.isStrictMode=function(p){return g(p)===a},q.isSuspense=function(p){return g(p)===b},q.isValidElementType=function(p){return typeof p=="string"||typeof p=="function"||p===n||p===f||p===c||p===a||p===b||p===I||typeof p=="object"&&p!==null&&(p.$$typeof===T||p.$$typeof===k||p.$$typeof===l||p.$$typeof===d||p.$$typeof===v||p.$$typeof===j||p.$$typeof===L||p.$$typeof===x||p.$$typeof===_)},q.typeOf=g,q}var Z={};/** @license React v16.13.1
38
+ * react-is.development.js
39
+ *
40
+ * Copyright (c) Facebook, Inc. and its affiliates.
41
+ *
42
+ * This source code is licensed under the MIT license found in the
43
+ * LICENSE file in the root directory of this source tree.
44
+ */var Lt;function nn(){return Lt||(Lt=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,c=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,d=e?Symbol.for("react.context"):60110,u=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,v=e?Symbol.for("react.forward_ref"):60112,b=e?Symbol.for("react.suspense"):60113,I=e?Symbol.for("react.suspense_list"):60120,k=e?Symbol.for("react.memo"):60115,T=e?Symbol.for("react.lazy"):60116,_=e?Symbol.for("react.block"):60121,j=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function g(h){return typeof h=="string"||typeof h=="function"||h===n||h===f||h===c||h===a||h===b||h===I||typeof h=="object"&&h!==null&&(h.$$typeof===T||h.$$typeof===k||h.$$typeof===l||h.$$typeof===d||h.$$typeof===v||h.$$typeof===j||h.$$typeof===L||h.$$typeof===x||h.$$typeof===_)}function A(h){if(typeof h=="object"&&h!==null){var ae=h.$$typeof;switch(ae){case r:var se=h.type;switch(se){case u:case f:case n:case c:case a:case b:return se;default:var N=se&&se.$$typeof;switch(N){case d:case v:case T:case k:case l:return N;default:return ae}}case t:return ae}}}var p=u,W=f,fe=d,re=l,le=r,F=v,ye=n,ne=T,K=k,oe=t,Q=c,we=a,ee=b,he=!1;function Ee(h){return he||(he=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),xe(h)||A(h)===u}function xe(h){return A(h)===f}function Te(h){return A(h)===d}function P(h){return A(h)===l}function C(h){return typeof h=="object"&&h!==null&&h.$$typeof===r}function R(h){return A(h)===v}function M(h){return A(h)===n}function s(h){return A(h)===T}function $(h){return A(h)===k}function w(h){return A(h)===t}function X(h){return A(h)===c}function V(h){return A(h)===a}function Y(h){return A(h)===b}Z.AsyncMode=p,Z.ConcurrentMode=W,Z.ContextConsumer=fe,Z.ContextProvider=re,Z.Element=le,Z.ForwardRef=F,Z.Fragment=ye,Z.Lazy=ne,Z.Memo=K,Z.Portal=oe,Z.Profiler=Q,Z.StrictMode=we,Z.Suspense=ee,Z.isAsyncMode=Ee,Z.isConcurrentMode=xe,Z.isContextConsumer=Te,Z.isContextProvider=P,Z.isElement=C,Z.isForwardRef=R,Z.isFragment=M,Z.isLazy=s,Z.isMemo=$,Z.isPortal=w,Z.isProfiler=X,Z.isStrictMode=V,Z.isSuspense=Y,Z.isValidElementType=g,Z.typeOf=A})()),Z}var It;function Ot(){return It||(It=1,process.env.NODE_ENV==="production"?Qe.exports=rn():Qe.exports=nn()),Qe.exports}var lt=Ot();function on(e){function r(P,C,R,M,s){for(var $=0,w=0,X=0,V=0,Y,h,ae=0,se=0,N,ie=N=Y=0,U=0,ue=0,Re=0,pe=0,Ve=R.length,_e=Ve-1,be,O="",te="",$e="",He="",Pe;U<Ve;){if(h=R.charCodeAt(U),U===_e&&w+V+X+$!==0&&(w!==0&&(h=w===47?10:47),V=X=$=0,Ve++,_e++),w+V+X+$===0){if(U===_e&&(0<ue&&(O=O.replace(I,"")),0<O.trim().length)){switch(h){case 32:case 9:case 59:case 13:case 10:break;default:O+=R.charAt(U)}h=59}switch(h){case 123:for(O=O.trim(),Y=O.charCodeAt(0),N=1,pe=++U;U<Ve;){switch(h=R.charCodeAt(U)){case 123:N++;break;case 125:N--;break;case 47:switch(h=R.charCodeAt(U+1)){case 42:case 47:e:{for(ie=U+1;ie<_e;++ie)switch(R.charCodeAt(ie)){case 47:if(h===42&&R.charCodeAt(ie-1)===42&&U+2!==ie){U=ie+1;break e}break;case 10:if(h===47){U=ie+1;break e}}U=ie}}break;case 91:h++;case 40:h++;case 34:case 39:for(;U++<_e&&R.charCodeAt(U)!==h;);}if(N===0)break;U++}switch(N=R.substring(pe,U),Y===0&&(Y=(O=O.replace(b,"").trim()).charCodeAt(0)),Y){case 64:switch(0<ue&&(O=O.replace(I,"")),h=O.charCodeAt(1),h){case 100:case 109:case 115:case 45:ue=C;break;default:ue=we}if(N=r(C,ue,N,h,s+1),pe=N.length,0<he&&(ue=t(we,O,Re),Pe=d(3,N,ue,C,K,ne,pe,h,s,M),O=ue.join(""),Pe!==void 0&&(pe=(N=Pe.trim()).length)===0&&(h=0,N="")),0<pe)switch(h){case 115:O=O.replace(W,l);case 100:case 109:case 45:N=O+"{"+N+"}";break;case 107:O=O.replace(x,"$1 $2"),N=O+"{"+N+"}",N=Q===1||Q===2&&c("@"+N,3)?"@-webkit-"+N+"@"+N:"@"+N;break;default:N=O+N,M===112&&(N=(te+=N,""))}else N="";break;default:N=r(C,t(C,O,Re),N,M,s+1)}$e+=N,N=Re=ue=ie=Y=0,O="",h=R.charCodeAt(++U);break;case 125:case 59:if(O=(0<ue?O.replace(I,""):O).trim(),1<(pe=O.length))switch(ie===0&&(Y=O.charCodeAt(0),Y===45||96<Y&&123>Y)&&(pe=(O=O.replace(" ",":")).length),0<he&&(Pe=d(1,O,C,P,K,ne,te.length,M,s,M))!==void 0&&(pe=(O=Pe.trim()).length)===0&&(O="\0\0"),Y=O.charCodeAt(0),h=O.charCodeAt(1),Y){case 0:break;case 64:if(h===105||h===99){He+=O+R.charAt(U);break}default:O.charCodeAt(pe-1)!==58&&(te+=a(O,Y,h,O.charCodeAt(2)))}Re=ue=ie=Y=0,O="",h=R.charCodeAt(++U)}}switch(h){case 13:case 10:w===47?w=0:1+Y===0&&M!==107&&0<O.length&&(ue=1,O+="\0"),0<he*xe&&d(0,O,C,P,K,ne,te.length,M,s,M),ne=1,K++;break;case 59:case 125:if(w+V+X+$===0){ne++;break}default:switch(ne++,be=R.charAt(U),h){case 9:case 32:if(V+$+w===0)switch(ae){case 44:case 58:case 9:case 32:be="";break;default:h!==32&&(be=" ")}break;case 0:be="\\0";break;case 12:be="\\f";break;case 11:be="\\v";break;case 38:V+w+$===0&&(ue=Re=1,be="\f"+be);break;case 108:if(V+w+$+oe===0&&0<ie)switch(U-ie){case 2:ae===112&&R.charCodeAt(U-3)===58&&(oe=ae);case 8:se===111&&(oe=se)}break;case 58:V+w+$===0&&(ie=U);break;case 44:w+X+V+$===0&&(ue=1,be+="\r");break;case 34:case 39:w===0&&(V=V===h?0:V===0?h:V);break;case 91:V+w+X===0&&$++;break;case 93:V+w+X===0&&$--;break;case 41:V+w+$===0&&X--;break;case 40:if(V+w+$===0){if(Y===0)switch(2*ae+3*se){case 533:break;default:Y=1}X++}break;case 64:w+X+V+$+ie+N===0&&(N=1);break;case 42:case 47:if(!(0<V+$+X))switch(w){case 0:switch(2*h+3*R.charCodeAt(U+1)){case 235:w=47;break;case 220:pe=U,w=42}break;case 42:h===47&&ae===42&&pe+2!==U&&(R.charCodeAt(pe+2)===33&&(te+=R.substring(pe,U+1)),be="",w=0)}}w===0&&(O+=be)}se=ae,ae=h,U++}if(pe=te.length,0<pe){if(ue=C,0<he&&(Pe=d(2,te,ue,P,K,ne,pe,M,s,M),Pe!==void 0&&(te=Pe).length===0))return He+te+$e;if(te=ue.join(",")+"{"+te+"}",Q*oe!==0){switch(Q!==2||c(te,2)||(oe=0),oe){case 111:te=te.replace(A,":-moz-$1")+te;break;case 112:te=te.replace(g,"::-webkit-input-$1")+te.replace(g,"::-moz-$1")+te.replace(g,":-ms-input-$1")+te}oe=0}}return He+te+$e}function t(P,C,R){var M=C.trim().split(j);C=M;var s=M.length,$=P.length;switch($){case 0:case 1:var w=0;for(P=$===0?"":P[0]+" ";w<s;++w)C[w]=n(P,C[w],R).trim();break;default:var X=w=0;for(C=[];w<s;++w)for(var V=0;V<$;++V)C[X++]=n(P[V]+" ",M[w],R).trim()}return C}function n(P,C,R){var M=C.charCodeAt(0);switch(33>M&&(M=(C=C.trim()).charCodeAt(0)),M){case 38:return C.replace(L,"$1"+P.trim());case 58:return P.trim()+C.replace(L,"$1"+P.trim());default:if(0<1*R&&0<C.indexOf("\f"))return C.replace(L,(P.charCodeAt(0)===58?"":"$1")+P.trim())}return P+C}function a(P,C,R,M){var s=P+";",$=2*C+3*R+4*M;if($===944){P=s.indexOf(":",9)+1;var w=s.substring(P,s.length-1).trim();return w=s.substring(0,P).trim()+w+";",Q===1||Q===2&&c(w,1)?"-webkit-"+w+w:w}if(Q===0||Q===2&&!c(s,1))return s;switch($){case 1015:return s.charCodeAt(10)===97?"-webkit-"+s+s:s;case 951:return s.charCodeAt(3)===116?"-webkit-"+s+s:s;case 963:return s.charCodeAt(5)===110?"-webkit-"+s+s:s;case 1009:if(s.charCodeAt(4)!==100)break;case 969:case 942:return"-webkit-"+s+s;case 978:return"-webkit-"+s+"-moz-"+s+s;case 1019:case 983:return"-webkit-"+s+"-moz-"+s+"-ms-"+s+s;case 883:if(s.charCodeAt(8)===45)return"-webkit-"+s+s;if(0<s.indexOf("image-set(",11))return s.replace(ye,"$1-webkit-$2")+s;break;case 932:if(s.charCodeAt(4)===45)switch(s.charCodeAt(5)){case 103:return"-webkit-box-"+s.replace("-grow","")+"-webkit-"+s+"-ms-"+s.replace("grow","positive")+s;case 115:return"-webkit-"+s+"-ms-"+s.replace("shrink","negative")+s;case 98:return"-webkit-"+s+"-ms-"+s.replace("basis","preferred-size")+s}return"-webkit-"+s+"-ms-"+s+s;case 964:return"-webkit-"+s+"-ms-flex-"+s+s;case 1023:if(s.charCodeAt(8)!==99)break;return w=s.substring(s.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),"-webkit-box-pack"+w+"-webkit-"+s+"-ms-flex-pack"+w+s;case 1005:return T.test(s)?s.replace(k,":-webkit-")+s.replace(k,":-moz-")+s:s;case 1e3:switch(w=s.substring(13).trim(),C=w.indexOf("-")+1,w.charCodeAt(0)+w.charCodeAt(C)){case 226:w=s.replace(p,"tb");break;case 232:w=s.replace(p,"tb-rl");break;case 220:w=s.replace(p,"lr");break;default:return s}return"-webkit-"+s+"-ms-"+w+s;case 1017:if(s.indexOf("sticky",9)===-1)break;case 975:switch(C=(s=P).length-10,w=(s.charCodeAt(C)===33?s.substring(0,C):s).substring(P.indexOf(":",7)+1).trim(),$=w.charCodeAt(0)+(w.charCodeAt(7)|0)){case 203:if(111>w.charCodeAt(8))break;case 115:s=s.replace(w,"-webkit-"+w)+";"+s;break;case 207:case 102:s=s.replace(w,"-webkit-"+(102<$?"inline-":"")+"box")+";"+s.replace(w,"-webkit-"+w)+";"+s.replace(w,"-ms-"+w+"box")+";"+s}return s+";";case 938:if(s.charCodeAt(5)===45)switch(s.charCodeAt(6)){case 105:return w=s.replace("-items",""),"-webkit-"+s+"-webkit-box-"+w+"-ms-flex-"+w+s;case 115:return"-webkit-"+s+"-ms-flex-item-"+s.replace(re,"")+s;default:return"-webkit-"+s+"-ms-flex-line-pack"+s.replace("align-content","").replace(re,"")+s}break;case 973:case 989:if(s.charCodeAt(3)!==45||s.charCodeAt(4)===122)break;case 931:case 953:if(F.test(P)===!0)return(w=P.substring(P.indexOf(":")+1)).charCodeAt(0)===115?a(P.replace("stretch","fill-available"),C,R,M).replace(":fill-available",":stretch"):s.replace(w,"-webkit-"+w)+s.replace(w,"-moz-"+w.replace("fill-",""))+s;break;case 962:if(s="-webkit-"+s+(s.charCodeAt(5)===102?"-ms-"+s:"")+s,R+M===211&&s.charCodeAt(13)===105&&0<s.indexOf("transform",10))return s.substring(0,s.indexOf(";",27)+1).replace(_,"$1-webkit-$2")+s}return s}function c(P,C){var R=P.indexOf(C===1?":":"{"),M=P.substring(0,C!==3?R:10);return R=P.substring(R+1,P.length-1),Ee(C!==2?M:M.replace(le,"$1"),R,C)}function l(P,C){var R=a(C,C.charCodeAt(0),C.charCodeAt(1),C.charCodeAt(2));return R!==C+";"?R.replace(fe," or ($1)").substring(4):"("+C+")"}function d(P,C,R,M,s,$,w,X,V,Y){for(var h=0,ae=C,se;h<he;++h)switch(se=ee[h].call(v,P,ae,R,M,s,$,w,X,V,Y)){case void 0:case!1:case!0:case null:break;default:ae=se}if(ae!==C)return ae}function u(P){switch(P){case void 0:case null:he=ee.length=0;break;default:if(typeof P=="function")ee[he++]=P;else if(typeof P=="object")for(var C=0,R=P.length;C<R;++C)u(P[C]);else xe=!!P|0}return u}function f(P){return P=P.prefix,P!==void 0&&(Ee=null,P?typeof P!="function"?Q=1:(Q=2,Ee=P):Q=0),f}function v(P,C){var R=P;if(33>R.charCodeAt(0)&&(R=R.trim()),Te=R,R=[Te],0<he){var M=d(-1,C,R,R,K,ne,0,0,0,0);M!==void 0&&typeof M=="string"&&(C=M)}var s=r(we,R,C,0,0);return 0<he&&(M=d(-2,s,R,R,K,ne,s.length,0,0,0),M!==void 0&&(s=M)),Te="",oe=0,ne=K=1,s}var b=/^\0+/g,I=/[\0\r\f]/g,k=/: */g,T=/zoo|gra/,_=/([,: ])(transform)/g,j=/,\r+?/g,L=/([\t\r\n ])*\f?&/g,x=/@(k\w+)\s*(\S*)\s*/,g=/::(place)/g,A=/:(read-only)/g,p=/[svh]\w+-[tblr]{2}/,W=/\(\s*(.*)\s*\)/g,fe=/([\s\S]*?);/g,re=/-self|flex-/g,le=/[^]*?(:[rp][el]a[\w-]+)[^]*/,F=/stretch|:\s*\w+\-(?:conte|avail)/,ye=/([^-])(image-set\()/,ne=1,K=1,oe=0,Q=1,we=[],ee=[],he=0,Ee=null,xe=0,Te="";return v.use=u,v.set=f,e!==void 0&&f(e),v}var an={animationIterationCount: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,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};function sn(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var cn=/^((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|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)-.*))$/,Dt=sn(function(e){return cn.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),ut,Mt;function ln(){if(Mt)return ut;Mt=1;var e=Ot(),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},t={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},n={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};c[e.ForwardRef]=n,c[e.Memo]=a;function l(T){return e.isMemo(T)?a:c[T.$$typeof]||r}var d=Object.defineProperty,u=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,v=Object.getOwnPropertyDescriptor,b=Object.getPrototypeOf,I=Object.prototype;function k(T,_,j){if(typeof _!="string"){if(I){var L=b(_);L&&L!==I&&k(T,L,j)}var x=u(_);f&&(x=x.concat(f(_)));for(var g=l(T),A=l(_),p=0;p<x.length;++p){var W=x[p];if(!t[W]&&!(j&&j[W])&&!(A&&A[W])&&!(g&&g[W])){var fe=v(_,W);try{d(T,W,fe)}catch{}}}}return T}return ut=k,ut}var un=ln();const dn=Zr(un);function ke(){return(ke=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}var Ft=function(e,r){for(var t=[e[0]],n=0,a=r.length;n<a;n+=1)t.push(r[n],e[n+1]);return t},dt=function(e){return e!==null&&typeof e=="object"&&(e.toString?e.toString():Object.prototype.toString.call(e))==="[object Object]"&&!lt.typeOf(e)},et=Object.freeze([]),je=Object.freeze({});function qe(e){return typeof e=="function"}function ft(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function pt(e){return e&&typeof e.styledComponentId=="string"}var De=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ht=typeof window<"u"&&"HTMLElement"in window,fn=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production")),pn=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
45
+
46
+ `,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
47
+
48
+ - Are you trying to reuse it across renders?
49
+ - Are you accidentally calling collectStyles twice?
50
+
51
+ `,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
52
+
53
+ `,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
54
+
55
+ - Does this error occur on the client and is your target falsy?
56
+ - Does this error occur on the server and is the sheet falsy?
57
+
58
+ `,5:`The clone method cannot be used on the client!
59
+
60
+ - Are you running in a client-like environment on the server?
61
+ - Are you trying to run SSR on the client?
62
+
63
+ `,6:`Trying to insert a new style tag, but the given Node is unmounted!
64
+
65
+ - Are you using a custom target that isn't mounted?
66
+ - Does your document not have a valid head element?
67
+ - Have you accidentally removed a style tag manually?
68
+
69
+ `,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
70
+
71
+ `,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
72
+
73
+ `,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
74
+
75
+ `,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
76
+
77
+ `,14:`ThemeProvider: "theme" prop is required.
78
+
79
+ `,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
80
+ You may only create up to 1,073,741,824 components. If you're creating components dynamically,
81
+ as for instance in your render method then you may be running into this limitation.
82
+
83
+ `,17:`CSSStyleSheet could not be found on HTMLStyleElement.
84
+ Has styled-components' style tag been unmounted or altered by another script?
85
+ `}:{};function hn(){for(var e=arguments.length<=0?void 0:arguments[0],r=[],t=1,n=arguments.length;t<n;t+=1)r.push(t<0||arguments.length<=t?void 0:arguments[t]);return r.forEach((function(a){e=e.replace(/%[a-z]/,a)})),e}function Me(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];throw process.env.NODE_ENV==="production"?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(t.length>0?" Args: "+t.join(", "):"")):new Error(hn.apply(void 0,[pn[e]].concat(t)).trim())}var mn=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}var r=e.prototype;return r.indexOfGroup=function(t){for(var n=0,a=0;a<t;a++)n+=this.groupSizes[a];return n},r.insertRules=function(t,n){if(t>=this.groupSizes.length){for(var a=this.groupSizes,c=a.length,l=c;t>=l;)(l<<=1)<0&&Me(16,""+t);this.groupSizes=new Uint32Array(l),this.groupSizes.set(a),this.length=l;for(var d=c;d<l;d++)this.groupSizes[d]=0}for(var u=this.indexOfGroup(t+1),f=0,v=n.length;f<v;f++)this.tag.insertRule(u,n[f])&&(this.groupSizes[t]++,u++)},r.clearGroup=function(t){if(t<this.length){var n=this.groupSizes[t],a=this.indexOfGroup(t),c=a+n;this.groupSizes[t]=0;for(var l=a;l<c;l++)this.tag.deleteRule(a)}},r.getGroup=function(t){var n="";if(t>=this.length||this.groupSizes[t]===0)return n;for(var a=this.groupSizes[t],c=this.indexOfGroup(t),l=c+a,d=c;d<l;d++)n+=this.tag.getRule(d)+`/*!sc*/
86
+ `;return n},e})(),tt=new Map,rt=new Map,Ze=1,nt=function(e){if(tt.has(e))return tt.get(e);for(;rt.has(Ze);)Ze++;var r=Ze++;return process.env.NODE_ENV!=="production"&&((0|r)<0||r>1<<30)&&Me(16,""+r),tt.set(e,r),rt.set(r,e),r},vn=function(e){return rt.get(e)},gn=function(e,r){r>=Ze&&(Ze=r+1),tt.set(e,r),rt.set(r,e)},yn="style["+De+'][data-styled-version="5.3.11"]',wn=new RegExp("^"+De+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),bn=function(e,r,t){for(var n,a=t.split(","),c=0,l=a.length;c<l;c++)(n=a[c])&&e.registerName(r,n)},Sn=function(e,r){for(var t=(r.textContent||"").split(`/*!sc*/
87
+ `),n=[],a=0,c=t.length;a<c;a++){var l=t[a].trim();if(l){var d=l.match(wn);if(d){var u=0|parseInt(d[1],10),f=d[2];u!==0&&(gn(f,u),bn(e,f,d[3]),e.getTag().insertRules(u,n)),n.length=0}else n.push(l)}}},xn=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null},Nt=function(e){var r=document.head,t=e||r,n=document.createElement("style"),a=(function(d){for(var u=d.childNodes,f=u.length;f>=0;f--){var v=u[f];if(v&&v.nodeType===1&&v.hasAttribute(De))return v}})(t),c=a!==void 0?a.nextSibling:null;n.setAttribute(De,"active"),n.setAttribute("data-styled-version","5.3.11");var l=xn();return l&&n.setAttribute("nonce",l),t.insertBefore(n,c),n},Cn=(function(){function e(t){var n=this.element=Nt(t);n.appendChild(document.createTextNode("")),this.sheet=(function(a){if(a.sheet)return a.sheet;for(var c=document.styleSheets,l=0,d=c.length;l<d;l++){var u=c[l];if(u.ownerNode===a)return u}Me(17)})(n),this.length=0}var r=e.prototype;return r.insertRule=function(t,n){try{return this.sheet.insertRule(n,t),this.length++,!0}catch{return!1}},r.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},r.getRule=function(t){var n=this.sheet.cssRules[t];return n!==void 0&&typeof n.cssText=="string"?n.cssText:""},e})(),En=(function(){function e(t){var n=this.element=Nt(t);this.nodes=n.childNodes,this.length=0}var r=e.prototype;return r.insertRule=function(t,n){if(t<=this.length&&t>=0){var a=document.createTextNode(n),c=this.nodes[t];return this.element.insertBefore(a,c||null),this.length++,!0}return!1},r.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},r.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Tn=(function(){function e(t){this.rules=[],this.length=0}var r=e.prototype;return r.insertRule=function(t,n){return t<=this.length&&(this.rules.splice(t,0,n),this.length++,!0)},r.deleteRule=function(t){this.rules.splice(t,1),this.length--},r.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Vt=ht,Rn={isServer:!ht,useCSSOMInjection:!fn},$t=(function(){function e(t,n,a){t===void 0&&(t=je),n===void 0&&(n={}),this.options=ke({},Rn,{},t),this.gs=n,this.names=new Map(a),this.server=!!t.isServer,!this.server&&ht&&Vt&&(Vt=!1,(function(c){for(var l=document.querySelectorAll(yn),d=0,u=l.length;d<u;d++){var f=l[d];f&&f.getAttribute(De)!=="active"&&(Sn(c,f),f.parentNode&&f.parentNode.removeChild(f))}})(this))}e.registerId=function(t){return nt(t)};var r=e.prototype;return r.reconstructWithOptions=function(t,n){return n===void 0&&(n=!0),new e(ke({},this.options,{},t),this.gs,n&&this.names||void 0)},r.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},r.getTag=function(){return this.tag||(this.tag=(a=(n=this.options).isServer,c=n.useCSSOMInjection,l=n.target,t=a?new Tn(l):c?new Cn(l):new En(l),new mn(t)));var t,n,a,c,l},r.hasNameForId=function(t,n){return this.names.has(t)&&this.names.get(t).has(n)},r.registerName=function(t,n){if(nt(t),this.names.has(t))this.names.get(t).add(n);else{var a=new Set;a.add(n),this.names.set(t,a)}},r.insertRules=function(t,n,a){this.registerName(t,n),this.getTag().insertRules(nt(t),a)},r.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},r.clearRules=function(t){this.getTag().clearGroup(nt(t)),this.clearNames(t)},r.clearTag=function(){this.tag=void 0},r.toString=function(){return(function(t){for(var n=t.getTag(),a=n.length,c="",l=0;l<a;l++){var d=vn(l);if(d!==void 0){var u=t.names.get(d),f=n.getGroup(l);if(u&&f&&u.size){var v=De+".g"+l+'[id="'+d+'"]',b="";u!==void 0&&u.forEach((function(I){I.length>0&&(b+=I+",")})),c+=""+f+v+'{content:"'+b+`"}/*!sc*/
88
+ `}}}return c})(this)},e})(),Pn=/(a)(d)/gi,Ht=function(e){return String.fromCharCode(e+(e>25?39:97))};function mt(e){var r,t="";for(r=Math.abs(e);r>52;r=r/52|0)t=Ht(r%52)+t;return(Ht(r%52)+t).replace(Pn,"$1-$2")}var Ie=function(e,r){for(var t=r.length;t;)e=33*e^r.charCodeAt(--t);return e},zt=function(e){return Ie(5381,e)};function kn(e){for(var r=0;r<e.length;r+=1){var t=e[r];if(qe(t)&&!pt(t))return!1}return!0}var _n=zt("5.3.11"),jn=(function(){function e(r,t,n){this.rules=r,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&kn(r),this.componentId=t,this.baseHash=Ie(_n,t),this.baseStyle=n,$t.registerId(t)}return e.prototype.generateAndInjectStyles=function(r,t,n){var a=this.componentId,c=[];if(this.baseStyle&&c.push(this.baseStyle.generateAndInjectStyles(r,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(a,this.staticRulesId))c.push(this.staticRulesId);else{var l=Fe(this.rules,r,t,n).join(""),d=mt(Ie(this.baseHash,l)>>>0);if(!t.hasNameForId(a,d)){var u=n(l,"."+d,void 0,a);t.insertRules(a,d,u)}c.push(d),this.staticRulesId=d}else{for(var f=this.rules.length,v=Ie(this.baseHash,n.hash),b="",I=0;I<f;I++){var k=this.rules[I];if(typeof k=="string")b+=k,process.env.NODE_ENV!=="production"&&(v=Ie(v,k+I));else if(k){var T=Fe(k,r,t,n),_=Array.isArray(T)?T.join(""):T;v=Ie(v,_+I),b+=_}}if(b){var j=mt(v>>>0);if(!t.hasNameForId(a,j)){var L=n(b,"."+j,void 0,a);t.insertRules(a,j,L)}c.push(j)}}return c.join(" ")},e})(),An=/^\s*\/\/.*$/gm,Ln=[":","[",".","#"];function In(e){var r,t,n,a,c=je,l=c.options,d=l===void 0?je:l,u=c.plugins,f=u===void 0?et:u,v=new on(d),b=[],I=(function(_){function j(L){if(L)try{_(L+"}")}catch{}}return function(L,x,g,A,p,W,fe,re,le,F){switch(L){case 1:if(le===0&&x.charCodeAt(0)===64)return _(x+";"),"";break;case 2:if(re===0)return x+"/*|*/";break;case 3:switch(re){case 102:case 112:return _(g[0]+x),"";default:return x+(F===0?"/*|*/":"")}case-2:x.split("/*|*/}").forEach(j)}}})((function(_){b.push(_)})),k=function(_,j,L){return j===0&&Ln.indexOf(L[t.length])!==-1||L.match(a)?_:"."+r};function T(_,j,L,x){x===void 0&&(x="&");var g=_.replace(An,""),A=j&&L?L+" "+j+" { "+g+" }":g;return r=x,t=j,n=new RegExp("\\"+t+"\\b","g"),a=new RegExp("(\\"+t+"\\b){2,}"),v(L||!j?"":j,A)}return v.use([].concat(f,[function(_,j,L){_===2&&L.length&&L[0].lastIndexOf(t)>0&&(L[0]=L[0].replace(n,k))},I,function(_){if(_===-2){var j=b;return b=[],j}}])),T.hash=f.length?f.reduce((function(_,j){return j.name||Me(15),Ie(_,j.name)}),5381).toString():"",T}var Yt=y.createContext();Yt.Consumer;var Bt=y.createContext(),On=(Bt.Consumer,new $t),vt=In();function Dn(){return y.useContext(Yt)||On}function Mn(){return y.useContext(Bt)||vt}var Ut=(function(){function e(r,t){var n=this;this.inject=function(a,c){c===void 0&&(c=vt);var l=n.name+c.hash;a.hasNameForId(n.id,l)||a.insertRules(n.id,l,c(n.rules,l,"@keyframes"))},this.toString=function(){return Me(12,String(n.name))},this.name=r,this.id="sc-keyframes-"+r,this.rules=t}return e.prototype.getName=function(r){return r===void 0&&(r=vt),this.name+r.hash},e})(),Fn=/([A-Z])/,Nn=/([A-Z])/g,Vn=/^ms-/,$n=function(e){return"-"+e.toLowerCase()};function Wt(e){return Fn.test(e)?e.replace(Nn,$n).replace(Vn,"-ms-"):e}var qt=function(e){return e==null||e===!1||e===""};function Fe(e,r,t,n){if(Array.isArray(e)){for(var a,c=[],l=0,d=e.length;l<d;l+=1)(a=Fe(e[l],r,t,n))!==""&&(Array.isArray(a)?c.push.apply(c,a):c.push(a));return c}if(qt(e))return"";if(pt(e))return"."+e.styledComponentId;if(qe(e)){if(typeof(f=e)!="function"||f.prototype&&f.prototype.isReactComponent||!r)return e;var u=e(r);return process.env.NODE_ENV!=="production"&&lt.isElement(u)&&console.warn(ft(e)+" is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details."),Fe(u,r,t,n)}var f;return e instanceof Ut?t?(e.inject(t,n),e.getName(n)):e:dt(e)?(function v(b,I){var k,T,_=[];for(var j in b)b.hasOwnProperty(j)&&!qt(b[j])&&(Array.isArray(b[j])&&b[j].isCss||qe(b[j])?_.push(Wt(j)+":",b[j],";"):dt(b[j])?_.push.apply(_,v(b[j],j)):_.push(Wt(j)+": "+(k=j,(T=b[j])==null||typeof T=="boolean"||T===""?"":typeof T!="number"||T===0||k in an||k.startsWith("--")?String(T).trim():T+"px")+";"));return I?[I+" {"].concat(_,["}"]):_})(e):e.toString()}var Zt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function ot(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return qe(e)||dt(e)?Zt(Fe(Ft(et,[e].concat(t)))):t.length===0&&e.length===1&&typeof e[0]=="string"?e:Zt(Fe(Ft(e,t)))}var Gt=/invalid hook call/i,at=new Set,Hn=function(e,r){if(process.env.NODE_ENV!=="production"){var t="The component "+e+(r?' with the id of "'+r+'"':"")+` has been created dynamically.
89
+ You may see this warning because you've called styled inside another component.
90
+ To resolve this only create new StyledComponents outside of any render method and function component.`,n=console.error;try{var a=!0;console.error=function(c){if(Gt.test(c))a=!1,at.delete(t);else{for(var l=arguments.length,d=new Array(l>1?l-1:0),u=1;u<l;u++)d[u-1]=arguments[u];n.apply(void 0,[c].concat(d))}},y.useRef(),a&&!at.has(t)&&(console.warn(t),at.add(t))}catch(c){Gt.test(c.message)&&at.delete(t)}finally{console.error=n}}},zn=function(e,r,t){return t===void 0&&(t=je),e.theme!==t.theme&&e.theme||r||t.theme},Yn=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Bn=/(^-|-$)/g;function gt(e){return e.replace(Yn,"-").replace(Bn,"")}var Xt=function(e){return mt(zt(e)>>>0)};function it(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var yt=function(e){return typeof e=="function"||typeof e=="object"&&e!==null&&!Array.isArray(e)},Un=function(e){return e!=="__proto__"&&e!=="constructor"&&e!=="prototype"};function Wn(e,r,t){var n=e[t];yt(r)&&yt(n)?Jt(n,r):e[t]=r}function Jt(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];for(var a=0,c=t;a<c.length;a++){var l=c[a];if(yt(l))for(var d in l)Un(d)&&Wn(e,l[d],d)}return e}var Kt=y.createContext();Kt.Consumer;var wt={};function Qt(e,r,t){var n=pt(e),a=!it(e),c=r.attrs,l=c===void 0?et:c,d=r.componentId,u=d===void 0?(function(x,g){var A=typeof x!="string"?"sc":gt(x);wt[A]=(wt[A]||0)+1;var p=A+"-"+Xt("5.3.11"+A+wt[A]);return g?g+"-"+p:p})(r.displayName,r.parentComponentId):d,f=r.displayName,v=f===void 0?(function(x){return it(x)?"styled."+x:"Styled("+ft(x)+")"})(e):f,b=r.displayName&&r.componentId?gt(r.displayName)+"-"+r.componentId:r.componentId||u,I=n&&e.attrs?Array.prototype.concat(e.attrs,l).filter(Boolean):l,k=r.shouldForwardProp;n&&e.shouldForwardProp&&(k=r.shouldForwardProp?function(x,g,A){return e.shouldForwardProp(x,g,A)&&r.shouldForwardProp(x,g,A)}:e.shouldForwardProp);var T,_=new jn(t,b,n?e.componentStyle:void 0),j=_.isStatic&&l.length===0,L=function(x,g){return(function(A,p,W,fe){var re=A.attrs,le=A.componentStyle,F=A.defaultProps,ye=A.foldedComponentIds,ne=A.shouldForwardProp,K=A.styledComponentId,oe=A.target,Q=(function(M,s,$){M===void 0&&(M=je);var w=ke({},s,{theme:M}),X={};return $.forEach((function(V){var Y,h,ae,se=V;for(Y in qe(se)&&(se=se(w)),se)w[Y]=X[Y]=Y==="className"?(h=X[Y],ae=se[Y],h&&ae?h+" "+ae:h||ae):se[Y]})),[w,X]})(zn(p,y.useContext(Kt),F)||je,p,re),we=Q[0],ee=Q[1],he=(function(M,s,$,w){var X=Dn(),V=Mn(),Y=s?M.generateAndInjectStyles(je,X,V):M.generateAndInjectStyles($,X,V);return process.env.NODE_ENV!=="production"&&!s&&w&&w(Y),Y})(le,fe,we,process.env.NODE_ENV!=="production"?A.warnTooManyClasses:void 0),Ee=W,xe=ee.$as||p.$as||ee.as||p.as||oe,Te=it(xe),P=ee!==p?ke({},p,{},ee):p,C={};for(var R in P)R[0]!=="$"&&R!=="as"&&(R==="forwardedAs"?C.as=P[R]:(ne?ne(R,Dt,xe):!Te||Dt(R))&&(C[R]=P[R]));return p.style&&ee.style!==p.style&&(C.style=ke({},p.style,{},ee.style)),C.className=Array.prototype.concat(ye,K,he!==K?he:null,p.className,ee.className).filter(Boolean).join(" "),C.ref=Ee,y.createElement(xe,C)})(T,x,g,j)};return L.displayName=v,(T=y.forwardRef(L)).attrs=I,T.componentStyle=_,T.displayName=v,T.shouldForwardProp=k,T.foldedComponentIds=n?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):et,T.styledComponentId=b,T.target=n?e.target:e,T.withComponent=function(x){var g=r.componentId,A=(function(W,fe){if(W==null)return{};var re,le,F={},ye=Object.keys(W);for(le=0;le<ye.length;le++)re=ye[le],fe.indexOf(re)>=0||(F[re]=W[re]);return F})(r,["componentId"]),p=g&&g+"-"+(it(x)?x:gt(ft(x)));return Qt(x,ke({},A,{attrs:I,componentId:p}),t)},Object.defineProperty(T,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(x){this._foldedDefaultProps=n?Jt({},e.defaultProps,x):x}}),process.env.NODE_ENV!=="production"&&(Hn(v,b),T.warnTooManyClasses=(function(x,g){var A={},p=!1;return function(W){if(!p&&(A[W]=!0,Object.keys(A).length>=200)){var fe=g?' with the id of "'+g+'"':"";console.warn("Over 200 classes were generated for component "+x+fe+`.
91
+ Consider using the attrs method, together with a style object for frequently changed styles.
92
+ Example:
93
+ const Component = styled.div.attrs(props => ({
94
+ style: {
95
+ background: props.background,
96
+ },
97
+ }))\`width: 100%;\`
98
+
99
+ <Component />`),p=!0,A={}}}})(v,b)),Object.defineProperty(T,"toString",{value:function(){return"."+T.styledComponentId}}),a&&dn(T,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),T}var z=function(e){return(function r(t,n,a){if(a===void 0&&(a=je),!lt.isValidElementType(n))return Me(1,String(n));var c=function(){return t(n,a,ot.apply(void 0,arguments))};return c.withConfig=function(l){return r(t,n,ke({},a,{},l))},c.attrs=function(l){return r(t,n,ke({},a,{attrs:Array.prototype.concat(a.attrs,l).filter(Boolean)}))},c})(Qt,e)};["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","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach((function(e){z[e]=z(e)}));function qn(e){process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var a=ot.apply(void 0,[e].concat(t)).join(""),c=Xt(a);return new Ut(c,a)}process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
100
+ Perhaps you're looking to import 'styled-components/native'?
101
+ Read more about this at https://www.styled-components.com/docs/basics#react-native`),process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
102
+
103
+ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);function Zn({children:e,eventFinishedMessage:r,eventNotStartedMessage:t,eventStartingSoonMessage:n}){const a=me(f=>f.startDate),c=me(f=>f.endDate),l=Date.now(),d=l<a.getTime(),u=l>c.getTime();return Qr(5e3),d?i.jsx(Gn,{startDate:a,title:t||"Event has not started yet.",message:n||"Starting in few seconds..."}):u?i.jsx(Xn,{title:r||"Event has finished."}):i.jsx(i.Fragment,{children:e})}function Gn({startDate:e,title:r,message:t}){const n=e.getTime()-Date.now(),a=Math.floor(n/(1e3*60*60)),c=Math.floor(n%(1e3*60*60)/(1e3*60));return a||c?i.jsxs(bt,{children:[i.jsx(St,{children:r}),i.jsxs(Jn,{children:["(",a>0?`${a}h ${c}m`:`${c}m`,")"]})]}):i.jsx(bt,{children:i.jsx(St,{children:t})})}function Xn({title:e}){return i.jsx(bt,{children:i.jsx(St,{children:e})})}const bt=z.div`
31
104
  position: absolute;
32
105
  top: 0;
33
106
  left: 0;
@@ -40,21 +113,21 @@ React keys must be passed directly to JSX without using spread:
40
113
  justify-content: center;
41
114
  color: black;
42
115
  background: #f7e406;
43
- `,be=w.h3`
116
+ `,St=z.h3`
44
117
  margin: 0;
45
118
  padding: 0.5rem 0;
46
119
  font-size: 1.5rem;
47
120
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
48
121
  "Helvetica Neue", Arial, sans-serif;
49
122
  font-weight: 500;
50
- `,Kt=w.p`
123
+ `,Jn=z.p`
51
124
  margin: 0;
52
125
  height: 1.25rem;
53
126
  font-size: 1rem;
54
127
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
55
128
  "Helvetica Neue", Arial, sans-serif;
56
129
  font-weight: 500;
57
- `;function Gt(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})})}const J=c.forwardRef(({shape:e="circle",...n},r)=>o.jsx(Qt,{ref:r,$shape:e,...n}));J.displayName="PlayerButton";const Qt=w.button`
130
+ `;function Kn(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})})}const Ae=y.forwardRef(({shape:e="circle",...r},t)=>i.jsx(Qn,{ref:t,$shape:e,...r}));Ae.displayName="PlayerButton";const Qn=z.button`
58
131
  margin: 0;
59
132
  display: flex;
60
133
  align-items: center;
@@ -92,16 +165,16 @@ React keys must be passed directly to JSX without using spread:
92
165
  cursor: not-allowed;
93
166
  }
94
167
 
95
- ${({$shape:e})=>e==="circle"&&w.css`
168
+ ${({$shape:e})=>e==="circle"&&ot`
96
169
  padding: 0;
97
170
  width: 2rem;
98
171
  height: 2rem;
99
172
  `}
100
173
 
101
- ${({$shape:e})=>e==="square"&&w.css`
174
+ ${({$shape:e})=>e==="square"&&ot`
102
175
  padding: 0.25rem 0.5rem;
103
176
  `}
104
- `;function qt({message:e,...n}){const r=D(m=>m.delay),i=D(m=>m.setDelay),l=()=>i(0);return r?o.jsxs(J,{onClick:l,shape:"square",...n,children:[o.jsx("span",{children:e||"Live"}),o.jsx(Gt,{})]}):null}function De(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M6 5H8V19H6V5ZM16 5H18V19H16V5Z"})})}function Me(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"})})}function $t(e,n,r){const i={days:86400,hours:3600,minutes:60,seconds:1,milliseconds:.001};return e*(i[n]/i[r])}function en(e){return $t(e,"milliseconds","seconds")}const $=e=>{const n=Math.floor(e/60),r=Math.floor(e%60);return`${n.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`};function tn(e){const n=typeof window<"u"&&window.navigator?.userAgent||"";return e.test(n)}const Ve=tn(/iPhone|iPad|iPod/i);function nn(){const e=document;return!!(e.fullscreenElement||e.mozFullScreenElement||e.webkitFullscreenElement||e.msFullscreenElement)}function rn(e){e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.webkitRequestFullScreen?e.webkitRequestFullScreen():e.webkitEnterFullScreen?e.webkitEnterFullScreen():e.mozRequestFullScreen&&e.mozRequestFullScreen()}function on(e){e.exitFullscreen?e.exitFullscreen():e.msExitFullscreen?e.msExitFullscreen():e.webkitExitFullscreen?e.webkitExitFullscreen():e.mozCancelFullScreen&&e.mozCancelFullScreen()}function sn(e,n){return e.addEventListener("fullscreenchange",n),e.addEventListener("webkitfullscreenchange",n),e.addEventListener("mozfullscreenchange",n),e.addEventListener("MSFullscreenChange",n),()=>{e.removeEventListener("fullscreenchange",n),e.removeEventListener("webkitfullscreenchange",n),e.removeEventListener("mozfullscreenchange",n),e.removeEventListener("MSFullscreenChange",n)}}const an=(e,n)=>({currentTime:0,duration:0,isEnded:!1,isLoading:!1,isLoop:!1,isMetaLoaded:!1,isPlaying:!1,isReady:!1,isStarted:!1,pauseTime:0,seekTime:-1,startTime:-1,volume:100,destroy:()=>{},handleDurationChange:()=>{const r=n().techRef.current;r&&e({duration:r.duration})},handleEnd:()=>{n().techRef.current&&e({isEnded:!0,isLoading:!1,isMetaLoaded:!1,isPlaying:!1})},handleLoadedMetadata:()=>{const r=n().techRef.current;r&&(r.loop=n().isLoop,r.volume=r.muted?0:1,n().startTime!==-1&&(r.currentTime=n().startTime),e({currentTime:n().startTime!==-1?n().startTime:r.currentTime,duration:r.duration,startTime:-1,isMetaLoaded:!0,volume:r.muted?0:100}))},handleLoadStart:()=>{const r=n().techRef.current;r&&(e({isReady:!0}),r.play().then(()=>{e({isEnded:!1,isLoading:!1,isPlaying:!0,isStarted:!0,pauseTime:0})}).catch(i=>e(()=>(console.info("Player failed to autoplay",i),{isStarted:!1,isEnded:!1,isLoading:!1,isPlaying:!1}))))},handlePause:()=>e({isPlaying:!1,pauseTime:Date.now()}),handlePlay:()=>e({isPlaying:!0,pauseTime:0}),handlePlaying:()=>e({isLoading:!1}),handleSeeked:()=>e({isLoading:!1}),handleSeeking:()=>e({isLoading:!0}),handleTimeUpdate:()=>{const r=n().techRef.current;r&&e({currentTime:r.currentTime})},handleWaiting:()=>e({isLoading:!0}),pause:()=>{const r=n().techRef.current;r&&(r.pause(),e({isEnded:!1,isPlaying:!1,pauseTime:Date.now()}))},pauseTimeDiff:()=>en(Date.now()-n().pauseTime),play:()=>{const r=n().techRef.current;r&&(r.play(),e({isEnded:!1,isPlaying:!0,isStarted:!0,pauseTime:0}))},seek:r=>{const i=n().techRef.current;i&&(i.currentTime=r,(i.paused||i.ended)&&i.play(),e({seekTime:-1,currentTime:r,isStarted:!0,isEnded:!1,isPlaying:!0}))},setIsLoading:r=>e({isLoading:r}),setIsLoop:r=>{const i=n().techRef.current;i&&(i.loop=r,e({isLoop:r}))},setStartTime:r=>e({startTime:r}),setVolume:r=>{const i=n().techRef.current;i&&(i.muted=r===0,i.volume=r/100,e({volume:r}))},stop:()=>{n().techRef.current&&e({isPlaying:!1,isLoading:!1})}}),ln=e=>({idleLocks:new Set,addIdleLock:n=>e(r=>({idleLocks:new Set(r.idleLocks).add(n)})),removeIdleLock:n=>e(r=>{const i=new Set(r.idleLocks);return i.delete(n),{idleLocks:i}})}),cn=e=>({level:null,levels:null,setLevels:n=>e({levels:n}),setLevel:n=>e({level:n})}),un=(e,n)=>({isFullscreen:!1,isFullscreenReady:!1,exitFullscreen:()=>{on(document),e({isFullscreen:!1})},requestFullscreen:()=>{const r=n().techRef.current,i=n().containerRef.current;if(!r||!i)return;const l=Ve?r:i;l&&rn(l),e({isFullscreen:!0})},setIsFullscreen:r=>e({isFullscreen:r}),setIsFullscreenReady:r=>e({isFullscreenReady:r})}),dn=e=>({url:"",setURL:n=>e({url:n})}),fn=e=>()=>({...e}),hn=(e,n)=>le.create()((...r)=>({...an(...r),...ln(...r),...un(...r),...cn(...r),...dn(...r),...fn({techRef:e,containerRef:n})(...r)})),Oe=c.createContext(null);function mn({children:e}){const n=c.useRef(null),r=c.useRef(null),i=c.useRef(null);return n.current||(n.current=hn(r,i)),o.jsx(Oe.Provider,{value:n.current,children:e})}const u=e=>{const n=c.useContext(Oe);if(!n)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return le.useStore(n,e)};function pn(){const e=u(a=>a.isPlaying),n=u(a=>a.pause),r=u(a=>a.pauseTime),i=u(a=>a.pauseTimeDiff),l=u(a=>a.play),m=D(a=>a.delay),p=D(a=>a.setDelay),h=()=>{e?n():(r&&p(m+i()),l())};return o.jsx(J,{onClick:h,children:e?o.jsx(De,{}):o.jsx(Me,{})})}function He({className:e,onClick:n,...r}){const i=c.useRef(null),l=u(x=>x.exitFullscreen),m=u(x=>x.isFullscreen),p=u(x=>x.requestFullscreen),h=x=>{v()?(f(),m?l():p()):a(x)},a=x=>{i.current=window.setTimeout(()=>{n?.(x),f()},200)},f=()=>{i.current!==null&&(window.clearTimeout(i.current),i.current=null)},v=()=>i.current!==null;return c.useEffect(()=>()=>{f()},[]),o.jsx(vn,{onClick:h,className:e,"aria-label":"Player playback indicator",...r})}const vn=w.button`
177
+ `;function eo({message:e,...r}){const t=me(c=>c.delay),n=me(c=>c.setDelay),a=()=>n(0);return t?i.jsxs(Ae,{onClick:a,shape:"square",...r,children:[i.jsx("span",{children:e||"Live"}),i.jsx(Kn,{})]}):null}function er(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M6 5H8V19H6V5ZM16 5H18V19H16V5Z"})})}function tr(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"})})}function to(e,r,t){const n={days:86400,hours:3600,minutes:60,seconds:1,milliseconds:.001};return e*(n[r]/n[t])}function ro(e){return to(e,"milliseconds","seconds")}const Ne=e=>{const r=Math.floor(e/60),t=Math.floor(e%60);return`${r.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`};function no(e){const r=typeof window<"u"&&window.navigator?.userAgent||"";return e.test(r)}const rr=no(/iPhone|iPad|iPod/i);function oo(){const e=document;return!!(e.fullscreenElement||e.mozFullScreenElement||e.webkitFullscreenElement||e.msFullscreenElement)}function ao(e){e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.webkitRequestFullScreen?e.webkitRequestFullScreen():e.webkitEnterFullScreen?e.webkitEnterFullScreen():e.mozRequestFullScreen&&e.mozRequestFullScreen()}function io(e){e.exitFullscreen?e.exitFullscreen():e.msExitFullscreen?e.msExitFullscreen():e.webkitExitFullscreen?e.webkitExitFullscreen():e.mozCancelFullScreen&&e.mozCancelFullScreen()}function so(e,r){return e.addEventListener("fullscreenchange",r),e.addEventListener("webkitfullscreenchange",r),e.addEventListener("mozfullscreenchange",r),e.addEventListener("MSFullscreenChange",r),()=>{e.removeEventListener("fullscreenchange",r),e.removeEventListener("webkitfullscreenchange",r),e.removeEventListener("mozfullscreenchange",r),e.removeEventListener("MSFullscreenChange",r)}}const co=(e,r)=>({currentTime:0,duration:0,isEnded:!1,isLoading:!1,isLoop:!1,isMetaLoaded:!1,isPlaying:!1,isReady:!1,isStarted:!1,pauseTime:0,seekTime:-1,startTime:-1,volume:100,destroy:()=>{},handleDurationChange:()=>{const t=r().techRef.current;t&&e({duration:t.duration})},handleEnd:()=>{r().techRef.current&&e({isEnded:!0,isLoading:!1,isMetaLoaded:!1,isPlaying:!1})},handleLoadedMetadata:()=>{const t=r().techRef.current;t&&(t.loop=r().isLoop,t.volume=t.muted?0:1,r().startTime!==-1&&(t.currentTime=r().startTime),e({currentTime:r().startTime!==-1?r().startTime:t.currentTime,duration:t.duration,startTime:-1,isMetaLoaded:!0,volume:t.muted?0:100}))},handleLoadStart:()=>{const t=r().techRef.current;t&&(e({isReady:!0}),t.play().then(()=>{e({isEnded:!1,isLoading:!1,isPlaying:!0,isStarted:!0,pauseTime:0})}).catch(n=>e(()=>(console.info("Player failed to autoplay",n),{isStarted:!1,isEnded:!1,isLoading:!1,isPlaying:!1}))))},handlePause:()=>e({isPlaying:!1,pauseTime:Date.now()}),handlePlay:()=>e({isPlaying:!0,pauseTime:0}),handlePlaying:()=>e({isLoading:!1}),handleSeeked:()=>e({isLoading:!1}),handleSeeking:()=>e({isLoading:!0}),handleTimeUpdate:()=>{const t=r().techRef.current;t&&e({currentTime:t.currentTime})},handleWaiting:()=>e({isLoading:!0}),pause:()=>{const t=r().techRef.current;t&&(t.pause(),e({isEnded:!1,isPlaying:!1,pauseTime:Date.now()}))},pauseTimeDiff:()=>ro(Date.now()-r().pauseTime),play:()=>{const t=r().techRef.current;t&&(t.play(),e({isEnded:!1,isPlaying:!0,isStarted:!0,pauseTime:0}))},seek:t=>{const n=r().techRef.current;n&&(n.currentTime=t,(n.paused||n.ended)&&n.play(),e({seekTime:-1,currentTime:t,isStarted:!0,isEnded:!1,isPlaying:!0}))},setIsLoading:t=>e({isLoading:t}),setIsLoop:t=>{const n=r().techRef.current;n&&(n.loop=t,e({isLoop:t}))},setStartTime:t=>e({startTime:t}),setVolume:t=>{const n=r().techRef.current;n&&(n.muted=t===0,n.volume=t/100,e({volume:t}))},stop:()=>{r().techRef.current&&e({isPlaying:!1,isLoading:!1})}}),lo=e=>({idleLocks:new Set,addIdleLock:r=>e(t=>({idleLocks:new Set(t.idleLocks).add(r)})),removeIdleLock:r=>e(t=>{const n=new Set(t.idleLocks);return n.delete(r),{idleLocks:n}})}),uo=e=>({level:null,levels:null,setLevels:r=>e({levels:r}),setLevel:r=>e({level:r})}),fo=(e,r)=>({isFullscreen:!1,isFullscreenReady:!1,exitFullscreen:()=>{io(document),e({isFullscreen:!1})},requestFullscreen:()=>{const t=r().techRef.current,n=r().containerRef.current;if(!t||!n)return;const a=rr?t:n;a&&ao(a),e({isFullscreen:!0})},setIsFullscreen:t=>e({isFullscreen:t}),setIsFullscreenReady:t=>e({isFullscreenReady:t})}),po=e=>()=>({...e}),ho=(e,r)=>Ge.create()((...t)=>({...co(...t),...lo(...t),...fo(...t),...uo(...t),...po({techRef:e,containerRef:r})(...t)})),nr=y.createContext(null);function mo({children:e}){const r=y.useRef(null),t=y.useRef(null),n=y.useRef(null);return r.current||(r.current=ho(t,n)),i.jsx(nr.Provider,{value:r.current,children:e})}const S=e=>{const r=y.useContext(nr);if(!r)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return Ge.useStore(r,e)};function vo(){const e=S(u=>u.isPlaying),r=S(u=>u.pause),t=S(u=>u.pauseTime),n=S(u=>u.pauseTimeDiff),a=S(u=>u.play),c=me(u=>u.delay),l=me(u=>u.setDelay),d=()=>{e?r():(t&&l(c+n()),a())};return i.jsx(Ae,{onClick:d,children:e?i.jsx(er,{}):i.jsx(tr,{})})}function or({className:e,onClick:r,...t}){const n=y.useRef(null),a=S(b=>b.exitFullscreen),c=S(b=>b.isFullscreen),l=S(b=>b.requestFullscreen),d=b=>{v()?(f(),c?a():l()):u(b)},u=b=>{n.current=window.setTimeout(()=>{r?.(b),f()},200)},f=()=>{n.current!==null&&(window.clearTimeout(n.current),n.current=null)},v=()=>n.current!==null;return y.useEffect(()=>()=>{f()},[]),i.jsx(go,{onClick:d,className:e,"aria-label":"Player playback indicator",...t})}const go=z.button`
105
178
  position: absolute;
106
179
  top: 0;
107
180
  left: 0;
@@ -119,11 +192,11 @@ React keys must be passed directly to JSX without using spread:
119
192
  &:focus {
120
193
  outline: none;
121
194
  }
122
- `;function gn(){const e=u(i=>i.isPlaying),n=u(i=>i.play),r=()=>{e||n()};return o.jsx(He,{onClick:r})}const Ae=w.div`
195
+ `;function yo(){const e=S(n=>n.isPlaying),r=S(n=>n.play),t=()=>{e||r()};return i.jsx(or,{onClick:t})}const ar=z.div`
123
196
  position: relative;
124
197
  width: 100%;
125
198
  margin-bottom: -0.25rem;
126
- `,Ue=w.div`
199
+ `,ir=z.div`
127
200
  position: absolute;
128
201
  bottom: 1.75rem;
129
202
  left: 0;
@@ -134,7 +207,7 @@ React keys must be passed directly to JSX without using spread:
134
207
  opacity: ${({$isVisible:e})=>e?1:0};
135
208
  transform: ${({$isVisible:e})=>e?"translateY(0)":"translateY(-0.5rem)"};
136
209
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
137
- `,Ne=w.p`
210
+ `,sr=z.p`
138
211
  margin: 0;
139
212
  padding: 0.25rem;
140
213
  font-variant-numeric: tabular-nums;
@@ -146,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
146
219
  color: white;
147
220
  background: rgba(0, 0, 0, 0.8);
148
221
  border-radius: 1rem;
149
- `,fe=c.forwardRef(({max:e=100,min:n=0,...r},i)=>o.jsxs(yn,{ref:i,min:n,max:e,"aria-label":"Player progress",onKeyDown:l=>l.preventDefault(),...r,children:[o.jsx(xn,{children:o.jsx(bn,{})}),o.jsx(wn,{})]}));fe.displayName="PlayerSlider";const yn=w(ce.Root)`
222
+ `,st=y.forwardRef(({max:e=100,min:r=0,...t},n)=>i.jsxs(wo,{ref:n,min:r,max:e,"aria-label":"Player progress",onKeyDown:a=>a.preventDefault(),...t,children:[i.jsx(bo,{children:i.jsx(So,{})}),i.jsx(xo,{})]}));st.displayName="PlayerSlider";const wo=z(Xe.Root)`
150
223
  position: relative;
151
224
  display: flex;
152
225
  align-items: center;
@@ -160,20 +233,20 @@ React keys must be passed directly to JSX without using spread:
160
233
  cursor: not-allowed;
161
234
  opacity: 0.5;
162
235
  }
163
- `,xn=w(ce.Track)`
236
+ `,bo=z(Xe.Track)`
164
237
  position: relative;
165
238
  height: 0.25rem;
166
239
  flex-grow: 1;
167
240
  background: rgba(255, 255, 255, 0.2);
168
241
  border-radius: 1rem;
169
242
  overflow: hidden;
170
- `,bn=w(ce.Range)`
243
+ `,So=z(Xe.Range)`
171
244
  position: absolute;
172
245
  height: 100%;
173
246
  background: #f7e406;
174
247
  transition: width 0.2s ease-in-out;
175
248
  border-radius: 1rem;
176
- `,wn=w(ce.Thumb)`
249
+ `,xo=z(Xe.Thumb)`
177
250
  display: block;
178
251
  width: 0.875rem;
179
252
  height: 0.875rem;
@@ -196,10 +269,10 @@ React keys must be passed directly to JSX without using spread:
196
269
  cursor: not-allowed;
197
270
  opacity: 0.5;
198
271
  }
199
- `;function he(e){const n=e.getBoundingClientRect();return e.offsetWidth/e.offsetHeight>e.clientWidth/e.clientHeight?{left:n.left*100,right:n.right*100,top:n.top*100,bottom:n.bottom*100,width:n.width*100,height:n.height*100}:n}const Tn=(e,n)=>parseInt(Math.max(0,(Date.now()-(e+n*1e3))/1e3).toFixed(0)),Be=(e,n)=>Math.max(0,(Date.now()-e-n*1e3)/1e3),We=(e,n)=>Math.max(0,(n-e)/1e3),Cn=(e,n=0)=>{const i=n<0?0:n,l=["bytes","kb","mb","gb","tb","pb","eb","zb","yb"],m=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,m)).toFixed(i))}${l[m]}`};function Sn({isAuto:e,level:n,levels:r}){const i=r.length,l=[];return i>1&&l.push({sid:"quality-level-auto",label:"Auto",value:-1,selected:e||n===-1}),r.sort(function(m,p){const h=m.height||m.bitrate||0,a=p.height||p.bitrate||0;return h===a?0:h>a?1:-1}),r.map(m=>{const{bitrate:p,height:h,index:a}=m;l.push({sid:`quality-level-${a}`,label:h?`${h}p`:Cn(p),value:a,selected:i===1||!e&&a===n})}),l}const ze="vod-player-progress-bar";function Rn(){const e=c.useRef(null),n=c.useRef(null),[r,i]=c.useState(0),[l,m]=c.useState(0),[p,h]=c.useState(!1),[a,f]=c.useState(-1),[v,x]=c.useState(-1),L=D(C=>C.delay),R=D(C=>C.startTime),M=D(C=>C.endTime),_=D(C=>C.setDelay),U=u(C=>C.isPlaying),F=u(C=>C.addIdleLock),P=u(C=>C.removeIdleLock),g=c.useCallback(()=>{i(Be(R,L)),m(We(R,M))},[L,M,R]),W=parseFloat((l?(v!==-1?v:r)/l*100:0).toFixed(1)),z=C=>{x(l*(C[0]/100)),F(ze)},X=()=>{if(v!==-1){const C=Tn(R,v);_(C),x(-1),P(ze)}},ee=()=>h(!0),K=()=>h(!1),G=c.useCallback(C=>{const me=e.current,Q=n.current;if(me&&Q){const H=he(me),N=he(Q),Y=(C.pageX||C.clientX)-H.left,se=Y/H.width;if(se<0)return;let B=Y-N.width/2;B<0&&(B=0),B>H.width-N.width&&(B=-1),Q.style.left=B>-1?`${B}px`:"auto",Q.style.right=B>-1?"auto":"0px",f(se*l)}ee()},[l]);return de(()=>g(),U?1e3:null),c.useEffect(()=>{g()},[g]),o.jsxs(Ae,{children:[o.jsx(fe,{ref:e,value:[W],onPointerLeave:K,onPointerDown:K,onPointerMove:G,onValueChange:z,onValueCommit:X,step:.1}),o.jsx(Ue,{ref:n,$isVisible:p,children:o.jsx(Ne,{children:$(a)})})]})}function Ye({children:e}){return o.jsx(mn,{children:e})}function jn({children:e,startDate:n,endDate:r}){return o.jsx(Yt,{startDate:n,endDate:r,children:o.jsx(Ye,{children:e})})}const Ze=w.div`
272
+ `;function ct(e){const r=e.getBoundingClientRect();return e.offsetWidth/e.offsetHeight>e.clientWidth/e.clientHeight?{left:r.left*100,right:r.right*100,top:r.top*100,bottom:r.bottom*100,width:r.width*100,height:r.height*100}:r}const cr=(e,r=0)=>parseInt(Math.max(0,(Date.now()-(e+r*1e3))/1e3).toFixed(0)),lr=(e,r)=>Math.max(0,(Date.now()-e-r*1e3)/1e3),ur=(e,r)=>Math.max(0,(r-e)/1e3),Co=(e,r=0)=>{const n=r<0?0:r,a=["bytes","kb","mb","gb","tb","pb","eb","zb","yb"],c=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,c)).toFixed(n))}${a[c]}`};function Eo({isAuto:e,level:r,levels:t}){const n=t.length,a=[];return n>1&&a.push({sid:"quality-level-auto",label:"Auto",value:-1,selected:e||r===-1}),t.sort(function(c,l){const d=c.height||c.bitrate||0,u=l.height||l.bitrate||0;return d===u?0:d>u?1:-1}),t.map(c=>{const{bitrate:l,height:d,index:u}=c;a.push({sid:`quality-level-${u}`,label:d?`${d}p`:Co(l),value:u,selected:n===1||!e&&u===r})}),a}const dr="vod-player-progress-bar";function To(){const e=y.useRef(null),r=y.useRef(null),[t,n]=y.useState(0),[a,c]=y.useState(0),[l,d]=y.useState(!1),[u,f]=y.useState(-1),[v,b]=y.useState(-1),I=me(F=>F.delay),k=me(F=>F.startTime),T=me(F=>F.endTime),_=me(F=>F.setDelay),j=S(F=>F.isPlaying),L=S(F=>F.addIdleLock),x=S(F=>F.removeIdleLock),g=y.useCallback(()=>{n(lr(k,I)),c(ur(k,T))},[I,T,k]),A=parseFloat((a?(v!==-1?v:t)/a*100:0).toFixed(1)),p=F=>{b(a*(F[0]/100)),L(dr)},W=()=>{if(v!==-1){const F=cr(k,v);_(F),b(-1),x(dr)}},fe=()=>d(!0),re=()=>d(!1),le=y.useCallback(F=>{const ye=e.current,ne=r.current;if(ye&&ne){const K=ct(ye),oe=ct(ne),Q=(F.pageX||F.clientX)-K.left,we=Q/K.width;if(we<0)return;let ee=Q-oe.width/2;ee<0&&(ee=0),ee>K.width-oe.width&&(ee=-1),ne.style.left=ee>-1?`${ee}px`:"auto",ne.style.right=ee>-1?"auto":"0px",f(we*a)}fe()},[a]);return Ke(()=>g(),j?1e3:null),y.useEffect(()=>{g()},[g]),i.jsxs(ar,{children:[i.jsx(st,{ref:e,value:[A],onPointerLeave:re,onPointerDown:re,onPointerMove:le,onValueChange:p,onValueCommit:W,step:.1}),i.jsx(ir,{ref:r,$isVisible:l,children:i.jsx(sr,{children:Ne(u)})})]})}function fr({children:e}){return i.jsx(mo,{children:e})}function Ro({children:e,startDate:r,endDate:t}){return i.jsx(tn,{startDate:r,endDate:t,children:i.jsx(fr,{children:e})})}const pr=z.div`
200
273
  display: flex;
201
274
  align-items: center;
202
- `,Je=w.p`
275
+ `,hr=z.p`
203
276
  margin: 0;
204
277
  padding: 0;
205
278
  font-variant-numeric: tabular-nums;
@@ -207,11 +280,11 @@ React keys must be passed directly to JSX without using spread:
207
280
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
208
281
  "Helvetica Neue", Arial, sans-serif;
209
282
  font-weight: 500;
210
- `,Xe=w(Je)`
283
+ `,mr=z(hr)`
211
284
  margin-right: 0.5rem;
212
- `,Ke=w(Je)`
285
+ `,vr=z(hr)`
213
286
  margin-left: 0.5rem;
214
- `,Ge=w.p`
287
+ `,gr=z.p`
215
288
  margin: 0;
216
289
  padding: 0;
217
290
  font-size: 0.8125rem;
@@ -222,7 +295,7 @@ React keys must be passed directly to JSX without using spread:
222
295
  &::before {
223
296
  content: "/";
224
297
  }
225
- `;function Pn(){const[e,n]=c.useState(0),[r,i]=c.useState(0),l=u(f=>f.isPlaying),m=D(f=>f.delay),p=D(f=>f.startTime),h=D(f=>f.endTime),a=c.useCallback(()=>{n(Be(p,m)),i(We(p,h))},[m,h,p]);return de(()=>a(),l?1e3:null),c.useEffect(()=>{a()},[a]),m?o.jsxs(Ze,{children:[o.jsx(Xe,{children:$(e)}),o.jsx(Ge,{}),o.jsx(Ke,{children:$(r)})]}):null}function En({url:e,isLive:n}){const r=c.useRef(null),i=u(R=>R.level),l=u(R=>R.levels),m=u(R=>R.setLevel),p=u(R=>R.setLevels),h=u(R=>R.techRef),a=c.useCallback(R=>{if(r.current&&(r.current.nextLevel=R,m(null),l)){const M=l.map(_=>({..._,selected:_.value===R}));p(M)}},[l,m,p,r]),f=c.useCallback(()=>{r.current&&(console.log("[Player][Event]","MEDIA_ATTACHED"),r.current.loadSource(e))},[e]),v=c.useCallback(()=>{if(!r.current)return;console.log("[Player][Event]","MANIFEST_LOADED");const R=r.current.levels,M=r.current.currentLevel,_=r.current.autoLevelEnabled;p(Sn({levels:R.map((U,F)=>{const{bitrate:P,height:g,width:W}=U;return{bitrate:P,height:g,index:F,width:W}}),level:M,isAuto:_}))},[p]),x=c.useCallback(()=>{if(!h.current)return;const _=n?{backBufferLength:10,startLevel:-1}:{backBufferLength:60,startLevel:-1};try{console.log("[Player] URL",e),console.log("[Player] Config",JSON.stringify(_)),console.log("[Player] Version",Z.version),r.current=new Z(_),r.current.attachMedia(h.current),r.current.on(Z.Events.MEDIA_ATTACHED,f),r.current.on(Z.Events.MANIFEST_LOADED,v)}catch(U){throw new Error(`Error initializing Hls: ${U}`)}},[v,f,n,h,e]),L=c.useCallback(()=>{r.current&&(r.current.off(Z.Events.MEDIA_ATTACHED,f),r.current.off(Z.Events.MANIFEST_LOADED,v),r.current.destroy(),r.current=null)},[v,f]);return c.useEffect(()=>{i!==null&&a(i)},[i,a]),c.useEffect(()=>(Z.isSupported()&&x(),L),[L,x]),null}function Qe({url:e,isLive:n,isMuted:r=!1}){const i=u(g=>g.handleDurationChange),l=u(g=>g.handleEnd),m=u(g=>g.handleLoadedMetadata),p=u(g=>g.handleLoadStart),h=u(g=>g.handlePause),a=u(g=>g.handlePlay),f=u(g=>g.handlePlaying),v=u(g=>g.handleSeeked),x=u(g=>g.handleSeeking),L=u(g=>g.handleTimeUpdate),R=u(g=>g.handleWaiting),M=u(g=>g.techRef),_=c.useRef(null),U=()=>n?{}:{onDurationChange:i,onSeeked:v,onSeeking:x,onTimeUpdate:F},F=()=>{(!_.current||Date.now()-_.current>=1e3)&&(L(),_.current=Date.now())},P=U();return o.jsxs(o.Fragment,{children:[o.jsx(En,{isLive:n,url:e}),o.jsx(kn,{ref:M,playsInline:!0,autoPlay:!0,controls:!1,muted:r,preload:"auto",crossOrigin:"anonymous",onEnded:l,onLoadedMetadata:m,onLoadStart:p,onPause:h,onPlay:a,onPlaying:f,onWaiting:R,tabIndex:-1,...P})]})}const kn=w.video`
298
+ `;function Po(){const[e,r]=y.useState(0),[t,n]=y.useState(0),a=S(f=>f.isPlaying),c=me(f=>f.delay),l=me(f=>f.startTime),d=me(f=>f.endTime),u=y.useCallback(()=>{r(lr(l,c)),n(ur(l,d))},[c,d,l]);return Ke(()=>u(),a?1e3:null),y.useEffect(()=>{u()},[u]),c?i.jsxs(pr,{children:[i.jsx(mr,{children:Ne(e)}),i.jsx(gr,{}),i.jsx(vr,{children:Ne(t)})]}):null}function ko(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z"})})}function _o(){const e=me(n=>n.startTime),r=me(n=>n.setDelay),t=()=>r(cr(e));return i.jsx(Ae,{onClick:t,children:i.jsx(ko,{})})}function jo({url:e,isLive:r}){const t=y.useRef(null),n=S(k=>k.level),a=S(k=>k.levels),c=S(k=>k.setLevel),l=S(k=>k.setLevels),d=S(k=>k.techRef),u=y.useCallback(k=>{if(t.current&&(t.current.nextLevel=k,c(null),a)){const T=a.map(_=>({..._,selected:_.value===k}));l(T)}},[a,c,l,t]),f=y.useCallback(()=>{t.current&&(console.log("[Player][Event]","MEDIA_ATTACHED"),t.current.loadSource(e))},[e]),v=y.useCallback(()=>{if(!t.current)return;console.log("[Player][Event]","MANIFEST_LOADED");const k=t.current.levels,T=t.current.currentLevel,_=t.current.autoLevelEnabled;l(Eo({levels:k.map((j,L)=>{const{bitrate:x,height:g,width:A}=j;return{bitrate:x,height:g,index:L,width:A}}),level:T,isAuto:_}))},[l]),b=y.useCallback(()=>{if(!d.current)return;const _=r?{backBufferLength:10,startLevel:-1}:{backBufferLength:60,startLevel:-1};try{console.log("[Player] URL",e),console.log("[Player] Config",JSON.stringify(_)),console.log("[Player] Version",Le.version),t.current=new Le(_),t.current.attachMedia(d.current),t.current.on(Le.Events.MEDIA_ATTACHED,f),t.current.on(Le.Events.MANIFEST_LOADED,v)}catch(j){throw new Error(`Error initializing Hls: ${j}`)}},[v,f,r,d,e]),I=y.useCallback(()=>{t.current&&(t.current.off(Le.Events.MEDIA_ATTACHED,f),t.current.off(Le.Events.MANIFEST_LOADED,v),t.current.destroy(),t.current=null)},[v,f]);return y.useEffect(()=>{n!==null&&u(n)},[n,u]),y.useEffect(()=>(Le.isSupported()&&b(),I),[I,b]),null}function yr({url:e,isLive:r,isMuted:t=!1}){const n=S(g=>g.handleDurationChange),a=S(g=>g.handleEnd),c=S(g=>g.handleLoadedMetadata),l=S(g=>g.handleLoadStart),d=S(g=>g.handlePause),u=S(g=>g.handlePlay),f=S(g=>g.handlePlaying),v=S(g=>g.handleSeeked),b=S(g=>g.handleSeeking),I=S(g=>g.handleTimeUpdate),k=S(g=>g.handleWaiting),T=S(g=>g.techRef),_=y.useRef(null),j=()=>r?{}:{onDurationChange:n,onSeeked:v,onSeeking:b,onTimeUpdate:L},L=()=>{(!_.current||Date.now()-_.current>=1e3)&&(I(),_.current=Date.now())},x=j();return i.jsxs(i.Fragment,{children:[i.jsx(jo,{isLive:r,url:e}),i.jsx(Ao,{ref:T,playsInline:!0,autoPlay:!0,controls:!1,muted:t,preload:"auto",crossOrigin:"anonymous",onEnded:a,onLoadedMetadata:c,onLoadStart:l,onPause:d,onPlay:u,onPlaying:f,onWaiting:k,tabIndex:-1,...x})]})}const Ao=z.video`
226
299
  position: relative;
227
300
  width: 100%;
228
301
  height: 100%;
@@ -230,7 +303,7 @@ React keys must be passed directly to JSX without using spread:
230
303
  @media (min-width: 768px) {
231
304
  pointer-events: none;
232
305
  }
233
- `;function Ln({url:e}){const[n,r]=c.useState(null),i=D(m=>m.delay),l=c.useCallback(async()=>{r(i?e.replace("playlist.m3u8",`playlist_fmp4_dvr_timeshift-${i}.m3u8`):e)},[i,e]);return c.useEffect(()=>{l()},[l]),n?o.jsx(Qe,{url:n,isLive:!0}):null}const qe=w.div`
306
+ `;function Lo({url:e}){const[r,t]=y.useState(null),n=me(c=>c.delay),a=y.useCallback(async()=>{t(n?e.replace("playlist.m3u8",`playlist_fmp4_dvr_timeshift-${n}.m3u8`):e)},[n,e]);return y.useEffect(()=>{a()},[a]),r?i.jsx(yr,{url:r,isLive:!0}):null}const wr=z.div`
234
307
  position: absolute;
235
308
  top: 0;
236
309
  left: 0;
@@ -239,7 +312,7 @@ React keys must be passed directly to JSX without using spread:
239
312
  color: white;
240
313
  background: black;
241
314
  overflow: hidden;
242
- `,$e=w.div`
315
+ `,br=z.div`
243
316
  position: absolute;
244
317
  left: 0;
245
318
  width: 100%;
@@ -251,7 +324,7 @@ React keys must be passed directly to JSX without using spread:
251
324
  @media (min-width: 768px) {
252
325
  padding-top: 2rem;
253
326
  }
254
- `,et=w.div`
327
+ `,Sr=z.div`
255
328
  display: flex;
256
329
  flex-direction: column;
257
330
  padding-left: 0.5rem;
@@ -263,21 +336,21 @@ React keys must be passed directly to JSX without using spread:
263
336
  padding-left: 1rem;
264
337
  padding-right: 1rem;
265
338
  }
266
- `,tt=w.div`
339
+ `,xr=z.div`
267
340
  display: flex;
268
341
  padding: 0.5rem 0;
269
342
  width: 100%;
270
343
  align-items: center;
271
- `,nt=w.div`
344
+ `,Cr=z.div`
272
345
  display: flex;
273
346
  flex: 1;
274
347
  align-items: center;
275
348
  gap: 0.5rem;
276
- `,rt=w(nt)`
349
+ `,Er=z(Cr)`
277
350
  justify-content: flex-start;
278
- `,ot=w(nt)`
351
+ `,Tr=z(Cr)`
279
352
  justify-content: flex-end;
280
- `;function _n(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z"})})}function Fn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z"})})}function it(){const e=u(f=>f.containerRef),n=u(f=>f.exitFullscreen),r=u(f=>f.isFullscreen),i=u(f=>f.requestFullscreen),l=u(f=>f.setIsFullscreen),m=u(f=>f.setIsFullscreenReady),p=u(f=>f.techRef),h=c.useCallback(f=>{f.stopPropagation(),l(nn())},[l]),a=()=>{r?n():i()};return c.useEffect(()=>{const f=Ve?p.current:e.current;if(f)return sn(f,h)},[e,h,p]),c.useEffect(()=>{m(!0)},[m]),o.jsx(J,{onClick:a,children:r?o.jsx(Fn,{}):o.jsx(_n,{})})}const In=5*1e3;function st({children:e}){const n=c.useRef(null),[r,i]=c.useState(!1),l=c.useRef(null),p=u(f=>f.idleLocks).size,h=c.useCallback(()=>{l.current!==null&&(window.clearTimeout(l.current),l.current=null)},[]),a=c.useCallback(()=>{h(),l.current=window.setTimeout(()=>i(!0),In)},[h]);return c.useEffect(()=>(i(!1),a(),()=>{h()}),[h,a]),c.useEffect(()=>{const f=n.current;if(!f)return;const v=L=>{r&&(L.stopPropagation(),i(!1),a())},x=()=>{r&&i(!1),a()};return f.addEventListener("click",v),f.addEventListener("mousemove",x),()=>{f.removeEventListener("click",v),f.removeEventListener("mousemove",x)}},[n,r,i,a]),o.jsx(Dn,{ref:n,$isIdle:r&&!p,children:e})}const Dn=w.div`
353
+ `;function Io(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z"})})}function Oo(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z"})})}function Rr(){const e=S(f=>f.containerRef),r=S(f=>f.exitFullscreen),t=S(f=>f.isFullscreen),n=S(f=>f.requestFullscreen),a=S(f=>f.setIsFullscreen),c=S(f=>f.setIsFullscreenReady),l=S(f=>f.techRef),d=y.useCallback(f=>{f.stopPropagation(),a(oo())},[a]),u=()=>{t?r():n()};return y.useEffect(()=>{const f=rr?l.current:e.current;if(f)return so(f,d)},[e,d,l]),y.useEffect(()=>{c(!0)},[c]),i.jsx(Ae,{onClick:u,children:t?i.jsx(Oo,{}):i.jsx(Io,{})})}const Do=5*1e3;function Pr({children:e}){const r=y.useRef(null),[t,n]=y.useState(!1),a=y.useRef(null),l=S(f=>f.idleLocks).size,d=y.useCallback(()=>{a.current!==null&&(window.clearTimeout(a.current),a.current=null)},[]),u=y.useCallback(()=>{d(),a.current=window.setTimeout(()=>n(!0),Do)},[d]);return y.useEffect(()=>(n(!1),u(),()=>{d()}),[d,u]),y.useEffect(()=>{const f=r.current;if(!f)return;const v=I=>{t&&(I.stopPropagation(),n(!1),u())},b=()=>{t&&n(!1),u()};return f.addEventListener("click",v),f.addEventListener("mousemove",b),()=>{f.removeEventListener("click",v),f.removeEventListener("mousemove",b)}},[r,t,n,u]),i.jsx(Mo,{ref:r,$isIdle:t&&!l,children:e})}const Mo=z.div`
281
354
  position: absolute;
282
355
  top: 0;
283
356
  left: 0;
@@ -286,21 +359,21 @@ React keys must be passed directly to JSX without using spread:
286
359
  transition: opacity 0.2s ease-in-out;
287
360
  cursor: ${({$isIdle:e})=>e?"none":"auto"};
288
361
  opacity: ${({$isIdle:e})=>e?0:1};
289
- `;function Mn(e){return o.jsx(On,{...e})}const Vn=w.keyframes`
362
+ `;function Fo(e){return i.jsx(Vo,{...e})}const No=qn`
290
363
  from {
291
364
  transform: rotate(0deg);
292
365
  }
293
366
  to {
294
367
  transform: rotate(360deg);
295
368
  }
296
- `,On=w.div`
369
+ `,Vo=z.div`
297
370
  width: 1.5rem;
298
371
  height: 1.5rem;
299
372
  border: 2px solid white;
300
373
  border-bottom-color: transparent;
301
374
  border-radius: 50%;
302
- animation: ${Vn} 1s linear infinite;
303
- `;function Hn(e,n=500){const[r,i]=c.useState(e);return c.useEffect(()=>{const l=window.setTimeout(()=>i(e),n);return()=>{window.clearTimeout(l)}},[e,n]),r}function at({style:e,...n}){const r=u(l=>l.isLoading);return Hn(r,100)?o.jsx(An,{style:e,...n,children:o.jsx(Mn,{})}):null}const An=w.div`
375
+ animation: ${No} 1s linear infinite;
376
+ `;function $o(e,r=500){const[t,n]=y.useState(e);return y.useEffect(()=>{const a=window.setTimeout(()=>n(e),r);return()=>{window.clearTimeout(a)}},[e,r]),t}function kr({style:e,...r}){const t=S(a=>a.isLoading);return $o(t,100)?i.jsx(Ho,{style:e,...r,children:i.jsx(Fo,{})}):null}const Ho=z.div`
304
377
  pointer-events: none;
305
378
  position: absolute;
306
379
  top: 0;
@@ -312,10 +385,10 @@ React keys must be passed directly to JSX without using spread:
312
385
  height: 100%;
313
386
  align-items: center;
314
387
  justify-content: center;
315
- `;function Un(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"})})}function Nn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"})})}const Bn=re.Root,Wn=re.Trigger,zn=re.Portal,lt=c.forwardRef(({sideOffset:e=4,...n},r)=>o.jsx(Yn,{ref:r,sideOffset:e,onCloseAutoFocus:i=>{i.preventDefault()},...n}));lt.displayName="PlayerDropdownMenuContent";const ct=c.forwardRef((e,n)=>o.jsx(Zn,{ref:n,...e}));ct.displayName="PlayerDropdownMenuItem";const Yn=w(re.Content).withConfig({shouldForwardProp:e=>e!=="ref"})`
388
+ `;function zo(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"})})}function Yo(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"})})}const Bo=Be.Root,Uo=Be.Trigger,Wo=Be.Portal,_r=y.forwardRef(({sideOffset:e=4,...r},t)=>i.jsx(qo,{ref:t,sideOffset:e,onCloseAutoFocus:n=>{n.preventDefault()},...r}));_r.displayName="PlayerDropdownMenuContent";const jr=y.forwardRef((e,r)=>i.jsx(Zo,{ref:r,...e}));jr.displayName="PlayerDropdownMenuItem";const qo=z(Be.Content).withConfig({shouldForwardProp:e=>e!=="ref"})`
316
389
  padding: 0.25rem;
317
390
  min-width: 8rem;
318
- max-height: 12rem;
391
+ max-height: 8rem;
319
392
  overflow-y: auto;
320
393
  border-radius: 0.75rem;
321
394
  background: rgba(0, 0, 0, 0.8);
@@ -324,6 +397,10 @@ React keys must be passed directly to JSX without using spread:
324
397
  will-change: transform, opacity;
325
398
  z-index: 1000;
326
399
 
400
+ @media (min-width: 768px) {
401
+ max-height: 12rem;
402
+ }
403
+
327
404
  &[data-state="open"][data-side="top"] {
328
405
  animation-name: slideDownAndFade;
329
406
  }
@@ -383,7 +460,7 @@ React keys must be passed directly to JSX without using spread:
383
460
  transform: translateX(0);
384
461
  }
385
462
  }
386
- `,Zn=w(re.Item)`
463
+ `,Zo=z(Be.Item)`
387
464
  position: relative;
388
465
  display: flex;
389
466
  align-items: center;
@@ -420,11 +497,11 @@ React keys must be passed directly to JSX without using spread:
420
497
  color: rgba(255, 255, 255, 0.5);
421
498
  pointer-events: none;
422
499
  }
423
- `,ut="settings";function dt(){const[e,n]=c.useState(!1),r=u(a=>a.containerRef),i=u(a=>a.addIdleLock),l=u(a=>a.removeIdleLock),m=u(a=>a.levels),p=u(a=>a.setLevel),h=c.useCallback(a=>{n(a),a?i(ut):l(ut)},[i,l]);return o.jsxs(Bn,{open:e,onOpenChange:h,children:[o.jsx(Wn,{asChild:!0,children:o.jsx(J,{children:o.jsx(Nn,{})})}),o.jsx(zn,{container:r.current,children:o.jsx(lt,{side:"top",align:"end",children:m?.map(a=>o.jsxs(ct,{onClick:()=>p(a.value),children:[a.label,a.selected&&o.jsx(Un,{})]},a.sid))})})]})}function Jn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"})})}function Xn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z"})})}function Kn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z"})})}const ft="volume";function ht(){u(h=>h.containerRef);const e=u(h=>h.setVolume),n=u(h=>h.volume),r=u(h=>h.addIdleLock),i=u(h=>h.removeIdleLock),l=h=>{e(h[0]),r(ft)},m=()=>{i(ft)},p=()=>e(n?0:100);return o.jsxs(Gn,{children:[o.jsx(J,{onClick:p,className:"shrink-0",children:n?n>50?o.jsx(Jn,{}):o.jsx(Xn,{}):o.jsx(Kn,{})}),o.jsx(mt,{children:o.jsx(fe,{value:[n],onValueChange:l,onValueCommit:m})})]})}const mt=w.div`
500
+ `,Ar="settings";function Lr(){const[e,r]=y.useState(!1),t=S(u=>u.containerRef),n=S(u=>u.addIdleLock),a=S(u=>u.removeIdleLock),c=S(u=>u.levels),l=S(u=>u.setLevel),d=y.useCallback(u=>{r(u),u?n(Ar):a(Ar)},[n,a]);return i.jsxs(Bo,{open:e,onOpenChange:d,children:[i.jsx(Uo,{asChild:!0,children:i.jsx(Ae,{children:i.jsx(Yo,{})})}),i.jsx(Wo,{container:t.current,children:i.jsx(_r,{side:"top",align:"end",children:c?.map(u=>i.jsxs(jr,{onClick:()=>l(u.value),children:[u.label,u.selected&&i.jsx(zo,{})]},u.sid))})})]})}function Go(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"})})}function Xo(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z"})})}function Jo(){return i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z"})})}const Ir="volume";function Or(){S(d=>d.containerRef);const e=S(d=>d.setVolume),r=S(d=>d.volume),t=S(d=>d.addIdleLock),n=S(d=>d.removeIdleLock),a=d=>{e(d[0]),t(Ir)},c=()=>{n(Ir)},l=()=>e(r?0:100);return i.jsxs(Ko,{children:[i.jsx(Ae,{onClick:l,className:"shrink-0",children:r?r>50?i.jsx(Go,{}):i.jsx(Xo,{}):i.jsx(Jo,{})}),i.jsx(Dr,{children:i.jsx(st,{value:[r],onValueChange:a,onValueCommit:c})})]})}const Dr=z.div`
424
501
  width: 0;
425
502
  opacity: 0;
426
503
  transition: all 0.2s ease-in-out;
427
- `,Gn=w.div`
504
+ `,Ko=z.div`
428
505
  display: flex;
429
506
  align-items: center;
430
507
  gap: 0.25rem;
@@ -435,11 +512,11 @@ React keys must be passed directly to JSX without using spread:
435
512
  &:hover {
436
513
  width: 6rem;
437
514
 
438
- ${mt} {
515
+ ${Dr} {
439
516
  width: 100%;
440
517
  opacity: 1;
441
518
  }
442
519
  }
443
520
  }
444
- `;function Qn({url:e,startDate:n,endDate:r,messages:i}){return o.jsx(jn,{startDate:new Date(n),endDate:new Date(r),children:o.jsx(qn,{url:e,messages:i})})}function qn({url:e,messages:n}){const r=u(i=>i.containerRef);return o.jsx(qe,{ref:r,children:o.jsxs(Zt,{eventFinishedMessage:n?.eventFinished,eventNotStartedMessage:n?.eventNotStarted,eventStartingSoonMessage:n?.eventStartingSoon,children:[o.jsx(Ln,{url:e}),o.jsx(at,{}),o.jsxs(st,{children:[o.jsx(gn,{}),o.jsx($e,{children:o.jsxs(et,{children:[o.jsx(Rn,{}),o.jsxs(tt,{children:[o.jsxs(rt,{children:[o.jsx(pn,{}),o.jsx(ht,{}),o.jsx(Pn,{})]}),o.jsxs(ot,{children:[o.jsx(qt,{message:n?.live}),o.jsx(dt,{}),o.jsx(it,{})]})]})]})})]})]})})}function $n(){const e=u(l=>l.isPlaying),n=u(l=>l.pause),r=u(l=>l.play),i=()=>{e?n():r()};return o.jsx(J,{onClick:i,children:e?o.jsx(De,{}):o.jsx(Me,{})})}function er(){const e=u(l=>l.isPlaying),n=u(l=>l.pause),r=u(l=>l.play),i=()=>{e?n():r()};return o.jsx(He,{onClick:i})}const pt="vod-player-progress-bar";function tr(){const e=c.useRef(null),n=c.useRef(null),[r,i]=c.useState(!1),[l,m]=c.useState(-1),[p,h]=c.useState(-1),a=u(g=>g.currentTime),f=u(g=>g.duration),v=u(g=>g.seek),x=u(g=>g.addIdleLock),L=u(g=>g.removeIdleLock),R=parseFloat((f?(p!==-1?p:a)/f*100:0).toFixed(1)),M=g=>{h(f*(g[0]/100)),x(pt)},_=()=>{p!==-1&&(v(p),h(-1),L(pt))},U=()=>i(!0),F=()=>i(!1),P=c.useCallback(g=>{const W=e.current,z=n.current;if(W&&z){const X=he(W),ee=he(z),K=(g.pageX||g.clientX)-X.left,G=K/X.width;if(G<0)return;let C=K-ee.width/2;C<0&&(C=0),C>X.width-ee.width&&(C=-1),z.style.left=C>-1?`${C}px`:"auto",z.style.right=C>-1?"auto":"0px",m(G*f)}U()},[f]);return o.jsxs(Ae,{children:[o.jsx(fe,{ref:e,value:[R],onPointerLeave:F,onPointerDown:F,onPointerMove:P,onValueChange:M,onValueCommit:_,step:.1}),o.jsx(Ue,{ref:n,$isVisible:r,children:o.jsx(Ne,{children:$(l)})})]})}function nr(){const e=u(r=>r.currentTime),n=u(r=>r.duration);return o.jsxs(Ze,{children:[o.jsx(Xe,{children:$(e)}),o.jsx(Ge,{}),o.jsx(Ke,{children:$(n)})]})}const rr=60,or=95;function ir({storageKey:e}){const n=u(v=>v.currentTime),r=u(v=>v.duration),i=u(v=>v.isPlaying),l=u(v=>v.setStartTime),m=c.useRef(!1),p=c.useCallback(()=>{window.localStorage.setItem(e,JSON.stringify({currentTime:n,duration:r}))},[n,r,e]),h=c.useCallback(()=>{const v=window.localStorage.getItem(e);if(v){const x=JSON.parse(v);return{startTime:x.currentTime,progress:x.currentTime/x.duration*100}}return{startTime:null,progress:null}},[e]),a=c.useCallback(()=>{n<rr||p()},[n,p]),f=c.useCallback(()=>{if(m.current)return;const{progress:v,startTime:x}=h();x&&v&&v<or&&(l(x),m.current=!0)},[h,l]);return de(()=>a(),i?1e3:null),c.useEffect(()=>{f()},[f]),null}function sr({url:e,watchHistory:n}){return o.jsxs(Ye,{children:[o.jsx(ar,{url:e}),n?.enabled&&o.jsx(ir,{storageKey:n.storageKey})]})}function ar({url:e}){const n=u(r=>r.containerRef);return o.jsxs(qe,{ref:n,children:[o.jsx(Qe,{url:e,isLive:!1}),o.jsx(at,{}),o.jsxs(st,{children:[o.jsx(er,{}),o.jsx($e,{children:o.jsxs(et,{children:[o.jsx(tr,{}),o.jsxs(tt,{children:[o.jsxs(rt,{children:[o.jsx($n,{}),o.jsx(ht,{}),o.jsx(nr,{})]}),o.jsxs(ot,{children:[o.jsx(dt,{}),o.jsx(it,{})]})]})]})})]})]})}O.LivePlayer=Qn,O.VodPlayer=sr,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})}));
521
+ `;function Qo({url:e,startDate:r,endDate:t,messages:n}){return i.jsx(Ro,{startDate:new Date(r),endDate:new Date(t),children:i.jsx(ea,{url:e,messages:n})})}function ea({url:e,messages:r}){const t=S(n=>n.containerRef);return i.jsx(wr,{ref:t,children:i.jsxs(Zn,{eventFinishedMessage:r?.eventFinished,eventNotStartedMessage:r?.eventNotStarted,eventStartingSoonMessage:r?.eventStartingSoon,children:[i.jsx(Lo,{url:e}),i.jsx(kr,{}),i.jsxs(Pr,{children:[i.jsx(yo,{}),i.jsx(br,{children:i.jsxs(Sr,{children:[i.jsx(To,{}),i.jsxs(xr,{children:[i.jsxs(Er,{children:[i.jsx(vo,{}),i.jsx(_o,{}),i.jsx(Or,{}),i.jsx(Po,{})]}),i.jsxs(Tr,{children:[i.jsx(eo,{message:r?.live}),i.jsx(Lr,{}),i.jsx(Rr,{})]})]})]})})]})]})})}function ta(){const e=S(a=>a.isPlaying),r=S(a=>a.pause),t=S(a=>a.play),n=()=>{e?r():t()};return i.jsx(Ae,{onClick:n,children:e?i.jsx(er,{}):i.jsx(tr,{})})}function ra(){const e=S(a=>a.isPlaying),r=S(a=>a.pause),t=S(a=>a.play),n=()=>{e?r():t()};return i.jsx(or,{onClick:n})}const Mr="vod-player-progress-bar";function na(){const e=y.useRef(null),r=y.useRef(null),[t,n]=y.useState(!1),[a,c]=y.useState(-1),[l,d]=y.useState(-1),u=S(g=>g.currentTime),f=S(g=>g.duration),v=S(g=>g.seek),b=S(g=>g.addIdleLock),I=S(g=>g.removeIdleLock),k=parseFloat((f?(l!==-1?l:u)/f*100:0).toFixed(1)),T=g=>{d(f*(g[0]/100)),b(Mr)},_=()=>{l!==-1&&(v(l),d(-1),I(Mr))},j=()=>n(!0),L=()=>n(!1),x=y.useCallback(g=>{const A=e.current,p=r.current;if(A&&p){const W=ct(A),fe=ct(p),re=(g.pageX||g.clientX)-W.left,le=re/W.width;if(le<0)return;let F=re-fe.width/2;F<0&&(F=0),F>W.width-fe.width&&(F=-1),p.style.left=F>-1?`${F}px`:"auto",p.style.right=F>-1?"auto":"0px",c(le*f)}j()},[f]);return i.jsxs(ar,{children:[i.jsx(st,{ref:e,value:[k],onPointerLeave:L,onPointerDown:L,onPointerMove:x,onValueChange:T,onValueCommit:_,step:.1}),i.jsx(ir,{ref:r,$isVisible:t,children:i.jsx(sr,{children:Ne(a)})})]})}function oa(){const e=S(t=>t.currentTime),r=S(t=>t.duration);return i.jsxs(pr,{children:[i.jsx(mr,{children:Ne(e)}),i.jsx(gr,{}),i.jsx(vr,{children:Ne(r)})]})}const aa=60,ia=95;function sa({storageKey:e}){const r=S(v=>v.currentTime),t=S(v=>v.duration),n=S(v=>v.isPlaying),a=S(v=>v.setStartTime),c=y.useRef(!1),l=y.useCallback(()=>{window.localStorage.setItem(e,JSON.stringify({currentTime:r,duration:t}))},[r,t,e]),d=y.useCallback(()=>{const v=window.localStorage.getItem(e);if(v){const b=JSON.parse(v);return{startTime:b.currentTime,progress:b.currentTime/b.duration*100}}return{startTime:null,progress:null}},[e]),u=y.useCallback(()=>{r<aa||l()},[r,l]),f=y.useCallback(()=>{if(c.current)return;const{progress:v,startTime:b}=d();b&&v&&v<ia&&(a(b),c.current=!0)},[d,a]);return Ke(()=>u(),n?1e3:null),y.useEffect(()=>{f()},[f]),null}function ca({url:e,watchHistory:r}){return i.jsxs(fr,{children:[i.jsx(la,{url:e}),r?.enabled&&i.jsx(sa,{storageKey:r.storageKey})]})}function la({url:e}){const r=S(t=>t.containerRef);return i.jsxs(wr,{ref:r,children:[i.jsx(yr,{url:e,isLive:!1}),i.jsx(kr,{}),i.jsxs(Pr,{children:[i.jsx(ra,{}),i.jsx(br,{children:i.jsxs(Sr,{children:[i.jsx(na,{}),i.jsxs(xr,{children:[i.jsxs(Er,{children:[i.jsx(ta,{}),i.jsx(Or,{}),i.jsx(oa,{})]}),i.jsxs(Tr,{children:[i.jsx(Lr,{}),i.jsx(Rr,{})]})]})]})})]})]})}Se.LivePlayer=Qo,Se.VodPlayer=ca,Object.defineProperty(Se,Symbol.toStringTag,{value:"Module"})}));
445
522
  //# sourceMappingURL=react-video-player.umd.js.map