custom.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{30:function(e,t,a){e.exports=a(53)},35:function(e,t,a){},53:function(e,t,a){"use strict";a.r(t);var n=a(0),c=a.n(n),r=a(28),o=a.n(r),i=a(1),l=(a(35),a(9)),s=a(2),u=a(4),d=a(13),m=a.n(d),p=a(14),b=a.n(p),g=function(){var e="https:"===window.location.protocol?"wss":"ws";return"localhost:3000"===window.location.host?"wss://draftlol.dawe.gg":"".concat(e,"://").concat(window.location.host)},f=a(7),h=a.n(f),v=a(10),k=function(){var e=Object(v.a)(h.a.mark(function e(t){var a;return h.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://ddragon.leagueoflegends.com/cdn/".concat(t,"/data/en_US/champion.json"));case 2:return e.next=4,e.sent.json();case 4:return a=e.sent,e.abrupt("return",a.data);case 6:case"end":return e.stop()}},e)}));return function(t){return e.apply(this,arguments)}}(),E=function(e){var t=Object(n.useState)(void 0),a=Object(i.a)(t,2),c=a[0],r=a[1];return Object(n.useEffect)(function(){k(e).then(r)},[e]),c},y=[{turn:0,display:"Disable First ban",index:0,array:"blueBans"},{turn:2,display:"Disable Second ban",index:1,array:"blueBans"},{turn:4,display:"Disable Third ban",index:2,array:"blueBans"},{turn:13,display:"Disable Fourth ban",index:3,array:"blueBans"},{turn:15,display:"Disable Fifth ban",index:4,array:"blueBans"},{turn:6,display:"Disable First pick",index:0,array:"bluePicks"},{turn:9,display:"Disable Second pick",index:1,array:"bluePicks"},{turn:10,display:"Disable Third pick",index:2,array:"bluePicks"},{turn:17,display:"Disable Fourth pick",index:3,array:"bluePicks"},{turn:18,display:"Disable Fifth pick",index:4,array:"bluePicks"}],O=[{turn:1,display:"Disable First ban",index:0,array:"redBans"},{turn:3,display:"Disable Second ban",index:1,array:"redBans"},{turn:5,display:"Disable Third ban",index:2,array:"redBans"},{turn:12,display:"Disable Fourth ban",index:3,array:"redBans"},{turn:14,display:"Disable Fifth ban",index:4,array:"redBans"},{turn:7,display:"Disable First pick",index:0,array:"redPicks"},{turn:8,display:"Disable Second pick",index:1,array:"redPicks"},{turn:11,display:"Disable Third pick",index:2,array:"redPicks"},{turn:16,display:"Disable Fourth pick",index:3,array:"redPicks"},{turn:19,display:"Disable Fifth pick",index:4,array:"redPicks"}],C=y.concat(O),w=function(e){return function(){e.current&&e.current.select(),document.execCommand("copy")}},N=function(){return"".concat(window.location.protocol,"//").concat(window.location.host)},S=function(){var e=Object(v.a)(h.a.mark(function e(){var t,a,n,c,r,o,i;return h.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-champion-statistics/global/default/rcp-fe-lol-champion-statistics.js");case 2:return e.next=4,e.sent.text();case 4:if(t=e.sent,a=/(?<=function\(a\){a.exports=){[A-Z,:]*?({.*}[A-Z,:]*?){5}}(?=})/,null!=(n=t.match(a))&&0!==n.length){e.next=9;break}return e.abrupt("return",{TOP:{},JUNGLE:{},MIDDLE:{},BOTTOM:{},SUPPORT:{}});case 9:return c=n[0],r=c.replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g,'"$2": ').replace(/(\.\d+)/g,"0$1"),o=JSON.parse(r),i={TOP:o.TOP,JUNGLE:o.JUNGLE,MIDDLE:o.MIDDLE,BOTTOM:o.BOTTOM,UTILITY:o.SUPPORT},e.abrupt("return",i);case 14:case"end":return e.stop()}},e)}));return function(){return e.apply(this,arguments)}}(),j=function(){var e=Object(n.useState)(),t=Object(i.a)(e,2),a=t[0],c=t[1];return Object(n.useEffect)(function(){S().then(c)},[]),a},x=function(e){return c.a.createElement("svg",Object.assign({},e,{version:"1.1",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"}),c.a.createElement("path",{stroke:"#5d5f57",d:"M3,3 29,29 M3,29 29,3"}))},P=function(e){return c.a.createElement("svg",Object.assign({},e,{version:"1.1",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"}),c.a.createElement("path",{fill:"#5d5f57",d:"M19.4271164,20.4271164 C18.0372495,21.4174803 16.3366522,22 14.5,22 C9.80557939,22 6,18.1944206 6,13.5 C6,8.80557939 9.80557939,5 14.5,5 C19.1944206,5 23,8.80557939 23,13.5 C23,15.8472103 22.0486052,17.9722103 20.5104077,19.5104077 L26.5077736,25.5077736 C26.782828,25.782828 26.7761424,26.2238576 26.5,26.5 C26.2219324,26.7780676 25.7796227,26.7796227 25.5077736,26.5077736 L19.4271164,20.4271164 L19.4271164,20.4271164 Z M14.5,21 C18.6421358,21 22,17.6421358 22,13.5 C22,9.35786417 18.6421358,6 14.5,6 C10.3578642,6 7,9.35786417 7,13.5 C7,17.6421358 10.3578642,21 14.5,21 L14.5,21 Z"}))},B=["top","jungle","middle","bottom","utility"],R=function(e){var t=e.version,a=e.isChampDisabled,r=e.onChampSelected,o=e.allowSelectDisabled,l=E(t),s=j(),u=Object(n.useState)(""),d=Object(i.a)(u,2),m=d[0],p=d[1],b=Object(n.useState)(""),g=Object(i.a)(b,2),f=g[0],h=g[1];if(!l||!s)return c.a.createElement(c.a.Fragment,null);var v=function(e){return p(e.target.value)},k=function(){return p("")},y=function(e){return c.a.createElement("img",{key:e,alt:e,onClick:(t=e,function(e){var a=t.toUpperCase();h(f===a?"":a),e.preventDefault()}),className:"champsFiltersPositionsInd ".concat(e," ").concat(e.toUpperCase()===f?"highlight":""),src:"/position-".concat(e,".svg")});var t};return c.a.createElement("div",{className:"champsWithFilters"},c.a.createElement("div",{className:"champsFilters"},c.a.createElement("div",{className:"champsFiltersPositions"},B.map(y)),c.a.createElement("div",{className:"champsFiltersSearch"},c.a.createElement("input",{value:m,onChange:v}),c.a.createElement(P,{className:"search"}),c.a.createElement(x,{className:"cross",onClick:k}))),c.a.createElement("div",{className:"roomChampionsList"},Object.values(l).filter(function(e){return new RegExp(m.split("").join(".*"),"i").test(e.name)}).filter(function(e){return!(f in s)||e.key in s[f]}).map(function(e){return c.a.createElement("img",{key:e.id,alt:e.name,disabled:a(e.id),onClick:function(){return o||!a(e.id)?r(e):{}},className:"roomImgListItem",onDragStart:function(e){return e.preventDefault()},src:"https://ddragon.leagueoflegends.com/cdn/".concat(t,"/img/champion/").concat(e.image.full," ")})})))},D=30,T=30,I=Object(s.h)(function(e){var t=e.version,a=Object(n.useState)(function(){var t=new URLSearchParams(e.location.search),a=Object.fromEntries(t).opts,n={};try{var c=b.a.decode(a);c.startsWith("{")||(c="{".concat(c,"}")),n=JSON.parse(c)}catch(r){}return{disabledBlueOptions:y.map(function(e){return Object(u.a)({},e,{isChecked:n.t&&n.t.includes(e.turn)||!1})}),disabledRedOptions:O.map(function(e){return Object(u.a)({},e,{isChecked:n.t&&n.t.includes(e.turn)||!1})}),disabledChamps:void 0,timePerBan:n.b||D,timePerPick:n.p||T}}),r=Object(i.a)(a,2),o=r[0],l=r[1],d=Object(n.createRef)(),p=Object(n.createRef)(),f=Object(n.createRef)(),h=Object(n.useState)(),v=Object(i.a)(h,2),k=v[0],C=v[1],S=Object(n.useState)(!1),j=Object(i.a)(S,2),x=j[0],P=j[1],B=E(t);Object(n.useEffect)(function(){if(null!=B){var t=new URLSearchParams(e.location.search),a=Object.fromEntries(t).opts,n={};try{var c=b.a.decode(a);c.startsWith("{")||(c="{".concat(c,"}")),n=JSON.parse(c)}catch(r){}l(function(e){return Object(u.a)({},e,{disabledChamps:Object.values(B).map(function(e){return{champion:e,isChecked:n.c&&n.c.some(function(t){return t.toString()===e.key||t.toString()===e.id})||!1}})})})}},[B]);var I=m()(g,{onMessage:function(e){var t=JSON.parse(e.data);"roomcreated"===t.type&&C(t)},shouldReconnect:function(){return!0}}).sendJsonMessage,F=function(e){I({type:"createroom",blueName:d.current&&d.current.value||"Blue",redName:p.current&&p.current.value||"Red",disabledTurns:o.disabledBlueOptions.concat(o.disabledRedOptions).filter(function(e){return e.isChecked}).map(function(e){return e.turn}),disabledChamps:o.disabledChamps?o.disabledChamps.filter(function(e){return e.isChecked}).map(function(e){return e.champion.id}):[],timePerPick:o.timePerPick,timePerBan:o.timePerBan}),e.preventDefault()},L=function(e){return function(){l(function(t){return Object(u.a)({},t,{disabledBlueOptions:t.disabledBlueOptions.map(function(t,a){return a===e?Object(u.a)({},t,{isChecked:!t.isChecked}):t})})})}},M=function(e){return function(){l(function(t){return Object(u.a)({},t,{disabledRedOptions:t.disabledRedOptions.map(function(t,a){return a===e?Object(u.a)({},t,{isChecked:!t.isChecked}):t})})})}},J=function(e){return function(t){try{var a=Number(t.target.value);if(Number.isNaN(a)||a===1/0)return;a<0&&(a=0),a>3600&&(a=3600),e(a)}catch(n){}}};return k?c.a.createElement(s.a,{to:"/".concat(k.roomId,"/").concat(k.adminPassword,"/").concat(k.bluePassword,"/").concat(k.redPassword)}):c.a.createElement("div",{className:"createContainer"},c.a.createElement("div",{className:"sendLine",onSubmit:F},c.a.createElement("label",null,"Blue team name"),c.a.createElement("input",{className:"inputLine inputBlue",type:"text",placeholder:"Blue",ref:d}),c.a.createElement("label",null,"Red team name"),c.a.createElement("input",{className:"inputLine inputRed",type:"text",placeholder:"Red",ref:p}),c.a.createElement("div",{className:"sendButton",onClick:F},"Create")),c.a.createElement("div",{className:"advancedOptionsButton",onClick:function(){return P(function(e){return!e})}},"Adv options"),x?c.a.createElement("div",{className:"advancedOptionsSuperContainer"},c.a.createElement("div",null,c.a.createElement("label",null,"Permanent link to this configuration"),c.a.createElement("div",{className:"outputContainer"},c.a.createElement("input",{ref:f,className:"",type:"text",value:function(){var e={t:o.disabledBlueOptions.concat(o.disabledRedOptions).filter(function(e){return e.isChecked}).map(function(e){return e.turn}),c:o.disabledChamps?o.disabledChamps.filter(function(e){return e.isChecked}).map(function(e){return+e.champion.key}):[],p:o.timePerPick,b:o.timePerBan};e.t&&0===e.t.length&&delete e.t,e.c&&0===e.c.length&&delete e.c,e.p===T&&delete e.p,e.b===D&&delete e.b;var t=JSON.stringify(e);t=t.substring(1,t.length-1);var a=b.a.encode(t);return 0===Object.keys(e).length?N():"".concat(N(),"?opts=").concat(a)}(),readOnly:!0}),c.a.createElement("div",{className:"outputButton",onClick:w(f)},"Copy"))),c.a.createElement("div",{className:"advancedOptionContainer"},c.a.createElement("div",{className:"inputDisabledOptionsContainer"},c.a.createElement("div",null,c.a.createElement("label",null,"Time per ban"),c.a.createElement("input",{value:o.timePerBan,onChange:J(function(e){l(function(t){return Object(u.a)({},t,{timePerBan:e})})})})),c.a.createElement("div",null,c.a.createElement("label",null,"Time per pick"),c.a.createElement("input",{value:o.timePerPick,onChange:J(function(e){l(function(t){return Object(u.a)({},t,{timePerPick:e})})})}))),c.a.createElement("div",{className:"inputDisabledOptionsContainer"},"Blue",o.disabledBlueOptions.map(function(e,t){return c.a.createElement("div",{className:"inputDisabledOptionsElement",key:e.turn,onClick:L(t)},c.a.createElement("input",{readOnly:!0,type:"checkbox",checked:e.isChecked}),e.display)})),c.a.createElement("div",{className:"inputDisabledOptionsContainer"},"Red",o.disabledRedOptions.map(function(e,t){return c.a.createElement("div",{className:"inputDisabledOptionsElement",key:e.turn,onClick:M(t)},c.a.createElement("input",{readOnly:!0,type:"checkbox",checked:e.isChecked}),e.display)}))),c.a.createElement("div",{className:"disabledChamps"},c.a.createElement("div",{className:"disabledChampsLabel"}," Disable champions "),c.a.createElement("div",null,c.a.createElement(R,{version:t,isChampDisabled:function(e){return o.disabledChamps.find(function(t){return t.champion.id===e}).isChecked},onChampSelected:function(e){l(function(t){return Object(u.a)({},t,{disabledChamps:t.disabledChamps&&t.disabledChamps.map(function(t){return t.champion.id===e.id?Object(u.a)({},t,{isChecked:!t.isChecked}):t})})})},allowSelectDisabled:!0})))):c.a.createElement(c.a.Fragment,null))}),F=a(20);var L=function(e){var t=e.version,a=e.appSettings,r=Object(s.g)(),o=r.id,u=r.password,d=E(t),p=j(),b=Object(n.useState)(),f=Object(i.a)(b,2),h=f[0],v=f[1],k=Object(n.useState)("none"),y=Object(i.a)(k,2),O=y[0],w=y[1],N=Object(n.useState)(""),S=Object(i.a)(N,2),x=S[0],P=S[1],B=Object(n.useState)(0),D=Object(i.a)(B,2),T=D[0],I=D[1],L=Object(n.useState)(Date.now()),M=Object(i.a)(L,2),J=M[0],W=M[1],z=Object(n.useState)(),U=Object(i.a)(z,2),A=U[0],V=U[1],Y=Object(F.a)("https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-champ-select/global/default/sounds/sfx-cs-draft-notif-yourban.ogg",{volume:.25}),_=Object(i.a)(Y,1)[0],Z=Object(F.a)("https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-champ-select/global/default/sounds/sfx-cs-draft-notif-yourpick.ogg",{volume:.25}),q=Object(i.a)(Z,1)[0],H=m()(g,{onOpen:function(){P(""),H({type:"joinroom",roomId:o,password:u})},onMessage:function(e){var t=JSON.parse(e.data);"statechange"===t.type?(v(function(e){return a.soundsEnabled&&function(e,t){return(null!=e||null!=t)&&(null==e||null==t||e.blueBans.length+e.redBans.length+e.bluePicks.length+e.redPicks.length!==t.blueBans.length+t.redBans.length+t.bluePicks.length+t.redPicks.length)}(e,t.newState)&&t.newState&&"none"!==O&&"ongoing"===t.newState.state&&t.newState.nextTeam===O&&(console.log(t.newState.nextTeam,O),"ban"===t.newState.nextType?_():"pick"===t.newState.nextType&&q()),t.newState}),t.newState.nextTimeout>=0&&W(Date.now()+t.newState.nextTimeout)):"sidechoose"===t.type?w(t.side):"error"===t.type&&P(t.reason)},onClose:function(){return console.log("WebSocket Client Disconnected")},shouldReconnect:function(){return!0}}).sendJsonMessage;if(Object(n.useEffect)(function(){var e=setInterval(function(){I(Math.max(J-Date.now(),0))},200);return function(){clearInterval(e)}},[J]),null==d||null==p||null==h)return c.a.createElement(c.a.Fragment,null);var X=function(e){H({type:"setready",toggle:!0}),e.preventDefault()},G=function(){void 0!==A&&H({type:"lockchampion",chosenChamp:A.id})},$=function(e,t){var a=C.find(function(a){return a.index===t&&a.array===e});return!!a&&h.disabledTurns.includes(a.turn)};if(void 0!==x&&""!==x)return console.log("error",x),c.a.createElement("div",null,"Error: ",x,c.a.createElement("br",null),c.a.createElement(l.b,{to:"/"},"Create a new room"));var K=function(e){return e.image?"https://ddragon.leagueoflegends.com/cdn/".concat(t,"/img/champion/").concat(e.image.full):"/square.png"},Q=function(e){return e.image?"https://raw.communitydragon.org/latest/plugins/rcp-be-lol-game-data/global/default/v1/champion-splashes/".concat(e.key,"/").concat(e.key,"000.jpg"):"/rectangle.png"},ee=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return c.a.createElement("div",{key:e.id,className:"".concat(t," champSquareSmall"),onDragStart:function(e){return e.preventDefault()}},c.a.createElement("div",{className:"champImageWrapper"},c.a.createElement("div",{className:"champImageSmall","data-id":null!=e.key?e.key:-1,style:{backgroundImage:n?"url(/disabled.png)":"url(".concat(K(e),")")}})),a?c.a.createElement("div",{className:"champHighlight"}):c.a.createElement(c.a.Fragment,null))},te=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return c.a.createElement("div",{className:"roomChampRow",key:e.id},"large"===a.sideView?function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return c.a.createElement("div",{key:e.id,className:"".concat(t," champSquareWide"),onDragStart:function(e){return e.preventDefault()}},c.a.createElement("div",{className:"champImageWrapper"},c.a.createElement("div",{className:"champImage","data-id":null!=e.key?e.key:-1,style:{backgroundImage:n?"url(/disabled.png)":"url(".concat(Q(e),")")}})),a?c.a.createElement("div",{className:"champHighlight"}):c.a.createElement(c.a.Fragment,null),c.a.createElement("p",{className:"roomChampName roomBigChamp"},e.name))}(e,t,n,r):ee(e,t,n,r),"large"===a.sideView?c.a.createElement(c.a.Fragment,null):c.a.createElement("p",{className:"roomChampName roomSmallChamp"},e.name))},ae=[-5,-4,-3,-2,-1],ne=function(e){return c.a.createElement("div",{className:"roomReady"},c.a.createElement("p",{className:"roomTeamName"},"\xa0".concat(h["".concat(e,"Name")],"\xa0")),c.a.createElement("div",{className:"roomReadyBackground roomReadyBackground".concat(e," ").concat(h["".concat(e,"Ready")]&&"waiting"===h.state||h.nextTeam===e&&"ongoing"===h.state?"active":"")}))},ce={blue:"Blue",red:"Red",ban:"Ban",pick:"Pick"},re=function(e){return c.a.createElement("div",{className:"roomBanRow ".concat(e)},(h["".concat(e,"Bans")]||[]).concat(ae).slice(0,5).map(function(e){return d[e]||{id:e.toString()}}).map(function(t,n){return c.a.createElement("div",{className:"banChampContainer"},c.a.createElement("img",{alt:t.name,src:"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'></svg>"}),"normal"===a.bansPosition?ee(t,"banChamp",h.nextTeam===e&&h["".concat(e,"Bans")].length===n+1&&"ban"===h.nextType,$("".concat(e,"Bans"),n)):function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return c.a.createElement("div",{key:e.id,className:"".concat(t," champSquareSmall"),onDragStart:function(e){return e.preventDefault()}},c.a.createElement("div",{className:"champImageWrapper"},c.a.createElement("div",{className:"banChamp","data-id":null!=e.key?e.key:-1,style:{backgroundImage:n?"url(/disabled.png)":"url(".concat(Q(e),")")}})),a?c.a.createElement("div",{className:"champHighlight"}):c.a.createElement(c.a.Fragment,null))}(t,"wrapper",h.nextTeam===e&&h["".concat(e,"Bans")].length===n+1&&"ban"===h.nextType,$("".concat(e,"Bans"),n)))}))},oe=function(e){return c.a.createElement("div",{className:"roomPickColumn ".concat(e)},(h["".concat(e,"Picks")]||[]).concat(ae).slice(0,5).map(function(e){return d[e]||{id:e.toString()}}).map(function(t,a){return te(t,"pickChamp",h.nextTeam===e&&h["".concat(e,"Picks")].length===a+1&&"pick"===h.nextType,$("".concat(e,"Picks"),a))}))};return d&&p?c.a.createElement("div",{className:"roomContainer ".concat("tournamentRealm"===a.bansPosition?"bansTournament":"")},function(){return c.a.createElement("div",{className:"roomTimerBar",onClick:X},ne("blue"),"ongoing"===h.state?c.a.createElement("div",{className:"roomTimerContainer"},c.a.createElement("p",{className:"roomTimer"},(e=T/1e3,Math.trunc(e))),c.a.createElement("p",{className:"roomTimerSubtext"},ce[h.nextTeam]," ",ce[h.nextType])):c.a.createElement(c.a.Fragment,null),ne("red"));var e}(),oe("blue"),oe("red"),re("blue"),re("red"),c.a.createElement(R,{version:t,isChampDisabled:function(e){return[].concat(h.bluePicks||[],h.redPicks||[],h.blueBans||[],h.redBans||[],h.disabledChamps||[]).some(function(t){return t===e})},onChampSelected:function(e){H({type:"choosechampion",chosenChamp:e.id}),V(e)}}),function(){switch(h.state){case"waiting":return"blue"===O?c.a.createElement("div",{className:"roomLock ".concat(h.blueReady?"":"active"),onClick:X,onDragStart:function(e){return e.preventDefault()}},h.blueReady?"Waiting...":"Ready"):"red"===O?c.a.createElement("div",{className:"roomLock ".concat(h.redReady?"":"active"),onClick:X},h.redReady?"Waiting...":"Ready"):c.a.createElement("div",{className:"roomLock "},"Waiting... ");case"ongoing":return c.a.createElement("div",{className:"roomLock ".concat(h.nextTeam===O?"active":""),onClick:G},h.nextTeam===O?"Lock":"Waiting...");default:return c.a.createElement("div",{className:"roomLock "}," Finished ")}}()):c.a.createElement("div",null)},M=function(){var e=Object(n.useState)(void 0),t=Object(i.a)(e,2),a=t[0],c=t[1];return Object(n.useEffect)(function(){Object(v.a)(h.a.mark(function e(){return h.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.t0=c,e.next=3,fetch("https://ddragon.leagueoflegends.com/api/versions.json");case 3:return e.next=5,e.sent.json();case 5:e.t1=e.sent[0],(0,e.t0)(e.t1);case 7:case"end":return e.stop()}},e)}))()},[]),a},J=function(){var e=Object(s.g)(),t=Object(n.useState)(!1),a=Object(i.a)(t,2),r=a[0],o=a[1],u=Object(n.createRef)(),d=Object(n.createRef)(),p=Object(n.createRef)(),f=Object(n.createRef)(),h=Object(n.useState)(),v=Object(i.a)(h,2),k=v[0],E=v[1],y=Object(n.useState)(),O=Object(i.a)(y,2),C=O[0],N=O[1],S=function(){return"".concat(window.location.protocol,"//").concat(window.location.host)},j=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return"".concat(t?"":S(),"/").concat(e.roomId,"/").concat(e.bluePassword)},x=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return"".concat(t?"":S(),"/").concat(e.roomId,"/").concat(e.redPassword)},P=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return"".concat(t?"":S(),"/").concat(e.roomId)},B=function(){return"Blue pick: ".concat(j(),"\t\t\t\nRed pick: ").concat(x(),"\t\t\t\nSpectator: ").concat(P())},R=m()(g,{onOpen:function(){R({type:"joinroom",roomId:e.roomId,password:e.adminPassword})},onMessage:function(e){var t=JSON.parse(e.data);"statechange"===t.type?E(t.newState):"adminstats"===t.type?N(t):t.type},shouldReconnect:function(){return!0}}).sendJsonMessage,I=function(e){return function(){R({type:"cyclepicker",side:e})}},F=function(e){return e.target.select()};return c.a.createElement("div",{className:"createContainer"},c.a.createElement("div",null,c.a.createElement("div",{className:"outputContainer"},c.a.createElement(l.b,{className:"outputButton outputButtonCenter",to:function(){var e={t:k&&k.disabledTurns,c:k&&k.disabledChamps,p:k&&k.timePerPick,b:k&&k.timePerBan};e.t&&0===e.t.length&&delete e.t,e.c&&0===e.c.length&&delete e.c,e.p===T&&delete e.p,e.b===D&&delete e.b;var t=b.a.encode(JSON.stringify(e));return 0===Object.keys(e).length?"/":"/?opts=".concat(t)}(),target:"_blank"},"New draft")),c.a.createElement("label",null,"Blue"),c.a.createElement("div",{className:"outputContainer"},c.a.createElement("input",{ref:u,className:"inputBlue",type:"text",value:j(),readOnly:!0,onFocus:F}),c.a.createElement(l.b,{className:"outputButton",to:j(!0),target:"_blank"},"Open"),c.a.createElement("div",{className:"outputButton",onClick:w(u)},"Copy")),c.a.createElement("label",null,"Red"),c.a.createElement("div",{className:"outputContainer"},c.a.createElement("input",{ref:d,className:"inputRed",type:"text",value:x(),readOnly:!0,onFocus:F}),c.a.createElement(l.b,{className:"outputButton",to:x(!0),target:"_blank"},"Open"),c.a.createElement("div",{className:"outputButton",onClick:w(d)},"Copy")),c.a.createElement("label",null,"Spectator"),c.a.createElement("div",{className:"outputContainer"},c.a.createElement("input",{ref:p,className:"",type:"text",value:P(),readOnly:!0,onFocus:F}),c.a.createElement(l.b,{className:"outputButton",to:P(!0),target:"_blank"},"Open"),c.a.createElement("div",{className:"outputButton",onClick:w(p)},"Copy")),void 0===navigator.clipboard?c.a.createElement("label",null,"All"):c.a.createElement("label",null),c.a.createElement("div",{className:"outputContainer"},void 0===navigator.clipboard?c.a.createElement("input",{ref:f,type:"text",value:B(),readOnly:!0,onFocus:F}):c.a.createElement(c.a.Fragment,null),c.a.createElement("div",{className:"outputButton ".concat(void 0!==navigator.clipboard?"outputButtonCenter":""),onClick:function(){navigator.clipboard?navigator.clipboard.writeText(B()):(f.current&&f.current.select(),document.execCommand("copy"))}},"Copy All")),c.a.createElement("div",{className:"outputContainer"},c.a.createElement("div",{className:"advancedOptionsButton",onClick:function(){return o(function(e){return!e})}},"Adv options")),r&&c.a.createElement("div",{className:"outputContainer"},c.a.createElement("div",{className:"textContainer"},"Blue Pickers: ",C&&C.numBluePickers),c.a.createElement("div",{className:"outputButton inputBlue",onClick:I("blue")},"Cycle Blue"),c.a.createElement("div",{className:"textContainer"},"Red Pickers: ",C&&C.numRedPickers),c.a.createElement("div",{className:"outputButton inputRed",onClick:I("red")},"Cycle Red"),c.a.createElement("div",{className:"textContainer"},"Admins: ",C&&C.numAdminPickers),c.a.createElement("div",{className:"textContainer"},"Rest: ",C?C.numTotalPickers-(C.numBluePickers+C.numRedPickers+C.numAdminPickers):null))))},W={sideView:"large",bansPosition:"tournamentRealm",soundsEnabled:!0,version:"2"},z=function(e){return function(){e(function(e){return Object(u.a)({},e,{sideView:"small"===e.sideView?"large":"small"})})}},U=function(e){return function(){e(function(e){return Object(u.a)({},e,{soundsEnabled:!e.soundsEnabled})})}},A=function(e){var t=e.appSettings,a=e.appSettingsSetters,r=Object(n.useState)(!1),o=Object(i.a)(r,2),l=o[0],s=o[1];return c.a.createElement(c.a.Fragment,null,c.a.createElement("button",{type:"button",className:"burgerButton ".concat(l?"open":""),onClick:function(){return s(!l)}},c.a.createElement("div",null),c.a.createElement("div",null),c.a.createElement("div",null)),c.a.createElement("nav",{className:"burgerMenu ".concat(l?"open":"")},c.a.createElement("div",{onClick:a.cycleSideView},"Picks: ","large"===t.sideView?"large":"small"),c.a.createElement("div",{onClick:a.cycleBansView},"Bans:"," ","tournamentRealm"===t.bansPosition?"tournament":"normal"),c.a.createElement("div",{onClick:a.toggleSoundsEnabled},"Sounds: ",!0===t.soundsEnabled?"enabled":"disabled")))},V=function(e){var t=document.implementation.createHTMLDocument(""),a=document.createElement("style");return a.textContent=e,t.body.appendChild(a),a.sheet.cssRules},Y=/data-id/,_=/\.background/,Z=/\.ban/,q=/data-id="(\d+)"/,H="\n".concat(".champImage"," {\n    background-size: 241%;\n    background-position: 52% 28%;\n    background-repeat: no-repeat;\n}"),X="\n".concat(".banChamp"," {\n    background-size: 360%;\n    background-position-x: 51%;\n    background-position-y: 27%;\n    background-repeat: no-repeat;\n}"),G="\n".concat(".champImage",'[data-id="-1"] {\n    background-size: 100%;\n    background-position: 50%;\n}'),$="\n".concat(".banChamp",'[data-id="-1"] {\n    background: no-repeat;\n    background-size: cover;\n    background-position: 50%;\n    filter: grayscale(0) !important;\n}'),K=function(e){var t,a=q.exec(e.selectorText)[1],n=[];if(_.test(e.selectorText))t="".concat(".champImage",'[data-id="').concat(a,'"]'),e.style.backgroundPositionX&&n.push("background-position-x: ".concat(e.style.backgroundPositionX)),e.style.backgroundPositionY&&n.push("background-position-y: ".concat(e.style.backgroundPositionY)),e.style.backgroundSize&&n.push("background-size: ".concat(e.style.backgroundSize));else if(Z.test(e.selectorText)){if(t="".concat(".banChamp",'[data-id="').concat(a,'"]'),e.style.backgroundPositionX&&n.push("background-position-x: ".concat(e.style.backgroundPositionX)),e.style.backgroundPositionY&&n.push("background-position-y: ".concat(e.style.backgroundPositionY)),e.style.backgroundSize){var c=Number(e.style.backgroundSize.replace(/\w/,""));n.push("background-size: ".concat(c/10,"%"))}}else t='[data-id="'.concat(a,'"]'),e.style.transform&&n.push("transform: ".concat(e.style.transform));return"".concat(t," { ").concat(n.join(";")," }")},Q=function(){Object(n.useEffect)(function(){Object(v.a)(h.a.mark(function e(){var t,a,n,c,r;return h.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-esports-spectate/global/default/rcp-fe-lol-esports-spectate.css");case 2:return e.next=4,e.sent.text();case 4:t=e.sent,a=V(t),(n=window.document.styleSheets[0]).insertRule(H,n.rules.length),n.insertRule(X,n.rules.length),n.insertRule(G,n.rules.length),n.insertRule($,n.rules.length),c=0;case 12:if(!(c<a.length)){e.next=20;break}if((r=a[c])instanceof CSSStyleRule){e.next=16;break}return e.abrupt("continue",17);case 16:Y.test(r.selectorText)&&n.insertRule(K(r),n.cssRules.length);case 17:c++,e.next=12;break;case 20:console.log(n.rules);case 21:case"end":return e.stop()}},e)}))()},[])},ee=function(){Q();var e=M(),t=function(){var e,t=Object(n.useState)(function(){var e=localStorage.getItem("draftlol-app-settings");if(null!==e)try{return JSON.parse(e).version!==W.version?W:Object(u.a)({},W,JSON.parse(e))}catch(t){}return W}),a=Object(i.a)(t,2),c=a[0],r=a[1];return[c,{cycleBansView:(e=r,function(){e(function(e){return Object(u.a)({},e,{bansPosition:"normal"===e.bansPosition?"tournamentRealm":"normal"})})}),cycleSideView:z(r),toggleSoundsEnabled:U(r)}]}(),a=Object(i.a)(t,2),r=a[0],o=a[1];return Object(n.useEffect)(function(){localStorage.setItem("draftlol-app-settings",JSON.stringify(r))},[r]),e?c.a.createElement(c.a.Fragment,null,c.a.createElement(l.a,null,c.a.createElement(s.d,null,c.a.createElement(s.b,{path:"/champs"},c.a.createElement(R,{version:e,onChampSelected:function(){},isChampDisabled:function(){return!1}})),c.a.createElement(s.b,{path:"/:roomId/:adminPassword/:bluePassword/:redPassword"},c.a.createElement(J,null)),c.a.createElement(s.b,{path:"/:id/:password"},c.a.createElement(L,{version:e,appSettings:r})),c.a.createElement(s.b,{path:"/:id"},c.a.createElement(L,{version:e,appSettings:r})),c.a.createElement(s.b,{path:"/"},c.a.createElement(I,{version:e})))),c.a.createElement(A,{appSettings:r,appSettingsSetters:o})):c.a.createElement(l.a,null)};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(c.a.createElement(ee,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}},[[30,1,2]]]);