=h?p=0:(-1===p||h component higher in the tree to provide a loading indicator or placeholder to display."+ut(c))}Do=!0,s=pi(s,c),l=u;do{switch(l.tag){case 3:c=s,l.effectTag|=2048,l.expirationTime=o,ai(l,o=Co(l,c,o));break e;case 1:if(c=s,u=l.type,f=l.stateNode,0==(64&l.effectTag)&&("function"==typeof u.getDerivedStateFromError||null!==f&&"function"==typeof f.componentDidCatch&&(null===Bo||!Bo.has(f)))){l.effectTag|=2048,l.expirationTime=o,ai(l,o=To(l,c,o));break e}}l=l.return}while(null!==l)}Fo=$o(i);continue}r=!0,Fa(t)}}break}if(Ao=!1,vi=mi=hi=Oo.currentDispatcher=null,r)Io=null,e.finishedWork=null;else if(null!==Fo)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&a("281"),Io=null,Do){if(i=e.latestPendingTime,o=e.latestSuspendedTime,l=e.latestPingedTime,0!==i&&it?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Qo(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Bo||!Bo.has(r)))return oi(n,e=To(n,e=pi(t,e),1073741823)),void Zo(n,1073741823);break;case 3:return oi(n,e=Co(n,e=pi(t,e),1073741823)),void Zo(n,1073741823)}n=n.return}3===e.tag&&(oi(e,n=Co(e,n=pi(t,e),1073741823)),Zo(e,1073741823))}function Yo(e,t){return 0!==Uo?e=Uo:Ao?e=Wo?1073741823:Lo:1&t.mode?(e=da?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==Io&&e===Lo&&--e):e=1073741823,da&&(0===ua||e=o){o=i=r,e.didError=!1;var a=e.latestPingedTime;(0===a||a>o)&&(e.latestPingedTime=o),Zr(o,e)}else Yr(e,i=Yo(i=_a(),t));0!=(1&t.mode)&&e===Io&&Lo===r&&(Io=null),Jo(t,i),0==(1&t.mode)&&(Jo(n,i),1===n.tag&&null!==n.stateNode&&((t=ri(i)).tag=2,oi(n,t))),0!==(n=e.expirationTime)&&Sa(e,n)}function Jo(e,t){e.expirationTimeLo&&Ho(),Yr(e,t),Ao&&!Wo&&Io===e||Sa(e,e.expirationTime),ba>ya&&(ba=0,a("185")))}function ea(e,t,n,r,i){var o=Uo;Uo=1073741823;try{return e(t,n,r,i)}finally{Uo=o}}var ta=null,na=null,ra=0,ia=void 0,oa=!1,aa=null,la=0,ua=0,ca=!1,sa=null,fa=!1,pa=!1,da=!1,ha=null,ma=o.unstable_now(),va=1073741822-(ma/10|0),ga=va,ya=50,ba=0,wa=null;function Ea(){va=1073741822-((o.unstable_now()-ma)/10|0)}function ka(e,t){if(0!==ra){if(te.expirationTime&&(e.expirationTime=t),oa||(fa?pa&&(aa=e,la=1073741823,Ua(e,1073741823,!1)):1073741823===t?Oa(1073741823,!1):ka(e,t))}function Ca(){var e=0,t=null;if(null!==na)for(var n=na,r=ta;null!==r;){var i=r.expirationTime;if(0===i){if((null===n||null===na)&&a("244"),r===r.nextScheduledRoot){ta=na=r.nextScheduledRoot=null;break}if(r===ta)ta=i=r.nextScheduledRoot,na.nextScheduledRoot=i,r.nextScheduledRoot=null;else{if(r===na){(na=n).nextScheduledRoot=ta,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(i>e&&(e=i,t=r),r===na)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}aa=t,la=e}var Ta=!1;function Na(){return!!Ta||!!o.unstable_shouldYield()&&(Ta=!0)}function Pa(){try{if(!Na()&&null!==ta){Ea();var e=ta;do{var t=e.expirationTime;0!==t&&va<=t&&(e.nextExpirationTimeToWorkOn=va),e=e.nextScheduledRoot}while(e!==ta)}Oa(0,!0)}finally{Ta=!1}}function Oa(e,t){if(Ca(),t)for(Ea(),ga=va;null!==aa&&0!==la&&e<=la&&!(Ta&&va>la);)Ua(aa,la,va>la),Ca(),Ea(),ga=va;else for(;null!==aa&&0!==la&&e<=la;)Ua(aa,la,!1),Ca();if(t&&(ra=0,ia=null),0!==la&&ka(aa,la),ba=0,wa=null,null!==ha)for(e=ha,ha=null,t=0;t=n&&(null===ha?ha=[r]:ha.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===wa?ba++:(wa=e,ba=0),Wo=Ao=!0,e.current===t&&a("177"),0===(n=e.pendingCommitExpirationTime)&&a("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var i=t.childExpirationTime;if(r=i>r?i:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(0!==(i=e.latestPendingTime)&&(i>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(i=e.earliestSuspendedTime)?Yr(e,r):ri&&Yr(e,r)),Zr(0,e),Oo.current=null,1b&&(w=b,b=y,y=w),w=In(x,y),E=In(x,b),w&&E&&(1!==S.rangeCount||S.anchorNode!==w.node||S.anchorOffset!==w.offset||S.focusNode!==E.node||S.focusOffset!==E.offset)&&((_=_.createRange()).setStart(w.node,w.offset),S.removeAllRanges(),y>b?(S.addRange(_),S.extend(E.node,E.offset)):(_.setEnd(E.node,E.offset),S.addRange(_))))),_=[];for(S=x;S=S.parentNode;)1===S.nodeType&&_.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x<_.length;x++)(S=_[x]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(mr=null,_n=!!hr,hr=null,e.current=t,Ro=r;null!==Ro;){r=!1,x=void 0;try{for(_=n;null!==Ro;){var C=Ro.effectTag;if(36&C){var T=Ro.alternate;switch(y=_,(S=Ro).tag){case 0:case 11:case 15:break;case 1:var N=S.stateNode;if(4&S.effectTag)if(null===T)N.componentDidMount();else{var P=S.elementType===S.type?T.memoizedProps:Oi(S.type,T.memoizedProps);N.componentDidUpdate(P,T.memoizedState,N.__reactInternalSnapshotBeforeUpdate)}var O=S.updateQueue;null!==O&&si(0,O,N);break;case 3:var M=S.updateQueue;if(null!==M){if(b=null,null!==S.child)switch(S.child.tag){case 5:b=S.child.stateNode;break;case 1:b=S.child.stateNode}si(0,M,b)}break;case 5:var U=S.stateNode;null===T&&4&S.effectTag&&vr(S.type,S.memoizedProps)&&U.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:a("163")}}if(128&C){var A=Ro.ref;if(null!==A){var F=Ro.stateNode;switch(Ro.tag){case 5:var I=F;break;default:I=F}"function"==typeof A?A(I):A.current=I}}Ro=Ro.nextEffect}}catch(e){r=!0,x=e}r&&(null===Ro&&a("178"),Qo(Ro,x),null!==Ro&&(Ro=Ro.nextEffect))}Ao=Wo=!1,"function"==typeof Dr&&Dr(t.stateNode),C=t.expirationTime,0===(t=(t=t.childExpirationTime)>C?t:C)&&(Bo=null),e.expirationTime=t,e.finishedWork=null}function Fa(e){null===aa&&a("246"),aa.expirationTime=0,ca||(ca=!0,sa=e)}function Ia(e,t){var n=fa;fa=!0;try{return e(t)}finally{(fa=n)||oa||Oa(1073741823,!1)}}function La(e,t){if(fa&&!pa){pa=!0;try{return e(t)}finally{pa=!1}}return e(t)}function ja(e,t,n){if(da)return e(t,n);fa||oa||0===ua||(Oa(ua,!1),ua=0);var r=da,i=fa;fa=da=!0;try{return e(t,n)}finally{da=r,(fa=i)||oa||Oa(1073741823,!1)}}function Da(e,t,n,r,i){var o=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||a("170");var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Mr(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);a("171"),l=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Ir(n,u,l);break e}}n=l}else n=Cr;return null===t.context?t.context=n:t.pendingContext=n,t=i,(i=ri(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(i.callback=t),Go(),oi(o,i),Zo(o,r),r}function Ra(e,t,n,r){var i=t.current;return Da(e,t,n,i=Yo(_a(),i),r)}function Wa(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function za(e){var t=1073741822-25*(1+((1073741822-_a()+500)/25|0));t>=Mo&&(t=Mo-1),this._expirationTime=Mo=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Va(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Ba(e,t,n){e={current:t=Vr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Ha(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Ga(e,t,n,r,i){Ha(n)||a("200");var o=n._reactRootContainer;if(o){if("function"==typeof i){var l=i;i=function(){var e=Wa(o._internalRoot);l.call(e)}}null!=e?o.legacy_renderSubtreeIntoContainer(e,t,i):o.render(t,i)}else{if(o=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Ba(e,!1,t)}(n,r),"function"==typeof i){var u=i;i=function(){var e=Wa(o._internalRoot);u.call(e)}}La(function(){null!=e?o.legacy_renderSubtreeIntoContainer(e,t,i):o.render(t,i)})}return Wa(o._internalRoot)}function $a(e,t){var n=2=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ue=Ia,Ae=ja,Fe=function(){oa||0===ua||(Oa(ua,!1),ua=0)};var qa={createPortal:$a,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?a("188"):a("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Ga(null,e,t,!0,n)},render:function(e,t,n){return Ga(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&a("38"),Ga(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Ha(e)||a("40"),!!e._reactRootContainer&&(La(function(){Ga(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return $a.apply(void 0,arguments)},unstable_batchedUpdates:Ia,unstable_interactiveUpdates:ja,flushSync:function(e,t){oa&&a("187");var n=fa;fa=!0;try{return ea(e,t)}finally{fa=n,Oa(1073741823,!1)}},unstable_flushControlled:function(e){var t=fa;fa=!0;try{ea(e)}finally{(fa=t)||oa||Oa(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[L,j,D,P.injectEventPluginsByName,y,H,function(e){C(e,B)},Oe,Me,Nn,M]},unstable_createRoot:function(e,t){return Ha(e)||a("299","unstable_createRoot"),new Ba(e,!0,null!=t&&!0===t.hydrate)}};!function(e){var t=e.findFiberByHostInstance;(function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);Dr=Wr(function(e){return t.onCommitFiberRoot(n,e)}),Rr=Wr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(i({},e,{findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:I,bundleType:0,version:"16.6.3",rendererPackageName:"react-dom"});var Ka={default:qa},Qa=Ka&&qa||Ka;e.exports=Qa.default||Qa},function(e,t,n){"use strict";e.exports=n(335)},function(e,t,n){"use strict";
+ */var r=n(0),i=n(130),o=n(334);function a(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;rthis.eventPool.length&&this.eventPool.push(e)}function fe(e){e.eventPool=[],e.getPooled=ce,e.release=se}i(ue.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ae)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ae)},persist:function(){this.isPersistent=ae},isPersistent:le,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=le,this._dispatchInstances=this._dispatchListeners=null}}),ue.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},ue.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return i(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=i({},r.Interface,e),n.extend=r.extend,fe(n),n},fe(ue);var pe=ue.extend({data:null}),de=ue.extend({data:null}),he=[9,13,27,32],me=G&&"CompositionEvent"in window,ve=null;G&&"documentMode"in document&&(ve=document.documentMode);var ge=G&&"TextEvent"in window&&!ve,ye=G&&(!me||ve&&8=ve),be=String.fromCharCode(32),we={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Ee=!1;function ke(e,t){switch(e){case"keyup":return-1!==he.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function xe(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var _e=!1;var Se={eventTypes:we,extractEvents:function(e,t,n,r){var i=void 0,o=void 0;if(me)e:{switch(e){case"compositionstart":i=we.compositionStart;break e;case"compositionend":i=we.compositionEnd;break e;case"compositionupdate":i=we.compositionUpdate;break e}i=void 0}else _e?ke(e,n)&&(i=we.compositionEnd):"keydown"===e&&229===n.keyCode&&(i=we.compositionStart);return i?(ye&&"ko"!==n.locale&&(_e||i!==we.compositionStart?i===we.compositionEnd&&_e&&(o=oe()):(re="value"in(ne=r)?ne.value:ne.textContent,_e=!0)),i=pe.getPooled(i,t,n,r),o?i.data=o:null!==(o=xe(n))&&(i.data=o),H(i),o=i):o=null,(e=ge?function(e,t){switch(e){case"compositionend":return xe(t);case"keypress":return 32!==t.which?null:(Ee=!0,be);case"textInput":return(e=t.data)===be&&Ee?null:e;default:return null}}(e,n):function(e,t){if(_e)return"compositionend"===e||!me&&ke(e,t)?(e=oe(),ie=re=ne=null,_e=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1t}return!1}(t,n,i,r)&&(n=null),r||null===i?function(e){return!!st.call(pt,e)||!st.call(ft,e)&&(ct.test(e)?pt[e]=!0:(ft[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):i.mustUseProperty?e[i.propertyName]=null===n?3!==i.type&&"":n:(t=i.attributeName,r=i.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(i=i.type)||4===i&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function yt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function bt(e,t){var n=t.checked;return i({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function wt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=yt(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Et(e,t){null!=(t=t.checked)&>(e,"checked",t,!1)}function kt(e,t){Et(e,t);var n=yt(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?_t(e,t.type,n):t.hasOwnProperty("defaultValue")&&_t(e,t.type,yt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function xt(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function _t(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),ht.tabIndex=new dt("tabIndex",1,!1,"tabindex",null);var St={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Ct(e,t,n){return(e=ue.getPooled(St.change,e,t,n)).type="change",Oe(n),H(e),e}var Tt=null,Nt=null;function Pt(e){M(e)}function Ot(e){if(Be(j(e)))return e}function Mt(e,t){if("change"===e)return t}var At=!1;function Ut(){Tt&&(Tt.detachEvent("onpropertychange",Ft),Nt=Tt=null)}function Ft(e){"value"===e.propertyName&&Ot(Nt)&&Le(Pt,e=Ct(Nt,e,Re(e)))}function It(e,t,n){"focus"===e?(Ut(),Nt=n,(Tt=t).attachEvent("onpropertychange",Ft)):"blur"===e&&Ut()}function Lt(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Ot(Nt)}function jt(e,t){if("click"===e)return Ot(t)}function Dt(e,t){if("input"===e||"change"===e)return Ot(t)}G&&(At=We("input")&&(!document.documentMode||9kn.length&&kn.push(e)}}}var Pn={},On=0,Mn="_reactListenersID"+(""+Math.random()).slice(2);function An(e){return Object.prototype.hasOwnProperty.call(e,Mn)||(e[Mn]=On++,Pn[e[Mn]]={}),Pn[e[Mn]]}function Un(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Fn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function In(e,t){var n,r=Fn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=Fn(r)}}function Ln(){for(var e=window,t=Un();t instanceof e.HTMLIFrameElement;){try{e=t.contentDocument.defaultView}catch(e){break}t=Un(e.document)}return t}function jn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var Dn=G&&"documentMode"in document&&11>=document.documentMode,Rn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Wn=null,zn=null,Vn=null,Bn=!1;function Hn(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return Bn||null==Wn||Wn!==Un(n)?null:("selectionStart"in(n=Wn)&&jn(n)?n={start:n.selectionStart,end:n.selectionEnd}:n={anchorNode:(n=(n.ownerDocument&&n.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset},Vn&&en(Vn,n)?null:(Vn=n,(e=ue.getPooled(Rn.select,zn,e,t)).type="select",e.target=Wn,H(e),e))}var Gn={eventTypes:Rn,extractEvents:function(e,t,n,r){var i,o=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(i=!o)){e:{o=An(o),i=w.onSelect;for(var a=0;a=t.length||a("93"),t=t[0]),n=t),null==n&&(n="")),e._wrapperState={initialValue:yt(n)}}function Yn(e,t){var n=yt(t.value),r=yt(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function Xn(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}P.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),E=D,k=L,x=j,P.injectEventPluginsByName({SimpleEventPlugin:wn,EnterLeaveEventPlugin:Xt,ChangeEventPlugin:Rt,SelectEventPlugin:Gn,BeforeInputEventPlugin:Se});var Jn={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Zn(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function er(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Zn(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var tr,nr=void 0,rr=(tr=function(e,t){if(e.namespaceURI!==Jn.svg||"innerHTML"in e)e.innerHTML=t;else{for((nr=nr||document.createElement("div")).innerHTML=""+t+" ",t=nr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction(function(){return tr(e,t)})}:tr);function ir(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var or={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ar=["Webkit","ms","Moz","O"];function lr(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||or.hasOwnProperty(e)&&or[e]?(""+t).trim():t+"px"}function ur(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),i=lr(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,i):e[n]=i}}Object.keys(or).forEach(function(e){ar.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),or[t]=or[e]})});var cr=i({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function sr(e,t){t&&(cr[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&a("137",e,""),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&a("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||a("61")),null!=t.style&&"object"!=typeof t.style&&a("62",""))}function fr(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function pr(e,t){var n=An(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=w[t];for(var r=0;rxr||(e.current=kr[xr],kr[xr]=null,xr--)}function Sr(e,t){kr[++xr]=e.current,e.current=t}var Cr={},Tr={current:Cr},Nr={current:!1},Pr=Cr;function Or(e,t){var n=e.type.contextTypes;if(!n)return Cr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i,o={};for(i in n)o[i]=t[i];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Mr(e){return null!=(e=e.childContextTypes)}function Ar(e){_r(Nr),_r(Tr)}function Ur(e){_r(Nr),_r(Tr)}function Fr(e,t,n){Tr.current!==Cr&&a("168"),Sr(Tr,t),Sr(Nr,n)}function Ir(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var o in r=r.getChildContext())o in e||a("108",lt(t)||"Unknown",o);return i({},n,r)}function Lr(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Cr,Pr=Tr.current,Sr(Tr,t),Sr(Nr,Nr.current),!0}function jr(e,t,n){var r=e.stateNode;r||a("169"),n?(t=Ir(e,t,Pr),r.__reactInternalMemoizedMergedChildContext=t,_r(Nr),_r(Tr),Sr(Tr,t)):_r(Nr),Sr(Nr,n)}var Dr=null,Rr=null;function Wr(e){return function(t){try{return e(t)}catch(e){}}}function zr(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.firstContextDependency=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function Vr(e,t,n,r){return new zr(e,t,n,r)}function Br(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Hr(e,t){var n=e.alternate;return null===n?((n=Vr(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.effectTag=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childExpirationTime=e.childExpirationTime,n.expirationTime=e.expirationTime,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,n.firstContextDependency=e.firstContextDependency,n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Gr(e,t,n,r,i,o){var l=2;if(r=e,"function"==typeof e)Br(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case Qe:return $r(n.children,i,o,t);case et:return qr(n,3|i,o,t);case Ye:return qr(n,2|i,o,t);case Xe:return(e=Vr(12,n,t,4|i)).elementType=Xe,e.type=Xe,e.expirationTime=o,e;case nt:return(e=Vr(13,n,t,i)).elementType=nt,e.type=nt,e.expirationTime=o,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case Je:l=10;break e;case Ze:l=9;break e;case tt:l=11;break e;case rt:l=14;break e;case it:l=16,r=null;break e}a("130",null==e?e:typeof e,"")}return(t=Vr(l,n,t,i)).elementType=e,t.type=r,t.expirationTime=o,t}function $r(e,t,n,r){return(e=Vr(7,e,r,t)).expirationTime=n,e}function qr(e,t,n,r){return e=Vr(8,e,r,t),t=0==(1&t)?Ye:et,e.elementType=t,e.type=t,e.expirationTime=n,e}function Kr(e,t,n){return(e=Vr(6,e,null,t)).expirationTime=n,e}function Qr(e,t,n){return(t=Vr(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Yr(e,t){e.didError=!1;var n=e.earliestPendingTime;0===n?e.earliestPendingTime=e.latestPendingTime=t:nt&&(e.latestPendingTime=t),Zr(t,e)}function Xr(e,t){e.didError=!1;var n=e.latestPingedTime;0!==n&&n>=t&&(e.latestPingedTime=0),n=e.earliestPendingTime;var r=e.latestPendingTime;n===t?e.earliestPendingTime=r===t?e.latestPendingTime=0:r:r===t&&(e.latestPendingTime=n),n=e.earliestSuspendedTime,r=e.latestSuspendedTime,0===n?e.earliestSuspendedTime=e.latestSuspendedTime=t:nt&&(e.latestSuspendedTime=t),Zr(t,e)}function Jr(e,t){var n=e.earliestPendingTime;return n>t&&(t=n),(e=e.earliestSuspendedTime)>t&&(t=e),t}function Zr(e,t){var n=t.earliestSuspendedTime,r=t.latestSuspendedTime,i=t.earliestPendingTime,o=t.latestPingedTime;0===(i=0!==i?i:o)&&(0===e||re&&(e=n),t.nextExpirationTimeToWorkOn=i,t.expirationTime=e}var ei=!1;function ti(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function ni(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function ri(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function ii(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function oi(e,t){var n=e.alternate;if(null===n){var r=e.updateQueue,i=null;null===r&&(r=e.updateQueue=ti(e.memoizedState))}else r=e.updateQueue,i=n.updateQueue,null===r?null===i?(r=e.updateQueue=ti(e.memoizedState),i=n.updateQueue=ti(n.memoizedState)):r=e.updateQueue=ni(i):null===i&&(i=n.updateQueue=ni(r));null===i||r===i?ii(r,t):null===r.lastUpdate||null===i.lastUpdate?(ii(r,t),ii(i,t)):(ii(r,t),i.lastUpdate=t)}function ai(e,t){var n=e.updateQueue;null===(n=null===n?e.updateQueue=ti(e.memoizedState):li(e,n)).lastCapturedUpdate?n.firstCapturedUpdate=n.lastCapturedUpdate=t:(n.lastCapturedUpdate.next=t,n.lastCapturedUpdate=t)}function li(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=ni(t)),t}function ui(e,t,n,r,o,a){switch(n.tag){case 1:return"function"==typeof(e=n.payload)?e.call(a,r,o):e;case 3:e.effectTag=-2049&e.effectTag|64;case 0:if(null==(o="function"==typeof(e=n.payload)?e.call(a,r,o):e))break;return i({},r,o);case 2:ei=!0}return r}function ci(e,t,n,r,i){ei=!1;for(var o=(t=li(e,t)).baseState,a=null,l=0,u=t.firstUpdate,c=o;null!==u;){var s=u.expirationTime;sm?(v=f,f=null):v=f.sibling;var g=d(i,f,l[m],u);if(null===g){null===f&&(f=v);break}e&&f&&null===g.alternate&&t(i,f),a=o(g,a,m),null===s?c=g:s.sibling=g,s=g,f=v}if(m===l.length)return n(i,f),c;if(null===f){for(;mv?(g=m,m=null):g=m.sibling;var b=d(i,m,y.value,c);if(null===b){m||(m=g);break}e&&m&&null===b.alternate&&t(i,m),l=o(b,l,v),null===f?s=b:f.sibling=b,f=b,m=g}if(y.done)return n(i,m),s;if(null===m){for(;!y.done;v++,y=u.next())null!==(y=p(i,y.value,c))&&(l=o(y,l,v),null===f?s=y:f.sibling=y,f=y);return s}for(m=r(i,m);!y.done;v++,y=u.next())null!==(y=h(m,i,v,y.value,c))&&(e&&null!==y.alternate&&m.delete(null===y.key?v:y.key),l=o(y,l,v),null===f?s=y:f.sibling=y,f=y);return e&&m.forEach(function(e){return t(i,e)}),s}return function(e,r,o,u){var c="object"==typeof o&&null!==o&&o.type===Qe&&null===o.key;c&&(o=o.props.children);var s="object"==typeof o&&null!==o;if(s)switch(o.$$typeof){case qe:e:{for(s=o.key,c=r;null!==c;){if(c.key===s){if(7===c.tag?o.type===Qe:c.elementType===o.type){n(e,c.sibling),(r=i(c,o.type===Qe?o.props.children:o.props)).ref=Wi(e,c,o),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}o.type===Qe?((r=$r(o.props.children,e.mode,u,o.key)).return=e,e=r):((u=Gr(o.type,o.key,o.props,null,e.mode,u)).ref=Wi(e,r,o),u.return=e,e=u)}return l(e);case Ke:e:{for(c=o.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===o.containerInfo&&r.stateNode.implementation===o.implementation){n(e,r.sibling),(r=i(r,o.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Qr(o,e.mode,u)).return=e,e=r}return l(e)}if("string"==typeof o||"number"==typeof o)return o=""+o,null!==r&&6===r.tag?(n(e,r.sibling),(r=i(r,o)).return=e,e=r):(n(e,r),(r=Kr(o,e.mode,u)).return=e,e=r),l(e);if(Ri(o))return m(e,r,o,u);if(at(o))return v(e,r,o,u);if(s&&zi(e,o),void 0===o&&!c)switch(e.tag){case 1:case 0:a("152",(u=e.type).displayName||u.name||"Component")}return n(e,r)}}var Bi=Vi(!0),Hi=Vi(!1),Gi=null,$i=null,qi=!1;function Ki(e,t){var n=Vr(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Qi(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Yi(e){if(qi){var t=$i;if(t){var n=t;if(!Qi(e,t)){if(!(t=wr(n))||!Qi(e,t))return e.effectTag|=2,qi=!1,void(Gi=e);Ki(Gi,n)}Gi=e,$i=Er(t)}else e.effectTag|=2,qi=!1,Gi=e}}function Xi(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;Gi=e}function Ji(e){if(e!==Gi)return!1;if(!qi)return Xi(e),qi=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!gr(t,e.memoizedProps))for(t=$i;t;)Ki(e,t),t=wr(t);return Xi(e),$i=Gi?wr(e.stateNode):null,!0}function Zi(){$i=Gi=null,qi=!1}var eo=He.ReactCurrentOwner;function to(e,t,n,r){t.child=null===e?Hi(t,null,n,r):Bi(t,e.child,n,r)}function no(e,t,n,r,i){n=n.render;var o=t.ref;return bi(t),r=n(r,o),t.effectTag|=1,to(e,t,r,i),t.child}function ro(e,t,n,r,i,o){if(null===e){var a=n.type;return"function"!=typeof a||Br(a)||void 0!==a.defaultProps||null!==n.compare?((e=Gr(n.type,null,r,null,t.mode,o)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,io(e,t,a,r,i,o))}return a=e.child,i=n?so(e,t,n):null!==(t=fo(e,t,n))?t.sibling:null}return fo(e,t,n)}switch(t.expirationTime=0,t.tag){case 2:r=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps;var i=Or(t,Tr.current);if(bi(t),i=r(e,i),t.effectTag|=1,"object"==typeof i&&null!==i&&"function"==typeof i.render&&void 0===i.$$typeof){if(t.tag=1,Mr(r)){var o=!0;Lr(t)}else o=!1;t.memoizedState=null!==i.state&&void 0!==i.state?i.state:null;var l=r.getDerivedStateFromProps;"function"==typeof l&&Ui(t,r,l,e),i.updater=Fi,t.stateNode=i,i._reactInternalFiber=t,Di(t,r,e,n),t=uo(null,t,r,!0,o,n)}else t.tag=0,to(null,t,i,n),t=t.child;return t;case 16:switch(i=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),o=t.pendingProps,e=function(e){var t=e._result;switch(e._status){case 1:return t;case 2:case 0:throw t;default:throw e._status=0,(t=(t=e._ctor)()).then(function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)},function(t){0===e._status&&(e._status=2,e._result=t)}),e._result=t,t}}(i),t.type=e,i=t.tag=function(e){if("function"==typeof e)return Br(e)?1:0;if(null!=e){if((e=e.$$typeof)===tt)return 11;if(e===rt)return 14}return 2}(e),o=Oi(e,o),l=void 0,i){case 0:l=ao(null,t,e,o,n);break;case 1:l=lo(null,t,e,o,n);break;case 11:l=no(null,t,e,o,n);break;case 14:l=ro(null,t,e,Oi(e.type,o),r,n);break;default:a("283",e)}return l;case 0:return r=t.type,i=t.pendingProps,ao(e,t,r,i=t.elementType===r?i:Oi(r,i),n);case 1:return r=t.type,i=t.pendingProps,lo(e,t,r,i=t.elementType===r?i:Oi(r,i),n);case 3:return co(t),null===(r=t.updateQueue)&&a("282"),i=null!==(i=t.memoizedState)?i.element:null,ci(t,r,t.pendingProps,null,n),(r=t.memoizedState.element)===i?(Zi(),t=fo(e,t,n)):(i=t.stateNode,(i=(null===e||null===e.child)&&i.hydrate)&&($i=Er(t.stateNode.containerInfo),Gi=t,i=qi=!0),i?(t.effectTag|=2,t.child=Hi(t,null,r,n)):(to(e,t,r,n),Zi()),t=t.child),t;case 5:return Ni(t),null===e&&Yi(t),r=t.type,i=t.pendingProps,o=null!==e?e.memoizedProps:null,l=i.children,gr(r,i)?l=null:null!==o&&gr(r,o)&&(t.effectTag|=16),oo(e,t),1!==n&&1&t.mode&&i.hidden?(t.expirationTime=1,t=null):(to(e,t,l,n),t=t.child),t;case 6:return null===e&&Yi(t),null;case 13:return so(e,t,n);case 4:return Ci(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Bi(t,null,r,n):to(e,t,r,n),t.child;case 11:return r=t.type,i=t.pendingProps,no(e,t,r,i=t.elementType===r?i:Oi(r,i),n);case 7:return to(e,t,t.pendingProps,n),t.child;case 8:case 12:return to(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,i=t.pendingProps,l=t.memoizedProps,gi(t,o=i.value),null!==l){var u=l.value;if(0===(o=u===o&&(0!==u||1/u==1/o)||u!=u&&o!=o?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,o):1073741823))){if(l.children===i.children&&!Nr.current){t=fo(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){if(null!==(u=l.firstContextDependency))do{if(u.context===r&&0!=(u.observedBits&o)){if(1===l.tag){var c=ri(n);c.tag=2,oi(l,c)}l.expirationTime<\/script>",f=o.removeChild(o.firstChild)):"string"==typeof d.is?f=f.createElement(o,{is:d.is}):(f=f.createElement(o),"select"===o&&d.multiple&&(f.multiple=!0)):f=f.createElementNS(s,o),(o=f)[U]=p,o[F]=u,mo(o,t,!1,!1),d=o;var h=c,m=fr(f=l,p=u);switch(f){case"iframe":case"object":Sn("load",d),c=p;break;case"video":case"audio":for(c=0;cu&&(u=o),(c=l.childExpirationTime)>u&&(u=c),l=l.sibling;t.childExpirationTime=u}if(null!==Fo)return Fo;null!==n&&0==(1024&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1=h?p=0:(-1===p||h component higher in the tree to provide a loading indicator or placeholder to display."+ut(c))}Do=!0,s=pi(s,c),l=u;do{switch(l.tag){case 3:c=s,l.effectTag|=2048,l.expirationTime=o,ai(l,o=Co(l,c,o));break e;case 1:if(c=s,u=l.type,f=l.stateNode,0==(64&l.effectTag)&&("function"==typeof u.getDerivedStateFromError||null!==f&&"function"==typeof f.componentDidCatch&&(null===Bo||!Bo.has(f)))){l.effectTag|=2048,l.expirationTime=o,ai(l,o=To(l,c,o));break e}}l=l.return}while(null!==l)}Fo=$o(i);continue}r=!0,Fa(t)}}break}if(Uo=!1,vi=mi=hi=Oo.currentDispatcher=null,r)Io=null,e.finishedWork=null;else if(null!==Fo)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&a("281"),Io=null,Do){if(i=e.latestPendingTime,o=e.latestSuspendedTime,l=e.latestPingedTime,0!==i&&it?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Qo(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Bo||!Bo.has(r)))return oi(n,e=To(n,e=pi(t,e),1073741823)),void Zo(n,1073741823);break;case 3:return oi(n,e=Co(n,e=pi(t,e),1073741823)),void Zo(n,1073741823)}n=n.return}3===e.tag&&(oi(e,n=Co(e,n=pi(t,e),1073741823)),Zo(e,1073741823))}function Yo(e,t){return 0!==Ao?e=Ao:Uo?e=Wo?1073741823:Lo:1&t.mode?(e=da?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==Io&&e===Lo&&--e):e=1073741823,da&&(0===ua||e=o){o=i=r,e.didError=!1;var a=e.latestPingedTime;(0===a||a>o)&&(e.latestPingedTime=o),Zr(o,e)}else Yr(e,i=Yo(i=_a(),t));0!=(1&t.mode)&&e===Io&&Lo===r&&(Io=null),Jo(t,i),0==(1&t.mode)&&(Jo(n,i),1===n.tag&&null!==n.stateNode&&((t=ri(i)).tag=2,oi(n,t))),0!==(n=e.expirationTime)&&Sa(e,n)}function Jo(e,t){e.expirationTimeLo&&Ho(),Yr(e,t),Uo&&!Wo&&Io===e||Sa(e,e.expirationTime),ba>ya&&(ba=0,a("185")))}function ea(e,t,n,r,i){var o=Ao;Ao=1073741823;try{return e(t,n,r,i)}finally{Ao=o}}var ta=null,na=null,ra=0,ia=void 0,oa=!1,aa=null,la=0,ua=0,ca=!1,sa=null,fa=!1,pa=!1,da=!1,ha=null,ma=o.unstable_now(),va=1073741822-(ma/10|0),ga=va,ya=50,ba=0,wa=null;function Ea(){va=1073741822-((o.unstable_now()-ma)/10|0)}function ka(e,t){if(0!==ra){if(te.expirationTime&&(e.expirationTime=t),oa||(fa?pa&&(aa=e,la=1073741823,Aa(e,1073741823,!1)):1073741823===t?Oa(1073741823,!1):ka(e,t))}function Ca(){var e=0,t=null;if(null!==na)for(var n=na,r=ta;null!==r;){var i=r.expirationTime;if(0===i){if((null===n||null===na)&&a("244"),r===r.nextScheduledRoot){ta=na=r.nextScheduledRoot=null;break}if(r===ta)ta=i=r.nextScheduledRoot,na.nextScheduledRoot=i,r.nextScheduledRoot=null;else{if(r===na){(na=n).nextScheduledRoot=ta,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(i>e&&(e=i,t=r),r===na)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}aa=t,la=e}var Ta=!1;function Na(){return!!Ta||!!o.unstable_shouldYield()&&(Ta=!0)}function Pa(){try{if(!Na()&&null!==ta){Ea();var e=ta;do{var t=e.expirationTime;0!==t&&va<=t&&(e.nextExpirationTimeToWorkOn=va),e=e.nextScheduledRoot}while(e!==ta)}Oa(0,!0)}finally{Ta=!1}}function Oa(e,t){if(Ca(),t)for(Ea(),ga=va;null!==aa&&0!==la&&e<=la&&!(Ta&&va>la);)Aa(aa,la,va>la),Ca(),Ea(),ga=va;else for(;null!==aa&&0!==la&&e<=la;)Aa(aa,la,!1),Ca();if(t&&(ra=0,ia=null),0!==la&&ka(aa,la),ba=0,wa=null,null!==ha)for(e=ha,ha=null,t=0;t=n&&(null===ha?ha=[r]:ha.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===wa?ba++:(wa=e,ba=0),Wo=Uo=!0,e.current===t&&a("177"),0===(n=e.pendingCommitExpirationTime)&&a("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var i=t.childExpirationTime;if(r=i>r?i:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(0!==(i=e.latestPendingTime)&&(i>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(i=e.earliestSuspendedTime)?Yr(e,r):ri&&Yr(e,r)),Zr(0,e),Oo.current=null,1b&&(w=b,b=y,y=w),w=In(x,y),E=In(x,b),w&&E&&(1!==S.rangeCount||S.anchorNode!==w.node||S.anchorOffset!==w.offset||S.focusNode!==E.node||S.focusOffset!==E.offset)&&((_=_.createRange()).setStart(w.node,w.offset),S.removeAllRanges(),y>b?(S.addRange(_),S.extend(E.node,E.offset)):(_.setEnd(E.node,E.offset),S.addRange(_))))),_=[];for(S=x;S=S.parentNode;)1===S.nodeType&&_.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x<_.length;x++)(S=_[x]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(mr=null,_n=!!hr,hr=null,e.current=t,Ro=r;null!==Ro;){r=!1,x=void 0;try{for(_=n;null!==Ro;){var C=Ro.effectTag;if(36&C){var T=Ro.alternate;switch(y=_,(S=Ro).tag){case 0:case 11:case 15:break;case 1:var N=S.stateNode;if(4&S.effectTag)if(null===T)N.componentDidMount();else{var P=S.elementType===S.type?T.memoizedProps:Oi(S.type,T.memoizedProps);N.componentDidUpdate(P,T.memoizedState,N.__reactInternalSnapshotBeforeUpdate)}var O=S.updateQueue;null!==O&&si(0,O,N);break;case 3:var M=S.updateQueue;if(null!==M){if(b=null,null!==S.child)switch(S.child.tag){case 5:b=S.child.stateNode;break;case 1:b=S.child.stateNode}si(0,M,b)}break;case 5:var A=S.stateNode;null===T&&4&S.effectTag&&vr(S.type,S.memoizedProps)&&A.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:a("163")}}if(128&C){var U=Ro.ref;if(null!==U){var F=Ro.stateNode;switch(Ro.tag){case 5:var I=F;break;default:I=F}"function"==typeof U?U(I):U.current=I}}Ro=Ro.nextEffect}}catch(e){r=!0,x=e}r&&(null===Ro&&a("178"),Qo(Ro,x),null!==Ro&&(Ro=Ro.nextEffect))}Uo=Wo=!1,"function"==typeof Dr&&Dr(t.stateNode),C=t.expirationTime,0===(t=(t=t.childExpirationTime)>C?t:C)&&(Bo=null),e.expirationTime=t,e.finishedWork=null}function Fa(e){null===aa&&a("246"),aa.expirationTime=0,ca||(ca=!0,sa=e)}function Ia(e,t){var n=fa;fa=!0;try{return e(t)}finally{(fa=n)||oa||Oa(1073741823,!1)}}function La(e,t){if(fa&&!pa){pa=!0;try{return e(t)}finally{pa=!1}}return e(t)}function ja(e,t,n){if(da)return e(t,n);fa||oa||0===ua||(Oa(ua,!1),ua=0);var r=da,i=fa;fa=da=!0;try{return e(t,n)}finally{da=r,(fa=i)||oa||Oa(1073741823,!1)}}function Da(e,t,n,r,i){var o=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||a("170");var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Mr(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);a("171"),l=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Ir(n,u,l);break e}}n=l}else n=Cr;return null===t.context?t.context=n:t.pendingContext=n,t=i,(i=ri(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(i.callback=t),Go(),oi(o,i),Zo(o,r),r}function Ra(e,t,n,r){var i=t.current;return Da(e,t,n,i=Yo(_a(),i),r)}function Wa(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function za(e){var t=1073741822-25*(1+((1073741822-_a()+500)/25|0));t>=Mo&&(t=Mo-1),this._expirationTime=Mo=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Va(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Ba(e,t,n){e={current:t=Vr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Ha(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Ga(e,t,n,r,i){Ha(n)||a("200");var o=n._reactRootContainer;if(o){if("function"==typeof i){var l=i;i=function(){var e=Wa(o._internalRoot);l.call(e)}}null!=e?o.legacy_renderSubtreeIntoContainer(e,t,i):o.render(t,i)}else{if(o=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Ba(e,!1,t)}(n,r),"function"==typeof i){var u=i;i=function(){var e=Wa(o._internalRoot);u.call(e)}}La(function(){null!=e?o.legacy_renderSubtreeIntoContainer(e,t,i):o.render(t,i)})}return Wa(o._internalRoot)}function $a(e,t){var n=2=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ae=Ia,Ue=ja,Fe=function(){oa||0===ua||(Oa(ua,!1),ua=0)};var qa={createPortal:$a,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?a("188"):a("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Ga(null,e,t,!0,n)},render:function(e,t,n){return Ga(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&a("38"),Ga(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Ha(e)||a("40"),!!e._reactRootContainer&&(La(function(){Ga(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return $a.apply(void 0,arguments)},unstable_batchedUpdates:Ia,unstable_interactiveUpdates:ja,flushSync:function(e,t){oa&&a("187");var n=fa;fa=!0;try{return ea(e,t)}finally{fa=n,Oa(1073741823,!1)}},unstable_flushControlled:function(e){var t=fa;fa=!0;try{ea(e)}finally{(fa=t)||oa||Oa(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[L,j,D,P.injectEventPluginsByName,y,H,function(e){C(e,B)},Oe,Me,Nn,M]},unstable_createRoot:function(e,t){return Ha(e)||a("299","unstable_createRoot"),new Ba(e,!0,null!=t&&!0===t.hydrate)}};!function(e){var t=e.findFiberByHostInstance;(function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);Dr=Wr(function(e){return t.onCommitFiberRoot(n,e)}),Rr=Wr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(i({},e,{findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:I,bundleType:0,version:"16.6.3",rendererPackageName:"react-dom"});var Ka={default:qa},Qa=Ka&&qa||Ka;e.exports=Qa.default||Qa},function(e,t,n){"use strict";e.exports=n(335)},function(e,t,n){"use strict";
/** @license React v16.6.1
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
- */Object.defineProperty(t,"__esModule",{value:!0});var r=null,i=!1,o=3,a=-1,l=-1,u=!1,c=!1;function s(){if(!u){var e=r.expirationTime;c?g():c=!0,v(d,e)}}function f(){var e=r,t=r.next;if(r===t)r=null;else{var n=r.previous;r=n.next=t,t.previous=n}e.next=e.previous=null,n=e.callback,t=e.expirationTime,e=e.priorityLevel;var i=o,a=l;o=e,l=t;try{var u=n()}finally{o=i,l=a}if("function"==typeof u)if(u={callback:u,priorityLevel:e,expirationTime:t,next:null,previous:null},null===r)r=u.next=u.previous=u;else{n=null,e=r;do{if(e.expirationTime>=t){n=e;break}e=e.next}while(e!==r);null===n?n=r:n===r&&(r=u,s()),(t=n.previous).next=n.previous=u,u.next=n,u.previous=t}}function p(){if(-1===a&&null!==r&&1===r.priorityLevel){u=!0;try{do{f()}while(null!==r&&1===r.priorityLevel)}finally{u=!1,null!==r?s():c=!1}}}function d(e){u=!0;var n=i;i=e;try{if(e)for(;null!==r;){var o=t.unstable_now();if(!(r.expirationTime<=o))break;do{f()}while(null!==r&&r.expirationTime<=o)}else if(null!==r)do{f()}while(null!==r&&!y())}finally{u=!1,i=n,null!==r?s():c=!1,p()}}var h,m,v,g,y,b=Date,w="function"==typeof setTimeout?setTimeout:void 0,E="function"==typeof clearTimeout?clearTimeout:void 0,k="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,x="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function _(e){h=k(function(t){E(m),e(t)}),m=w(function(){x(h),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var S=performance;t.unstable_now=function(){return S.now()}}else t.unstable_now=function(){return b.now()};if("undefined"!=typeof window&&window._schedMock){var C=window._schedMock;v=C[0],g=C[1],y=C[2]}else if("undefined"==typeof window||"function"!=typeof window.addEventListener){var T=null,N=-1,P=function(e,t){if(null!==T){var n=T;T=null;try{N=t,n(e)}finally{N=-1}}};v=function(e,t){-1!==N?setTimeout(v,0,e,t):(T=e,setTimeout(P,t,!0,t),setTimeout(P,1073741823,!1,1073741823))},g=function(){T=null},y=function(){return!1},t.unstable_now=function(){return-1===N?0:N}}else{"undefined"!=typeof console&&("function"!=typeof k&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof x&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var O=null,M=!1,U=-1,A=!1,F=!1,I=0,L=33,j=33;y=function(){return I<=t.unstable_now()};var D="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===D){M=!1,e=O;var n=U;O=null,U=-1;var r=t.unstable_now(),i=!1;if(0>=I-r){if(!(-1!==n&&n<=r))return A||(A=!0,_(R)),O=e,void(U=n);i=!0}if(null!==e){F=!0;try{e(i)}finally{F=!1}}}},!1);var R=function(e){if(null!==O){_(R);var t=e-I+j;tt&&(t=8),j=tt?window.postMessage(D,"*"):A||(A=!0,_(R))},g=function(){O=null,M=!1,U=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=o,i=a;o=e,a=t.unstable_now();try{return n()}finally{o=r,a=i,p()}},t.unstable_scheduleCallback=function(e,n){var i=-1!==a?a:t.unstable_now();if("object"==typeof n&&null!==n&&"number"==typeof n.timeout)n=i+n.timeout;else switch(o){case 1:n=i+-1;break;case 2:n=i+250;break;case 5:n=i+1073741823;break;case 4:n=i+1e4;break;default:n=i+5e3}if(e={callback:e,priorityLevel:o,expirationTime:n,next:null,previous:null},null===r)r=e.next=e.previous=e,s();else{i=null;var l=r;do{if(l.expirationTime>n){i=l;break}l=l.next}while(l!==r);null===i?i=r:i===r&&(r=e,s()),(n=i.previous).next=i.previous=e,e.next=i,e.previous=n}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)r=null;else{e===r&&(r=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=o;return function(){var r=o,i=a;o=n,a=t.unstable_now();try{return e.apply(this,arguments)}finally{o=r,a=i,p()}}},t.unstable_getCurrentPriorityLevel=function(){return o},t.unstable_shouldYield=function(){return!i&&(null!==r&&r.expirationTime=t){n=e;break}e=e.next}while(e!==r);null===n?n=r:n===r&&(r=u,s()),(t=n.previous).next=n.previous=u,u.next=n,u.previous=t}}function p(){if(-1===a&&null!==r&&1===r.priorityLevel){u=!0;try{do{f()}while(null!==r&&1===r.priorityLevel)}finally{u=!1,null!==r?s():c=!1}}}function d(e){u=!0;var n=i;i=e;try{if(e)for(;null!==r;){var o=t.unstable_now();if(!(r.expirationTime<=o))break;do{f()}while(null!==r&&r.expirationTime<=o)}else if(null!==r)do{f()}while(null!==r&&!y())}finally{u=!1,i=n,null!==r?s():c=!1,p()}}var h,m,v,g,y,b=Date,w="function"==typeof setTimeout?setTimeout:void 0,E="function"==typeof clearTimeout?clearTimeout:void 0,k="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,x="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function _(e){h=k(function(t){E(m),e(t)}),m=w(function(){x(h),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var S=performance;t.unstable_now=function(){return S.now()}}else t.unstable_now=function(){return b.now()};if("undefined"!=typeof window&&window._schedMock){var C=window._schedMock;v=C[0],g=C[1],y=C[2]}else if("undefined"==typeof window||"function"!=typeof window.addEventListener){var T=null,N=-1,P=function(e,t){if(null!==T){var n=T;T=null;try{N=t,n(e)}finally{N=-1}}};v=function(e,t){-1!==N?setTimeout(v,0,e,t):(T=e,setTimeout(P,t,!0,t),setTimeout(P,1073741823,!1,1073741823))},g=function(){T=null},y=function(){return!1},t.unstable_now=function(){return-1===N?0:N}}else{"undefined"!=typeof console&&("function"!=typeof k&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof x&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var O=null,M=!1,A=-1,U=!1,F=!1,I=0,L=33,j=33;y=function(){return I<=t.unstable_now()};var D="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===D){M=!1,e=O;var n=A;O=null,A=-1;var r=t.unstable_now(),i=!1;if(0>=I-r){if(!(-1!==n&&n<=r))return U||(U=!0,_(R)),O=e,void(A=n);i=!0}if(null!==e){F=!0;try{e(i)}finally{F=!1}}}},!1);var R=function(e){if(null!==O){_(R);var t=e-I+j;tt&&(t=8),j=tt?window.postMessage(D,"*"):U||(U=!0,_(R))},g=function(){O=null,M=!1,A=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=o,i=a;o=e,a=t.unstable_now();try{return n()}finally{o=r,a=i,p()}},t.unstable_scheduleCallback=function(e,n){var i=-1!==a?a:t.unstable_now();if("object"==typeof n&&null!==n&&"number"==typeof n.timeout)n=i+n.timeout;else switch(o){case 1:n=i+-1;break;case 2:n=i+250;break;case 5:n=i+1073741823;break;case 4:n=i+1e4;break;default:n=i+5e3}if(e={callback:e,priorityLevel:o,expirationTime:n,next:null,previous:null},null===r)r=e.next=e.previous=e,s();else{i=null;var l=r;do{if(l.expirationTime>n){i=l;break}l=l.next}while(l!==r);null===i?i=r:i===r&&(r=e,s()),(n=i.previous).next=i.previous=e,e.next=i,e.previous=n}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)r=null;else{e===r&&(r=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=o;return function(){var r=o,i=a;o=n,a=t.unstable_now();try{return e.apply(this,arguments)}finally{o=r,a=i,p()}}},t.unstable_getCurrentPriorityLevel=function(){return o},t.unstable_shouldYield=function(){return!i&&(null!==r&&r.expirationTime= 910) {
device = "large";
} else if (width < 910 && width >= 610) {
device = "mid";
} else if (width < 610) {
device = "tablet";
}
return device;
}
function generatePopupLinks() {
let pLink = {};
pLink.plingListUrl = "/#plingList", pLink.ocsapiContentUrl = "/#ocsapiContent", pLink.aboutContentUrl = "/#aboutContent", pLink.linkTarget = "_blank";
if (window.location.hostname.indexOf('opendesktop') === -1 || window.location.hostname === "git.opendesktop.org" || window.location.hostname === "git.opendesktop.cc" || window.location.hostname === "forum.opendesktop.org" || window.location.hostname === "forum.opendesktop.cc" || window.location.hostname === "my.opendesktop.org" || window.location.hostname === "my.opendesktop.cc") {
pLink.plingListUrl = "/plings";
pLink.ocsapiContentUrl = "/partials/ocsapicontent.phtml";
pLink.aboutContentUrl = "/partials/about.phtml";
pLink.linkTarget = "";
}
return pLink;
}
function getPopupUrl(key, isExternal, baseUrl) {
let url = baseUrl;
return url;
}
return {
generateMenuGroupsArray,
getDeviceFromWidth,
generatePopupLinks,
getPopupUrl
};
}();
class MetaHeader extends React.Component {
constructor(props){
super(props);
this.state = {
domains:config.domains,
baseUrl:config.baseUrl,
blogUrl:config.blogUrl,
forumUrl:config.forumUrl,
loginUrl:config.loginUrl,
logoutUrl:config.logoutUrl,
gitlabUrl:config.gitlabUrl,
sName:config.sName,
isExternal:config.isExternal,
user:config.user,
showModal:false,
modalUrl:'',
metamenuTheme:config.metamenuTheme,
isAdmin:config.json_isAdmin
};
this.initMetaHeader = this.initMetaHeader.bind(this);
this.updateDimensions = this.updateDimensions.bind(this);
this.onSwitchStyle = this.onSwitchStyle.bind(this);
//this.getUser = this.getUser.bind(this);
}
componentWillMount() {
this.updateDimensions();
}
componentDidMount() {
this.initMetaHeader();
//this.initMetamenuTheme();
}
componentWillUnmount(){
window.removeEventListener("resize", this.updateDimensions);
window.removeEventListener("orientationchange",this.updateDimensions);
}
initMetaHeader(){
window.addEventListener("resize", this.updateDimensions);
window.addEventListener("orientationchange",this.updateDimensions);
//this.getUser();
}
fetchMetaheaderThemeSettings(){
let url = 'https://www.opendesktop.org/membersetting/getsettings';
if (location.hostname.endsWith('cc') || location.hostname.endsWith('local')) {
url = 'https://www.opendesktop.cc/membersetting/getsettings';
}
fetch(url,{
mode: 'cors',
credentials: 'include'
})
.then(response => response.json())
.then(data => {
const results = data.results;
if(results.length>0)
{
const theme = results.filter(r => r.member_setting_item_id == 1);
if(theme.length>0 && theme[0].value==1)
{
this.setState({metamenuTheme:'metamenu-theme-dark'});
}
}
});
}
// change metamenu class
onSwitchStyle(evt){
let url = 'https://www.opendesktop.org/membersetting/setsettings/itemid/1/itemvalue/';
if (location.hostname.endsWith('cc') || location.hostname.endsWith('local')) {
url = 'https://www.opendesktop.cc/membersetting/setsettings/itemid/1/itemvalue/';
}
url = url +(evt.target.checked?'1':'0');
const isChecked = evt.target.checked;
fetch(url,{
mode: 'cors',
credentials: 'include'
})
.then(response => response.json())
.then(data => {
this.setState({metamenuTheme:`${isChecked?'metamenu-theme-dark':''}`});
});
}
getUser(){
const decodedCookie = decodeURIComponent(document.cookie);
let ocs_data = decodedCookie.split('ocs_data=')[1];
if (ocs_data){
if (ocs_data.indexOf(';') > -1){ ocs_data = ocs_data.split(';')[0]; }
const user = JSON.parse(ocs_data);
this.setState({user:user});
}
}
updateDimensions(){
const width = window.innerWidth;
let device;
if (width >= 1015){
device = "large";
} else if (width < 1015 && width >= 730){
device = "mid";
} else if (width < 730){
device = "tablet";
}
this.setState({device:device});
}
render(){
let domainsMenuDisplay;
if (this.state.device === "tablet"){
domainsMenuDisplay = (
)
} else {
domainsMenuDisplay = (
)
}
const metamenuCls = `metamenu ${this.state.metamenuTheme}`;
let paraChecked = false;
if(this.state.metamenuTheme){
paraChecked=true;
}
return (
)
}
}
class DomainsMenu extends React.Component {
constructor(props){
super(props);
this.state = {
};
}
render(){
let moreMenuItemDisplay, adminsDropDownMenuDisplay, myOpendesktopMenuDisplay;
if (this.props.device !== "large"){
moreMenuItemDisplay = (
)
}
return (
openDesktop.org :
{moreMenuItemDisplay}
)
}
}
class DomainsDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentDidMount() {
let menuGroups = [];
this.props.domains.forEach(function(domain,index){
if (menuGroups.indexOf(domain.menugroup) === -1){
menuGroups.push(domain.menugroup);
}
});
this.setState({menuGroups:menuGroups});
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "domains-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let menuGroupsDisplayLeft, menuGroupsDisplayRight;
if (this.state.menuGroups){
menuGroupsDisplayLeft = this.state.menuGroups.slice(0,2).map((mg,i) => (
));
menuGroupsDisplayRight = this.state.menuGroups.slice(2).map((mg,i) => (
));
}
return (
this.node = node} id="domains-dropdown-menu" className={this.state.dropdownClass}>
Store Listings
);
}
}
class DiscussionBoardsDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "discussion-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
return (
this.node = node} id="discussion-boards" className={this.state.dropdownClass}>
Discussion Boards
);
}
}
class DevelopmentDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.state = {
gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
componentDidMount() {
/*const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
const gitlabLink = self.state.gitlabLink + res[0].id;
self.setState({gitlabLink:gitlabLink,loading:false});
}
};
xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
xhttp.send();*/
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "admins-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let issuesMenuItem;
if (this.props.isAdmin){
issuesMenuItem = (
Issues
)
}
let gitfaqLinkItem;
if (config.isExternal === false){
gitfaqLinkItem = (Git FAQ );
} else {
gitfaqLinkItem = (Git FAQ );
}
return (
this.node = node} id="admins-dropdown-menu" className={this.state.dropdownClass}>
Development
Projects
{issuesMenuItem}
{gitfaqLinkItem}
)
}
}
class MoreDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "more-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
return(
this.node = node} id="more-dropdown-menu" className={this.state.dropdownClass}>
More
)
}
}
class DomainsMenuGroup extends React.Component {
constructor(props){
super(props);
this.state = {};
this.filterDomainsByMenuGroup = this.filterDomainsByMenuGroup.bind(this);
}
filterDomainsByMenuGroup(domain){
if (domain.menugroup === this.props.menuGroup){
return domain;
}
}
render(){
const domainsDisplay = this.props.domains.filter(this.filterDomainsByMenuGroup).map((domain,index) => {
let domainPrefix = "";
if (domain.menuhref.indexOf('https://') === -1 && domain.menuhref.indexOf('http://') === -1){
domainPrefix += "http://";
}
return (
{domain.name}
);
});
return (
{this.props.menuGroup}
)
}
}
function SwitchItem(props){
return(
)
}
class UserMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
}
render(){
let userDropdownDisplay, userAppsContextDisplay, developmentAppMenuDisplay;
if (this.props.user && this.props.user.member_id){
userDropdownDisplay = (
);
userAppsContextDisplay = (
);
developmentAppMenuDisplay = (
);
} else {
userDropdownDisplay = (
Login
)
}
let userMenuContainerDisplay;
if (this.props.device === "large"){
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
let switchItem;
if (this.props.user && this.props.user.member_id && this.props.isAdmin){
switchItem =( );
}
userMenuContainerDisplay = (
);
} else {
userMenuContainerDisplay = (
);
}
return (
)
}
}
class UserContextMenuContainer extends React.Component {
constructor(props){
super(props);
this.state = {
gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
componentDidMount() {
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
//const gitlabLink = self.state.gitlabLink + res[0].id;
const gitlabLink = self.state.gitlabLink;
self.setState({gitlabLink:gitlabLink,loading:false});
}
};
xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
xhttp.send();
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
/*
// BU CODE
*/
const urlEnding = config.baseUrl.split('opendesktop.')[1];
let contextMenuDisplay;
if (this.props.isAdmin){
contextMenuDisplay = (
);
} else {
contextMenuDisplay = (
);
}
return (
this.node = node} id="user-context-menu-container">
{contextMenuDisplay}
)
}
}
class DevelopmentAppMenu extends React.Component {
constructor(props){
super(props);
- this.state = {
- gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
- };
+ this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
- componentDidMount() {
- const self = this;
- const xhttp = new XMLHttpRequest();
- xhttp.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200) {
- const res = JSON.parse(this.response);
- const gitlabLink = self.state.gitlabLink + res[0].id;
- self.setState({gitlabLink:gitlabLink,loading:false});
- }
- };
- xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
- xhttp.send();
+ componentDidMount() {
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
- const urlEnding = config.baseUrl.split('opendesktop.')[1];
-
+
return (
this.node = node} id="development-app-menu-container">
)
}
}
class UserLoginMenuContainerVersionTwo extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass},function(){
if (dropdownClass === "open"){
$('body').addClass('drawer-open');
} else {
$('body').removeClass('drawer-open');
}
});
}
render(){
return (
)
}
}
class UserLoginMenuContainer extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
return (
)
}
}
class UserTabs extends React.Component {
constructor(props){
super(props);
this.state = {
currentTab:'comments',
searchPhrase:''
};
this.onTabMenuItemClick = this.onTabMenuItemClick.bind(this);
this.onUserSearchInputChange = this.onUserSearchInputChange.bind(this);
this.getUsersAutocompleteList = this.getUsersAutocompleteList.bind(this);
this.selectUserFromAutocompleteList = this.selectUserFromAutocompleteList.bind(this);
}
onTabMenuItemClick(val){
this.setState({currentTab:val});
}
onUserSearchInputChange(e){
const searchPhrase = e.target.value;
this.setState({searchPhrase:e.target.value},function(){
let showUserList;
if (searchPhrase.length > 2){
showUserList = true;
} else {
showUserList = false;
}
this.setState({showUserList:showUserList,selectedUser:''},function(){
this.getUsersAutocompleteList(searchPhrase);
});
});
}
getUsersAutocompleteList(searchPhrase){
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({usersList:res,showUserList:true});
}
};
xhttp.open("GET", "https://www.opendesktop.cc/home/searchmember?username="+searchPhrase, true);
xhttp.send();
}
selectUserFromAutocompleteList(user){
this.setState({selectedUser:user,searchPhrase:user.username,showUserList:false});
}
render(){
let usersAutocompleteList;
if (this.state.usersList && this.state.showUserList){
const users = this.state.usersList.map((u,index) => (
this.selectUserFromAutocompleteList(u)} key={index}>
{u.username}
));
usersAutocompleteList = (
);
}
let tabContentDisplay;
if (this.state.currentTab === 'comments'){
tabContentDisplay = (
);
} else if (this.state.currentTab === 'search'){
if (this.state.selectedUser){
tabContentDisplay = (
);
} else {
tabContentDisplay = (
search user
);
}
}
return(
);
}
}
class UserCommentsTab extends React.Component {
constructor(props){
super(props);
this.state = {
loading:true
};
this.getUserOdComments = this.getUserOdComments.bind(this);
this.getUserForumComments = this.getUserForumComments.bind(this);
}
componentDidMount() {
this.setState({odComments:[],forumComments:[],loading:true},function(){
this.getUserOdComments();
});
}
getUserOdComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
self.getUserForumComments();
});
}
};
xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
xhttp.send();
}
getUserForumComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({forumComments:res.user_actions,loading:false});
}
};
xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
xhttp.send();
}
render(){
let contentDisplay;
if (!this.state.loading){
let odCommentsDisplay, forumCommentsDisplay;
if (this.state.odComments.length > 0){
odCommentsDisplay = (
);
}
if (this.state.forumComments.length > 0){
forumCommentsDisplay = (
);
}
contentDisplay = (
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
)
}
}
class UserSearchTab extends React.Component {
constructor(props){
super(props);
this.state = {
loading:true
};
this.getUserOdComments = this.getUserOdComments.bind(this);
this.getUserForumComments = this.getUserForumComments.bind(this);
}
componentDidMount() {
this.setState({odComments:[],forumComments:[],loading:true},function(){
this.getUserOdComments();
});
}
getUserOdComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
self.getUserForumComments();
});
} else {
console.log('what happends here');
console.log(this);
}
};
xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
xhttp.send();
}
getUserForumComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
console.log('this ');
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({forumComments:res.user_actions,loading:false});
}
};
xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
xhttp.send();
}
render(){
let contentDisplay;
if (!this.state.loading){
let odCommentsDisplay, forumCommentsDisplay;
if (this.state.odComments.length > 0){
odCommentsDisplay = (
);
}
if (this.state.forumComments.length > 0){
forumCommentsDisplay = (
);
}
contentDisplay = (
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
)
}
}
class UserCommentsTabThreadsContainer extends React.Component {
constructor(props){
super(props);
this.state = {};
}
componentDidMount() {
let siteInfo;
if (this.props.type === 'od'){
siteInfo = {
address:'openDesktop.org',
url:'https://www.opendesktop.org'
}
} else if (this.props.type === 'forum'){
siteInfo = {
address:'forum',
url:'https://forum.opendesktop.org'
}
}
let threads = [];
this.props.comments.forEach(function(c,index){
if (threads.indexOf(c.title) === -1){
const thread = {
title:c.title,
id:c.project_id
}
threads.push(thread)
}
});
this.setState({siteInfo:siteInfo,comments:this.props.comments,threads:threads});
}
render(){
const t = this.state.siteInfo;
const comments = this.state.comments;
const user = this.props.user;
let headerDisplay, threadsDisplay, threadCommentsDisplay;
if (this.state.threads){
threadsDisplay = this.state.threads.map((tr,index) => (
));
headerDisplay = (
);
}
return (
{headerDisplay}
{threadCommentsDisplay}
)
}
}
class UserCommentsTabThread extends React.Component {
constructor(props){
super(props);
this.state = {};
this.filterCommentsByThread = this.filterCommentsByThread.bind(this);
}
filterCommentsByThread(comment){
if (comment.title === this.props.thread.title){
return comment;
}
}
render(){
let commentsDisplay;
if (this.props.comments){
const user = this.props.user;
commentsDisplay = this.props.comments.filter(this.filterCommentsByThread).map((c,index) => (
));
}
return (
);
}
}
class UserCommentsTabThreadCommentItem extends React.Component {
constructor(props){
super(props);
this.state = {};
}
render(){
const c = this.props.comment;
const user = this.props.user;
let repliedUsernameDisplay;
if (c.p_comment_member_id){
repliedUsernameDisplay = ( {c.p_username}
)
}
let userImage = user.avatar;
if (this.props.uType === 'search'){
userImage = user.profile_image_url;
}
return (
)
}
}
/** MOBILE SPECIFIC **/
class MobileLeftMenu extends React.Component {
constructor(props){
super(props);
this.state = {
overlayClass:""
};
this.toggleLeftSideOverlay = this.toggleLeftSideOverlay.bind(this);
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
window.addEventListener('mousedown',this.handleClick, false);
window.addEventListener('touchend', this.handleClick, false);
}
componentWillUnmount() {
window.removeEventListener('mousedown',this.handleClick, false);
window.addEventListener('touchend', this.handleClick, false);
}
toggleLeftSideOverlay(){
let overlayClass = "open";
if (this.state.overlayClass === "open") {
overlayClass = "";
}
this.setState({overlayClass:overlayClass});
}
handleClick(e){
let overlayClass = "";
if (this.node.contains(e.target)){
if (this.state.overlayClass === "open"){
if (e.target.id === "left-side-overlay" || e.target.id === "menu-toggle-item"){
overlayClass = "";
} else {
overlayClass = "open";
}
} else {
overlayClass = "open";
}
}
const self = this;
setTimeout(function () {
console.log('time out');
self.setState({overlayClass:overlayClass});
}, 200);
}
render(){
return (
this.node = node} id="metaheader-left-mobile" className={this.state.overlayClass}>
);
}
}
class MobileLeftSidePanel extends React.Component {
constructor(props){
super(props);
this.state = {};
}
componentDidMount() {
let menuGroups = [];
this.props.domains.forEach(function(domain,index){
if (menuGroups.indexOf(domain.menugroup) === -1){
menuGroups.push(domain.menugroup);
}
});
this.setState({menuGroups:menuGroups});
}
render(){
let panelMenuGroupsDisplay;
if (this.state.menuGroups){
panelMenuGroupsDisplay = this.state.menuGroups.map((mg,i) => (
));
}
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
return (
)
}
}
customElements.define('opendesktop-metaheader', class extends HTMLElement {
constructor() {
super();
this.buildComponent();
}
async buildComponent() {
const stylesheetElement = document.createElement('link');
stylesheetElement.rel = 'stylesheet';
stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
if (location.hostname.endsWith('cc')) {
stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
}
else if (location.hostname.endsWith('localhost')) {
stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
}else if (location.hostname.endsWith('local')) {
stylesheetElement.href = '/theme/react/assets/css/metaheader.css';
}
else{
stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
}
this.appendChild(stylesheetElement);
await initConfig(this.getAttribute('config-target'),window.location.href);
const metaheaderElement = document.createElement('div');
metaheaderElement.id = 'metaheader';
ReactDOM.render(React.createElement(MetaHeader, null), metaheaderElement);
// Component must be capsule within Shadow DOM, and don't hack
// context/scope of external sites.
/*
this.attachShadow({mode: 'open'});
this.shadowRoot.appendChild(stylesheetElement);
this.shadowRoot.appendChild(metaheaderElement);
*/
// However, make this as Light DOM for now, because current
// implementation is not real component design yet.
// Need solve event handling, scoped CSS.
this.appendChild(metaheaderElement);
}
});