├── .eslintignore
├── .eslintrc.yml
├── .gitignore
├── README.md
├── docs
    ├── 1.js
    ├── index.html
    └── main.js
├── package-lock.json
├── package.json
├── src
    ├── api.js
    ├── components
    │   ├── App.css
    │   ├── App.js
    │   ├── Icon.js
    │   ├── IndexPage.css
    │   ├── IndexPage.js
    │   ├── MoviePage.css
    │   ├── MoviePage.js
    │   ├── Spinner.css
    │   └── Spinner.js
    ├── index.css
    ├── index.html
    └── index.js
└── webpack.config.js


/.eslintignore:
--------------------------------------------------------------------------------
1 | /dist/
2 | /react-modules/
3 | /docs/
4 | 


--------------------------------------------------------------------------------
/.eslintrc.yml:
--------------------------------------------------------------------------------
 1 | parser: babel-eslint
 2 | 
 3 | extends:
 4 |     - eslint:recommended
 5 |     - plugin:react/recommended
 6 | 
 7 | rules:
 8 |     strict: off
 9 |     react/prop-types: off
10 | 
11 | settings:
12 |     react:
13 |         version: "15.0"
14 | 
15 | env:
16 |     es6: true
17 |     browser: true
18 | 
19 | settings:
20 |     react:
21 |         version: detect
22 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | /dist/
2 | /node_modules/
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # React Suspense demo
2 | 
3 | This is an implementation of the demo shown by Gaearon in his [talk at JSConf
4 | Iceland](https://www.youtube.com/watch?v=v6iR3Zk4oDY).  It uses *unstable* features available in
5 | the current React release.
6 | 
7 | You can try the demo [here](http://benoitzugmeyer.github.io/react-suspense-demo/).
8 | 


--------------------------------------------------------------------------------
/docs/1.js:
--------------------------------------------------------------------------------
1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[1],{25:function(e,t,n){var a=n(26);"string"==typeof a&&(a=[[e.i,a,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(2)(a,r);a.locals&&(e.exports=a.locals)},26:function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".MovieDetails {\n    display: flex;\n    margin-bottom: var(--gutter);\n    align-items: flex-start;\n}\n.MovieDetails h1,\n.MovieDetails .ratings {\n    border-bottom: 2px solid #111629;\n    margin: 0 0 var(--gutter);\n    padding-bottom: var(--gutter);\n}\n.MovieDetails .poster {\n    margin-right: var(--gutter);\n}\n.MovieDetails .poster img {\n    width: 100%;\n}\n.MovieDetails .details {\n    flex: 1;\n}\n.MovieDetails .ratings {\n    display: flex;\n}\n\n.Rating {\n    flex: 1;\n    text-align: center;\n}\n\n.Rating:not(:last-child) {\n    margin-right: var(--gutter);\n}\n\n.Rating .rating-score {\n    margin-top: var(--small-gutter);\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.MovieReviews {\n    display: flex;\n    flex-wrap: wrap;\n    margin: calc(var(--gutter) / -2);\n    align-items: flex-start;\n}\n\n.MovieReview {\n    flex: 1;\n    min-width: 200px;\n    margin: calc(var(--gutter) / 2);\n}\n\n.MovieReview .sub-text {\n    margin-top: var(--small-gutter);\n}\n",""])},27:function(e,t,n){"use strict";n.r(t),n.d(t,"default",function(){return b});var a=n(0),r=n.n(a),i=n(6),l=n(7),s=n(8),c=n(3);n(25);function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}const m=Object(i.unstable_createResource)(l.a),u=Object(i.unstable_createResource)(l.b);function v({label:e,score:t,icon:n}){return"number"!=typeof t||t<0?null:r.a.createElement("div",{className:"Rating"},r.a.createElement("div",{className:"small-title"},e),n&&r.a.createElement("div",null,r.a.createElement(s.a,{type:n,size:"medium"})),r.a.createElement("div",{className:"rating-score"},t,"%"))}function d({quote:e,critic:t}){return r.a.createElement("div",{className:"MovieReview box"},r.a.createElement("div",null,e),r.a.createElement("div",{className:"sub-text"},t.name))}function g({movieId:e}){const t=u.read(e);return r.a.createElement("div",{className:"MovieReviews"},t.map(e=>r.a.createElement(d,o({key:e.id},e))))}const p=Object(i.unstable_createResource)(e=>new Promise((t,n)=>{const a=new Image;a.onload=()=>t(e),a.onerror=n,a.src=e}));function f(e){return r.a.createElement("img",o({},e,{src:p.read(e.src)}))}function E({movieId:e}){const{ratingSummary:t,ratings:n,title:a,posters:i}=m.read(e);return r.a.createElement("div",{className:"MovieDetails"},r.a.createElement("div",{className:"poster"},r.a.createElement(f,{src:i.detailed,alt:"poster"})),r.a.createElement("div",{className:"details"},r.a.createElement("h1",null,a),r.a.createElement("div",{className:"ratings"},r.a.createElement(v,{label:"Tomatometer",score:n.critics_score,icon:n.critics_rating}),r.a.createElement(v,{label:"Audience",score:n.audience_score,icon:n.audience_rating})),r.a.createElement("div",{className:"critic"},r.a.createElement("div",{className:"small-title"},"Critics consensus"),t.consensus)))}function b({movieId:e}){return r.a.createElement(r.a.Fragment,null,r.a.createElement(E,{movieId:e}),r.a.createElement(a.Suspense,{maxDuration:500,fallback:r.a.createElement(c.a,null)},r.a.createElement(g,{movieId:e})))}}}]);


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta name="viewport" content="width=device-width" />
 6 |         <title>React Suspense Demo</title>
 7 |     </head>
 8 |     <body>
 9 |         <div id="main"></div>
10 |     <script type="text/javascript" src="main.js"></script></body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/docs/main.js:
--------------------------------------------------------------------------------
 1 | !function(e){function t(t){for(var n,o,i=t[0],l=t[1],a=0,c=[];a<i.length;a++)o=i[a],r[o]&&c.push(r[o][0]),r[o]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(u&&u(t);c.length;)c.shift()()}var n={},r={0:0};function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.e=function(e){var t=[],n=r[e];if(0!==n)if(n)t.push(n[2]);else{var i=new Promise(function(t,o){n=r[e]=[t,o]});t.push(n[2]=i);var l,a=document.createElement("script");a.charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.src=function(e){return o.p+""+({}[e]||e)+".js"}(e);var u=new Error;l=function(t){a.onerror=a.onload=null,clearTimeout(c);var n=r[e];if(0!==n){if(n){var o=t&&("load"===t.type?"missing":t.type),i=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+o+": "+i+")",u.type=o,u.request=i,n[1](u)}r[e]=void 0}};var c=setTimeout(function(){l({type:"timeout",target:a})},12e4);a.onerror=a.onload=l,document.head.appendChild(a)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o.oe=function(e){throw console.error(e),e};var i=window.webpackJsonp=window.webpackJsonp||[],l=i.push.bind(i);i.push=t,i=i.slice();for(var a=0;a<i.length;a++)t(i[a]);var u=l;o(o.s=24)}([function(e,t,n){"use strict";e.exports=n(10)},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(l=r,a=btoa(unescape(encodeURIComponent(JSON.stringify(l)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(u," */")),i=r.sources.map(function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")});return[n].concat(i).concat([o]).join("\n")}var l,a,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];null!=i&&(r[i]=!0)}for(var l=0;l<e.length;l++){var a=e[l];null!=a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="(".concat(a[2],") and (").concat(n,")")),t.push(a))}},t}},function(e,t,n){var r,o,i={},l=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),a=function(e){var t={};return function(e,n){if("function"==typeof e)return e();if(void 0===t[e]){var r=function(e,t){return t?t.querySelector(e):document.querySelector(e)}.call(this,e,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}}(),u=null,c=0,s=[],f=n(16);function d(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=i[r.id];if(o){o.refs++;for(var l=0;l<o.parts.length;l++)o.parts[l](r.parts[l]);for(;l<r.parts.length;l++)o.parts.push(g(r.parts[l],t))}else{var a=[];for(l=0;l<r.parts.length;l++)a.push(g(r.parts[l],t));i[r.id]={id:r.id,refs:1,parts:a}}}}function p(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],l=t.base?i[0]+t.base:i[0],a={css:i[1],media:i[2],sourceMap:i[3]};r[l]?r[l].parts.push(a):n.push(r[l]={id:l,parts:[a]})}return n}function m(e,t){var n=a(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=s[s.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),s.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=a(e.insertAt.before,n);n.insertBefore(t,o)}}function h(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=s.indexOf(e);t>=0&&s.splice(t,1)}function v(e){var t=document.createElement("style");if(void 0===e.attrs.type&&(e.attrs.type="text/css"),void 0===e.attrs.nonce){var r=function(){0;return n.nc}();r&&(e.attrs.nonce=r)}return y(t,e.attrs),m(e,t),t}function y(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function g(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i="function"==typeof t.transform?t.transform(e.css):t.transform.default(e.css)))return function(){};e.css=i}if(t.singleton){var l=c++;n=u||(u=v(t)),r=x.bind(null,n,l,!1),o=x.bind(null,n,l,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),m(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=f(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var l=new Blob([r],{type:"text/css"}),a=e.href;e.href=URL.createObjectURL(l),a&&URL.revokeObjectURL(a)}.bind(null,n,t),o=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){h(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=l()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=p(e,t);return d(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var l=n[o];(a=i[l.id]).refs--,r.push(a)}e&&d(p(e,t),t);for(o=0;o<r.length;o++){var a;if(0===(a=r[o]).refs){for(var u=0;u<a.parts.length;u++)a.parts[u]();delete i[a.id]}}}};var b,w=(b=[],function(e,t){return b[e]=t,b.filter(Boolean).join("\n")});function x(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var i=document.createTextNode(o),l=e.childNodes;l[t]&&e.removeChild(l[t]),l.length?e.insertBefore(i,l[t]):e.appendChild(i)}}},function(e,t,n){"use strict";n.d(t,"a",function(){return i});var r=n(0),o=n.n(r);n(14);function i({size:e="medium"}){return o.a.createElement("div",{className:`spinner spinner-${e}`})}},function(e,t,n){"use strict";
 2 | /*
 3 | object-assign
 4 | (c) Sindre Sorhus
 5 | @license MIT
 6 | */var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,l,a=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))o.call(n,c)&&(a[c]=n[c]);if(r){l=r(n);for(var s=0;s<l.length;s++)i.call(n,l[s])&&(a[l[s]]=n[l[s]])}}return a}},function(e,t,n){"use strict";e.exports=n(12)},function(e,t,n){"use strict";e.exports=n(17)},function(e,t,n){"use strict";n.d(t,"c",function(){return i}),n.d(t,"a",function(){return l}),n.d(t,"b",function(){return a});const r="https://cors-anywhere.herokuapp.com";async function o(e){return e.startsWith("/")&&(e=e.slice(1)),async function(e){const t=await e.text();return(new DOMParser).parseFromString(t,"text/html")}(await fetch(`${r}/https://www.rottentomatoes.com/${e}`))}async function i(){const e=await o("browse/in-theaters");for(const t of e.querySelectorAll("script"))if(t.innerText.includes("loadPage")){const e=t.innerText.match(/^\s+(\[\{.*\}\]),$/m);if(e)return JSON.parse(e[1])}throw new Error("Failed to fetch movies")}async function l(e){const t=await fetch(`https://www.rottentomatoes.com/api/private/v1.0/movies/${e}.json`),n=await async function(e){const t=await e.arrayBuffer();return new TextDecoder("iso-8859-1").decode(t)}(t);return JSON.parse(n)}async function a(e){const t=await l(e);return await new Promise(e=>setTimeout(e,3e3)),t.reviews.reviews}},function(e,t,n){"use strict";n.d(t,"a",function(){return c});var r=n(0),o=n.n(r);const i="https://staticv2-4.rottentomatoes.com/static/images";function l(e){return{background:`transparent url(${i}/redesign/icons-v2.png) no-repeat`,backgroundPosition:e}}function a(e){return{background:`transparent url(${i}/icons/${e}) no-repeat`,backgroundSize:"cover"}}const u={tiny:{size:16,styles:{certified:a("CF_16x16.png"),fresh:a("fresh-16.png"),upright:a("popcorn-16.png"),rotten:a("splat-16.png"),spilled:a("badpopcorn-16.png"),wts:a("wts-16.png")}},big:{size:48,styles:{certified:l("-192px -96px"),fresh:l("-192px -48px"),upright:l("-240px -48px"),rotten:l("-240px -96px"),spilled:l("-192px 0"),wts:l("-240px 0")}},medium:{size:32,styles:{certified:a("CF-32.png"),fresh:l("-64px -128px"),upright:l("-32px -128px"),rotten:l("-96px -128px"),spilled:l("-128px -128px"),wts:l("0px -128px")}},small:{size:24,styles:{certified:a("CF-24.png"),fresh:l("-288px -48px"),upright:l("-288px -24px"),rotten:l("-288px -96px"),spilled:l("-288px -120px"),wts:l("-288px 0px")}}};function c({type:e,size:t="small"}){if(!u.hasOwnProperty(t))throw new Error(`Invalid icon size "${t}"`);"certifiedfresh"===(e=e.toLowerCase().replace(/[^a-z]+/g,""))&&(e="certified"),"popcorn"===e&&(e="upright"),"anticipated"===e&&(e="wts");const{styles:n,size:r}=u[t];if(!n.hasOwnProperty(e))throw new Error(`Invalid icon type "${e}"`);return o.a.createElement("div",{style:Object.assign({width:r,height:r,display:"inline-block",verticalAlign:"middle"},n[e])})}},function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=n(11)},function(e,t,n){"use strict";
 7 | /** @license React v16.7.0
 8 |  * react.production.min.js
 9 |  *
10 |  * Copyright (c) Facebook, Inc. and its affiliates.
11 |  *
12 |  * This source code is licensed under the MIT license found in the
13 |  * LICENSE file in the root directory of this source tree.
14 |  */var r=n(4),o="function"==typeof Symbol&&Symbol.for,i=o?Symbol.for("react.element"):60103,l=o?Symbol.for("react.portal"):60106,a=o?Symbol.for("react.fragment"):60107,u=o?Symbol.for("react.strict_mode"):60108,c=o?Symbol.for("react.profiler"):60114,s=o?Symbol.for("react.provider"):60109,f=o?Symbol.for("react.context"):60110,d=o?Symbol.for("react.concurrent_mode"):60111,p=o?Symbol.for("react.forward_ref"):60112,m=o?Symbol.for("react.suspense"):60113,h=o?Symbol.for("react.memo"):60115,v=o?Symbol.for("react.lazy"):60116,y="function"==typeof Symbol&&Symbol.iterator;function g(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,i,l,a){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,i,l,a],c=0;(e=Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},w={};function x(e,t,n){this.props=e,this.context=t,this.refs=w,this.updater=n||b}function k(){}function T(e,t,n){this.props=e,this.context=t,this.refs=w,this.updater=n||b}x.prototype.isReactComponent={},x.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&g("85"),this.updater.enqueueSetState(this,e,t,"setState")},x.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},k.prototype=x.prototype;var E=T.prototype=new k;E.constructor=T,r(E,x.prototype),E.isPureReactComponent=!0;var C={current:null,currentDispatcher:null},_=Object.prototype.hasOwnProperty,S={key:!0,ref:!0,__self:!0,__source:!0};function P(e,t,n){var r=void 0,o={},l=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(l=""+t.key),t)_.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var u=arguments.length-2;if(1===u)o.children=n;else if(1<u){for(var c=Array(u),s=0;s<u;s++)c[s]=arguments[s+2];o.children=c}if(e&&e.defaultProps)for(r in u=e.defaultProps)void 0===o[r]&&(o[r]=u[r]);return{$$typeof:i,type:e,key:l,ref:a,props:o,_owner:C.current}}function N(e){return"object"==typeof e&&null!==e&&e.$$typeof===i}var O=/\/+/g,M=[];function I(e,t,n,r){if(M.length){var o=M.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function U(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>M.length&&M.push(e)}function D(e,t,n){return null==e?0:function e(t,n,r,o){var a=typeof t;"undefined"!==a&&"boolean"!==a||(t=null);var u=!1;if(null===t)u=!0;else switch(a){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case l:u=!0}}if(u)return r(o,t,""===n?"."+R(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var s=n+R(a=t[c],c);u+=e(a,s,r,o)}else if(s=null===t||"object"!=typeof t?null:"function"==typeof(s=y&&t[y]||t["@@iterator"])?s:null,"function"==typeof s)for(t=s.call(t),c=0;!(a=t.next()).done;)u+=e(a=a.value,s=n+R(a,c++),r,o);else"object"===a&&g("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return u}(e,"",t,n)}function R(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function F(e,t){e.func.call(e.context,t,e.count++)}function z(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?L(e,r,n,function(e){return e}):null!=e&&(N(e)&&(e=function(e,t){return{$$typeof:i,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(O,"$&/")+"/")+n)),r.push(e))}function L(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(O,"$&/")+"/"),D(e,z,t=I(t,i,r,o)),U(t)}var A={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return L(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;D(e,F,t=I(null,null,t,n)),U(t)},count:function(e){return D(e,function(){return null},null)},toArray:function(e){var t=[];return L(e,t,null,function(e){return e}),t},only:function(e){return N(e)||g("143"),e}},createRef:function(){return{current:null}},Component:x,PureComponent:T,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:f,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:p,render:e}},lazy:function(e){return{$$typeof:v,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:h,type:e,compare:void 0===t?null:t}},Fragment:a,StrictMode:u,Suspense:m,createElement:P,cloneElement:function(e,t,n){null==e&&g("267",e);var o=void 0,l=r({},e.props),a=e.key,u=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(u=t.ref,c=C.current),void 0!==t.key&&(a=""+t.key);var s=void 0;for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)_.call(t,o)&&!S.hasOwnProperty(o)&&(l[o]=void 0===t[o]&&void 0!==s?s[o]:t[o])}if(1===(o=arguments.length-2))l.children=n;else if(1<o){s=Array(o);for(var f=0;f<o;f++)s[f]=arguments[f+2];l.children=s}return{$$typeof:i,type:e.type,key:a,ref:u,props:l,_owner:c}},createFactory:function(e){var t=P.bind(null,e);return t.type=e,t},isValidElement:N,version:"16.7.0",unstable_ConcurrentMode:d,unstable_Profiler:c,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:C,assign:r}},j={default:A},W=j&&A||j;e.exports=W.default||W},function(e,t,n){"use strict";
15 | /** @license React v16.7.0
16 |  * react-dom.production.min.js
17 |  *
18 |  * Copyright (c) Facebook, Inc. and its affiliates.
19 |  *
20 |  * This source code is licensed under the MIT license found in the
21 |  * LICENSE file in the root directory of this source tree.
22 |  */var r=n(0),o=n(4),i=n(5);function l(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,i,l,a){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,i,l,a],c=0;(e=Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}r||l("227");var a=!1,u=null,c=!1,s=null,f={onError:function(e){a=!0,u=e}};function d(e,t,n,r,o,i,l,c,s){a=!1,u=null,function(e,t,n,r,o,i,l,a,u){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}.apply(f,arguments)}var p=null,m={};function h(){if(p)for(var e in m){var t=m[e],n=p.indexOf(e);if(-1<n||l("96",e),!y[n])for(var r in t.extractEvents||l("97",e),y[n]=t,n=t.eventTypes){var o=void 0,i=n[r],a=t,u=r;g.hasOwnProperty(u)&&l("99",u),g[u]=i;var c=i.phasedRegistrationNames;if(c){for(o in c)c.hasOwnProperty(o)&&v(c[o],a,u);o=!0}else i.registrationName?(v(i.registrationName,a,u),o=!0):o=!1;o||l("98",r,e)}}}function v(e,t,n){b[e]&&l("100",e),b[e]=t,w[e]=t.eventTypes[n].dependencies}var y=[],g={},b={},w={},x=null,k=null,T=null;function E(e,t,n){var r=e.type||"unknown-event";e.currentTarget=T(n),function(e,t,n,r,o,i,f,p,m){if(d.apply(this,arguments),a){if(a){var h=u;a=!1,u=null}else l("198"),h=void 0;c||(c=!0,s=h)}}(r,t,void 0,e),e.currentTarget=null}function C(e,t){return null==t&&l("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}function _(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var S=null;function P(e){if(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t))for(var r=0;r<t.length&&!e.isPropagationStopped();r++)E(e,t[r],n[r]);else t&&E(e,t,n);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}var N={injectEventPluginOrder:function(e){p&&l("101"),p=Array.prototype.slice.call(e),h()},injectEventPluginsByName:function(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];m.hasOwnProperty(t)&&m[t]===r||(m[t]&&l("102",t),m[t]=r,n=!0)}n&&h()}};function O(e,t){var n=e.stateNode;if(!n)return null;var r=x(n);if(!r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}return e?null:(n&&"function"!=typeof n&&l("231",t,typeof n),n)}function M(e){if(null!==e&&(S=C(S,e)),e=S,S=null,e&&(_(e,P),S&&l("95"),c))throw e=s,c=!1,s=null,e}var I=Math.random().toString(36).slice(2),U="__reactInternalInstance$"+I,D="__reactEventHandlers$"+I;function R(e){if(e[U])return e[U];for(;!e[U];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[U]).tag||6===e.tag?e:null}function F(e){return!(e=e[U])||5!==e.tag&&6!==e.tag?null:e}function z(e){if(5===e.tag||6===e.tag)return e.stateNode;l("33")}function L(e){return e[D]||null}function A(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function j(e,t,n){(t=O(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=C(n._dispatchListeners,t),n._dispatchInstances=C(n._dispatchInstances,e))}function W(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,n=[];t;)n.push(t),t=A(t);for(t=n.length;0<t--;)j(n[t],"captured",e);for(t=0;t<n.length;t++)j(n[t],"bubbled",e)}}function B(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=O(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=C(n._dispatchListeners,t),n._dispatchInstances=C(n._dispatchInstances,e))}function V(e){e&&e.dispatchConfig.registrationName&&B(e._targetInst,null,e)}function $(e){_(e,W)}var H=!("undefined"==typeof window||!window.document||!window.document.createElement);function Q(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var K={animationend:Q("Animation","AnimationEnd"),animationiteration:Q("Animation","AnimationIteration"),animationstart:Q("Animation","AnimationStart"),transitionend:Q("Transition","TransitionEnd")},q={},Y={};function X(e){if(q[e])return q[e];if(!K[e])return e;var t,n=K[e];for(t in n)if(n.hasOwnProperty(t)&&t in Y)return q[e]=n[t];return e}H&&(Y=document.createElement("div").style,"AnimationEvent"in window||(delete K.animationend.animation,delete K.animationiteration.animation,delete K.animationstart.animation),"TransitionEvent"in window||delete K.transitionend.transition);var G=X("animationend"),J=X("animationiteration"),Z=X("animationstart"),ee=X("transitionend"),te="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),ne=null,re=null,oe=null;function ie(){if(oe)return oe;var e,t,n=re,r=n.length,o="value"in ne?ne.value:ne.textContent,i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var l=r-e;for(t=1;t<=l&&n[r-t]===o[i-t];t++);return oe=o.slice(e,1<t?1-t:void 0)}function le(){return!0}function ae(){return!1}function ue(e,t,n,r){for(var o in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(o)&&((t=e[o])?this[o]=t(n):"target"===o?this.target=r:this[o]=n[o]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?le:ae,this.isPropagationStopped=ae,this}function ce(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop();return this.call(o,e,t,n,r),o}return new this(e,t,n,r)}function se(e){e instanceof this||l("279"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function fe(e){e.eventPool=[],e.getPooled=ce,e.release=se}o(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=le)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=le)},persist:function(){this.isPersistent=le},isPersistent:ae,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=ae,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 i=new t;return o(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=o({},r.Interface,e),n.extend=r.extend,fe(n),n},fe(ue);var de=ue.extend({data:null}),pe=ue.extend({data:null}),me=[9,13,27,32],he=H&&"CompositionEvent"in window,ve=null;H&&"documentMode"in document&&(ve=document.documentMode);var ye=H&&"TextEvent"in window&&!ve,ge=H&&(!he||ve&&8<ve&&11>=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(" ")}},xe=!1;function ke(e,t){switch(e){case"keyup":return-1!==me.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Te(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Ee=!1;var Ce={eventTypes:we,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(he)e:{switch(e){case"compositionstart":o=we.compositionStart;break e;case"compositionend":o=we.compositionEnd;break e;case"compositionupdate":o=we.compositionUpdate;break e}o=void 0}else Ee?ke(e,n)&&(o=we.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=we.compositionStart);return o?(ge&&"ko"!==n.locale&&(Ee||o!==we.compositionStart?o===we.compositionEnd&&Ee&&(i=ie()):(re="value"in(ne=r)?ne.value:ne.textContent,Ee=!0)),o=de.getPooled(o,t,n,r),i?o.data=i:null!==(i=Te(n))&&(o.data=i),$(o),i=o):i=null,(e=ye?function(e,t){switch(e){case"compositionend":return Te(t);case"keypress":return 32!==t.which?null:(xe=!0,be);case"textInput":return(e=t.data)===be&&xe?null:e;default:return null}}(e,n):function(e,t){if(Ee)return"compositionend"===e||!he&&ke(e,t)?(e=ie(),oe=re=ne=null,Ee=!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&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return ge&&"ko"!==t.locale?null:t.data;default:return null}}(e,n))?((t=pe.getPooled(we.beforeInput,t,n,r)).data=e,$(t)):t=null,null===i?t:null===t?i:[i,t]}},_e=null,Se=null,Pe=null;function Ne(e){if(e=k(e)){"function"!=typeof _e&&l("280");var t=x(e.stateNode);_e(e.stateNode,e.type,t)}}function Oe(e){Se?Pe?Pe.push(e):Pe=[e]:Se=e}function Me(){if(Se){var e=Se,t=Pe;if(Pe=Se=null,Ne(e),t)for(e=0;e<t.length;e++)Ne(t[e])}}function Ie(e,t){return e(t)}function Ue(e,t,n){return e(t,n)}function De(){}var Re=!1;function Fe(e,t){if(Re)return e(t);Re=!0;try{return Ie(e,t)}finally{Re=!1,(null!==Se||null!==Pe)&&(De(),Me())}}var ze={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Le(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!ze[e.type]:"textarea"===t}function Ae(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function je(e){if(!H)return!1;var t=(e="on"+e)in document;return t||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t}function We(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Be(e){e._valueTracker||(e._valueTracker=function(e){var t=We(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,i.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Ve(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=We(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var $e=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,He=/^(.*)[\\\/]/,Qe="function"==typeof Symbol&&Symbol.for,Ke=Qe?Symbol.for("react.element"):60103,qe=Qe?Symbol.for("react.portal"):60106,Ye=Qe?Symbol.for("react.fragment"):60107,Xe=Qe?Symbol.for("react.strict_mode"):60108,Ge=Qe?Symbol.for("react.profiler"):60114,Je=Qe?Symbol.for("react.provider"):60109,Ze=Qe?Symbol.for("react.context"):60110,et=Qe?Symbol.for("react.concurrent_mode"):60111,tt=Qe?Symbol.for("react.forward_ref"):60112,nt=Qe?Symbol.for("react.suspense"):60113,rt=Qe?Symbol.for("react.memo"):60115,ot=Qe?Symbol.for("react.lazy"):60116,it="function"==typeof Symbol&&Symbol.iterator;function lt(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=it&&e[it]||e["@@iterator"])?e:null}function at(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case et:return"ConcurrentMode";case Ye:return"Fragment";case qe:return"Portal";case Ge:return"Profiler";case Xe:return"StrictMode";case nt:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case Ze:return"Context.Consumer";case Je:return"Context.Provider";case tt:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case rt:return at(e.type);case ot:if(e=1===e._status?e._result:null)return at(e)}return null}function ut(e){var t="";do{e:switch(e.tag){case 3:case 4:case 6:case 7:case 10:case 9:var n="";break e;default:var r=e._debugOwner,o=e._debugSource,i=at(e.type);n=null,r&&(n=at(r.type)),r=i,i="",o?i=" (at "+o.fileName.replace(He,"")+":"+o.lineNumber+")":n&&(i=" (created by "+n+")"),n="\n    in "+(r||"Unknown")+i}t+=n,e=e.return}while(e);return t}var ct=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,st=Object.prototype.hasOwnProperty,ft={},dt={};function pt(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}var mt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){mt[e]=new pt(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];mt[t]=new pt(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){mt[e]=new pt(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){mt[e]=new pt(e,2,!1,e,null)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){mt[e]=new pt(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){mt[e]=new pt(e,3,!0,e,null)}),["capture","download"].forEach(function(e){mt[e]=new pt(e,4,!1,e,null)}),["cols","rows","size","span"].forEach(function(e){mt[e]=new pt(e,6,!1,e,null)}),["rowSpan","start"].forEach(function(e){mt[e]=new pt(e,5,!1,e.toLowerCase(),null)});var ht=/[\-:]([a-z])/g;function vt(e){return e[1].toUpperCase()}function yt(e,t,n,r){var o=mt.hasOwnProperty(t)?mt[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!st.call(dt,e)||!st.call(ft,e)&&(ct.test(e)?dt[e]=!0:(ft[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function gt(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 o({},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=gt(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 xt(e,t){null!=(t=t.checked)&&yt(e,"checked",t,!1)}function kt(e,t){xt(e,t);var n=gt(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")?Et(e,t.type,n):t.hasOwnProperty("defaultValue")&&Et(e,t.type,gt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function Tt(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 Et(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(ht,vt);mt[t]=new pt(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(ht,vt);mt[t]=new pt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ht,vt);mt[t]=new pt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),mt.tabIndex=new pt("tabIndex",1,!1,"tabindex",null);var Ct={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function _t(e,t,n){return(e=ue.getPooled(Ct.change,e,t,n)).type="change",Oe(n),$(e),e}var St=null,Pt=null;function Nt(e){M(e)}function Ot(e){if(Ve(z(e)))return e}function Mt(e,t){if("change"===e)return t}var It=!1;function Ut(){St&&(St.detachEvent("onpropertychange",Dt),Pt=St=null)}function Dt(e){"value"===e.propertyName&&Ot(Pt)&&Fe(Nt,e=_t(Pt,e,Ae(e)))}function Rt(e,t,n){"focus"===e?(Ut(),Pt=n,(St=t).attachEvent("onpropertychange",Dt)):"blur"===e&&Ut()}function Ft(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Ot(Pt)}function zt(e,t){if("click"===e)return Ot(t)}function Lt(e,t){if("input"===e||"change"===e)return Ot(t)}H&&(It=je("input")&&(!document.documentMode||9<document.documentMode));var At={eventTypes:Ct,_isInputEventSupported:It,extractEvents:function(e,t,n,r){var o=t?z(t):window,i=void 0,l=void 0,a=o.nodeName&&o.nodeName.toLowerCase();if("select"===a||"input"===a&&"file"===o.type?i=Mt:Le(o)?It?i=Lt:(i=Ft,l=Rt):(a=o.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(i=zt),i&&(i=i(e,t)))return _t(i,n,r);l&&l(e,o,t),"blur"===e&&(e=o._wrapperState)&&e.controlled&&"number"===o.type&&Et(o,"number",o.value)}},jt=ue.extend({view:null,detail:null}),Wt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Bt(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Wt[e])&&!!t[e]}function Vt(){return Bt}var $t=0,Ht=0,Qt=!1,Kt=!1,qt=jt.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Vt,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},movementX:function(e){if("movementX"in e)return e.movementX;var t=$t;return $t=e.screenX,Qt?"mousemove"===e.type?e.screenX-t:0:(Qt=!0,0)},movementY:function(e){if("movementY"in e)return e.movementY;var t=Ht;return Ht=e.screenY,Kt?"mousemove"===e.type?e.screenY-t:0:(Kt=!0,0)}}),Yt=qt.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),Xt={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},Gt={eventTypes:Xt,extractEvents:function(e,t,n,r){var o="mouseover"===e||"pointerover"===e,i="mouseout"===e||"pointerout"===e;if(o&&(n.relatedTarget||n.fromElement)||!i&&!o)return null;if(o=r.window===r?r:(o=r.ownerDocument)?o.defaultView||o.parentWindow:window,i?(i=t,t=(t=n.relatedTarget||n.toElement)?R(t):null):i=null,i===t)return null;var l=void 0,a=void 0,u=void 0,c=void 0;"mouseout"===e||"mouseover"===e?(l=qt,a=Xt.mouseLeave,u=Xt.mouseEnter,c="mouse"):"pointerout"!==e&&"pointerover"!==e||(l=Yt,a=Xt.pointerLeave,u=Xt.pointerEnter,c="pointer");var s=null==i?o:z(i);if(o=null==t?o:z(t),(e=l.getPooled(a,i,n,r)).type=c+"leave",e.target=s,e.relatedTarget=o,(n=l.getPooled(u,t,n,r)).type=c+"enter",n.target=o,n.relatedTarget=s,r=t,i&&r)e:{for(o=r,c=0,l=t=i;l;l=A(l))c++;for(l=0,u=o;u;u=A(u))l++;for(;0<c-l;)t=A(t),c--;for(;0<l-c;)o=A(o),l--;for(;c--;){if(t===o||t===o.alternate)break e;t=A(t),o=A(o)}t=null}else t=null;for(o=t,t=[];i&&i!==o&&(null===(c=i.alternate)||c!==o);)t.push(i),i=A(i);for(i=[];r&&r!==o&&(null===(c=r.alternate)||c!==o);)i.push(r),r=A(r);for(r=0;r<t.length;r++)B(t[r],"bubbled",e);for(r=i.length;0<r--;)B(i[r],"captured",n);return[e,n]}},Jt=Object.prototype.hasOwnProperty;function Zt(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}function en(e,t){if(Zt(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!Jt.call(t,n[r])||!Zt(e[n[r]],t[n[r]]))return!1;return!0}function tn(e){var t=e;if(e.alternate)for(;t.return;)t=t.return;else{if(0!=(2&t.effectTag))return 1;for(;t.return;)if(0!=(2&(t=t.return).effectTag))return 1}return 3===t.tag?2:3}function nn(e){2!==tn(e)&&l("188")}function rn(e){if(!(e=function(e){var t=e.alternate;if(!t)return 3===(t=tn(e))&&l("188"),1===t?null:e;for(var n=e,r=t;;){var o=n.return,i=o?o.alternate:null;if(!o||!i)break;if(o.child===i.child){for(var a=o.child;a;){if(a===n)return nn(o),e;if(a===r)return nn(o),t;a=a.sibling}l("188")}if(n.return!==r.return)n=o,r=i;else{a=!1;for(var u=o.child;u;){if(u===n){a=!0,n=o,r=i;break}if(u===r){a=!0,r=o,n=i;break}u=u.sibling}if(!a){for(u=i.child;u;){if(u===n){a=!0,n=i,r=o;break}if(u===r){a=!0,r=i,n=o;break}u=u.sibling}a||l("189")}}n.alternate!==r&&l("190")}return 3!==n.tag&&l("188"),n.stateNode.current===n?e:t}(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}var on=ue.extend({animationName:null,elapsedTime:null,pseudoElement:null}),ln=ue.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),an=jt.extend({relatedTarget:null});function un(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}var cn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},sn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},fn=jt.extend({key:function(e){if(e.key){var t=cn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=un(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?sn[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Vt,charCode:function(e){return"keypress"===e.type?un(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?un(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),dn=qt.extend({dataTransfer:null}),pn=jt.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Vt}),mn=ue.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),hn=qt.extend({deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null}),vn=[["abort","abort"],[G,"animationEnd"],[J,"animationIteration"],[Z,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[ee,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],yn={},gn={};function bn(e,t){var n=e[0],r="on"+((e=e[1])[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},yn[e]=t,gn[n]=t}[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(e){bn(e,!0)}),vn.forEach(function(e){bn(e,!1)});var wn={eventTypes:yn,isInteractiveTopLevelEventType:function(e){return void 0!==(e=gn[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var o=gn[e];if(!o)return null;switch(e){case"keypress":if(0===un(n))return null;case"keydown":case"keyup":e=fn;break;case"blur":case"focus":e=an;break;case"click":if(2===n.button)return null;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=qt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=dn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=pn;break;case G:case J:case Z:e=on;break;case ee:e=mn;break;case"scroll":e=jt;break;case"wheel":e=hn;break;case"copy":case"cut":case"paste":e=ln;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=Yt;break;default:e=ue}return $(t=e.getPooled(o,t,n,r)),t}},xn=wn.isInteractiveTopLevelEventType,kn=[];function Tn(e){var t=e.targetInst,n=t;do{if(!n){e.ancestors.push(n);break}var r;for(r=n;r.return;)r=r.return;if(!(r=3!==r.tag?null:r.stateNode.containerInfo))break;e.ancestors.push(n),n=R(r)}while(n);for(n=0;n<e.ancestors.length;n++){t=e.ancestors[n];var o=Ae(e.nativeEvent);r=e.topLevelType;for(var i=e.nativeEvent,l=null,a=0;a<y.length;a++){var u=y[a];u&&(u=u.extractEvents(r,t,i,o))&&(l=C(l,u))}M(l)}}var En=!0;function Cn(e,t){if(!t)return null;var n=(xn(e)?Sn:Pn).bind(null,e);t.addEventListener(e,n,!1)}function _n(e,t){if(!t)return null;var n=(xn(e)?Sn:Pn).bind(null,e);t.addEventListener(e,n,!0)}function Sn(e,t){Ue(Pn,e,t)}function Pn(e,t){if(En){var n=Ae(t);if(null===(n=R(n))||"number"!=typeof n.tag||2===tn(n)||(n=null),kn.length){var r=kn.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{Fe(Tn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>kn.length&&kn.push(e)}}}var Nn={},On=0,Mn="_reactListenersID"+(""+Math.random()).slice(2);function In(e){return Object.prototype.hasOwnProperty.call(e,Mn)||(e[Mn]=On++,Nn[e[Mn]]={}),Nn[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 Dn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Rn(e,t){var n,r=Dn(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=Dn(r)}}function Fn(){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 zn(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 Ln=H&&"documentMode"in document&&11>=document.documentMode,An={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},jn=null,Wn=null,Bn=null,Vn=!1;function $n(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return Vn||null==jn||jn!==Un(n)?null:("selectionStart"in(n=jn)&&zn(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},Bn&&en(Bn,n)?null:(Bn=n,(e=ue.getPooled(An.select,Wn,e,t)).type="select",e.target=jn,$(e),e))}var Hn={eventTypes:An,extractEvents:function(e,t,n,r){var o,i=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!i)){e:{i=In(i),o=w.onSelect;for(var l=0;l<o.length;l++){var a=o[l];if(!i.hasOwnProperty(a)||!i[a]){i=!1;break e}}i=!0}o=!i}if(o)return null;switch(i=t?z(t):window,e){case"focus":(Le(i)||"true"===i.contentEditable)&&(jn=i,Wn=t,Bn=null);break;case"blur":Bn=Wn=jn=null;break;case"mousedown":Vn=!0;break;case"contextmenu":case"mouseup":case"dragend":return Vn=!1,$n(n,r);case"selectionchange":if(Ln)break;case"keydown":case"keyup":return $n(n,r)}return null}};function Qn(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,function(e){null!=e&&(t+=e)}),t}(t.children))&&(e.children=t),e}function Kn(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+gt(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function qn(e,t){return null!=t.dangerouslySetInnerHTML&&l("91"),o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Yn(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.children)&&(null!=n&&l("92"),Array.isArray(t)&&(1>=t.length||l("93"),t=t[0]),n=t),null==n&&(n="")),e._wrapperState={initialValue:gt(n)}}function Xn(e,t){var n=gt(t.value),r=gt(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 Gn(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}N.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),x=L,k=F,T=z,N.injectEventPluginsByName({SimpleEventPlugin:wn,EnterLeaveEventPlugin:Gt,ChangeEventPlugin:At,SelectEventPlugin:Hn,BeforeInputEventPlugin:Ce});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="<svg>"+t+"</svg>",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 or(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 ir={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},lr=["Webkit","ms","Moz","O"];function ar(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ir.hasOwnProperty(e)&&ir[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("--"),o=ar(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ir).forEach(function(e){lr.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ir[t]=ir[e]})});var cr=o({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)&&l("137",e,""),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&l("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||l("61")),null!=t.style&&"object"!=typeof t.style&&l("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 dr(e,t){var n=In(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=w[t];for(var r=0;r<t.length;r++){var o=t[r];if(!n.hasOwnProperty(o)||!n[o]){switch(o){case"scroll":_n("scroll",e);break;case"focus":case"blur":_n("focus",e),_n("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":je(o)&&_n(o,e);break;case"invalid":case"submit":case"reset":break;default:-1===te.indexOf(o)&&Cn(o,e)}n[o]=!0}}}function pr(){}var mr=null,hr=null;function vr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function yr(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var gr="function"==typeof setTimeout?setTimeout:void 0,br="function"==typeof clearTimeout?clearTimeout:void 0;function wr(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function xr(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}new Set;var kr=[],Tr=-1;function Er(e){0>Tr||(e.current=kr[Tr],kr[Tr]=null,Tr--)}function Cr(e,t){kr[++Tr]=e.current,e.current=t}var _r={},Sr={current:_r},Pr={current:!1},Nr=_r;function Or(e,t){var n=e.type.contextTypes;if(!n)return _r;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Mr(e){return null!=(e=e.childContextTypes)}function Ir(e){Er(Pr),Er(Sr)}function Ur(e){Er(Pr),Er(Sr)}function Dr(e,t,n){Sr.current!==_r&&l("168"),Cr(Sr,t),Cr(Pr,n)}function Rr(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())i in e||l("108",at(t)||"Unknown",i);return o({},n,r)}function Fr(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||_r,Nr=Sr.current,Cr(Sr,t),Cr(Pr,Pr.current),!0}function zr(e,t,n){var r=e.stateNode;r||l("169"),n?(t=Rr(e,t,Nr),r.__reactInternalMemoizedMergedChildContext=t,Er(Pr),Er(Sr),Cr(Sr,t)):Er(Pr),Cr(Pr,n)}var Lr=null,Ar=null;function jr(e){return function(t){try{return e(t)}catch(e){}}}function Wr(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 Br(e,t,n,r){return new Wr(e,t,n,r)}function Vr(e){return!(!(e=e.prototype)||!e.isReactComponent)}function $r(e,t){var n=e.alternate;return null===n?((n=Br(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 Hr(e,t,n,r,o,i){var a=2;if(r=e,"function"==typeof e)Vr(e)&&(a=1);else if("string"==typeof e)a=5;else e:switch(e){case Ye:return Qr(n.children,o,i,t);case et:return Kr(n,3|o,i,t);case Xe:return Kr(n,2|o,i,t);case Ge:return(e=Br(12,n,t,4|o)).elementType=Ge,e.type=Ge,e.expirationTime=i,e;case nt:return(e=Br(13,n,t,o)).elementType=nt,e.type=nt,e.expirationTime=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case Je:a=10;break e;case Ze:a=9;break e;case tt:a=11;break e;case rt:a=14;break e;case ot:a=16,r=null;break e}l("130",null==e?e:typeof e,"")}return(t=Br(a,n,t,o)).elementType=e,t.type=r,t.expirationTime=i,t}function Qr(e,t,n,r){return(e=Br(7,e,r,t)).expirationTime=n,e}function Kr(e,t,n,r){return e=Br(8,e,r,t),t=0==(1&t)?Xe:et,e.elementType=t,e.type=t,e.expirationTime=n,e}function qr(e,t,n){return(e=Br(6,e,null,t)).expirationTime=n,e}function Yr(e,t,n){return(t=Br(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xr(e,t){e.didError=!1;var n=e.earliestPendingTime;0===n?e.earliestPendingTime=e.latestPendingTime=t:n<t?e.earliestPendingTime=t:e.latestPendingTime>t&&(e.latestPendingTime=t),Zr(t,e)}function Gr(e,t){e.didError=!1,e.latestPingedTime>=t&&(e.latestPingedTime=0);var n=e.earliestPendingTime,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:n<t?e.earliestSuspendedTime=t:r>t&&(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,o=t.earliestPendingTime,i=t.latestPingedTime;0===(o=0!==o?o:i)&&(0===e||r<e)&&(o=r),0!==(e=o)&&n>e&&(e=n),t.nextExpirationTimeToWorkOn=o,t.expirationTime=e}var eo=!1;function to(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function no(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function ro(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function oo(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function io(e,t){var n=e.alternate;if(null===n){var r=e.updateQueue,o=null;null===r&&(r=e.updateQueue=to(e.memoizedState))}else r=e.updateQueue,o=n.updateQueue,null===r?null===o?(r=e.updateQueue=to(e.memoizedState),o=n.updateQueue=to(n.memoizedState)):r=e.updateQueue=no(o):null===o&&(o=n.updateQueue=no(r));null===o||r===o?oo(r,t):null===r.lastUpdate||null===o.lastUpdate?(oo(r,t),oo(o,t)):(oo(r,t),o.lastUpdate=t)}function lo(e,t){var n=e.updateQueue;null===(n=null===n?e.updateQueue=to(e.memoizedState):ao(e,n)).lastCapturedUpdate?n.firstCapturedUpdate=n.lastCapturedUpdate=t:(n.lastCapturedUpdate.next=t,n.lastCapturedUpdate=t)}function ao(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=no(t)),t}function uo(e,t,n,r,i,l){switch(n.tag){case 1:return"function"==typeof(e=n.payload)?e.call(l,r,i):e;case 3:e.effectTag=-2049&e.effectTag|64;case 0:if(null==(i="function"==typeof(e=n.payload)?e.call(l,r,i):e))break;return o({},r,i);case 2:eo=!0}return r}function co(e,t,n,r,o){eo=!1;for(var i=(t=ao(e,t)).baseState,l=null,a=0,u=t.firstUpdate,c=i;null!==u;){var s=u.expirationTime;s<o?(null===l&&(l=u,i=c),a<s&&(a=s)):(c=uo(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=u:(t.lastEffect.nextEffect=u,t.lastEffect=u))),u=u.next}for(s=null,u=t.firstCapturedUpdate;null!==u;){var f=u.expirationTime;f<o?(null===s&&(s=u,null===l&&(i=c)),a<f&&(a=f)):(c=uo(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=u:(t.lastCapturedEffect.nextEffect=u,t.lastCapturedEffect=u))),u=u.next}null===l&&(t.lastUpdate=null),null===s?t.lastCapturedUpdate=null:e.effectTag|=32,null===l&&null===s&&(i=c),t.baseState=i,t.firstUpdate=l,t.firstCapturedUpdate=s,e.expirationTime=a,e.memoizedState=c}function so(e,t,n){null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),fo(t.firstEffect,n),t.firstEffect=t.lastEffect=null,fo(t.firstCapturedEffect,n),t.firstCapturedEffect=t.lastCapturedEffect=null}function fo(e,t){for(;null!==e;){var n=e.callback;if(null!==n){e.callback=null;var r=t;"function"!=typeof n&&l("191",n),n.call(r)}e=e.nextEffect}}function po(e,t){return{value:e,source:t,stack:ut(t)}}var mo={current:null},ho=null,vo=null,yo=null;function go(e,t){var n=e.type._context;Cr(mo,n._currentValue),n._currentValue=t}function bo(e){var t=mo.current;Er(mo),e.type._context._currentValue=t}function wo(e){ho=e,yo=vo=null,e.firstContextDependency=null}function xo(e,t){return yo!==e&&!1!==t&&0!==t&&("number"==typeof t&&1073741823!==t||(yo=e,t=1073741823),t={context:e,observedBits:t,next:null},null===vo?(null===ho&&l("293"),ho.firstContextDependency=vo=t):vo=vo.next=t),e._currentValue}var ko={},To={current:ko},Eo={current:ko},Co={current:ko};function _o(e){return e===ko&&l("174"),e}function So(e,t){Cr(Co,t),Cr(Eo,e),Cr(To,ko);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:er(null,"");break;default:t=er(t=(n=8===n?t.parentNode:t).namespaceURI||null,n=n.tagName)}Er(To),Cr(To,t)}function Po(e){Er(To),Er(Eo),Er(Co)}function No(e){_o(Co.current);var t=_o(To.current),n=er(t,e.type);t!==n&&(Cr(Eo,e),Cr(To,n))}function Oo(e){Eo.current===e&&(Er(To),Er(Eo))}function Mo(e,t){if(e&&e.defaultProps)for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}var Io=$e.ReactCurrentOwner,Uo=(new r.Component).refs;function Do(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,null!==(r=e.updateQueue)&&0===e.expirationTime&&(r.baseState=n)}var Ro={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===tn(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=_l(),o=ro(r=Ji(r,e));o.payload=t,null!=n&&(o.callback=n),Ki(),io(e,o),tl(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=_l(),o=ro(r=Ji(r,e));o.tag=1,o.payload=t,null!=n&&(o.callback=n),Ki(),io(e,o),tl(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=_l(),r=ro(n=Ji(n,e));r.tag=2,null!=t&&(r.callback=t),Ki(),io(e,r),tl(e,n)}};function Fo(e,t,n,r,o,i,l){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,l):!t.prototype||!t.prototype.isPureReactComponent||(!en(n,r)||!en(o,i))}function zo(e,t,n){var r=!1,o=_r,i=t.contextType;return"object"==typeof i&&null!==i?i=Io.currentDispatcher.readContext(i):(o=Mr(t)?Nr:Sr.current,i=(r=null!=(r=t.contextTypes))?Or(e,o):_r),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=Ro,e.stateNode=t,t._reactInternalFiber=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=i),t}function Lo(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&Ro.enqueueReplaceState(t,t.state,null)}function Ao(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=Uo;var i=t.contextType;"object"==typeof i&&null!==i?o.context=Io.currentDispatcher.readContext(i):(i=Mr(t)?Nr:Sr.current,o.context=Or(e,i)),null!==(i=e.updateQueue)&&(co(e,i,n,o,r),o.state=e.memoizedState),"function"==typeof(i=t.getDerivedStateFromProps)&&(Do(e,t,i,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&Ro.enqueueReplaceState(o,o.state,null),null!==(i=e.updateQueue)&&(co(e,i,n,o,r),o.state=e.memoizedState)),"function"==typeof o.componentDidMount&&(e.effectTag|=4)}var jo=Array.isArray;function Wo(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){n=n._owner;var r=void 0;n&&(1!==n.tag&&l("289"),r=n.stateNode),r||l("147",e);var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:((t=function(e){var t=r.refs;t===Uo&&(t=r.refs={}),null===e?delete t[o]:t[o]=e})._stringRef=o,t)}"string"!=typeof e&&l("284"),n._owner||l("290",e)}return e}function Bo(e,t){"textarea"!==e.type&&l("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function Vo(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t,n){return(e=$r(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.effectTag=2,n):r:(t.effectTag=2,n):n}function a(t){return e&&null===t.alternate&&(t.effectTag=2),t}function u(e,t,n,r){return null===t||6!==t.tag?((t=qr(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Wo(e,t,n),r.return=e,r):((r=Hr(n.type,n.key,n.props,null,e.mode,r)).ref=Wo(e,t,n),r.return=e,r)}function s(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Yr(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function f(e,t,n,r,i){return null===t||7!==t.tag?((t=Qr(n,e.mode,r,i)).return=e,t):((t=o(t,n)).return=e,t)}function d(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=qr(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case Ke:return(n=Hr(t.type,t.key,t.props,null,e.mode,n)).ref=Wo(e,null,t),n.return=e,n;case qe:return(t=Yr(t,e.mode,n)).return=e,t}if(jo(t)||lt(t))return(t=Qr(t,e.mode,n,null)).return=e,t;Bo(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:u(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case Ke:return n.key===o?n.type===Ye?f(e,t,n.props.children,r,o):c(e,t,n,r):null;case qe:return n.key===o?s(e,t,n,r):null}if(jo(n)||lt(n))return null!==o?null:f(e,t,n,r,null);Bo(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return u(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case Ke:return e=e.get(null===r.key?n:r.key)||null,r.type===Ye?f(t,e,r.props.children,o,r.key):c(t,e,r,o);case qe:return s(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(jo(r)||lt(r))return f(t,e=e.get(n)||null,r,o,null);Bo(t,r)}return null}function h(o,l,a,u){for(var c=null,s=null,f=l,h=l=0,v=null;null!==f&&h<a.length;h++){f.index>h?(v=f,f=null):v=f.sibling;var y=p(o,f,a[h],u);if(null===y){null===f&&(f=v);break}e&&f&&null===y.alternate&&t(o,f),l=i(y,l,h),null===s?c=y:s.sibling=y,s=y,f=v}if(h===a.length)return n(o,f),c;if(null===f){for(;h<a.length;h++)(f=d(o,a[h],u))&&(l=i(f,l,h),null===s?c=f:s.sibling=f,s=f);return c}for(f=r(o,f);h<a.length;h++)(v=m(f,o,h,a[h],u))&&(e&&null!==v.alternate&&f.delete(null===v.key?h:v.key),l=i(v,l,h),null===s?c=v:s.sibling=v,s=v);return e&&f.forEach(function(e){return t(o,e)}),c}function v(o,a,u,c){var s=lt(u);"function"!=typeof s&&l("150"),null==(u=s.call(u))&&l("151");for(var f=s=null,h=a,v=a=0,y=null,g=u.next();null!==h&&!g.done;v++,g=u.next()){h.index>v?(y=h,h=null):y=h.sibling;var b=p(o,h,g.value,c);if(null===b){h||(h=y);break}e&&h&&null===b.alternate&&t(o,h),a=i(b,a,v),null===f?s=b:f.sibling=b,f=b,h=y}if(g.done)return n(o,h),s;if(null===h){for(;!g.done;v++,g=u.next())null!==(g=d(o,g.value,c))&&(a=i(g,a,v),null===f?s=g:f.sibling=g,f=g);return s}for(h=r(o,h);!g.done;v++,g=u.next())null!==(g=m(h,o,v,g.value,c))&&(e&&null!==g.alternate&&h.delete(null===g.key?v:g.key),a=i(g,a,v),null===f?s=g:f.sibling=g,f=g);return e&&h.forEach(function(e){return t(o,e)}),s}return function(e,r,i,u){var c="object"==typeof i&&null!==i&&i.type===Ye&&null===i.key;c&&(i=i.props.children);var s="object"==typeof i&&null!==i;if(s)switch(i.$$typeof){case Ke:e:{for(s=i.key,c=r;null!==c;){if(c.key===s){if(7===c.tag?i.type===Ye:c.elementType===i.type){n(e,c.sibling),(r=o(c,i.type===Ye?i.props.children:i.props)).ref=Wo(e,c,i),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}i.type===Ye?((r=Qr(i.props.children,e.mode,u,i.key)).return=e,e=r):((u=Hr(i.type,i.key,i.props,null,e.mode,u)).ref=Wo(e,r,i),u.return=e,e=u)}return a(e);case qe:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=o(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Yr(i,e.mode,u)).return=e,e=r}return a(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,i)).return=e,e=r):(n(e,r),(r=qr(i,e.mode,u)).return=e,e=r),a(e);if(jo(i))return h(e,r,i,u);if(lt(i))return v(e,r,i,u);if(s&&Bo(e,i),void 0===i&&!c)switch(e.tag){case 1:case 0:l("152",(u=e.type).displayName||u.name||"Component")}return n(e,r)}}var $o=Vo(!0),Ho=Vo(!1),Qo=null,Ko=null,qo=!1;function Yo(e,t){var n=Br(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 Xo(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 Go(e){if(qo){var t=Ko;if(t){var n=t;if(!Xo(e,t)){if(!(t=wr(n))||!Xo(e,t))return e.effectTag|=2,qo=!1,void(Qo=e);Yo(Qo,n)}Qo=e,Ko=xr(t)}else e.effectTag|=2,qo=!1,Qo=e}}function Jo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;Qo=e}function Zo(e){if(e!==Qo)return!1;if(!qo)return Jo(e),qo=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!yr(t,e.memoizedProps))for(t=Ko;t;)Yo(e,t),t=wr(t);return Jo(e),Ko=Qo?wr(e.stateNode):null,!0}function ei(){Ko=Qo=null,qo=!1}var ti=$e.ReactCurrentOwner;function ni(e,t,n,r){t.child=null===e?Ho(t,null,n,r):$o(t,e.child,n,r)}function ri(e,t,n,r,o){n=n.render;var i=t.ref;return wo(t),r=n(r,i),t.effectTag|=1,ni(e,t,r,o),t.child}function oi(e,t,n,r,o,i){if(null===e){var l=n.type;return"function"!=typeof l||Vr(l)||void 0!==l.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Hr(n.type,null,r,null,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=l,ii(e,t,l,r,o,i))}return l=e.child,o<i&&(o=l.memoizedProps,(n=null!==(n=n.compare)?n:en)(o,r)&&e.ref===t.ref)?di(e,t,i):(t.effectTag|=1,(e=$r(l,r)).ref=t.ref,e.return=t,t.child=e)}function ii(e,t,n,r,o,i){return null!==e&&o<i&&en(e.memoizedProps,r)&&e.ref===t.ref?di(e,t,i):ai(e,t,n,r,i)}function li(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function ai(e,t,n,r,o){var i=Mr(n)?Nr:Sr.current;return i=Or(t,i),wo(t),n=n(r,i),t.effectTag|=1,ni(e,t,n,o),t.child}function ui(e,t,n,r,o){if(Mr(n)){var i=!0;Fr(t)}else i=!1;if(wo(t),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),zo(t,n,r),Ao(t,n,r,o),r=!0;else if(null===e){var l=t.stateNode,a=t.memoizedProps;l.props=a;var u=l.context,c=n.contextType;"object"==typeof c&&null!==c?c=Io.currentDispatcher.readContext(c):c=Or(t,c=Mr(n)?Nr:Sr.current);var s=n.getDerivedStateFromProps,f="function"==typeof s||"function"==typeof l.getSnapshotBeforeUpdate;f||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(a!==r||u!==c)&&Lo(t,l,r,c),eo=!1;var d=t.memoizedState;u=l.state=d;var p=t.updateQueue;null!==p&&(co(t,p,r,l,o),u=t.memoizedState),a!==r||d!==u||Pr.current||eo?("function"==typeof s&&(Do(t,n,s,r),u=t.memoizedState),(a=eo||Fo(t,n,a,r,d,u,c))?(f||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||("function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount()),"function"==typeof l.componentDidMount&&(t.effectTag|=4)):("function"==typeof l.componentDidMount&&(t.effectTag|=4),t.memoizedProps=r,t.memoizedState=u),l.props=r,l.state=u,l.context=c,r=a):("function"==typeof l.componentDidMount&&(t.effectTag|=4),r=!1)}else l=t.stateNode,a=t.memoizedProps,l.props=t.type===t.elementType?a:Mo(t.type,a),u=l.context,"object"==typeof(c=n.contextType)&&null!==c?c=Io.currentDispatcher.readContext(c):c=Or(t,c=Mr(n)?Nr:Sr.current),(f="function"==typeof(s=n.getDerivedStateFromProps)||"function"==typeof l.getSnapshotBeforeUpdate)||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(a!==r||u!==c)&&Lo(t,l,r,c),eo=!1,u=t.memoizedState,d=l.state=u,null!==(p=t.updateQueue)&&(co(t,p,r,l,o),d=t.memoizedState),a!==r||u!==d||Pr.current||eo?("function"==typeof s&&(Do(t,n,s,r),d=t.memoizedState),(s=eo||Fo(t,n,a,r,u,d,c))?(f||"function"!=typeof l.UNSAFE_componentWillUpdate&&"function"!=typeof l.componentWillUpdate||("function"==typeof l.componentWillUpdate&&l.componentWillUpdate(r,d,c),"function"==typeof l.UNSAFE_componentWillUpdate&&l.UNSAFE_componentWillUpdate(r,d,c)),"function"==typeof l.componentDidUpdate&&(t.effectTag|=4),"function"==typeof l.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof l.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof l.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),t.memoizedProps=r,t.memoizedState=d),l.props=r,l.state=d,l.context=c,r=s):("function"!=typeof l.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof l.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),r=!1);return ci(e,t,n,r,i,o)}function ci(e,t,n,r,o,i){li(e,t);var l=0!=(64&t.effectTag);if(!r&&!l)return o&&zr(t,n,!1),di(e,t,i);r=t.stateNode,ti.current=t;var a=l&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.effectTag|=1,null!==e&&l?(t.child=$o(t,e.child,null,i),t.child=$o(t,null,a,i)):ni(e,t,a,i),t.memoizedState=r.state,o&&zr(t,n,!0),t.child}function si(e){var t=e.stateNode;t.pendingContext?Dr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Dr(0,t.context,!1),So(e,t.containerInfo)}function fi(e,t,n){var r=t.mode,o=t.pendingProps,i=t.memoizedState;if(0==(64&t.effectTag)){i=null;var l=!1}else i={timedOutAt:null!==i?i.timedOutAt:0},l=!0,t.effectTag&=-65;if(null===e)if(l){var a=o.fallback;e=Qr(null,r,0,null),0==(1&t.mode)&&(e.child=null!==t.memoizedState?t.child.child:t.child),r=Qr(a,r,n,null),e.sibling=r,(n=e).return=r.return=t}else n=r=Ho(t,null,o.children,n);else null!==e.memoizedState?(a=(r=e.child).sibling,l?(n=o.fallback,o=$r(r,r.pendingProps),0==(1&t.mode)&&((l=null!==t.memoizedState?t.child.child:t.child)!==r.child&&(o.child=l)),r=o.sibling=$r(a,n,a.expirationTime),n=o,o.childExpirationTime=0,n.return=r.return=t):n=r=$o(t,r.child,o.children,n)):(a=e.child,l?(l=o.fallback,(o=Qr(null,r,0,null)).child=a,0==(1&t.mode)&&(o.child=null!==t.memoizedState?t.child.child:t.child),(r=o.sibling=Qr(l,r,n,null)).effectTag|=2,n=o,o.childExpirationTime=0,n.return=r.return=t):r=n=$o(t,a,o.children,n)),t.stateNode=e.stateNode;return t.memoizedState=i,t.child=n,r}function di(e,t,n){if(null!==e&&(t.firstContextDependency=e.firstContextDependency),t.childExpirationTime<n)return null;if(null!==e&&t.child!==e.child&&l("153"),null!==t.child){for(n=$r(e=t.child,e.pendingProps,e.expirationTime),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=$r(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}function pi(e,t,n){var r=t.expirationTime;if(null!==e&&e.memoizedProps===t.pendingProps&&!Pr.current&&r<n){switch(t.tag){case 3:si(t),ei();break;case 5:No(t);break;case 1:Mr(t.type)&&Fr(t);break;case 4:So(t,t.stateNode.containerInfo);break;case 10:go(t,t.memoizedProps.value);break;case 13:if(null!==t.memoizedState)return 0!==(r=t.child.childExpirationTime)&&r>=n?fi(e,t,n):null!==(t=di(e,t,n))?t.sibling:null}return di(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 o=Or(t,Sr.current);if(wo(t),o=r(e,o),t.effectTag|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,Mr(r)){var i=!0;Fr(t)}else i=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null;var a=r.getDerivedStateFromProps;"function"==typeof a&&Do(t,r,a,e),o.updater=Ro,t.stateNode=o,o._reactInternalFiber=t,Ao(t,r,e,n),t=ci(null,t,r,!0,i,n)}else t.tag=0,ni(null,t,o,n),t=t.child;return t;case 16:switch(o=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),i=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}}(o),t.type=e,o=t.tag=function(e){if("function"==typeof e)return Vr(e)?1:0;if(null!=e){if((e=e.$$typeof)===tt)return 11;if(e===rt)return 14}return 2}(e),i=Mo(e,i),a=void 0,o){case 0:a=ai(null,t,e,i,n);break;case 1:a=ui(null,t,e,i,n);break;case 11:a=ri(null,t,e,i,n);break;case 14:a=oi(null,t,e,Mo(e.type,i),r,n);break;default:l("306",e,"")}return a;case 0:return r=t.type,o=t.pendingProps,ai(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 1:return r=t.type,o=t.pendingProps,ui(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 3:return si(t),null===(r=t.updateQueue)&&l("282"),o=null!==(o=t.memoizedState)?o.element:null,co(t,r,t.pendingProps,null,n),(r=t.memoizedState.element)===o?(ei(),t=di(e,t,n)):(o=t.stateNode,(o=(null===e||null===e.child)&&o.hydrate)&&(Ko=xr(t.stateNode.containerInfo),Qo=t,o=qo=!0),o?(t.effectTag|=2,t.child=Ho(t,null,r,n)):(ni(e,t,r,n),ei()),t=t.child),t;case 5:return No(t),null===e&&Go(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,a=o.children,yr(r,o)?a=null:null!==i&&yr(r,i)&&(t.effectTag|=16),li(e,t),1!==n&&1&t.mode&&o.hidden?(t.expirationTime=1,t=null):(ni(e,t,a,n),t=t.child),t;case 6:return null===e&&Go(t),null;case 13:return fi(e,t,n);case 4:return So(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=$o(t,null,r,n):ni(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ri(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 7:return ni(e,t,t.pendingProps,n),t.child;case 8:case 12:return ni(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,a=t.memoizedProps,go(t,i=o.value),null!==a){var u=a.value;if(0===(i=u===i&&(0!==u||1/u==1/i)||u!=u&&i!=i?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,i):1073741823))){if(a.children===o.children&&!Pr.current){t=di(e,t,n);break e}}else for(null!==(a=t.child)&&(a.return=t);null!==a;){if(null!==(u=a.firstContextDependency))do{if(u.context===r&&0!=(u.observedBits&i)){if(1===a.tag){var c=ro(n);c.tag=2,io(a,c)}a.expirationTime<n&&(a.expirationTime=n),null!==(c=a.alternate)&&c.expirationTime<n&&(c.expirationTime=n);for(var s=a.return;null!==s;){if(c=s.alternate,s.childExpirationTime<n)s.childExpirationTime=n,null!==c&&c.childExpirationTime<n&&(c.childExpirationTime=n);else{if(!(null!==c&&c.childExpirationTime<n))break;c.childExpirationTime=n}s=s.return}}c=a.child,u=u.next}while(null!==u);else c=10===a.tag&&a.type===t.type?null:a.child;if(null!==c)c.return=a;else for(c=a;null!==c;){if(c===t){c=null;break}if(null!==(a=c.sibling)){a.return=c.return,c=a;break}c=c.return}a=c}}ni(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(i=t.pendingProps).children,wo(t),r=r(o=xo(o,i.unstable_observedBits)),t.effectTag|=1,ni(e,t,r,n),t.child;case 14:return i=Mo(o=t.type,t.pendingProps),oi(e,t,o,i=Mo(o.type,i),r,n);case 15:return ii(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Mo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),t.tag=1,Mr(r)?(e=!0,Fr(t)):e=!1,wo(t),zo(t,r,o),Ao(t,r,o,n),ci(null,t,r,!0,e,n);default:l("156")}}function mi(e){e.effectTag|=4}var hi=void 0,vi=void 0,yi=void 0,gi=void 0;hi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},vi=function(){},yi=function(e,t,n,r,i){var l=e.memoizedProps;if(l!==r){var a=t.stateNode;switch(_o(To.current),e=null,n){case"input":l=bt(a,l),r=bt(a,r),e=[];break;case"option":l=Qn(a,l),r=Qn(a,r),e=[];break;case"select":l=o({},l,{value:void 0}),r=o({},r,{value:void 0}),e=[];break;case"textarea":l=qn(a,l),r=qn(a,r),e=[];break;default:"function"!=typeof l.onClick&&"function"==typeof r.onClick&&(a.onclick=pr)}sr(n,r),a=n=void 0;var u=null;for(n in l)if(!r.hasOwnProperty(n)&&l.hasOwnProperty(n)&&null!=l[n])if("style"===n){var c=l[n];for(a in c)c.hasOwnProperty(a)&&(u||(u={}),u[a]="")}else"dangerouslySetInnerHTML"!==n&&"children"!==n&&"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&"autoFocus"!==n&&(b.hasOwnProperty(n)?e||(e=[]):(e=e||[]).push(n,null));for(n in r){var s=r[n];if(c=null!=l?l[n]:void 0,r.hasOwnProperty(n)&&s!==c&&(null!=s||null!=c))if("style"===n)if(c){for(a in c)!c.hasOwnProperty(a)||s&&s.hasOwnProperty(a)||(u||(u={}),u[a]="");for(a in s)s.hasOwnProperty(a)&&c[a]!==s[a]&&(u||(u={}),u[a]=s[a])}else u||(e||(e=[]),e.push(n,u)),u=s;else"dangerouslySetInnerHTML"===n?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(e=e||[]).push(n,""+s)):"children"===n?c===s||"string"!=typeof s&&"number"!=typeof s||(e=e||[]).push(n,""+s):"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&(b.hasOwnProperty(n)?(null!=s&&dr(i,n),e||c===s||(e=[])):(e=e||[]).push(n,s))}u&&(e=e||[]).push("style",u),i=e,(t.updateQueue=i)&&mi(t)}},gi=function(e,t,n,r){n!==r&&mi(t)};var bi="function"==typeof WeakSet?WeakSet:Set;function wi(e,t){var n=t.source,r=t.stack;null===r&&null!==n&&(r=ut(n)),null!==n&&at(n.type),t=t.value,null!==e&&1===e.tag&&at(e.type);try{console.error(t)}catch(e){setTimeout(function(){throw e})}}function xi(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Gi(e,t)}else t.current=null}function ki(e){switch("function"==typeof Ar&&Ar(e),e.tag){case 0:case 11:case 14:case 15:var t=e.updateQueue;if(null!==t&&null!==(t=t.lastEffect)){var n=t=t.next;do{var r=n.destroy;if(null!==r){var o=e;try{r()}catch(e){Gi(o,e)}}n=n.next}while(n!==t)}break;case 1:if(xi(e),"function"==typeof(t=e.stateNode).componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Gi(e,t)}break;case 5:xi(e);break;case 4:Ci(e)}}function Ti(e){return 5===e.tag||3===e.tag||4===e.tag}function Ei(e){e:{for(var t=e.return;null!==t;){if(Ti(t)){var n=t;break e}t=t.return}l("160"),n=void 0}var r=t=void 0;switch(n.tag){case 5:t=n.stateNode,r=!1;break;case 3:case 4:t=n.stateNode.containerInfo,r=!0;break;default:l("161")}16&n.effectTag&&(or(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Ti(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var o=e;;){if(5===o.tag||6===o.tag)if(n)if(r){var i=t,a=o.stateNode,u=n;8===i.nodeType?i.parentNode.insertBefore(a,u):i.insertBefore(a,u)}else t.insertBefore(o.stateNode,n);else r?(a=t,u=o.stateNode,8===a.nodeType?(i=a.parentNode).insertBefore(u,a):(i=a).appendChild(u),null!=(a=a._reactRootContainer)||null!==i.onclick||(i.onclick=pr)):t.appendChild(o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===e)break;for(;null===o.sibling;){if(null===o.return||o.return===e)return;o=o.return}o.sibling.return=o.return,o=o.sibling}}function Ci(e){for(var t=e,n=!1,r=void 0,o=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&l("160"),n.tag){case 5:r=n.stateNode,o=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var i=t,a=i;;)if(ki(a),null!==a.child&&4!==a.tag)a.child.return=a,a=a.child;else{if(a===i)break;for(;null===a.sibling;){if(null===a.return||a.return===i)break e;a=a.return}a.sibling.return=a.return,a=a.sibling}o?(i=r,a=t.stateNode,8===i.nodeType?i.parentNode.removeChild(a):i.removeChild(a)):r.removeChild(t.stateNode)}else if(4===t.tag?(r=t.stateNode.containerInfo,o=!0):ki(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function _i(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 1:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps;e=null!==e?e.memoizedProps:r;var o=t.type,i=t.updateQueue;t.updateQueue=null,null!==i&&function(e,t,n,r,o){e[D]=o,"input"===n&&"radio"===o.type&&null!=o.name&&xt(e,o),fr(n,r),r=fr(n,o);for(var i=0;i<t.length;i+=2){var l=t[i],a=t[i+1];"style"===l?ur(e,a):"dangerouslySetInnerHTML"===l?rr(e,a):"children"===l?or(e,a):yt(e,l,a,r)}switch(n){case"input":kt(e,o);break;case"textarea":Xn(e,o);break;case"select":t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!o.multiple,null!=(n=o.value)?Kn(e,!!o.multiple,n,!1):t!==!!o.multiple&&(null!=o.defaultValue?Kn(e,!!o.multiple,o.defaultValue,!0):Kn(e,!!o.multiple,o.multiple?[]:"",!1))}}(n,i,o,e,r)}break;case 6:null===t.stateNode&&l("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 12:break;case 13:if(n=t.memoizedState,r=void 0,e=t,null===n?r=!1:(r=!0,e=t.child,0===n.timedOutAt&&(n.timedOutAt=_l())),null!==e&&function(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)r.style.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=ar("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else{if(13===n.tag&&null!==n.memoizedState){(r=n.child.sibling).return=n,n=r;continue}if(null!==n.child){n.child.return=n,n=n.child;continue}}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}(e,r),null!==(n=t.updateQueue)){t.updateQueue=null;var a=t.stateNode;null===a&&(a=t.stateNode=new bi),n.forEach(function(e){var n=function(e,t){var n=e.stateNode;null!==n&&n.delete(t),t=Ji(t=_l(),e),null!==(e=el(e,t))&&(Xr(e,t),0!==(t=e.expirationTime)&&Sl(e,t))}.bind(null,t,e);a.has(e)||(a.add(e),e.then(n,n))})}break;case 17:break;default:l("163")}}var Si="function"==typeof WeakMap?WeakMap:Map;function Pi(e,t,n){(n=ro(n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Fl(r),wi(e,t)},n}function Ni(e,t,n){(n=ro(n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return r(o)}}var i=e.stateNode;return null!==i&&"function"==typeof i.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Hi?Hi=new Set([this]):Hi.add(this));var n=t.value,o=t.stack;wi(e,t),this.componentDidCatch(n,{componentStack:null!==o?o:""})}),n}function Oi(e){switch(e.tag){case 1:Mr(e.type)&&Ir();var t=e.effectTag;return 2048&t?(e.effectTag=-2049&t|64,e):null;case 3:return Po(),Ur(),0!=(64&(t=e.effectTag))&&l("285"),e.effectTag=-2049&t|64,e;case 5:return Oo(e),null;case 13:return 2048&(t=e.effectTag)?(e.effectTag=-2049&t|64,e):null;case 4:return Po(),null;case 10:return bo(e),null;default:return null}}var Mi={readContext:xo},Ii=$e.ReactCurrentOwner,Ui=1073741822,Di=0,Ri=!1,Fi=null,zi=null,Li=0,Ai=-1,ji=!1,Wi=null,Bi=!1,Vi=null,$i=null,Hi=null;function Qi(){if(null!==Fi)for(var e=Fi.return;null!==e;){var t=e;switch(t.tag){case 1:var n=t.type.childContextTypes;null!=n&&Ir();break;case 3:Po(),Ur();break;case 5:Oo(t);break;case 4:Po();break;case 10:bo(t)}e=e.return}zi=null,Li=0,Ai=-1,ji=!1,Fi=null}function Ki(){null!==$i&&(i.unstable_cancelCallback(Vi),$i())}function qi(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(1024&e.effectTag)){Fi=e;e:{var i=t,a=Li,u=(t=e).pendingProps;switch(t.tag){case 2:case 16:break;case 15:case 0:break;case 1:Mr(t.type)&&Ir();break;case 3:Po(),Ur(),(u=t.stateNode).pendingContext&&(u.context=u.pendingContext,u.pendingContext=null),null!==i&&null!==i.child||(Zo(t),t.effectTag&=-3),vi(t);break;case 5:Oo(t);var c=_o(Co.current);if(a=t.type,null!==i&&null!=t.stateNode)yi(i,t,a,u,c),i.ref!==t.ref&&(t.effectTag|=128);else if(u){var s=_o(To.current);if(Zo(t)){i=(u=t).stateNode;var f=u.type,d=u.memoizedProps,p=c;switch(i[U]=u,i[D]=d,a=void 0,c=f){case"iframe":case"object":Cn("load",i);break;case"video":case"audio":for(f=0;f<te.length;f++)Cn(te[f],i);break;case"source":Cn("error",i);break;case"img":case"image":case"link":Cn("error",i),Cn("load",i);break;case"form":Cn("reset",i),Cn("submit",i);break;case"details":Cn("toggle",i);break;case"input":wt(i,d),Cn("invalid",i),dr(p,"onChange");break;case"select":i._wrapperState={wasMultiple:!!d.multiple},Cn("invalid",i),dr(p,"onChange");break;case"textarea":Yn(i,d),Cn("invalid",i),dr(p,"onChange")}for(a in sr(c,d),f=null,d)d.hasOwnProperty(a)&&(s=d[a],"children"===a?"string"==typeof s?i.textContent!==s&&(f=["children",s]):"number"==typeof s&&i.textContent!==""+s&&(f=["children",""+s]):b.hasOwnProperty(a)&&null!=s&&dr(p,a));switch(c){case"input":Be(i),Tt(i,d,!0);break;case"textarea":Be(i),Gn(i);break;case"select":case"option":break;default:"function"==typeof d.onClick&&(i.onclick=pr)}a=f,u.updateQueue=a,(u=null!==a)&&mi(t)}else{d=t,i=a,p=u,f=9===c.nodeType?c:c.ownerDocument,s===Jn.html&&(s=Zn(i)),s===Jn.html?"script"===i?((i=f.createElement("div")).innerHTML="<script><\/script>",f=i.removeChild(i.firstChild)):"string"==typeof p.is?f=f.createElement(i,{is:p.is}):(f=f.createElement(i),"select"===i&&p.multiple&&(f.multiple=!0)):f=f.createElementNS(s,i),(i=f)[U]=d,i[D]=u,hi(i,t,!1,!1),p=i;var m=c,h=fr(f=a,d=u);switch(f){case"iframe":case"object":Cn("load",p),c=d;break;case"video":case"audio":for(c=0;c<te.length;c++)Cn(te[c],p);c=d;break;case"source":Cn("error",p),c=d;break;case"img":case"image":case"link":Cn("error",p),Cn("load",p),c=d;break;case"form":Cn("reset",p),Cn("submit",p),c=d;break;case"details":Cn("toggle",p),c=d;break;case"input":wt(p,d),c=bt(p,d),Cn("invalid",p),dr(m,"onChange");break;case"option":c=Qn(p,d);break;case"select":p._wrapperState={wasMultiple:!!d.multiple},c=o({},d,{value:void 0}),Cn("invalid",p),dr(m,"onChange");break;case"textarea":Yn(p,d),c=qn(p,d),Cn("invalid",p),dr(m,"onChange");break;default:c=d}sr(f,c),s=void 0;var v=f,y=p,g=c;for(s in g)if(g.hasOwnProperty(s)){var w=g[s];"style"===s?ur(y,w):"dangerouslySetInnerHTML"===s?null!=(w=w?w.__html:void 0)&&rr(y,w):"children"===s?"string"==typeof w?("textarea"!==v||""!==w)&&or(y,w):"number"==typeof w&&or(y,""+w):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(b.hasOwnProperty(s)?null!=w&&dr(m,s):null!=w&&yt(y,s,w,h))}switch(f){case"input":Be(p),Tt(p,d,!1);break;case"textarea":Be(p),Gn(p);break;case"option":null!=d.value&&p.setAttribute("value",""+gt(d.value));break;case"select":(c=p).multiple=!!d.multiple,null!=(p=d.value)?Kn(c,!!d.multiple,p,!1):null!=d.defaultValue&&Kn(c,!!d.multiple,d.defaultValue,!0);break;default:"function"==typeof c.onClick&&(p.onclick=pr)}(u=vr(a,u))&&mi(t),t.stateNode=i}null!==t.ref&&(t.effectTag|=128)}else null===t.stateNode&&l("166");break;case 6:i&&null!=t.stateNode?gi(i,t,i.memoizedProps,u):("string"!=typeof u&&(null===t.stateNode&&l("166")),i=_o(Co.current),_o(To.current),Zo(t)?(a=(u=t).stateNode,i=u.memoizedProps,a[U]=u,(u=a.nodeValue!==i)&&mi(t)):(a=t,(u=(9===i.nodeType?i:i.ownerDocument).createTextNode(u))[U]=t,a.stateNode=u));break;case 11:break;case 13:if(u=t.memoizedState,0!=(64&t.effectTag)){t.expirationTime=a,Fi=t;break e}u=null!==u,a=null!==i&&null!==i.memoizedState,null!==i&&!u&&a&&(null!==(i=i.child.sibling)&&(null!==(c=t.firstEffect)?(t.firstEffect=i,i.nextEffect=c):(t.firstEffect=t.lastEffect=i,i.nextEffect=null),i.effectTag=8)),(u!==a||0==(1&t.effectTag)&&u)&&(t.effectTag|=4);break;case 7:case 8:case 12:break;case 4:Po(),vi(t);break;case 10:bo(t);break;case 9:case 14:break;case 17:Mr(t.type)&&Ir();break;default:l("156")}Fi=null}if(t=e,1===Li||1!==t.childExpirationTime){for(u=0,a=t.child;null!==a;)(i=a.expirationTime)>u&&(u=i),(c=a.childExpirationTime)>u&&(u=c),a=a.sibling;t.childExpirationTime=u}if(null!==Fi)return Fi;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<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e))}else{if(null!==(e=Oi(e)))return e.effectTag&=1023,e;null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=1024)}if(null!==r)return r;if(null===n)break;e=n}return null}function Yi(e){var t=pi(e.alternate,e,Li);return e.memoizedProps=e.pendingProps,null===t&&(t=qi(e)),Ii.current=null,t}function Xi(e,t){Ri&&l("243"),Ki(),Ri=!0,Ii.currentDispatcher=Mi;var n=e.nextExpirationTimeToWorkOn;n===Li&&e===zi&&null!==Fi||(Qi(),Li=n,Fi=$r((zi=e).current,null),e.pendingCommitExpirationTime=0);for(var r=!1;;){try{if(t)for(;null!==Fi&&!Ol();)Fi=Yi(Fi);else for(;null!==Fi;)Fi=Yi(Fi)}catch(t){if(yo=vo=ho=null,null===Fi)r=!0,Fl(t);else{null===Fi&&l("271");var o=Fi,i=o.return;if(null!==i){e:{var a=e,u=i,c=o,s=t;if(i=Li,c.effectTag|=1024,c.firstEffect=c.lastEffect=null,null!==s&&"object"==typeof s&&"function"==typeof s.then){var f=s;s=u;var d=-1,p=-1;do{if(13===s.tag){var m=s.alternate;if(null!==m&&null!==(m=m.memoizedState)){p=10*(1073741822-m.timedOutAt);break}"number"==typeof(m=s.pendingProps.maxDuration)&&(0>=m?d=0:(-1===d||m<d)&&(d=m))}s=s.return}while(null!==s);s=u;do{if((m=13===s.tag)&&(m=void 0!==s.memoizedProps.fallback&&null===s.memoizedState),m){if(null===(u=s.updateQueue)?s.updateQueue=new Set([f]):u.add(f),0==(1&s.mode)){s.effectTag|=64,c.effectTag&=-1957,1===c.tag&&(null===c.alternate?c.tag=17:((i=ro(1073741823)).tag=2,io(c,i))),c.expirationTime=1073741823;break e}null===(c=a.pingCache)?(c=a.pingCache=new Si,u=new Set,c.set(f,u)):void 0===(u=c.get(f))&&(u=new Set,c.set(f,u)),u.has(i)||(u.add(i),c=Zi.bind(null,a,f,i),f.then(c,c)),-1===d?a=1073741823:(-1===p&&(p=10*(1073741822-Jr(a,i))-5e3),a=p+d),0<=a&&Ai<a&&(Ai=a),s.effectTag|=2048,s.expirationTime=i;break e}s=s.return}while(null!==s);s=Error((at(c.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+ut(c))}ji=!0,s=po(s,c),a=u;do{switch(a.tag){case 3:a.effectTag|=2048,a.expirationTime=i,lo(a,i=Pi(a,s,i));break e;case 1:if(f=s,d=a.type,p=a.stateNode,0==(64&a.effectTag)&&("function"==typeof d.getDerivedStateFromError||null!==p&&"function"==typeof p.componentDidCatch&&(null===Hi||!Hi.has(p)))){a.effectTag|=2048,a.expirationTime=i,lo(a,i=Ni(a,f,i));break e}}a=a.return}while(null!==a)}Fi=qi(o);continue}r=!0,Fl(t)}}break}if(Ri=!1,yo=vo=ho=Ii.currentDispatcher=null,r)zi=null,e.finishedWork=null;else if(null!==Fi)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&l("281"),zi=null,ji){if(o=e.latestPendingTime,i=e.latestSuspendedTime,a=e.latestPingedTime,0!==o&&o<n||0!==i&&i<n||0!==a&&a<n)return Gr(e,n),void Cl(e,r,n,e.expirationTime,-1);if(!e.didError&&t)return e.didError=!0,n=e.nextExpirationTimeToWorkOn=n,t=e.expirationTime=1073741823,void Cl(e,r,n,t,-1)}t&&-1!==Ai?(Gr(e,n),(t=10*(1073741822-Jr(e,n)))<Ai&&(Ai=t),t=10*(1073741822-_l()),t=Ai-t,Cl(e,r,n,e.expirationTime,0>t?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Gi(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===Hi||!Hi.has(r)))return io(n,e=Ni(n,e=po(t,e),1073741823)),void tl(n,1073741823);break;case 3:return io(n,e=Pi(n,e=po(t,e),1073741823)),void tl(n,1073741823)}n=n.return}3===e.tag&&(io(e,n=Pi(e,n=po(t,e),1073741823)),tl(e,1073741823))}function Ji(e,t){return 0!==Di?e=Di:Ri?e=Bi?1073741823:Li:1&t.mode?(e=hl?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==zi&&e===Li&&--e):e=1073741823,hl&&(0===sl||e<sl)&&(sl=e),e}function Zi(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),null!==zi&&Li===n?zi=null:(t=e.earliestSuspendedTime,r=e.latestSuspendedTime,0!==t&&n<=t&&n>=r&&(e.didError=!1,(0===(t=e.latestPingedTime)||t>n)&&(e.latestPingedTime=n),Zr(n,e),0!==(n=e.expirationTime)&&Sl(e,n)))}function el(e,t){e.expirationTime<t&&(e.expirationTime=t);var n=e.alternate;null!==n&&n.expirationTime<t&&(n.expirationTime=t);var r=e.return,o=null;if(null===r&&3===e.tag)o=e.stateNode;else for(;null!==r;){if(n=r.alternate,r.childExpirationTime<t&&(r.childExpirationTime=t),null!==n&&n.childExpirationTime<t&&(n.childExpirationTime=t),null===r.return&&3===r.tag){o=r.stateNode;break}r=r.return}return o}function tl(e,t){null!==(e=el(e,t))&&(!Ri&&0!==Li&&t>Li&&Qi(),Xr(e,t),Ri&&!Bi&&zi===e||Sl(e,e.expirationTime),xl>wl&&(xl=0,l("185")))}function nl(e,t,n,r,o){var i=Di;Di=1073741823;try{return e(t,n,r,o)}finally{Di=i}}var rl=null,ol=null,il=0,ll=void 0,al=!1,ul=null,cl=0,sl=0,fl=!1,dl=null,pl=!1,ml=!1,hl=!1,vl=null,yl=i.unstable_now(),gl=1073741822-(yl/10|0),bl=gl,wl=50,xl=0,kl=null;function Tl(){gl=1073741822-((i.unstable_now()-yl)/10|0)}function El(e,t){if(0!==il){if(t<il)return;null!==ll&&i.unstable_cancelCallback(ll)}il=t,e=i.unstable_now()-yl,ll=i.unstable_scheduleCallback(Ml,{timeout:10*(1073741822-t)-e})}function Cl(e,t,n,r,o){e.expirationTime=r,0!==o||Ol()?0<o&&(e.timeoutHandle=gr(function(e,t,n){e.pendingCommitExpirationTime=n,e.finishedWork=t,Tl(),bl=gl,Ul(e,n)}.bind(null,e,t,n),o)):(e.pendingCommitExpirationTime=n,e.finishedWork=t)}function _l(){return al?bl:(Pl(),0!==cl&&1!==cl||(Tl(),bl=gl),bl)}function Sl(e,t){null===e.nextScheduledRoot?(e.expirationTime=t,null===ol?(rl=ol=e,e.nextScheduledRoot=e):(ol=ol.nextScheduledRoot=e).nextScheduledRoot=rl):t>e.expirationTime&&(e.expirationTime=t),al||(pl?ml&&(ul=e,cl=1073741823,Dl(e,1073741823,!1)):1073741823===t?Il(1073741823,!1):El(e,t))}function Pl(){var e=0,t=null;if(null!==ol)for(var n=ol,r=rl;null!==r;){var o=r.expirationTime;if(0===o){if((null===n||null===ol)&&l("244"),r===r.nextScheduledRoot){rl=ol=r.nextScheduledRoot=null;break}if(r===rl)rl=o=r.nextScheduledRoot,ol.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===ol){(ol=n).nextScheduledRoot=rl,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(o>e&&(e=o,t=r),r===ol)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}ul=t,cl=e}var Nl=!1;function Ol(){return!!Nl||!!i.unstable_shouldYield()&&(Nl=!0)}function Ml(){try{if(!Ol()&&null!==rl){Tl();var e=rl;do{var t=e.expirationTime;0!==t&&gl<=t&&(e.nextExpirationTimeToWorkOn=gl),e=e.nextScheduledRoot}while(e!==rl)}Il(0,!0)}finally{Nl=!1}}function Il(e,t){if(Pl(),t)for(Tl(),bl=gl;null!==ul&&0!==cl&&e<=cl&&!(Nl&&gl>cl);)Dl(ul,cl,gl>cl),Pl(),Tl(),bl=gl;else for(;null!==ul&&0!==cl&&e<=cl;)Dl(ul,cl,!1),Pl();if(t&&(il=0,ll=null),0!==cl&&El(ul,cl),xl=0,kl=null,null!==vl)for(e=vl,vl=null,t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){fl||(fl=!0,dl=e)}}if(fl)throw e=dl,dl=null,fl=!1,e}function Ul(e,t){al&&l("253"),ul=e,cl=t,Dl(e,t,!1),Il(1073741823,!1)}function Dl(e,t,n){if(al&&l("245"),al=!0,n){var r=e.finishedWork;null!==r?Rl(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,br(r)),Xi(e,n),null!==(r=e.finishedWork)&&(Ol()?e.finishedWork=r:Rl(e,r,t)))}else null!==(r=e.finishedWork)?Rl(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,br(r)),Xi(e,n),null!==(r=e.finishedWork)&&Rl(e,r,t));al=!1}function Rl(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime>=n&&(null===vl?vl=[r]:vl.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===kl?xl++:(kl=e,xl=0),Bi=Ri=!0,e.current===t&&l("177"),0===(n=e.pendingCommitExpirationTime)&&l("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var o=t.childExpirationTime;if(r=o>r?o:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(r<e.latestPingedTime&&(e.latestPingedTime=0),0!==(o=e.latestPendingTime)&&(o>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(o=e.earliestSuspendedTime)?Xr(e,r):r<e.latestSuspendedTime?(e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0,Xr(e,r)):r>o&&Xr(e,r)),Zr(0,e),Ii.current=null,1<t.effectTag?null!==t.lastEffect?(t.lastEffect.nextEffect=t,r=t.firstEffect):r=t:r=t.firstEffect,mr=En,zn(o=Fn())){if("selectionStart"in o)var i={start:o.selectionStart,end:o.selectionEnd};else e:{var a=(i=(i=o.ownerDocument)&&i.defaultView||window).getSelection&&i.getSelection();if(a&&0!==a.rangeCount){i=a.anchorNode;var u=a.anchorOffset,c=a.focusNode;a=a.focusOffset;try{i.nodeType,c.nodeType}catch(e){i=null;break e}var s=0,f=-1,d=-1,p=0,m=0,h=o,v=null;t:for(;;){for(var y;h!==i||0!==u&&3!==h.nodeType||(f=s+u),h!==c||0!==a&&3!==h.nodeType||(d=s+a),3===h.nodeType&&(s+=h.nodeValue.length),null!==(y=h.firstChild);)v=h,h=y;for(;;){if(h===o)break t;if(v===i&&++p===u&&(f=s),v===c&&++m===a&&(d=s),null!==(y=h.nextSibling))break;v=(h=v).parentNode}h=y}i=-1===f||-1===d?null:{start:f,end:d}}else i=null}i=i||{start:0,end:0}}else i=null;for(hr={focusedElem:o,selectionRange:i},En=!1,Wi=r;null!==Wi;){o=!1,i=void 0;try{for(;null!==Wi;){if(256&Wi.effectTag)e:{var g=Wi.alternate;switch((u=Wi).tag){case 0:case 11:case 15:break e;case 1:if(256&u.effectTag&&null!==g){var b=g.memoizedProps,w=g.memoizedState,x=u.stateNode,k=x.getSnapshotBeforeUpdate(u.elementType===u.type?b:Mo(u.type,b),w);x.__reactInternalSnapshotBeforeUpdate=k}break e;case 3:case 5:case 6:case 4:case 17:break e;default:l("163")}}Wi=Wi.nextEffect}}catch(e){o=!0,i=e}o&&(null===Wi&&l("178"),Gi(Wi,i),null!==Wi&&(Wi=Wi.nextEffect))}for(Wi=r;null!==Wi;){g=!1,b=void 0;try{for(;null!==Wi;){var T=Wi.effectTag;if(16&T&&or(Wi.stateNode,""),128&T){var E=Wi.alternate;if(null!==E){var C=E.ref;null!==C&&("function"==typeof C?C(null):C.current=null)}}switch(14&T){case 2:Ei(Wi),Wi.effectTag&=-3;break;case 6:Ei(Wi),Wi.effectTag&=-3,_i(Wi.alternate,Wi);break;case 4:_i(Wi.alternate,Wi);break;case 8:Ci(w=Wi),w.return=null,w.child=null,w.memoizedState=null,w.updateQueue=null;var _=w.alternate;null!==_&&(_.return=null,_.child=null,_.memoizedState=null,_.updateQueue=null)}Wi=Wi.nextEffect}}catch(e){g=!0,b=e}g&&(null===Wi&&l("178"),Gi(Wi,b),null!==Wi&&(Wi=Wi.nextEffect))}if(C=hr,E=Fn(),T=C.focusedElem,g=C.selectionRange,E!==T&&T&&T.ownerDocument&&function e(t,n){return!(!t||!n)&&(t===n||(!t||3!==t.nodeType)&&(n&&3===n.nodeType?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}(T.ownerDocument.documentElement,T)){null!==g&&zn(T)&&(E=g.start,void 0===(C=g.end)&&(C=E),"selectionStart"in T?(T.selectionStart=E,T.selectionEnd=Math.min(C,T.value.length)):(C=(E=T.ownerDocument||document)&&E.defaultView||window).getSelection&&(C=C.getSelection(),b=T.textContent.length,_=Math.min(g.start,b),g=void 0===g.end?_:Math.min(g.end,b),!C.extend&&_>g&&(b=g,g=_,_=b),b=Rn(T,_),w=Rn(T,g),b&&w&&(1!==C.rangeCount||C.anchorNode!==b.node||C.anchorOffset!==b.offset||C.focusNode!==w.node||C.focusOffset!==w.offset)&&((E=E.createRange()).setStart(b.node,b.offset),C.removeAllRanges(),_>g?(C.addRange(E),C.extend(w.node,w.offset)):(E.setEnd(w.node,w.offset),C.addRange(E))))),E=[];for(C=T;C=C.parentNode;)1===C.nodeType&&E.push({element:C,left:C.scrollLeft,top:C.scrollTop});for("function"==typeof T.focus&&T.focus(),T=0;T<E.length;T++)(C=E[T]).element.scrollLeft=C.left,C.element.scrollTop=C.top}for(hr=null,En=!!mr,mr=null,e.current=t,Wi=r;null!==Wi;){r=!1,T=void 0;try{for(E=n;null!==Wi;){var S=Wi.effectTag;if(36&S){var P=Wi.alternate;switch(_=E,(C=Wi).tag){case 0:case 11:case 15:break;case 1:var N=C.stateNode;if(4&C.effectTag)if(null===P)N.componentDidMount();else{var O=C.elementType===C.type?P.memoizedProps:Mo(C.type,P.memoizedProps);N.componentDidUpdate(O,P.memoizedState,N.__reactInternalSnapshotBeforeUpdate)}var M=C.updateQueue;null!==M&&so(0,M,N);break;case 3:var I=C.updateQueue;if(null!==I){if(g=null,null!==C.child)switch(C.child.tag){case 5:g=C.child.stateNode;break;case 1:g=C.child.stateNode}so(0,I,g)}break;case 5:var U=C.stateNode;null===P&&4&C.effectTag&&vr(C.type,C.memoizedProps)&&U.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:l("163")}}if(128&S){var D=Wi.ref;if(null!==D){var R=Wi.stateNode;switch(Wi.tag){case 5:var F=R;break;default:F=R}"function"==typeof D?D(F):D.current=F}}Wi=Wi.nextEffect}}catch(e){r=!0,T=e}r&&(null===Wi&&l("178"),Gi(Wi,T),null!==Wi&&(Wi=Wi.nextEffect))}Ri=Bi=!1,"function"==typeof Lr&&Lr(t.stateNode),S=t.expirationTime,0===(t=(t=t.childExpirationTime)>S?t:S)&&(Hi=null),e.expirationTime=t,e.finishedWork=null}function Fl(e){null===ul&&l("246"),ul.expirationTime=0,fl||(fl=!0,dl=e)}function zl(e,t){var n=pl;pl=!0;try{return e(t)}finally{(pl=n)||al||Il(1073741823,!1)}}function Ll(e,t){if(pl&&!ml){ml=!0;try{return e(t)}finally{ml=!1}}return e(t)}function Al(e,t,n){if(hl)return e(t,n);pl||al||0===sl||(Il(sl,!1),sl=0);var r=hl,o=pl;pl=hl=!0;try{return e(t,n)}finally{hl=r,(pl=o)||al||Il(1073741823,!1)}}function jl(e,t,n,r,o){var i=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||l("170");var a=n;do{switch(a.tag){case 3:a=a.stateNode.context;break t;case 1:if(Mr(a.type)){a=a.stateNode.__reactInternalMemoizedMergedChildContext;break t}}a=a.return}while(null!==a);l("171"),a=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Rr(n,u,a);break e}}n=a}else n=_r;return null===t.context?t.context=n:t.pendingContext=n,t=o,(o=ro(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(o.callback=t),Ki(),io(i,o),tl(i,r),r}function Wl(e,t,n,r){var o=t.current;return jl(e,t,n,o=Ji(_l(),o),r)}function Bl(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Vl(e){var t=1073741822-25*(1+((1073741822-_l()+500)/25|0));t>=Ui&&(t=Ui-1),this._expirationTime=Ui=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function $l(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Hl(e,t,n){e={current:t=Br(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,pingCache: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 Ql(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Kl(e,t,n,r,o){Ql(n)||l("200");var i=n._reactRootContainer;if(i){if("function"==typeof o){var a=o;o=function(){var e=Bl(i._internalRoot);a.call(e)}}null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)}else{if(i=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 Hl(e,!1,t)}(n,r),"function"==typeof o){var u=o;o=function(){var e=Bl(i._internalRoot);u.call(e)}}Ll(function(){null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)})}return Bl(i._internalRoot)}function ql(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return Ql(t)||l("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:qe,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}_e=function(e,t,n){switch(t){case"input":if(kt(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=L(r);o||l("90"),Ve(r),kt(r,o)}}}break;case"textarea":Xn(e,n);break;case"select":null!=(t=n.value)&&Kn(e,!!n.multiple,t,!1)}},Vl.prototype.render=function(e){this._defer||l("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new $l;return jl(e,t,null,n,r._onCommit),r},Vl.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Vl.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||l("251"),this._hasChildren){var n=this._expirationTime;if(t!==this){this._hasChildren&&(n=this._expirationTime=t._expirationTime,this.render(this._children));for(var r=null,o=t;o!==this;)r=o,o=o._next;null===r&&l("251"),r._next=o._next,this._next=t,e.firstBatch=this}this._defer=!1,Ul(e,n),t=this._next,this._next=null,null!==(t=e.firstBatch=t)&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},Vl.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++)(0,e[t])()}},$l.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},$l.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++){var n=e[t];"function"!=typeof n&&l("191",n),n()}}},Hl.prototype.render=function(e,t){var n=this._internalRoot,r=new $l;return null!==(t=void 0===t?null:t)&&r.then(t),Wl(e,n,null,r._onCommit),r},Hl.prototype.unmount=function(e){var t=this._internalRoot,n=new $l;return null!==(e=void 0===e?null:e)&&n.then(e),Wl(null,t,null,n._onCommit),n},Hl.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,o=new $l;return null!==(n=void 0===n?null:n)&&o.then(n),Wl(t,r,e,o._onCommit),o},Hl.prototype.createBatch=function(){var e=new Vl(this),t=e._expirationTime,n=this._internalRoot,r=n.firstBatch;if(null===r)n.firstBatch=e,e._next=null;else{for(n=null;null!==r&&r._expirationTime>=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ie=zl,Ue=Al,De=function(){al||0===sl||(Il(sl,!1),sl=0)};var Yl={createPortal:ql,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?l("188"):l("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Kl(null,e,t,!0,n)},render:function(e,t,n){return Kl(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&l("38"),Kl(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Ql(e)||l("40"),!!e._reactRootContainer&&(Ll(function(){Kl(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return ql.apply(void 0,arguments)},unstable_batchedUpdates:zl,unstable_interactiveUpdates:Al,flushSync:function(e,t){al&&l("187");var n=pl;pl=!0;try{return nl(e,t)}finally{pl=n,Il(1073741823,!1)}},unstable_createRoot:function(e,t){return Ql(e)||l("299","unstable_createRoot"),new Hl(e,!0,null!=t&&!0===t.hydrate)},unstable_flushControlled:function(e){var t=pl;pl=!0;try{nl(e)}finally{(pl=t)||al||Il(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[F,z,L,N.injectEventPluginsByName,g,$,function(e){_(e,V)},Oe,Me,Pn,M]}};!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);Lr=jr(function(e){return t.onCommitFiberRoot(n,e)}),Ar=jr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(o({},e,{overrideProps:null,findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:R,bundleType:0,version:"16.7.0",rendererPackageName:"react-dom"});var Xl={default:Yl},Gl=Xl&&Yl||Xl;e.exports=Gl.default||Gl},function(e,t,n){"use strict";(function(e){
23 | /** @license React v0.12.0
24 |  * scheduler.production.min.js
25 |  *
26 |  * Copyright (c) Facebook, Inc. and its affiliates.
27 |  *
28 |  * This source code is licensed under the MIT license found in the
29 |  * LICENSE file in the root directory of this source tree.
30 |  */
31 | Object.defineProperty(t,"__esModule",{value:!0});var n=null,r=!1,o=3,i=-1,l=-1,a=!1,u=!1;function c(){if(!a){var e=n.expirationTime;u?T():u=!0,k(d,e)}}function s(){var e=n,t=n.next;if(n===t)n=null;else{var r=n.previous;n=r.next=t,t.previous=r}e.next=e.previous=null,r=e.callback,t=e.expirationTime,e=e.priorityLevel;var i=o,a=l;o=e,l=t;try{var u=r()}finally{o=i,l=a}if("function"==typeof u)if(u={callback:u,priorityLevel:e,expirationTime:t,next:null,previous:null},null===n)n=u.next=u.previous=u;else{r=null,e=n;do{if(e.expirationTime>=t){r=e;break}e=e.next}while(e!==n);null===r?r=n:r===n&&(n=u,c()),(t=r.previous).next=r.previous=u,u.next=r,u.previous=t}}function f(){if(-1===i&&null!==n&&1===n.priorityLevel){a=!0;try{do{s()}while(null!==n&&1===n.priorityLevel)}finally{a=!1,null!==n?c():u=!1}}}function d(e){a=!0;var o=r;r=e;try{if(e)for(;null!==n;){var i=t.unstable_now();if(!(n.expirationTime<=i))break;do{s()}while(null!==n&&n.expirationTime<=i)}else if(null!==n)do{s()}while(null!==n&&!E())}finally{a=!1,r=o,null!==n?c():u=!1,f()}}var p,m,h=Date,v="function"==typeof setTimeout?setTimeout:void 0,y="function"==typeof clearTimeout?clearTimeout:void 0,g="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,b="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function w(e){p=g(function(t){y(m),e(t)}),m=v(function(){b(p),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var x=performance;t.unstable_now=function(){return x.now()}}else t.unstable_now=function(){return h.now()};var k,T,E,C=null;if("undefined"!=typeof window?C=window:void 0!==e&&(C=e),C&&C._schedMock){var _=C._schedMock;k=_[0],T=_[1],E=_[2],t.unstable_now=_[3]}else if("undefined"==typeof window||"function"!=typeof MessageChannel){var S=null,P=function(e){if(null!==S)try{S(e)}finally{S=null}};k=function(e){null!==S?setTimeout(k,0,e):(S=e,setTimeout(P,0,!1))},T=function(){S=null},E=function(){return!1}}else{"undefined"!=typeof console&&("function"!=typeof g&&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 b&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var N=null,O=!1,M=-1,I=!1,U=!1,D=0,R=33,F=33;E=function(){return D<=t.unstable_now()};var z=new MessageChannel,L=z.port2;z.port1.onmessage=function(){O=!1;var e=N,n=M;N=null,M=-1;var r=t.unstable_now(),o=!1;if(0>=D-r){if(!(-1!==n&&n<=r))return I||(I=!0,w(A)),N=e,void(M=n);o=!0}if(null!==e){U=!0;try{e(o)}finally{U=!1}}};var A=function(e){if(null!==N){w(A);var t=e-D+F;t<F&&R<F?(8>t&&(t=8),F=t<R?R:t):R=t,D=e+F,O||(O=!0,L.postMessage(void 0))}else I=!1};k=function(e,t){N=e,M=t,U||0>t?L.postMessage(void 0):I||(I=!0,w(A))},T=function(){N=null,O=!1,M=-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,l=i;o=e,i=t.unstable_now();try{return n()}finally{o=r,i=l,f()}},t.unstable_scheduleCallback=function(e,r){var l=-1!==i?i:t.unstable_now();if("object"==typeof r&&null!==r&&"number"==typeof r.timeout)r=l+r.timeout;else switch(o){case 1:r=l+-1;break;case 2:r=l+250;break;case 5:r=l+1073741823;break;case 4:r=l+1e4;break;default:r=l+5e3}if(e={callback:e,priorityLevel:o,expirationTime:r,next:null,previous:null},null===n)n=e.next=e.previous=e,c();else{l=null;var a=n;do{if(a.expirationTime>r){l=a;break}a=a.next}while(a!==n);null===l?l=n:l===n&&(n=e,c()),(r=l.previous).next=l.previous=e,e.next=l,e.previous=r}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)n=null;else{e===n&&(n=t);var r=e.previous;r.next=t,t.previous=r}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=o;return function(){var r=o,l=i;o=n,i=t.unstable_now();try{return e.apply(this,arguments)}finally{o=r,i=l,f()}}},t.unstable_getCurrentPriorityLevel=function(){return o},t.unstable_shouldYield=function(){return!r&&(null!==n&&n.expirationTime<l||E())},t.unstable_continueExecution=function(){null!==n&&c()},t.unstable_pauseExecution=function(){},t.unstable_getFirstCallbackNode=function(){return n}}).call(this,n(13))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){var r=n(15);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(2)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.spinner {\n    /* If it is displayed in a flex container */\n    align-self: center;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.spinner::before {\n    content: "";\n    display: inline-block;\n    border: 3px solid rgba(255,255,255,.3);\n    border-radius: 50%;\n    border-top-color: #fff;\n    animation: spin 1s ease-in-out infinite;\n}\n\n@keyframes spin {\n    to { transform: rotate(360deg); }\n}\n\n.spinner-small::before {\n    width: 24px;\n    height: 24px;\n}\n\n.spinner-medium::before {\n    width: 50px;\n    height: 50px;\n}\n\n.spinner-large::before {\n    width: 100px;\n    height: 100px;\n}\n',""])},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,i=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){"use strict";
32 | /** @license React v16.6.0
33 |  * react-cache.production.min.js
34 |  *
35 |  * Copyright (c) Facebook, Inc. and its affiliates.
36 |  *
37 |  * This source code is licensed under the MIT license found in the
38 |  * LICENSE file in the root directory of this source tree.
39 |  */Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(5),i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;function l(e,t){var n=i.currentDispatcher;if(null===n)throw Error("react-cache: read and preload may only be called from within a component's render. They are not supported in event handlers or lifecycle methods.");return n.readContext(e,t)}function a(e){return e}var u=function(e){function t(){!1===a&&l>r&&(a=!0,o.unstable_scheduleCallback(n))}function n(){a=!1;var e=r;if(null!==i)for(var t=i.previous;l>e&&null!==t;){var n=t.onDelete,o=t.previous;t.onDelete=null,t.previous=t.next=null,t===i?i=t=null:(i.previous=o,o.next=i,t=o),--l,n()}}var r=500,i=null,l=0,a=!1;return{add:function(e,t){return e={value:e,onDelete:t,next:null,previous:null},null===i?e.previous=e.next=e:((t=i.previous).next=e,e.previous=t,i.previous=e,e.next=i),i=e,l+=1,e},update:function(e,t){e.value=t},access:function(e){var n=e.next;if(null!==n){var r=i;if(i!==e){var o=e.previous;o.next=n,n.previous=o,(n=r.previous).next=e,e.previous=n,r.previous=e,e.next=r,i=e}}return t(),e.value},setLimit:function(e){r=e,t()}}}(),c=new Map,s=r.createContext(null);function f(e,t,n,r){var o=c.get(e);void 0===o&&(o=new Map,c.set(e,o));var i=o.get(r);if(void 0===i){(t=t(n)).then(function(e){if(0===l.status){var t=l;t.status=1,t.value=e}},function(e){if(0===l.status){var t=l;t.status=2,t.value=e}});var l={status:0,value:t};return e=u.add(l,function(e,t){var n=c.get(e);void 0!==n&&(n.delete(t),0===n.size&&c.delete(e))}.bind(null,e,r)),o.set(r,e),l}return u.access(i)}t.unstable_createResource=function(e,t){var n=void 0!==t?t:a,r={read:function(t){l(s);var o=n(t);switch((t=f(r,e,t,o)).status){case 0:throw t.value;case 1:return t.value;case 2:throw t.value}},preload:function(t){l(s);var o=n(t);f(r,e,t,o)}};return r},t.unstable_setGlobalCacheLimit=function(e){u.setLimit(e)}},function(e,t,n){var r=n(19);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(2)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,'.IndexPage h1 {\n    margin: 0;\n}\n\n.Movie {\n    cursor: pointer;\n    transition: transform .5s;\n    display: flex;\n    align-items: center;\n}\n\n.Movie .content {\n    flex: 1;\n}\n\n.Movie:hover {\n    background-color: #0d142f;\n}\n\n.Movie:not(.loading):hover::after {\n    content: "➜";\n}\n\n.Movie .title {\n    font-weight: bold;\n    margin-bottom: 5px;\n}\n.Movie.loading  {\n    transform: scale(0.97);\n}\n',""])},function(e,t,n){var r=n(21);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(2)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,".App {\n    margin: 0 auto;\n    max-width: 500px;\n    padding: var(--gutter);\n}\n\n.App .back-link {\n    cursor: pointer;\n    font-size: 32px;\n    margin-bottom: var(--gutter);\n    transform: scaleX(-1);\n    text-align: right;\n}\n\n.AppSpinner {\n    height: 100vh;\n    display: flex;\n    justify-content: center;\n    line-height: 21px;\n}\n",""])},function(e,t,n){var r=n(23);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(2)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(1)(!1)).push([e.i,"body {\n    margin: 0;\n    background-color: #00010a;\n    color: #fdffff;\n    font-family: sans-serif;\n    font-size: 16px;\n}\n\n:root {\n    --gutter: 16px;\n    --small-gutter: 8px;\n}\n\n.sub-text {\n    color: #949aa4;\n    font-size: 13px;\n}\n\n.small-title {\n    color: #949aa4;\n    font-size: 13px;\n    text-transform: uppercase;\n    margin-bottom: var(--small-gutter);\n}\n\n.box {\n    border: 1px solid #151828;\n    margin: var(--gutter) 0;\n    border-radius: 3px;\n    padding: var(--small-gutter) var(--gutter);\n    background-color: #090e21;\n}\n",""])},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(9),l=n.n(i),a=n(3),u=n(6),c=n(7),s=n(8);n(18);function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}const d=Object(u.unstable_createResource)(c.c);function p({score:e,icon:t}){return null===e||e<0?null:o.a.createElement(o.a.Fragment,null,o.a.createElement(s.a,{type:t,size:"tiny"})," ",e,"%")}function m({id:e,title:t,tomatoScore:n,tomatoIcon:r,popcornIcon:i,popcornScore:l,theaterReleaseDate:u,loading:c,onClick:s}){return o.a.createElement("div",{className:`Movie box ${c?"loading":""}`,onClick:()=>s(e)},o.a.createElement("div",{className:"content"},o.a.createElement("div",{className:"title"},t),o.a.createElement("div",{className:"sub-text"},o.a.createElement(p,{icon:r,score:n})," ·"," ",i&&o.a.createElement(o.a.Fragment,null,o.a.createElement(p,{icon:i,score:l})," ·"," "),u)),c&&o.a.createElement(a.a,{size:"small"}))}function h({onMovieClick:e,loadingMovieId:t}){const n=d.read();return o.a.createElement("div",{className:"IndexPage"},o.a.createElement("h1",null,"Top Box Office"),o.a.createElement("div",null,n.map(n=>o.a.createElement(m,f({key:n.id},n,{loading:n.id===t,onClick:e})))))}n(20);function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const y=Object(r.lazy)(()=>n.e(1).then(n.bind(null,27)));function g(){return o.a.createElement("div",{className:"AppSpinner"},o.a.createElement(a.a,{size:"large"}))}n(22);l.a.unstable_createRoot(document.querySelector("#main")).render(o.a.createElement(class extends r.Component{constructor(...e){super(...e),v(this,"state",{currentMovieId:null,showDetail:!1}),v(this,"handleMovieClick",e=>{this.setState({currentMovieId:e,showDetail:!0})}),v(this,"handleBackClick",()=>{this.setState({currentMovieId:null,showDetail:!1})})}render(){const{showDetail:e,currentMovieId:t}=this.state;return o.a.createElement("div",{className:"App"},o.a.createElement("div",null,e&&o.a.createElement("div",{className:"back-link",onClick:this.handleBackClick},"➜"),o.a.createElement(r.Suspense,{maxDuration:1500,fallback:o.a.createElement(g,null)},e?o.a.createElement(y,{movieId:t}):o.a.createElement(h,{loadingMovieId:t,onMovieClick:this.handleMovieClick}))))}},null))}]);


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-suspense-demo",
 3 |   "version": "1.0.0",
 4 |   "description": "React Suspense demo implementation, as teased by Gaearon",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "build": "webpack --mode production",
 8 |     "test": "echo \"Error: no test specified\" && exit 1",
 9 |     "start": "webpack-dev-server --mode development"
10 |   },
11 |   "keywords": [],
12 |   "author": "",
13 |   "license": "ISC",
14 |   "dependencies": {
15 |     "@babel/core": "^7.4.5",
16 |     "@babel/plugin-proposal-class-properties": "^7.4.4",
17 |     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
18 |     "@babel/plugin-transform-react-jsx": "^7.3.0",
19 |     "babel-eslint": "^10.0.1",
20 |     "babel-loader": "^8.0.6",
21 |     "css-loader": "^3.0.0",
22 |     "eslint": "^5.16.0",
23 |     "eslint-plugin-react": "^7.13.0",
24 |     "html-webpack-plugin": "^3.2.0",
25 |     "react": "16.7.x",
26 |     "react-cache": "^2.0.0-alpha.1",
27 |     "react-dom": "16.7.x",
28 |     "style-loader": "^0.23.1",
29 |     "webpack": "^4.33.0",
30 |     "webpack-cli": "^3.3.4",
31 |     "webpack-dev-server": "^3.7.1"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/src/api.js:
--------------------------------------------------------------------------------
 1 | const CORS_PROXY_URL = "https://cors-anywhere.herokuapp.com";
 2 | 
 3 | async function responseAsDOM(response) {
 4 |   const text = await response.text();
 5 |   const parser = new DOMParser();
 6 |   return parser.parseFromString(text, "text/html");
 7 | }
 8 | 
 9 | async function readBodyAndDecode(response) {
10 |   const buffer = await response.arrayBuffer();
11 | 
12 |   const decoder = new TextDecoder("iso-8859-1");
13 |   return decoder.decode(buffer);
14 | }
15 | 
16 | async function scrapPage(path) {
17 |   if (path.startsWith("/")) path = path.slice(1);
18 |   const response = await fetch(
19 |     `${CORS_PROXY_URL}/https://www.rottentomatoes.com/${path}`
20 |   );
21 |   return responseAsDOM(response);
22 | }
23 | 
24 | export async function fetchMovies() {
25 |   const document = await scrapPage("browse/in-theaters");
26 |   for (const script of document.querySelectorAll("script")) {
27 |     if (script.innerText.includes("loadPage")) {
28 |       const movieListMatch = script.innerText.match(/^\s+(\[\{.*\}\]),$/m);
29 |       if (movieListMatch) return JSON.parse(movieListMatch[1]);
30 |     }
31 |   }
32 |   throw new Error("Failed to fetch movies");
33 | }
34 | 
35 | export async function fetchMovieDetails(id) {
36 |   const response = await fetch(
37 |     `https://www.rottentomatoes.com/api/private/v1.0/movies/${id}.json`
38 |   );
39 |   const text = await readBodyAndDecode(response);
40 | 
41 |   return JSON.parse(text);
42 | }
43 | 
44 | export async function fetchMovieReviews(id) {
45 |   const details = await fetchMovieDetails(id);
46 | 
47 |   // Simulate long delay
48 |   await new Promise(resolve => setTimeout(resolve, 3000));
49 | 
50 |   return details.reviews.reviews;
51 | }
52 | 


--------------------------------------------------------------------------------
/src/components/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |     margin: 0 auto;
 3 |     max-width: 500px;
 4 |     padding: var(--gutter);
 5 | }
 6 | 
 7 | .App .back-link {
 8 |     cursor: pointer;
 9 |     font-size: 32px;
10 |     margin-bottom: var(--gutter);
11 |     transform: scaleX(-1);
12 |     text-align: right;
13 | }
14 | 
15 | .AppSpinner {
16 |     height: 100vh;
17 |     display: flex;
18 |     justify-content: center;
19 |     line-height: 21px;
20 | }
21 | 


--------------------------------------------------------------------------------
/src/components/App.js:
--------------------------------------------------------------------------------
 1 | import React, { Suspense, Component, lazy } from "react";
 2 | import Spinner from "./Spinner";
 3 | import IndexPage from "./IndexPage";
 4 | import "./App.css";
 5 | 
 6 | const MoviePage = lazy(() => import("./MoviePage"));
 7 | 
 8 | function AppSpinner() {
 9 |   return (
10 |     <div className="AppSpinner">
11 |       <Spinner size="large" />
12 |     </div>
13 |   );
14 | }
15 | 
16 | export default class App extends Component {
17 |   state = {
18 |     currentMovieId: null,
19 |     showDetail: false
20 |   };
21 |   // state = {
22 |   //   currentMovieId: 771401855,
23 |   //   showDetail: true
24 |   // };
25 | 
26 |   render() {
27 |     const { showDetail, currentMovieId } = this.state;
28 |     return (
29 |       <div className="App">
30 |         <div>
31 |           {showDetail && (
32 |             <div className="back-link" onClick={this.handleBackClick}>
33 |               ➜
34 |             </div>
35 |           )}
36 |           <Suspense maxDuration={1500} fallback={<AppSpinner />}>
37 |             {!showDetail ? (
38 |               <IndexPage
39 |                 loadingMovieId={currentMovieId}
40 |                 onMovieClick={this.handleMovieClick}
41 |               />
42 |             ) : (
43 |               <MoviePage movieId={currentMovieId} />
44 |             )}
45 |           </Suspense>
46 |         </div>
47 |       </div>
48 |     );
49 |   }
50 | 
51 |   handleMovieClick = movieId => {
52 |     this.setState({ currentMovieId: movieId, showDetail: true });
53 |   };
54 | 
55 |   handleBackClick = () => {
56 |     this.setState({ currentMovieId: null, showDetail: false });
57 |   };
58 | }
59 | 


--------------------------------------------------------------------------------
/src/components/Icon.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | 
 3 | const ROOT_URL = "https://staticv2-4.rottentomatoes.com/static/images";
 4 | 
 5 | function position(position) {
 6 |   return {
 7 |     background: `transparent url(${ROOT_URL}/redesign/icons-v2.png) no-repeat`,
 8 |     backgroundPosition: position
 9 |   };
10 | }
11 | 
12 | function url(url) {
13 |   return {
14 |     background: `transparent url(${ROOT_URL}/icons/${url}) no-repeat`,
15 |     backgroundSize: "cover"
16 |   };
17 | }
18 | 
19 | const ICONS = {
20 |   tiny: {
21 |     size: 16,
22 |     styles: {
23 |       certified: url("CF_16x16.png"),
24 |       fresh: url("fresh-16.png"),
25 |       upright: url("popcorn-16.png"),
26 |       rotten: url("splat-16.png"),
27 |       spilled: url("badpopcorn-16.png"),
28 |       wts: url("wts-16.png")
29 |     }
30 |   },
31 |   big: {
32 |     size: 48,
33 |     styles: {
34 |       certified: position("-192px -96px"),
35 |       fresh: position("-192px -48px"),
36 |       upright: position("-240px -48px"),
37 |       rotten: position("-240px -96px"),
38 |       spilled: position("-192px 0"),
39 |       wts: position("-240px 0")
40 |     }
41 |   },
42 |   medium: {
43 |     size: 32,
44 |     styles: {
45 |       certified: url("CF-32.png"),
46 |       fresh: position("-64px -128px"),
47 |       upright: position("-32px -128px"),
48 |       rotten: position("-96px -128px"),
49 |       spilled: position("-128px -128px"),
50 |       wts: position("0px -128px")
51 |     }
52 |   },
53 |   small: {
54 |     size: 24,
55 |     styles: {
56 |       certified: url("CF-24.png"),
57 |       fresh: position("-288px -48px"),
58 |       upright: position("-288px -24px"),
59 |       rotten: position("-288px -96px"),
60 |       spilled: position("-288px -120px"),
61 |       wts: position("-288px 0px")
62 |     }
63 |   }
64 | };
65 | 
66 | export default function Icon({ type, size = "small" }) {
67 |   if (!ICONS.hasOwnProperty(size)) {
68 |     throw new Error(`Invalid icon size "${size}"`);
69 |   }
70 |   type = type.toLowerCase().replace(/[^a-z]+/g, "");
71 |   if (type === "certifiedfresh") type = "certified";
72 |   if (type === "popcorn") type = "upright";
73 |   if (type === "anticipated") type = "wts";
74 |   const { styles, size: sizePx } = ICONS[size];
75 |   if (!styles.hasOwnProperty(type)) {
76 |     throw new Error(`Invalid icon type "${type}"`);
77 |   }
78 |   return (
79 |     <div
80 |       style={Object.assign(
81 |         {
82 |           width: sizePx,
83 |           height: sizePx,
84 |           display: "inline-block",
85 |           verticalAlign: "middle"
86 |         },
87 |         styles[type]
88 |       )}
89 |     />
90 |   );
91 | }
92 | 


--------------------------------------------------------------------------------
/src/components/IndexPage.css:
--------------------------------------------------------------------------------
 1 | .IndexPage h1 {
 2 |     margin: 0;
 3 | }
 4 | 
 5 | .Movie {
 6 |     cursor: pointer;
 7 |     transition: transform .5s;
 8 |     display: flex;
 9 |     align-items: center;
10 | }
11 | 
12 | .Movie .content {
13 |     flex: 1;
14 | }
15 | 
16 | .Movie:hover {
17 |     background-color: #0d142f;
18 | }
19 | 
20 | .Movie:not(.loading):hover::after {
21 |     content: "➜";
22 | }
23 | 
24 | .Movie .title {
25 |     font-weight: bold;
26 |     margin-bottom: 5px;
27 | }
28 | .Movie.loading  {
29 |     transform: scale(0.97);
30 | }
31 | 


--------------------------------------------------------------------------------
/src/components/IndexPage.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import { unstable_createResource as createResource } from "react-cache";
 3 | import { fetchMovies } from "../api";
 4 | import Icon from "./Icon";
 5 | import Spinner from "./Spinner";
 6 | import "./IndexPage.css";
 7 | 
 8 | const MoviesFetcher = createResource(fetchMovies);
 9 | 
10 | function Score({ score, icon }) {
11 |   if (score === null || score < 0) return null;
12 |   return (
13 |     <>
14 |       <Icon type={icon} size="tiny" /> {score}%
15 |     </>
16 |   );
17 | }
18 | 
19 | function Movie({
20 |   id,
21 |   title,
22 |   tomatoScore,
23 |   tomatoIcon,
24 |   popcornIcon,
25 |   popcornScore,
26 |   theaterReleaseDate,
27 |   loading,
28 |   onClick
29 | }) {
30 |   return (
31 |     <div
32 |       className={`Movie box ${loading ? "loading" : ""}`}
33 |       onClick={() => onClick(id)}
34 |     >
35 |       <div className="content">
36 |         <div className="title">{title}</div>
37 |         <div className="sub-text">
38 |           <Score icon={tomatoIcon} score={tomatoScore} /> ·{" "}
39 |           {popcornIcon && <><Score icon={popcornIcon} score={popcornScore} /> ·{" "}</>}
40 |           {theaterReleaseDate}
41 |         </div>
42 |       </div>
43 |       {loading && <Spinner size="small" />}
44 |     </div>
45 |   );
46 | }
47 | 
48 | export default function IndexPage({ onMovieClick, loadingMovieId }) {
49 |   const movies = MoviesFetcher.read();
50 |   return (
51 |     <div className="IndexPage">
52 |       <h1>Top Box Office</h1>
53 |       <div>
54 |         {movies.map(infos => (
55 |           <Movie
56 |             key={infos.id}
57 |             {...infos}
58 |             loading={infos.id === loadingMovieId}
59 |             onClick={onMovieClick}
60 |           />
61 |         ))}
62 |       </div>
63 |     </div>
64 |   );
65 | }
66 | 


--------------------------------------------------------------------------------
/src/components/MoviePage.css:
--------------------------------------------------------------------------------
 1 | .MovieDetails {
 2 |     display: flex;
 3 |     margin-bottom: var(--gutter);
 4 |     align-items: flex-start;
 5 | }
 6 | .MovieDetails h1,
 7 | .MovieDetails .ratings {
 8 |     border-bottom: 2px solid #111629;
 9 |     margin: 0 0 var(--gutter);
10 |     padding-bottom: var(--gutter);
11 | }
12 | .MovieDetails .poster {
13 |     margin-right: var(--gutter);
14 | }
15 | .MovieDetails .poster img {
16 |     width: 100%;
17 | }
18 | .MovieDetails .details {
19 |     flex: 1;
20 | }
21 | .MovieDetails .ratings {
22 |     display: flex;
23 | }
24 | 
25 | .Rating {
26 |     flex: 1;
27 |     text-align: center;
28 | }
29 | 
30 | .Rating:not(:last-child) {
31 |     margin-right: var(--gutter);
32 | }
33 | 
34 | .Rating .rating-score {
35 |     margin-top: var(--small-gutter);
36 |     font-size: 18px;
37 |     font-weight: bold;
38 | }
39 | 
40 | .MovieReviews {
41 |     display: flex;
42 |     flex-wrap: wrap;
43 |     margin: calc(var(--gutter) / -2);
44 |     align-items: flex-start;
45 | }
46 | 
47 | .MovieReview {
48 |     flex: 1;
49 |     min-width: 200px;
50 |     margin: calc(var(--gutter) / 2);
51 | }
52 | 
53 | .MovieReview .sub-text {
54 |     margin-top: var(--small-gutter);
55 | }
56 | 


--------------------------------------------------------------------------------
/src/components/MoviePage.js:
--------------------------------------------------------------------------------
  1 | import React, { Suspense } from "react";
  2 | import { unstable_createResource as createResource } from "react-cache";
  3 | import { fetchMovieDetails, fetchMovieReviews } from "../api";
  4 | import Icon from "./Icon";
  5 | import Spinner from "./Spinner";
  6 | import "./MoviePage.css";
  7 | 
  8 | const movieDetailsFetcher = createResource(fetchMovieDetails);
  9 | const movieReviewsFetcher = createResource(fetchMovieReviews);
 10 | 
 11 | function Rating({ label, score, icon }) {
 12 |   if (typeof score !== "number" || score < 0) return null;
 13 |   return (
 14 |     <div className="Rating">
 15 |       <div className="small-title">{label}</div>
 16 |       {icon && (
 17 |         <div>
 18 |           <Icon type={icon} size="medium" />
 19 |         </div>
 20 |       )}
 21 |       <div className="rating-score">{score}%</div>
 22 |     </div>
 23 |   );
 24 | }
 25 | 
 26 | function MovieReview({ quote, critic }) {
 27 |   return (
 28 |     <div className="MovieReview box">
 29 |       <div>{quote}</div>
 30 |       <div className="sub-text">{critic.name}</div>
 31 |     </div>
 32 |   );
 33 | }
 34 | 
 35 | function MovieReviews({ movieId }) {
 36 |   const reviews = movieReviewsFetcher.read(movieId);
 37 |   return (
 38 |     <div className="MovieReviews">
 39 |       {reviews.map(review => <MovieReview key={review.id} {...review} />)}
 40 |     </div>
 41 |   );
 42 | }
 43 | 
 44 | const imageFetcher = createResource(
 45 |   src =>
 46 |     new Promise((resolve, reject) => {
 47 |       const image = new Image();
 48 |       image.onload = () => resolve(src);
 49 |       image.onerror = reject;
 50 |       image.src = src;
 51 |     })
 52 | );
 53 | 
 54 | function Img(props) {
 55 |   return <img {...props} src={imageFetcher.read(props.src)} />;
 56 | }
 57 | 
 58 | function MovieDetails({ movieId }) {
 59 |   const { ratingSummary, ratings, title, posters } = movieDetailsFetcher.read(
 60 |     movieId
 61 |   );
 62 | 
 63 |   return (
 64 |     <div className="MovieDetails">
 65 |       <div className="poster">
 66 |         <Img src={posters.detailed} alt="poster" />
 67 |       </div>
 68 |       <div className="details">
 69 |         <h1>{title}</h1>
 70 |         <div className="ratings">
 71 |           <Rating
 72 |             label="Tomatometer"
 73 |             score={ratings.critics_score}
 74 |             icon={ratings.critics_rating}
 75 |           />
 76 |           <Rating
 77 |             label="Audience"
 78 |             score={ratings.audience_score}
 79 |             icon={ratings.audience_rating}
 80 |           />
 81 |         </div>
 82 |         <div className="critic">
 83 |           <div className="small-title">Critics consensus</div>
 84 |           {ratingSummary.consensus}
 85 |         </div>
 86 |       </div>
 87 |     </div>
 88 |   );
 89 | }
 90 | 
 91 | export default function MoviePage({ movieId }) {
 92 |   return (
 93 |     <>
 94 |       <MovieDetails movieId={movieId} />
 95 |       <Suspense maxDuration={500} fallback={<Spinner />}>
 96 |         <MovieReviews movieId={movieId} />
 97 |       </Suspense>
 98 |     </>
 99 |   );
100 | }
101 | 


--------------------------------------------------------------------------------
/src/components/Spinner.css:
--------------------------------------------------------------------------------
 1 | .spinner {
 2 |     /* If it is displayed in a flex container */
 3 |     align-self: center;
 4 | 
 5 |     display: flex;
 6 |     align-items: center;
 7 |     justify-content: center;
 8 | }
 9 | 
10 | .spinner::before {
11 |     content: "";
12 |     display: inline-block;
13 |     border: 3px solid rgba(255,255,255,.3);
14 |     border-radius: 50%;
15 |     border-top-color: #fff;
16 |     animation: spin 1s ease-in-out infinite;
17 | }
18 | 
19 | @keyframes spin {
20 |     to { transform: rotate(360deg); }
21 | }
22 | 
23 | .spinner-small::before {
24 |     width: 24px;
25 |     height: 24px;
26 | }
27 | 
28 | .spinner-medium::before {
29 |     width: 50px;
30 |     height: 50px;
31 | }
32 | 
33 | .spinner-large::before {
34 |     width: 100px;
35 |     height: 100px;
36 | }
37 | 


--------------------------------------------------------------------------------
/src/components/Spinner.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import "./Spinner.css";
3 | 
4 | export default function Spinner({ size="medium" }) {
5 |   return <div className={`spinner spinner-${size}`} />;
6 | }
7 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     margin: 0;
 3 |     background-color: #00010a;
 4 |     color: #fdffff;
 5 |     font-family: sans-serif;
 6 |     font-size: 16px;
 7 | }
 8 | 
 9 | :root {
10 |     --gutter: 16px;
11 |     --small-gutter: 8px;
12 | }
13 | 
14 | .sub-text {
15 |     color: #949aa4;
16 |     font-size: 13px;
17 | }
18 | 
19 | .small-title {
20 |     color: #949aa4;
21 |     font-size: 13px;
22 |     text-transform: uppercase;
23 |     margin-bottom: var(--small-gutter);
24 | }
25 | 
26 | .box {
27 |     border: 1px solid #151828;
28 |     margin: var(--gutter) 0;
29 |     border-radius: 3px;
30 |     padding: var(--small-gutter) var(--gutter);
31 |     background-color: #090e21;
32 | }
33 | 


--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |     <head>
 4 |         <meta charset="utf-8" />
 5 |         <meta name="viewport" content="width=device-width" />
 6 |         <title>React Suspense Demo</title>
 7 |     </head>
 8 |     <body>
 9 |         <div id="main"></div>
10 |     </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import App from "./components/App";
4 | import "./index.css";
5 | 
6 | ReactDOM.unstable_createRoot(document.querySelector("#main")).render(<App />);
7 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | /*eslint-env node*/
 2 | const path = require("path");
 3 | const HtmlWebpackPlugin = require("html-webpack-plugin");
 4 | const BabelPluginTransformReactJsx = require("@babel/plugin-transform-react-jsx");
 5 | const BabelPluginProposalClassProperties = require("@babel/plugin-proposal-class-properties");
 6 | const BabelPluginSyntaxDynamicImport = require("@babel/plugin-syntax-dynamic-import");
 7 | 
 8 | module.exports = {
 9 |   output: {
10 |     path: path.resolve(__dirname, "docs")
11 |   },
12 |   module: {
13 |     rules: [
14 |       {
15 |         test: /\.css$/,
16 |         use: ["style-loader", "css-loader"]
17 |       },
18 |       {
19 |         test: /\.js$/,
20 |         exclude: /node_modules/,
21 |         use: {
22 |           loader: "babel-loader",
23 |           options: {
24 |             babelrc: false,
25 |             plugins: [
26 |               BabelPluginTransformReactJsx,
27 |               BabelPluginProposalClassProperties,
28 |               BabelPluginSyntaxDynamicImport
29 |             ]
30 |           }
31 |         }
32 |       }
33 |     ]
34 |   },
35 |   plugins: [
36 |     new HtmlWebpackPlugin({
37 |       template: "./src/index.html"
38 |     })
39 |   ]
40 | };
41 | 


--------------------------------------------------------------------------------