(this.webpackJsonpngsplanner=this.webpackJsonpngsplanner||[]).push([[0],{138:function(e,t){},140:function(e,t){},150:function(e,t,a){"use strict";a.r(t);var i=a(1),c=a.n(i),s=a(36),n=a.n(s),l=(a(77),a(11)),r=a(6),j=a(19),d=a(2),b=(a(78),a(79),a(37)),o=a.n(b),h=a(16),u=a(154),O=a(155),g=a(156),x=a(157),m=a(158),p=a(12),f=a(0);function S(e){var t=Object(i.useRef)(null),a=Object(i.useState)(0),c=Object(d.a)(a,2),s=c[0],n=c[1],r=Object(i.useState)(0),j=Object(d.a)(r,2),b=j[0],o=j[1];return Object(i.useEffect)((function(){n(e.gridSizeX*e.gridDimensionsX+e.gridPaddingX*(e.gridDimensionsX-1)),o(e.gridSizeY*Math.ceil(e.gridDimensionsY/2)+e.halflineheight*Math.ceil((e.gridDimensionsY-1)/2)+e.gridPaddingY*(e.gridDimensionsY-1))}),[e.halflineheight,e.skillLines,e.gridSizeX,e.gridSizeY,e.gridPaddingX,e.gridPaddingY,e.gridDimensionsX,e.gridDimensionsY]),Object(i.useEffect)((function(){var a=t.current.getContext("2d");a.clearRect(0,0,s,b),a.fillStyle="rgba(100,100,100,0.5)",a.strokeStyle=e.strokeStyle,a.lineWidth=e.lineWidth,a.setLineDash(e.lineDash);var i,c=0,n=Object(l.a)(e.skillLines);try{for(n.s();!(i=n.n()).done;){var r,j=i.value,d=0,o=Object(l.a)(j.split(""));try{for(o.s();!(r=o.n()).done;){var h=r.value,u=0!==d?e.gridPaddingX*d:0,O=0!==c?e.gridPaddingY*c:0;switch(h){case"\u2500":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2502":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2514":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u250c":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2518":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2510":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u251c":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke(),a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2524":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke(),a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u252c":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke(),a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2534":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke(),a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u253c":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u25a1":a.clearRect(d*e.gridSizeX+u,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O,e.gridSizeX,c%2===1?e.halflineheight:e.gridSizeY),a.fillRect(d*e.gridSizeX+u,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O,e.gridSizeX,c%2===1?e.halflineheight:e.gridSizeY)}d++}}catch(g){o.e(g)}finally{o.f()}c++}}catch(g){n.e(g)}finally{n.f()}}),[s,b,e.gridSizeX,e.gridSizeY,e.gridPaddingX,e.gridPaddingY,e.lineDash,e.lineWidth,e.skillLines,e.strokeStyle,e.halflineheight]),Object(f.jsx)("canvas",{width:s,height:b,ref:t,style:e.style,className:e.className,children:e.children})}function v(e){var t=e.GetData,a=Object(i.useState)([]),c=Object(d.a)(a,2),s=c[0],n=c[1];return Object(i.useEffect)((function(){n(t("class_skill"))}),[e.cl,t]),Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("select",{onChange:function(t){e.callback(t.currentTarget.value,Number(e.x),Number(e.y))},style:{position:"absolute",left:e.ADJUSTMENT[0]+(e.x*e.gridSizeX+e.padX+e.gridSizeX/2),top:e.ADJUSTMENT[1]+(e.y/2*e.gridSizeY+(e.y/2-1)*e.halflineheight+e.padY+(0===e.y?e.halflineheight:e.gridSizeY)/2)},value:e.defaultValue,children:[" ","\u2500","\u2502","\u25a1","\u250c","\u2514","\u2510","\u2518","\u252c","\u2534","\u251c","\u2524","\u253c"].map((function(e){return Object(f.jsx)("option",{value:e,children:e},e)}))}),"\u25a1"===e.defaultValue&&Object(f.jsx)("select",{style:{width:"64px",position:"absolute",left:e.ADJUSTMENT[0]+(e.x*e.gridSizeX+e.padX+e.gridSizeX/2),top:e.ADJUSTMENT[1]+(e.y/2*e.gridSizeY+(e.y/2-1)*e.halflineheight+e.padY+(0===e.y?e.halflineheight:e.gridSizeY)/2)+28},onChange:function(t){e.skillCallback(e.x,e.y,t.currentTarget.value)},value:e.skill.split(",")[2],children:[""].concat(Object(p.a)(Object.keys(s).filter((function(t){return s[t].class_id===e.cl})))).map((function(e){return Object(f.jsx)("option",{value:s[e]?s[e].id:"",children:s[e]?s[e].name:""},e)}))})]})}var N=a(25),k=a.n(N);function y(e){var t,a,s=e.GetData,n=Object(i.useMemo)((function(){return[-32,32]}),[]),l=Object(i.useState)(!0),r=Object(d.a)(l,2),j=r[0],b=r[1],o=Object(i.useState)({}),h=Object(d.a)(o,2),u=h[0],O=h[1],g=Object(i.useState)({}),x=Object(d.a)(g,2),m=x[0],N=x[1],y=Object(i.useState)(-1),D=Object(d.a)(y,2),C=D[0],E=D[1],P=Object(i.useState)("#000000"),z=Object(d.a)(P,2),T=z[0],M=z[1],A=Object(i.useState)(3),Y=Object(d.a)(A,2),X=Y[0],_=Y[1],F=Object(i.useState)(6),w=Object(d.a)(F,2),R=w[0],G=w[1],L=Object(i.useState)(6),B=Object(d.a)(L,2),I=B[0],U=B[1],W=Object(i.useState)(80),H=Object(d.a)(W,2),K=H[0],q=H[1],V=Object(i.useState)(60),J=Object(d.a)(V,2),Q=J[0],Z=J[1],$=Object(i.useState)(10),ee=Object(d.a)($,2),te=ee[0],ae=ee[1],ie=Object(i.useState)(10),ce=Object(d.a)(ie,2),se=ce[0],ne=ce[1],le=Object(i.useState)([]),re=Object(d.a)(le,2),je=re[0],de=re[1],be=Object(i.useState)([]),oe=Object(d.a)(be,2),he=oe[0],ue=oe[1],Oe=Object(i.useState)([]),ge=Object(d.a)(Oe,2),xe=ge[0],me=ge[1],pe=Object(i.useState)([]),fe=Object(d.a)(pe,2),Se=fe[0],ve=fe[1],Ne=Object(i.useState)(""),ke=Object(d.a)(Ne,2),ye=ke[0],De=ke[1],Ce=Object(i.useState)(!1),Ee=Object(d.a)(Ce,2),Pe=Ee[0],ze=Ee[1],Te=Object(i.useState)(60),Me=Object(d.a)(Te,2),Ae=Me[0],Ye=Me[1],Xe=Object(i.useCallback)((function(e,t){var a=Se.filter((function(a){return Number(a.split(",")[0])===Number(e)&&Number(a.split(",")[1])===Number(t)}));return a.length>0?a[0]:""}),[Se]);return Object(i.useEffect)((function(){O(s("class",void 0,void 0,!0)),N(s("skill_tree_data",void 0,void 0,!0))}),[s]),Object(i.useEffect)((function(){for(var e=!1,t=0,a=Object.keys(m);t<a.length;t++){var i=a[t];if(Number(m[i].class_id)===Number(C)){var c,s,n=null===(c=m[i].data)||void 0===c?void 0:c.split(","),l=null===(s=m[i].skill_data)||void 0===s?void 0:s.split(";");ue(n),ve(l),G(n[0].length),U(n.length),M(m[i].line_color),_(m[i].line_width),q(m[i].gridsizex),Z(m[i].gridsizey),ae(m[i].gridpaddingx),ne(m[i].gridpaddingy),Ye(m[i].halflineheight),e=!0}}e||(ue([]),ve([]),G(6),U(6))}),[m,C]),Object(i.useEffect)((function(){j&&(E(Number(Object.keys(u)[0])),b(!1))}),[u,j]),Object(i.useEffect)((function(){for(var e=Object(p.a)(he);e.length<I;)e.push(" ".repeat(R));for(var t=0;t<e.length;t++)e[t].length<R&&(e[t]+=" ".repeat(R-e[t].length));me(e)}),[R,I,he]),Object(i.useEffect)((function(){for(var e=[],t=0;t<xe.length;t++)for(var a=0;a<xe[t].length;a++){var i=0!==a?te*a:0,c=0!==t?se*t:0;t<I&&a<R&&e.push(Object(f.jsx)(v,{GetData:s,cl:Number(C),defaultValue:xe[t][a],callback:function(e,t,a){var i=Object(p.a)(xe),c=i[a].split(""),s=Object(p.a)(Se);if(c[t]=e,"\u25a1"!==e)for(var n in s){var l=s[n].split(",");if(Number(l[0])===Number(t)&&Number(l[1])===Number(a)){s[n]="",ve(s);break}}i[a]=c.join(""),ue(i)},skill:Xe(a,t),skillCallback:function(e,t,a){var i=Object(p.a)(Se),c=!1,s=e+","+t+","+a;for(var n in i){var l=i[n].split(",");if(Number(l[0])===Number(e)&&Number(l[1])===Number(t)){i[n]=s,c=!0;break}}c||i.push(s),ve(i)},ADJUSTMENT:n,x:a,y:t,gridSizeX:K,gridSizeY:Q,padX:i,padY:c,halflineheight:Ae}))}de(e)}),[xe,K,Q,te,se,C,I,R,Se,Ae,s,n,Xe]),Object(f.jsx)(f.Fragment,{children:Pe?Object(f.jsx)("img",{src:"/spinner.gif",alt:""}):Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("h2",{children:ye}),Object(f.jsx)("label",{htmlFor:"classSelect",children:"Class Select:"}),Object(f.jsxs)("select",{id:"classSelect",value:Number.isNaN(Number(C))?"?":C,onChange:function(e){E(Number(e.currentTarget.value))},children:[Object(f.jsx)("option",{value:""}),Object.keys(u).map((function(e){return Object(f.jsx)("option",{value:e,children:e+" - "+u[e].name},u[e].name)}))]}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),(null===(t=e.GetData("class",void 0,void 0,!0)[C])||void 0===t?void 0:t.name)&&Object(f.jsx)("button",{onClick:function(){ze(!0),k.a.post(e.BACKENDURL+"/saveskilltree",{pass:e.password,data:xe.slice(0,I).map((function(e){return e.slice(0,R)})).join(","),skill_data:Se.join(";"),line_color:T,line_width:X,gridsizex:K,gridsizey:Q,gridpaddingx:te,gridpaddingy:se,halflineheight:Ae,class_id:C}).then((function(t){"OK!"===t.data&&(De(Object(f.jsx)("span",{style:{color:"green"},children:"Successfully saved skill tree for "+e.GetData("class",void 0,void 0,!0)[C].name+"!"})),e.setUpdate(!0))})).catch((function(e){De(Object(f.jsx)("span",{style:{color:"red"},children:e.message}))})).then((function(){ze(!1)}))},children:"Save "+(null===(a=e.GetData("class",void 0,void 0,!0)[C])||void 0===a?void 0:a.name)+" Skill Tree"}),Object(f.jsxs)("div",{style:{width:"800px",position:"relative",left:"300px"},children:[Object(f.jsx)(S,{strokeStyle:T,lineWidth:X,lineDash:[],gridDimensionsX:R,gridDimensionsY:I,gridSizeX:K,gridSizeY:Q,gridPaddingX:te,gridPaddingY:se,skillLines:xe,halflineheight:Ae}),je.map((function(e,t){return Object(f.jsx)(c.a.Fragment,{children:e},t)})),Object(f.jsx)("br",{}),Object(f.jsx)("hr",{}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"lineColor",children:"Line Color:"}),Object(f.jsx)("input",{type:"color",id:"lineColor",value:T,onChange:function(e){M(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"lineWidth",children:"Line Width:"}),Object(f.jsx)("input",{type:"number",id:"lineWidth",value:X,onChange:function(e){_(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"gridSizeX",children:"Grid Size X:"}),Object(f.jsx)("input",{type:"number",id:"gridSizeX",value:R,onChange:function(e){G(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"gridSizeY",children:"Grid Size Y:"}),Object(f.jsx)("input",{type:"number",id:"gridSizeY",value:I,onChange:function(e){U(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"subrowHeight",children:"Sub-row Height:"}),Object(f.jsx)("input",{type:"number",id:"subrowHeight",value:Ae,onChange:function(e){Ye(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"boxSizeX",children:"Box Size X:"}),Object(f.jsx)("input",{type:"number",id:"boxSizeX",value:K,onChange:function(e){q(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"boxSizeY",children:"Box Size Y:"}),Object(f.jsx)("input",{type:"number",id:"boxSizeY",value:Q,onChange:function(e){Z(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"gridPaddingX",children:"Grid Padding X:"}),Object(f.jsx)("input",{type:"number",id:"gridPaddingX",value:te,onChange:function(e){ae(e.currentTarget.value)}}),Object(f.jsx)("br",{}),Object(f.jsx)("label",{htmlFor:"gridPaddingY",children:"Grid Padding Y:"}),Object(f.jsx)("input",{type:"number",id:"gridPaddingY",value:se,onChange:function(e){ne(e.currentTarget.value)}}),Object(f.jsx)("br",{})]})]})})}var D=a(4),C=a(20),E=a(39);var P=function(){return Object(f.jsx)("div",{className:"header",children:Object(f.jsx)("div",{children:Object(f.jsxs)("ul",{children:[Object(f.jsx)("li",{className:"logo",children:Object(f.jsxs)("a",{href:".",children:[Object(f.jsx)("img",{alt:"",src:"/icons/logo_sm.png"}),"\u2003NGS",Object(f.jsx)("span",{children:"planner.com"})]})}),Object(f.jsx)("li",{className:"headermenuitem",children:Object(f.jsx)("a",{href:".",children:"Build Planner"})}),Object(f.jsx)("li",{className:"headermenuitem",children:Object(f.jsx)("a",{href:".",children:"Guides"})}),Object(f.jsx)("li",{className:"headermenuitem",children:Object(f.jsx)("a",{href:".",children:"Blog"})}),Object(f.jsx)("li",{className:"headermenuitem",children:Object(f.jsx)("a",{href:".",children:"About"})})]})})})},z=a(38),T=a.n(z);function M(e){return e&&e.length>0?""+e:"/icons/nicodotpng.png.png"}var A=a(71);function Y(e){var t;return Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("span",{"data-tip":!0,"data-tip-disable":0===(null===(t=e.tooltip)||void 0===t?void 0:t.length),"data-for":e.id,children:e.children}),Object(f.jsx)(A.a,{id:e.id,className:"xTooltip",overridePosition:function(e,t,a,i){var c=e.left,s=e.top,n=document.documentElement;return c=Math.min(n.clientWidth-i.clientWidth,c),s=Math.min(n.clientHeight-i.clientHeight,s),c=Math.max(0,c),{top:s=Math.max(0,s),left:c}},children:e.tooltip})]})}function X(e){return Object(i.useEffect)((function(){var e=setTimeout((function(){document.getElementById("editBoxInput").focus(),document.getElementById("editBoxInput").select()}),100);return function(){clearTimeout(e)}}),[e.edit]),Object(f.jsx)("input",{id:"editBoxInput",type:e.type,max:"number"===e.type?20:void 0,min:"number"===e.type?1:void 0,onKeyDown:function(t){("Enter"===t.key||"Escape"===t.key)&&e.setEdit(!1)},maxLength:e.maxlength?e.maxlength:20,onBlur:function(){e.setEdit(!1)},value:e.value,onChange:function(t){t.currentTarget.value.length>0?e.setName(t.currentTarget.value):e.setName(e.originalName)}})}function _(e){var t=Object(i.useState)(!1),a=Object(d.a)(t,2),c=a[0],s=a[1];return Object(i.useEffect)((function(){e.callback&&e.callback()}),[c,e]),Object(f.jsx)(f.Fragment,{children:Object(f.jsx)("div",{className:c?"editBoxActive":"editBox",onClick:function(e){s(!0)},children:c?Object(f.jsx)(X,{edit:c,maxlength:e.maxlength,type:e.type,setEdit:s,originalName:e.data,setName:e.setData,value:e.data}):Object(f.jsxs)(f.Fragment,{children:[e.prefix,e.data]})})})}function F(e){return Object(f.jsx)("li",{onClick:function(){e.onPageChange&&e.onPageChange(e.pageName),e.setCurrentPage(e.page)},className:e.currentPage===e.page?"selected":"unselected",children:e.pageDisplay?e.pageDisplay[e.page-1]:e.pageName?e.pageName:e.page})}function w(e){for(var t=[],a=0;a<e.pages;a++)t.push(Object(f.jsx)(F,{onPageChange:e.onPageChange,pageDisplay:e.pageDisplay,pageName:e.pageNames?e.pageNames[a]:void 0,currentPage:e.currentPage,setCurrentPage:e.setCurrentPage,page:a+1}));return void 0!==e.children&&t.push(Object(f.jsx)("li",{className:"pageControlDetails",children:e.children})),t.length>0&&Object(f.jsx)("ul",{className:"boxmenu",children:t.map((function(e,t){return Object(f.jsx)(c.a.Fragment,{children:e},t)}))})}function R(e){var t=e.GetData("class"),a=t[e.name];return"no data"!==t?a?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("img",{alt:"",src:""+a.icon}),a.name]}):Object(f.jsx)(f.Fragment,{}):Object(f.jsx)(f.Fragment,{children:"-"})}function G(e){return Object(f.jsx)(f.Fragment,{children:Object(f.jsx)("div",{className:"editClass",onClick:function(){e.setClassNameSetter(e.editClass),e.setClassSelectWindowOpen(!0)},children:Object(f.jsx)(R,{GetData:e.GetData,name:e.name})})})}function L(e){return Object(f.jsx)(T.a,{ariaHideApp:!1,isOpen:e.modalOpen,onRequestClose:function(){e.setModalOpen(!1)},shouldFocusAfterRender:!0,shouldCloseOnOverlayClick:!0,shouldCloseOnEsc:!0,className:"modal",overlayClassName:"modalOverlay",children:Object(f.jsxs)("div",{className:"box boxModal",children:[Object(f.jsxs)("div",{className:"boxTitleBar",children:[Object(f.jsx)("h1",{children:e.title}),e.showCloseButton&&Object(f.jsx)("div",{className:"boxExit",onClick:function(){e.setModalOpen(!1)}})]}),Object(f.jsx)(w,{onPageChange:e.onPageChange,pages:e.pageNames?e.pageNames.length:0,pageNames:e.pageNames,currentPage:e.page,setCurrentPage:e.setPage}),e.children]})})}function B(e){var t=e.onModalOpen,a=Object(i.useState)([]),s=Object(d.a)(a,2),n=s[0],l=s[1],r=Object(i.useState)(1),j=Object(d.a)(r,2),b=j[0],o=j[1],h=Object(i.useState)(e.sortItems?e.sortItems[0]:""),u=Object(d.a)(h,2),O=u[0],g=u[1],x=Object(i.useState)(""),m=Object(d.a)(x,2),p=m[0],S=m[1];return Object(i.useEffect)((function(){e.dataFunction&&l(e.dataFunction())}),[e]),Object(i.useEffect)((function(){t&&t(o)}),[t]),Object(f.jsxs)(L,{page:b,setPage:o,modalOpen:e.modalOpen,setModalOpen:e.setModalOpen,showCloseButton:!0,title:e.title,pageNames:e.pageNames,filter:!0,onPageChange:e.onPageChange,children:[(e.sortItems||e.filter)&&Object(f.jsxs)("div",{className:"itemBar",children:[Object(f.jsx)("div",{className:"itemBarSort",children:e.sortItems&&Object(f.jsx)("select",{className:"itemBarForm",value:O,onChange:function(e){g(e.currentTarget.value)},children:e.sortItems.map((function(e){return Object(f.jsx)("option",{value:e,children:e},e)}))})}),Object(f.jsx)("div",{className:"itemBarFilter",children:e.filter?Object(f.jsx)("input",{className:"itemBarForm",type:"text",placeholder:"Filter",value:p,onChange:function(e){S(e.currentTarget.value)}}):Object(f.jsx)(f.Fragment,{})})]}),Object(f.jsx)("div",{className:"modalItemListContainer customScrollbar",children:Object(f.jsxs)("ul",{className:"itemlist",children:[e.filter?n.filter((function(t){return e.filterFunction(b,t)})).filter((function(t){return e.searchFieldFunction(p,t)})).sort((function(t,a){return e.sortOrderFunction(O,t,a)})).map((function(t,a){return Object(f.jsx)(c.a.Fragment,{children:e.displayFunction(t)},a)})):n.map((function(t,a){return Object(f.jsx)(c.a.Fragment,{children:e.displayFunction(t)},a)})),e.children]})})]})}function I(e){return Object(f.jsx)("span",Object(r.a)(Object(r.a)({},e),{},{className:"skillLeftButton"}))}function U(e){return Object(f.jsx)("span",Object(r.a)(Object(r.a)({},e),{},{className:"skillRightButton"}))}function W(e){var t=Object(i.useState)("Select Main Class"),a=Object(d.a)(t,2),c=a[0],s=a[1];return Object(i.useEffect)((function(){s(e.editClass?"Select Sub Class":"Select Main Class")}),[e.editClass]),Object(f.jsx)(B,{title:c,modalOpen:e.modalOpen,setModalOpen:e.setModalOpen,GetData:e.GetData,pageNames:["Main Class","Sub-Class"],onPageChange:function(t){"Main Class"===t?e.setEditClass(0):e.setEditClass(1)},onModalOpen:function(t){t(e.editClass?2:1)},dataFunction:function(){var t=e.GetData("class");return Object.keys(t)},displayFunction:function(t){return Object(f.jsxs)("li",{className:e.class===t?"treeListMain":e.subClass===t?"treeListSub":"",onClick:function(){0===e.editClass?(e.setClassName(t),e.setSubClassName(e.subClass===t?e.class:e.subClass)):(e.setSubClassName(t),e.setClassName(e.class===t?e.subClass:e.class)),e.setModalOpen(!1)},children:[Object(f.jsx)("img",{alt:"",src:M(e.GetData("class",t,"icon"))})," ",e.GetData("class",t,"name")]})}})}function H(e){var t;return void 0!==e[4]?(null===(t=e[4].special_name)||void 0===t?void 0:t.length)>0?e[4].special_name:e[1].name+" "+e[0].name:""}function K(e){return Object(f.jsxs)("div",{className:e.className,style:{gridArea:(t=Number(e.skill[0]),a=Number(e.skill[1]),String.fromCharCode(Number(t)+"a".charCodeAt(0))+(a/2+1))},children:[Object(f.jsx)("img",{className:"skillIcon",alt:"",src:M(e.GetData("class_skill",e.skill[2],"icon",!0))}),Object(f.jsx)("span",{className:"skillAllocated",children:(e.skillPointData[e.page-1][e.boxId]?e.skillPointData[e.page-1][e.boxId]:0)+"/"+e.maxPoints}),Object(f.jsx)("em",{className:"skillName",children:"string"===typeof e.GetData("class_skill",e.skill[2],"name",!0)&&e.GetData("class_skill",e.skill[2],"name",!0)}),Object(f.jsxs)("div",{className:"skillButtons",children:[Object(f.jsx)(I,{onClick:function(){var t=Object(p.a)(e.points),a=Object(r.a)({},e.skillPointData);a[e.page-1]||(a[e.page-1]={}),a[e.page-1][e.boxId]||(a[e.page-1][e.boxId]=0),a[e.page-1][e.boxId]>0&&(t[e.page-1]-=1,a[e.page-1][e.boxId]-=1,e.setPoints(t),e.setSkillPointData(a))}}),Object(f.jsx)(U,{onClick:function(){var t=Object(p.a)(e.points),a=Object(r.a)({},e.skillPointData);a[e.page-1]||(a[e.page-1]={}),a[e.page-1][e.boxId]||(a[e.page-1][e.boxId]=0),a[e.page-1][e.boxId]<e.maxPoints&&(t[e.page-1]+=1,a[e.page-1][e.boxId]+=1,e.setPoints(t),e.setSkillPointData(a))}})]})]});var t,a}function q(e){function t(t){for(var a=Object.keys(e.GetData("class_skill_data")),i=0,c=0;c<a.length;c++){var s=e.GetData("class_skill_data",a[c]);s&&Number(s.class_skill_id)===Number(t)&&s.level>i&&(i=s.level)}return i}return Object(f.jsx)(f.Fragment,{children:e.skillTreeSkillData&&e.skillTreeSkillData.map((function(a,i){var c=a.split(",");return""!==c[0]&&""!==c[1]&&""!==c[2]&&Object(f.jsx)(K,{className:(c[2],e.skillPointData[e.page-1][c[0]+"_"+c[1]]===t(c[2])?"skillMaxed":e.skillPointData[e.page-1][c[0]+"_"+c[1]]>0?"skillActive":""),boxId:c[0]+"_"+c[1],skillPointData:e.skillPointData,setSkillPointData:e.setSkillPointData,page:e.page,cl:e.cl,maxPoints:t(c[2]),points:e.points,setPoints:e.setPoints,GetData:e.GetData,skill:c.map((function(e){return Number(e)}))},i)}))})}function V(e){var t=e.GetData,a=Object(i.useState)([]),c=Object(d.a)(a,2),s=c[0],n=c[1],r=Object(i.useState)([]),j=Object(d.a)(r,2),b=j[0],o=j[1],h=Object(i.useState)(""),u=Object(d.a)(h,2),O=u[0],g=u[1],x=Object(i.useState)(3),m=Object(d.a)(x,2),p=m[0],v=m[1],N=Object(i.useState)(6),k=Object(d.a)(N,2),y=k[0],D=k[1],C=Object(i.useState)(6),E=Object(d.a)(C,2),P=E[0],z=E[1],T=Object(i.useState)(171),M=Object(d.a)(T,2),A=M[0],Y=M[1],X=Object(i.useState)(148),_=Object(d.a)(X,2),F=_[0],w=_[1],R=Object(i.useState)(10),G=Object(d.a)(R,2),L=G[0],B=G[1],I=Object(i.useState)(48),U=Object(d.a)(I,2),W=U[0],H=U[1],K=Object(i.useState)(60),V=Object(d.a)(K,2),J=V[0],Q=V[1];return Object(i.useEffect)((function(){if(Object.keys(t("skill_tree_data")).length>1){var a,i=Object(l.a)(t("skill_tree_data"));try{for(i.s();!(a=i.n()).done;){var c=a.value;if(c.class_id===t("class",e.cl,"id")){var s=c.data.split(","),r=c.skill_data.split(";");n(s),o(r),g(c.line_color),v(c.line_width),D(s[0].length),z(s.length),Y(c.gridsizex),w(c.gridsizey),B(c.gridpaddingx),H(c.gridpaddingy),Q(c.halflineheight);break}}}catch(j){i.e(j)}finally{i.f()}}}),[e.cl,t]),Object(f.jsx)("div",{className:"skillTreeContainer customScrollbar",children:Object(f.jsxs)("div",{style:{position:"relative"},children:[Object(f.jsx)(S,{style:{position:"absolute"},strokeStyle:O,lineWidth:p,lineDash:[],gridDimensionsX:y,gridDimensionsY:P,gridSizeX:A,gridSizeY:F,gridPaddingX:L,gridPaddingY:W,skillLines:s,halflineheight:J}),Object(f.jsx)("div",{className:"skillTreeGrid",children:Object(f.jsx)(q,{skillPointData:e.skillPointData,setSkillPointData:e.setSkillPointData,page:e.page,points:e.points,cl:e.cl,setPoints:e.setPoints,GetData:e.GetData,skillTreeSkillData:b})})]})})}var J=function(e){var t,a,s=e.GetData,n=e.LOGGEDINUSER,l=e.BUILDID,r=e.BACKENDURL,j=e.setBUILDID,b=Object(i.useState)(1e3),o=Object(d.a)(b,2),h=o[0],u=o[1],O=Object(i.useState)(1e3),g=Object(d.a)(O,2),x=g[0],m=g[1],p=Object(i.useState)(1e3),S=Object(d.a)(p,2),v=S[0],N=S[1],y=Object(i.useState)(1e3),D=Object(d.a)(y,2),C=D[0],E=D[1],P=Object(i.useState)(1e3),z=Object(d.a)(P,2),A=z[0],X=z[1],F=Object(i.useState)("Player"),R=Object(d.a)(F,2),L=R[0],I=R[1],U=Object(i.useState)("Character"),K=Object(d.a)(U,2),q=K[0],J=K[1],Q=Object(i.useState)("Ranger"),Z=Object(d.a)(Q,2),$=Z[0],ee=Z[1],te=Object(i.useState)("Force"),ae=Object(d.a)(te,2),ie=ae[0],ce=ae[1],se=Object(i.useState)(20),ne=Object(d.a)(se,2),le=ne[0],re=ne[1],je=Object(i.useState)(20),de=Object(d.a)(je,2),be=de[0],oe=de[1],he=Object(i.useState)(1),ue=Object(d.a)(he,2),Oe=ue[0],ge=ue[1],xe=Object(i.useState)(1),me=Object(d.a)(xe,2),pe=me[0],fe=me[1],Se=Object(i.useState)(1),ve=Object(d.a)(Se,2),Ne=ve[0],ke=ve[1],ye=Object(i.useState)(!1),De=Object(d.a)(ye,2),Ce=De[0],Ee=De[1],Pe=Object(i.useState)(!1),ze=Object(d.a)(Pe,2),Te=ze[0],Me=ze[1],Ae=Object(i.useState)(!1),Ye=Object(d.a)(Ae,2),Xe=Ye[0],_e=Ye[1],Fe=Object(i.useState)(1),we=Object(d.a)(Fe,2),Re=we[0],Ge=we[1],Le=Object(i.useState)(!1),Be=Object(d.a)(Le,2),Ie=Be[0],Ue=Be[1],We=Object(i.useState)(!1),He=Object(d.a)(We,2),Ke=He[0],qe=He[1],Ve=Object(i.useState)([]),Je=Object(d.a)(Ve,2),Qe=Je[0],Ze=Je[1],$e=Object(i.useState)([]),et=Object(d.a)($e,2),tt=et[0],at=et[1],it=Object(i.useState)([]),ct=Object(d.a)(it,2),st=ct[0],nt=ct[1],lt=Object(i.useState)([]),rt=Object(d.a)(lt,2),jt=rt[0],dt=rt[1],bt=Object(i.useState)(1),ot=Object(d.a)(bt,2),ht=ot[0],ut=ot[1],Ot=Object(i.useState)(0),gt=Object(d.a)(Ot,2),xt=gt[0],mt=gt[1],pt=Object(i.useState)([]),ft=Object(d.a)(pt,2),St=ft[0],vt=ft[1],Nt=Object(i.useState)({}),kt=Object(d.a)(Nt,2),yt=kt[0],Dt=kt[1];function Ct(e){return void 0!==e&&void 0!==e.rarity?" r"+e.rarity:""}return Object(i.useEffect)((function(){console.log(yt)}),[yt]),Object(i.useEffect)((function(){e.bp>1e3?(u(3e3),m(3e3),N(3e3),E(3e3),X(3e3)):(u(1e3),m(1e3),N(1e3),E(1e3),X(1e3))}),[e.bp]),Object(i.useEffect)((function(){for(var e=Object.keys(s("class")),t=[],a=[],i=0;i<e.length;i++)t.push(0),a.push([]),e[i]===$&&Ge(i+1);vt(t),Dt(a)}),[$,s]),Object(f.jsxs)(f.Fragment,{children:[Object(f.jsxs)("div",{className:"main",children:[Object(f.jsxs)("div",{className:"containerA",children:[Object(f.jsxs)("div",{className:"box basicInfoBox",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Basic Information"})}),Object(f.jsxs)("div",{className:"basicInfo",children:[Object(f.jsx)("div",{style:{gridArea:"author"},children:Object(f.jsx)("span",{children:"Author"})}),Object(f.jsx)("div",{style:{gridArea:"player",textAlign:"right"},children:Object(f.jsx)(_,{setData:I,data:L})}),Object(f.jsx)("div",{style:{gridArea:"build"},children:Object(f.jsx)("span",{children:"Build Name"})}),Object(f.jsx)("div",{style:{gridArea:"character",textAlign:"right"},children:Object(f.jsx)(_,{setData:J,data:q})}),Object(f.jsx)("div",{style:{gridArea:"class"},onClick:function(){Me(!0)},children:Object(f.jsx)("span",{children:"Class"})}),Object(f.jsx)("div",{children:Object(f.jsx)(G,{editClass:0,setClassNameSetter:mt,GetData:e.GetData,setClassName:ee,name:$,setClassSelectWindowOpen:Me})}),Object(f.jsx)("div",{style:{textAlign:"right"},children:Object(f.jsx)(_,{prefix:"Lv.",setData:re,data:le,type:"number"})}),Object(f.jsx)("div",{style:{gridArea:"subClass"},onClick:function(){_e(!0)},children:Object(f.jsx)("span",{children:"Sub-Class"})}),Object(f.jsx)("div",{children:Object(f.jsx)(G,{editClass:1,setClassNameSetter:mt,GetData:e.GetData,setClassName:ce,name:ie,setClassSelectWindowOpen:Me})}),Object(f.jsx)("div",{style:{textAlign:"right"},children:Object(f.jsx)(_,{prefix:"Lv.",setData:oe,data:be,type:"number"})})]}),Object(f.jsxs)("div",{className:"statsInfo",children:[Object(f.jsx)("div",{style:{gridArea:"bp"},children:Object(f.jsx)("span",{children:"Battle Power"})}),Object(f.jsx)("div",{children:e.bp}),Object(f.jsx)("div",{style:{gridArea:"bpGraph"},children:Object(f.jsx)("div",{className:"barGraph",children:Object(f.jsx)("span",{className:"barOverlay",style:{background:"linear-gradient(90deg,transparent 0% "+e.bp/h*100+"%,black "+e.bp/h*100+"%)"},children:"\xa0"})})}),Object(f.jsx)("div",{style:{gridArea:"hp"},children:Object(f.jsx)("span",{children:"HP"})}),Object(f.jsx)("div",{children:e.hp}),Object(f.jsx)("div",{style:{gridArea:"hpGraph"},children:Object(f.jsx)("div",{className:"barGraph",children:Object(f.jsx)("span",{className:"barOverlay",style:{background:"linear-gradient(90deg,transparent 0% "+e.hp/x*100+"%,black "+e.hp/x*100+"%)"},children:"\xa0"})})}),Object(f.jsx)("div",{style:{gridArea:"pp"},children:Object(f.jsx)("span",{children:"PP"})}),Object(f.jsx)("div",{children:e.pp}),Object(f.jsx)("div",{style:{gridArea:"ppGraph"},children:Object(f.jsx)("div",{className:"barGraph",children:Object(f.jsx)("span",{className:"barOverlay",style:{background:"linear-gradient(90deg,transparent 0% "+e.pp/v*100+"%,black "+e.pp/v*100+"%)"},children:"\xa0"})})}),Object(f.jsx)("div",{style:{gridArea:"atk"},children:Object(f.jsx)("span",{children:"Attack"})}),Object(f.jsx)("div",{children:e.statDisplayAtk}),Object(f.jsx)("div",{style:{gridArea:"atkGraph"},children:Object(f.jsx)("div",{className:"barGraph",children:Object(f.jsx)("span",{className:"barOverlay",style:{background:"linear-gradient(90deg,transparent 0% "+e.statDisplayAtk/C*100+"%,black "+e.statDisplayAtk/C*100+"%)"},children:"\xa0"})})}),Object(f.jsx)("div",{style:{gridArea:"def"},children:Object(f.jsx)("span",{children:"Defense"})}),Object(f.jsx)("div",{children:e.def}),Object(f.jsx)("div",{style:{gridArea:"defGraph"},children:Object(f.jsx)("div",{className:"barGraph",children:Object(f.jsx)("span",{className:"barOverlay",style:{background:"linear-gradient(90deg,transparent 0% "+e.def/A*100+"%,black "+e.def/A*100+"%)"},children:"\xa0"})})}),Object(f.jsx)("div",{style:{gridArea:"wepUp"},children:Object(f.jsx)("span",{children:"Weapon Up"})}),Object(f.jsxs)("div",{style:{gridArea:"wepUp2",color:"#ffb74c"},children:[Object(f.jsx)("img",{alt:"",src:"/icons/mel.png"})," +",(100*e.weaponUp1).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/tec.png"})," +",(100*e.weaponUp3).toFixed(1),"%"]}),Object(f.jsxs)("div",{style:{gridArea:"wepUp3",color:"#ffb74c"},children:[Object(f.jsx)("img",{alt:"",src:"/icons/rng.png"})," +",(100*e.weaponUp2).toFixed(1),"%"]}),Object(f.jsx)("div",{style:{gridArea:"res"},children:Object(f.jsx)("span",{children:"Ailment Resist."})}),Object(f.jsxs)("div",{style:{gridArea:"res2"},children:[Object(f.jsx)("img",{alt:"",src:"/icons/status/burn.png"})," ",(100*e.burnResist).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/status/shock.png"})," ",(100*e.shockResist).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/status/panic.png"})," ",(100*e.panicResist).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/status/stun.png"})," ",(100*e.stunResist).toFixed(1),"%",Object(f.jsx)("br",{})]}),Object(f.jsxs)("div",{style:{gridArea:"res3"},children:[Object(f.jsx)("img",{alt:"",src:"/icons/status/freeze.png"})," ",(100*e.freezeResist).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/status/blind.png"})," ",(100*e.blindResist).toFixed(1),"%",Object(f.jsx)("br",{}),Object(f.jsx)("img",{alt:"",src:"/icons/status/poison.png"})," ",(100*e.poisonResist).toFixed(1),"%",Object(f.jsx)("br",{})]}),Object(f.jsx)("div",{style:{gridArea:"dmgRes"},children:"Damage Resist."}),Object(f.jsxs)("div",{style:{gridArea:"dmgRes2"},children:[(100*e.damageResist).toFixed(1),"%"]}),Object(f.jsx)("button",{onClick:function(){!function(){var e,t,a={level:le,secondaryLevel:be,weaponBaseName:null===(e=Qe[1])||void 0===e?void 0:e.name,weaponType:null===(t=Qe[0])||void 0===t?void 0:t.name,armor1Name:null===tt||void 0===tt?void 0:tt.name,armor2Name:null===st||void 0===st?void 0:st.name,armor3Name:null===jt||void 0===jt?void 0:jt.name,points:St,skillPointData:yt};k.a.post(r+"/submitBuild",{id:l,username:n,creator:L,build_name:q,class1:$,class2:ie,data:JSON.stringify(a)}).then((function(e){j(e.data.id)}))}()},children:"Save"})]})]}),Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Current Effects"})}),Object(f.jsx)(w,{pages:2,currentPage:Oe,setCurrentPage:ge}),1===Oe?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("h3",{children:"Effect Name"}),Object(f.jsxs)("ul",{className:"infoBuffs",children:[Object(f.jsxs)("li",{onClick:function(){Ee(!0)},children:["Food Boost Effect",Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:[Object(f.jsx)("img",{alt:"",src:"https://i.imgur.com/TQ8EBW2.png"}),"\u2002[Meat] Potency +10.0%"]}),Object(f.jsxs)("li",{children:[Object(f.jsx)("img",{alt:"",src:"https://i.imgur.com/TQ8EBW2.png"}),"\u2002[Crisp] Potency to Weak Point +5.0%"]})]})]}),Object(f.jsxs)("li",{children:["Shifta / Deband",Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:[Object(f.jsx)("img",{alt:"",src:"https://i.imgur.com/VIYYNIm.png"}),"\u2002Potency +5.0%"]}),Object(f.jsxs)("li",{children:[Object(f.jsx)("img",{alt:"",src:"https://i.imgur.com/VIYYNIm.png"}),"\u2002Damage Resistance +10.0%"]})]})]}),Object(f.jsxs)("li",{children:["Region Mag Boost",Object(f.jsx)("ul",{children:Object(f.jsxs)("li",{children:[Object(f.jsx)("img",{alt:"",src:"https://i.imgur.com/N6M74Qr.png"}),"\u2002Potency +5.0%"]})})]})]})]}):Object(f.jsx)(f.Fragment,{})]})]}),Object(f.jsxs)("div",{className:"containerB",children:[Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Equip"})}),Object(f.jsxs)("div",{className:"equipPalette",children:[Object(f.jsxs)("div",{onClick:function(){Ue(!0)},className:"equipPaletteSlot",children:[Object(f.jsx)("h3",{children:"Weapons"}),Object(f.jsxs)("div",{className:"equipPaletteSlotWrapper"+Ct(Qe[1]),children:[Object(f.jsx)("span",{children:"1"}),Object(f.jsx)("img",{alt:"",className:"r4",src:M(null===(t=Qe[4])||void 0===t?void 0:t.icon)})]})]}),Object(f.jsxs)("div",{onClick:function(){ut(1),qe(!0)},className:"equipPaletteSlot"+Ct(tt),children:[Object(f.jsx)("h3",{children:"Armor 1"}),Object(f.jsx)("div",{className:"equipPaletteSlotWrapper",children:Object(f.jsx)("img",{alt:"",className:"r3",src:M(tt.icon)})})]}),Object(f.jsxs)("div",{onClick:function(){ut(2),qe(!0)},className:"equipPaletteSlot"+Ct(st),children:[Object(f.jsx)("h3",{children:"Armor 2"}),Object(f.jsx)("div",{className:"equipPaletteSlotWrapper",children:Object(f.jsx)("img",{alt:"",className:"r3",src:M(st.icon)})})]}),Object(f.jsxs)("div",{onClick:function(){ut(3),qe(!0)},className:"equipPaletteSlot"+Ct(jt),children:[Object(f.jsx)("h3",{children:"Armor 3"}),Object(f.jsx)("div",{className:"equipPaletteSlotWrapper",children:Object(f.jsx)("img",{alt:"",className:"r3",src:M(jt.icon)})})]})]})]}),Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Equipped Weapon"})}),Object(f.jsxs)("h2",{className:"rifle",children:[H(Qe),"+40"]}),Object(f.jsx)(w,{pages:3,currentPage:pe,setCurrentPage:fe,children:"Edit Details"}),1===pe?Object(f.jsx)(f.Fragment,{children:Object(f.jsxs)("div",{className:"itemDetailsGrid",children:[Object(f.jsx)("div",{className:"itemDetailsIcon"+Ct(Qe[1]),children:Object(f.jsx)("img",{alt:"",src:M(null===(a=Qe[4])||void 0===a?void 0:a.icon)})}),Object(f.jsxs)("div",{className:"itemDetailsProperties",children:["RARITY",Object(f.jsx)("br",{}),"ATTACK",Object(f.jsx)("br",{}),"ELEMENT",Object(f.jsx)("br",{}),"EQUIP CONDITIONS",Object(f.jsx)("br",{}),"NOT TRADABLE"]}),Object(f.jsx)("div",{className:"itemPotential",children:"POTENTIAL"}),Object(f.jsx)("div",{className:"itemPreset",children:"PRESET"}),Object(f.jsx)("div",{className:"itemDetailsAugment",children:"AUGMENT"})]})}):3===pe?Object(f.jsxs)("div",{className:"equipDetails",children:[Object(f.jsxs)("div",{className:"equipAugs",children:[Object(f.jsx)("h3",{children:"Ability Details"}),Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsxs)("span",{children:["Potency +20%/",Object(f.jsx)("br",{}),"Critical Hit Rage +15% for 30 seconds after a successful sidestep"]})]}),Object(f.jsx)("span",{className:"pot",children:"Dynamo Unit Lv.3"})]}),Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsx)("span",{children:"Potency +4%"})]}),Object(f.jsx)("span",{className:"fixa",children:"Fixa Attack Lv.3"})]}),Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsxs)("span",{children:["PP +5",Object(f.jsx)("br",{}),"Ranged Weapon Potency +2.0%"]})]}),Object(f.jsx)("span",{className:"aug",children:"Pettas Soul II"})]}),Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsxs)("span",{children:["HP -10, Potency +1.5%,",Object(f.jsx)("br",{}),"Potency Floor Increase +1.5%",Object(f.jsx)("br",{}),"Damage Resistance -1.5%"]})]}),Object(f.jsx)("span",{className:"aug",children:"Alts Secreta II"})]}),Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsxs)("span",{children:["HP +10",Object(f.jsx)("br",{}),"Ranged Weapon Potency +2.0%"]})]}),Object(f.jsx)("span",{className:"aug",children:"Gigas Precision II"})]}),Object(f.jsxs)("li",{children:[Object(f.jsxs)("div",{className:"equipAugsExpand tooltip",children:[Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"}),Object(f.jsx)("span",{children:"Ranged Weapon Potency +2.0%"})]}),Object(f.jsx)("span",{className:"aug",children:"Precision III"})]}),Object(f.jsx)("li",{children:Object(f.jsx)("img",{alt:"",src:"./icons/aug_plus.png"})})]})]}),Object(f.jsxs)("div",{className:"pr",children:[Object(f.jsx)("h3",{children:"Stat Adjustment"}),Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:["Enhancement Lv.\u2003",Object(f.jsx)("span",{children:"+35"})]}),Object(f.jsxs)("li",{children:["Multi-Weapon\u2003",Object(f.jsx)("span",{children:"-"})]}),Object(f.jsxs)("li",{children:["Element\u2003",Object(f.jsx)("span",{children:"-"})]})]})]})]}):Object(f.jsx)(f.Fragment,{children:"hi2"})]}),Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"To Do List"})}),Object(f.jsxs)("dl",{className:"toDoList",children:[Object(f.jsx)("dt",{children:"UI"}),Object(f.jsx)("dd",{className:"half",children:"Grids. Grids everywhere."}),Object(f.jsx)("dd",{children:'Finish "Item Details" for Weapons/Armor'}),Object(f.jsx)("dd",{className:"half",children:"Class Skill Window - Make it Scale"}),Object(f.jsx)("dd",{children:"PA Selector"}),Object(f.jsx)("dd",{children:"Food/Buffs Menu"}),Object(f.jsx)("dd",{className:"check",children:"Get all the fckn icons"}),Object(f.jsx)("dt",{children:"Functionality"}),Object(f.jsx)("dd",{children:"Food/Buffs Menu"}),Object(f.jsx)("dd",{children:"PA Selector"}),Object(f.jsx)("dd",{children:"fOrMuLaS"}),Object(f.jsx)("dt",{children:"Data"}),Object(f.jsx)("dd",{children:"PA Selector"}),Object(f.jsx)("dd",{children:"Skill Trees"})]})]})]}),Object(f.jsx)("div",{className:"containerC",children:Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Damage Stats"})}),Object(f.jsx)(w,{pages:3,currentPage:Ne,setCurrentPage:ke}),Object(f.jsx)("table",{children:Object(f.jsx)("tbody",{children:1===Ne?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical Hit Rate"}),Object(f.jsx)("td",{children:"5%"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical Multiplier"}),Object(f.jsx)("td",{children:"120%"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Midrange"}),Object(f.jsx)("td",{children:"126"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical"}),Object(f.jsx)("td",{children:"152"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Effective"}),Object(f.jsx)("td",{children:Object(f.jsx)("span",{className:"ye",children:"127"})})]})]}):Object(f.jsxs)(f.Fragment,{children:[Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical Hit Rate"}),Object(f.jsx)("td",{children:"-"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical Multiplier"}),Object(f.jsx)("td",{children:"-"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Midrange"}),Object(f.jsx)("td",{children:"-"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Critical"}),Object(f.jsx)("td",{children:"-"})]}),Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:"Effective"}),Object(f.jsx)("td",{children:Object(f.jsx)("span",{className:"ye",children:"-"})})]})]})})})]})})]}),Object(f.jsx)(W,{class:$,subClass:ie,setClassName:ee,setEditClass:mt,editClass:xt,setSubClassName:ce,modalOpen:Te,setModalOpen:Me,GetData:e.GetData}),Object(f.jsx)(T.a,{ariaHideApp:!1,isOpen:Xe,onRequestClose:function(){_e(!1)},shouldFocusAfterRender:!0,shouldCloseOnOverlayClick:!0,shouldCloseOnEsc:!0,className:"modal",overlayClassName:"modalOverlay",children:Object(f.jsxs)("div",{className:"box skillTreeBox",children:[Object(f.jsxs)("div",{className:"boxTitleBar",children:[Object(f.jsx)("h1",{children:"Class Skill Tree"}),Object(f.jsx)("div",{className:"boxExit",onClick:function(){_e(!1)}})]}),Object(f.jsx)(w,{pages:Object.keys(e.GetData("class")).length,pageNames:Object.keys(e.GetData("class")).map((function(e){return e})),pageDisplay:Object.keys(e.GetData("class")).map((function(t){return Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("img",{className:"boxMenuClassIcon",alt:"",src:e.GetData("class",t,"icon")})," ",t]})})),currentPage:Re,setCurrentPage:Ge}),Object(f.jsx)(V,{skillPointData:yt,setSkillPointData:Dt,page:Re,points:St,setPoints:vt,GetData:e.GetData,cl:Object.keys(e.GetData("class"))[Re-1]}),Object(f.jsxs)("div",{className:"skillPoints",children:[Object(f.jsxs)("div",{children:["Your Skill Points",Object(f.jsx)("span",{children:20-St[Re-1]})]}),Object(f.jsxs)("div",{children:["SP",Object(f.jsx)("span",{}),St[Re-1]]})]}),Object(f.jsxs)("div",{className:"skillConfirm",children:[Object(f.jsx)("span",{children:"Confirm"}),Object(f.jsx)("span",{children:"Cancel"})]})]})}),Object(f.jsx)(B,{title:"Weapon Selection",modalOpen:Ie,setModalOpen:Ue,GetData:e.GetData,pageNames:["All","Rifle","Launcher","Rod","Talis"],sortItems:["Standard Sort","Rarity","Attack","Potency"],filter:!0,dataFunction:function(){var t=e.GetData("weapon_existence_data");return Array.isArray(t)?t.map((function(t){var a=e.GetData("weapon_type",t.weapon_type_id,void 0,!0),i=e.GetData("weapon",t.weapon_id,void 0,!0),c=e.GetData("potential",i.potential_id,void 0,!0),s=e.GetData("potential_data"),n=[];for(var l in s)l.includes(c.name)&&n.push(e.GetData("potential_data",l));return[a,i,c,n,t]})):[]},filterFunction:function(e,t){switch(e){case 2:return"Assault Rifle"===t[0].name;case 3:return"Launcher"===t[0].name;case 4:return"Rod"===t[0].name;case 5:return"Talis"===t[0].name;default:return!0}},searchFieldFunction:function(e,t){return!(e.length>0)||(t[1].name.toLowerCase()+" "+t[0].name.toLowerCase()).includes(e.toLowerCase())},sortOrderFunction:function(e,t,a){switch(e){case"Rarity":return a[1].rarity-t[1].rarity;case"Attack":return a[1].atk-t[1].atk;default:return 0}},displayFunction:function(e){var t;return Object(f.jsxs)("li",{className:"itemwep r"+e[1].rarity,onClick:function(){Ze(e),Ue(!1)},children:[Object(f.jsxs)("div",{className:"itemWeaponWrapper",children:[Object(f.jsx)("img",{className:"itemimg",alt:"",src:M(null===(t=e[4])||void 0===t?void 0:t.icon)}),Object(f.jsx)("em",{className:"rifle",children:H(e)})]}),Object(f.jsx)("br",{}),Object(f.jsx)("span",{className:"atk",children:e[1].atk})," ",Object(f.jsx)(Y,{id:"mouseover-tooltip"+e[0].id+"_"+e[1].id+"_"+e[2].id+"_"+e[3].id,tooltip:Object(f.jsx)(f.Fragment,{children:e[3].map((function(e,t){return Object(f.jsxs)(c.a.Fragment,{children:[0!==t&&Object(f.jsx)("br",{}),e.name,": ",e.description?e.description.split("\\n").map((function(e,t){return Object(f.jsxs)(c.a.Fragment,{children:[e,Object(f.jsx)("br",{})," "]},t)})):Object(f.jsx)(c.a.Fragment,{},t)]},t)}))}),children:Object(f.jsx)("span",{className:"pot",children:e[2].name})})]})}}),Object(f.jsx)(B,{title:"Armor Selection - Slot "+ht,modalOpen:Ke,setModalOpen:qe,GetData:e.GetData,pageNames:[],sortItems:["Standard Sort","Rarity","HP","PP","Melee Potency","Range Potency","Tech Potency"],filter:!0,dataFunction:function(){var t=e.GetData("armor");return"object"===typeof t&&null!==t?Object.keys(t).map((function(e){return t[e]})):[]},filterFunction:function(e,t){return t.slot===ht},searchFieldFunction:function(e,t){return!(e.length>0)||t.name.toLowerCase().includes(e.toLowerCase())},sortOrderFunction:function(e,t,a){switch(e){case"Rarity":return a.rarity-t.rarity;case"HP":return a.hp-t.hp;case"PP":return a.pp-t.pp;case"Melee Potency":return a.mel_dmg-t.mel_dmg;case"Range Potency":return a.rng_dmg-t.rng_dmg;case"Tech Potency":return a.tec_dmg-t.tec_dmg;default:return 0}},displayFunction:function(e){return Object(f.jsxs)("li",{className:"itemwep r"+e.rarity,onClick:function(){switch(ht){case 1:at(e);break;case 2:nt(e);break;case 3:dt(e);break;default:at(e)}qe(!1)},children:[Object(f.jsxs)("div",{className:"itemWeaponWrapper",children:[Object(f.jsx)("img",{className:"itemimg",alt:"",src:M(null===e||void 0===e?void 0:e.icon)}),Object(f.jsx)("em",{className:"rifle",children:e.name})]}),Object(f.jsx)("br",{}),Object(f.jsx)("span",{className:"atk",children:e.def})]})}}),Object(f.jsx)(B,{className:"itemBox",title:"Food Menu",modalOpen:Ce,setModalOpen:Ee,GetData:e.GetData,children:Object(f.jsxs)("li",{className:"itemWrapper",children:[Object(f.jsx)("div",{className:"itemImgWrapper",children:Object(f.jsx)("img",{alt:"",src:M("icons/food/aelio_meat.png")})}),Object(f.jsx)("div",{className:"itemNameWrapper meat",children:"meet"}),Object(f.jsx)("div",{className:"itemRarityWrapper",children:Object(f.jsx)("img",{alt:"",src:M("icons/NGSUIRarity1Star.png")})}),Object(f.jsxs)("div",{className:"itemPropertiesWrapper",children:[Object(f.jsx)("span",{className:"atk",children:"9999"}),Object(f.jsx)("span",{class:"pot",children:"Indomitable Unit"})]}),Object(f.jsxs)("div",{className:"itemControlsWrapper",children:[Object(f.jsx)("span",{children:"-"}),Object(f.jsx)("span",{children:"0"}),Object(f.jsx)("span",{children:"+"})]})]})})]})},Q=a(27),Z=a.n(Q),$=a(25),ee=a(115),te=Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0}).REACT_APP_GITPOD_WORKSPACE_URL||Object({NODE_ENV:"production",PUBLIC_URL:"",WDS_SOCKET_HOST:void 0,WDS_SOCKET_PATH:void 0,WDS_SOCKET_PORT:void 0,FAST_REFRESH:!0}).REACT_APP_BACKENDURL||"https://projectdivar.com:4504",ae="NGS Planner";function ie(e){return te+(e.TESTMODE?"/test":"")}function ce(e){return Object(f.jsx)(f.Fragment,{children:Object(f.jsxs)("div",{className:"box",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:e.title})}),e.children]})})}function se(e){return Object(f.jsx)("span",{className:e.classes,children:e.children})}function ne(e){var t=Object(i.useState)(e.value),a=Object(d.a)(t,2),c=a[0],s=a[1],n=Object(i.useState)(!1),l=Object(d.a)(n,2),r=l[0],j=l[1],b=Object(i.useState)(!1),o=Object(d.a)(b,2),h=o[0],u=o[1];function O(t){s(t.currentTarget.value),e.callback4&&e.callback4(t.currentTarget.value)}function g(t){e.callback?(u(!0),j(!1),e.callback(t.currentTarget.value).then((function(){j(!1)})).catch((function(){j(!0)})).then((function(){u(!1)}))):e.callback3&&e.callback3(t.currentTarget.value)}function x(t){e.callback2&&e.callback2(t,c)}return e.data?Object(f.jsxs)("select",{disabled:e.lockSubmission,className:r?"failedInput":h?"submitting":"",value:c,onKeyDown:function(e){x(e)},onChange:function(e){O(e)},onBlur:function(e){g(e)},children:[e.includeBlankValue&&Object(f.jsx)("option",{}),e.data.map((function(e){return Object(f.jsxs)("option",{value:e.id,children:[e.id," - ",e.name||e.username]},e.id)}))]}):Object(f.jsx)("input",{disabled:e.lockSubmission,className:r?"failedInput":h?"submitting":"",value:c,onKeyDown:function(e){x(e)},onChange:function(e){O(e)},onBlur:function(e){g(e)}})}function le(e){var t={},a=e.TESTMODE;var s=Object(i.useState)([]),n=Object(d.a)(s,2),b=n[0],o=n[1],h=Object(i.useState)([]),g=Object(d.a)(h,2),x=g[0],m=g[1],p=Object(i.useState)(!1),S=Object(d.a)(p,2),v=S[0],N=S[1],k=Object(i.useReducer)((function(e,a){return"Clear"===a?t:(e[a.field]=a.value,e)}),t),y=Object(d.a)(k,2),D=y[0],C=y[1],E=Object(i.useState)(!1),P=Object(d.a)(E,2),z=P[0],T=P[1],M=Object(i.useState)([]),A=Object(d.a)(M,2),Y=A[0],X=A[1],_=Object(i.useState)(!1),F=Object(d.a)(_,2),w=F[0],R=F[1],G=Object(i.useState)(!1),L=Object(d.a)(G,2),B=L[0],I=L[1];return Object(i.useEffect)((function(){N(!0)}),[e.path,a]),Object(i.useEffect)((function(){var e,t=Object(l.a)(b);try{for(t.s();!(e=t.n()).done;){if("name"===e.value.name){R(!0);break}}}catch(a){t.e(a)}finally{t.f()}}),[b]),Object(i.useEffect)((function(){if(v){T(!0);var t={};$.get(e.BACKENDURL+e.path+"?pass="+e.password).then((function(a){var i=a.data.fields,c=a.data.rows;o(i.filter((function(e,t){return"id"!==e.name&&!(0===t&&"name"===e.name)})));var s=[];return i.filter((function(e){return"id"!==e.name&&e.name.includes("_id")})).forEach((function(a){s.push($.get(e.BACKENDURL+"/"+a.name.replace("_id","")+"?pass="+e.password).then((function(e){t[a.name]=e.data.rows.sort((function(e,t){return t.id-e.id}))})))})),m(c),Promise.allSettled(s)})).then((function(){X(t),T(!1)})),N(!1)}}),[v,e.path,e.BACKENDURL,e.password]),Object(f.jsx)(f.Fragment,{children:z?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Object(f.jsx)("img",{src:"/spinner.gif",alt:""})]}):Object(f.jsx)("div",{children:Object(f.jsxs)("table",{children:[w&&Object(f.jsxs)("caption",{children:[Object(f.jsx)("label",{className:"buttonLabel",htmlFor:"uploads",children:"Import CSV"}),Object(f.jsx)("input",{onChange:function(t){var a=new FileReader;a.onload=function(t){var a=[];ee(t.target.result,{columns:!0,skip_empty_lines:!0}).forEach((function(t){var i,c=Object(l.a)(b);try{for(c.s();!(i=c.n()).done;){var s=i.value;23!==s.dataTypeID&&701!==s.dataTypeID&&16!==s.dataTypeID||""!==t[s.name]||(t[s.name]=0)}}catch(n){c.e(n)}finally{c.f()}a.push($.post(e.BACKENDURL+e.path,Object(r.a)(Object(r.a)({},t),{},{pass:e.password})))})),Promise.allSettled(a).then((function(){N(!0)}))},a.readAsText(t.target.files[0])},style:{opacity:0},id:"uploads",type:"file",accept:".txt,.csv"})]}),Object(f.jsx)("thead",{children:Object(f.jsxs)("tr",{children:[Object(f.jsx)("th",{className:"table-padding",children:Object(f.jsx)(u.a,{onClick:function(){!function(){if(!B){I(!0);var t,a=[],i=Object(l.a)(x);try{for(i.s();!(t=i.n()).done;){var c=t.value;document.getElementById("delete_"+c.id).checked&&a.push($.delete(e.BACKENDURL+e.path,{data:{pass:e.password,id:c.id}}))}}catch(s){i.e(s)}finally{i.f()}Promise.allSettled(a).catch((function(e){alert(e.message)})).then((function(e){I(!1),N(!0)}))}}()},className:"trashButton"})}),b.map((function(e,t){return Object(f.jsx)(c.a.Fragment,{children:Object(f.jsx)("th",{scope:"col",className:"table-padding",children:e.name})},t)}))]})}),Object(f.jsxs)("tbody",{children:[Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{}),b.map((function(e,t){return Object(f.jsx)("td",{children:Object(f.jsx)(ne,{includeBlankValue:!0,data:Y[e.name],callback4:function(t){C({field:e.name,value:t})}})},t)})),Object(f.jsxs)("td",{children:[Object(f.jsx)("input",{style:{display:"none"}}),Object(f.jsx)(O.a,{onClick:function(){B||(I(!0),$.post(e.BACKENDURL+e.path,Object(r.a)(Object(r.a)({},D),{},{pass:e.password})).then((function(){C("Clear"),N(!0)})).catch((function(e){alert(JSON.stringify(e.response.data))})).then((function(){I(!1)})))},className:"submitbutton"})]})]}),x.map((function(t){return Object(f.jsxs)("tr",{children:[Object(f.jsx)("td",{children:Object(f.jsx)("input",{id:"delete_"+t.id,type:"checkbox"})}),b.map((function(a,i){return Object(f.jsx)("td",{className:"table-padding table",children:Object(f.jsx)(ne,{lockSubmission:B,data:Y[a.name],callback:function(i){return function(e,t,a,i){var c;return $.patch(t.BACKENDURL+t.path,(c={},Object(j.a)(c,a.name,"null"===e?null:e),Object(j.a)(c,"id",i.id),Object(j.a)(c,"pass",t.password),c))}(i,e,a,t)},callback2:function(e,t){if("Enter"!==e.key)return"Chill";e.currentTarget.blur()},value:String(t[a.name])})},t.id+"_"+i)}))]},t.id)}))]})]})})})}function re(e){var t=Object(i.useState)(!0),a=Object(d.a)(t,2),s=a[0],n=a[1],l=Object(i.useState)(Object(f.jsx)("span",{style:{color:"black"}})),r=Object(d.a)(l,2),j=r[0],b=r[1],o=Object(i.useState)([]),h=Object(d.a)(o,2),u=h[0],O=h[1],p=Object(i.useState)(!0),S=Object(d.a)(p,2),v=S[0],N=S[1];return Object(i.useEffect)((function(){v&&($.get(e.BACKENDURL+"/databases?pass="+e.password).then((function(e){O(e.data)})).catch((function(e){console.log(e.message)})).then((function(){n(!1)})),N(!1))}),[v,e.BACKENDURL,e.password]),Object(f.jsxs)(f.Fragment,{children:[s?Object(f.jsx)("img",{src:"/spinner.gif",alt:""}):Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("button",{className:"basichover",style:{backgroundColor:"navy"},onClick:function(){n(!0),b(Object(f.jsx)("span",{style:{color:"black"},children:"Uploading Test Database to Production..."})),$.post(e.BACKENDURL+"/databases/testtolive",{pass:e.password}).then((function(){b(Object(f.jsx)("span",{style:{color:"green"},children:"Success! Test Database is now live!"}))})).catch((function(e){b(Object(f.jsx)("span",{style:{color:"red"},children:e.message}))})).then((function(){n(!1)}))},children:"Apply TEST Database to LIVE Database"}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("button",{className:"basichover",style:{backgroundColor:"maroon"},onClick:function(){n(!0),b(Object(f.jsx)("span",{style:{color:"black"},children:"Restoring Test Database using Live Database..."})),$.post(e.BACKENDURL+"/databases/livetotest",{pass:e.password}).then((function(){b(Object(f.jsx)("span",{style:{color:"green"},children:"Success! Live Database has been applied to the Test Database!"}))})).catch((function(e){b(Object(f.jsx)("span",{style:{color:"red"},children:e.message}))})).then((function(){n(!1)}))},children:"Reset TEST database using current LIVE Database"}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("button",{className:"basichover",style:{backgroundColor:"darkgreen"},onClick:function(){n(!0),b(Object(f.jsx)("span",{style:{color:"black"},children:"Backing up the Live database..."})),$.post(e.BACKENDURL+"/databases/backup",{pass:e.password}).then((function(){b(Object(f.jsx)("span",{style:{color:"green"},children:"Success! Live Database has been saved!"}))})).catch((function(e){b(Object(f.jsx)("span",{style:{color:"red"},children:e.message}))})).then((function(){N(!0)}))},children:"Backup current LIVE Database"}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{})]}),j,Object(f.jsx)("hr",{}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("h2",{children:Object(f.jsx)("u",{children:"Current Databases"})}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsxs)("span",{style:{fontSize:"24px",top:"-16px",position:"relative",height:"64px",lineHeight:"64px",textAlign:"center"},children:[Object(f.jsx)(g.a,{className:"databaseIcon",style:{color:"green"}}),"Live Database"]}),"\xa0\xa0\xa0",Object(f.jsxs)("span",{style:{fontSize:"24px",top:"-16px",position:"relative",height:"64px",lineHeight:"64px",textAlign:"center"},children:[Object(f.jsx)(g.a,{className:"databaseIcon",style:{color:"red"}}),"Test Database"]}),Object(f.jsx)("br",{}),u.map((function(t,a){var i="";if("ngsplanner"!==t.datname&&"ngsplanner2"!==t.datname){var s=t.datname.replace("ngsplanner",""),l=new Date(s.slice(0,4),s.slice(4,6),s.slice(6,8),s.slice(8,10),s.slice(10,12),s.slice(12,14));return i=Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)(x.a,{className:"databaseIcon",style:{color:"blue"}}),"Backup from "+l]}),Object(f.jsxs)(c.a.Fragment,{children:[Object(f.jsxs)("span",{style:{fontSize:"24px",top:"-16px",position:"relative",height:"64px",lineHeight:"64px",textAlign:"center"},children:[i,Object(f.jsxs)("button",{style:{background:"blue"},onClick:function(){n(!0),$.post(e.BACKENDURL+"/databases/restorefrombackup",{database:t.datname,pass:e.password}).then((function(e){b(Object(f.jsx)("span",{style:{color:"green"},children:"Success! Database has been set to the state from "+l}))})).catch((function(e){b(Object(f.jsx)("span",{style:{color:"red"},children:e.message}))})).then((function(){n(!1)}))},children:[Object(f.jsx)(m.a,{})," Restore"]})]}),Object(f.jsx)("br",{})]},a)}return Object(f.jsx)(c.a.Fragment,{},a)}))]})}function je(e){var t=Object(i.useState)(!1),a=Object(d.a)(t,2),s=a[0],n=a[1],l=Object(i.useState)(""),r=Object(d.a)(l,2),j=r[0],b=r[1],u=[{page:"Class",url:"/admin/class",table:"/class"},{page:"Class Data",url:"/admin/classdata",table:"/class_level_data"},{page:"Class-Weapon Compatibility",url:"/admin/classweaponcompatibility",table:"/class_weapon_type_data"},{page:"Class Skills",url:"/admin/classskills",table:"/class_skill"},{page:"Class Skill Data",url:"/admin/classskilldata",table:"/class_skill_data"},{hr:!0},{page:"Weapons",url:"/admin/weapons",table:"/weapon"},{page:"Weapon Existence Data",url:"/admin/weaponexistencedata",table:"/weapon_existence_data"},{page:"Weapon Types",url:"/admin/weapontypes",table:"/weapon_type"},{page:"Class-Weapon Compatibility",url:"/admin/classweaponcompatibility",table:"/class_weapon_type_data",duplicate:!0},{page:"Photon Arts",url:"/admin/photonarts",table:"/photon_art"},{hr:!0},{page:"Armor",url:"/admin/armor",table:"/armor"},{page:"Potentials",url:"/admin/potentials",table:"/potential"},{page:"Potential Data",url:"/admin/potentialdata",table:"/potential_data"},{hr:!0},{page:"Builds",url:"/admin/builds",table:"/builds"},{hr:!0},{page:"Skills",url:"/admin/skills",table:"/skill"},{page:"Skill Types",url:"/admin/skilltypes",table:"/skill_type"},{page:"Skill Data",url:"/admin/skilldata",table:"/skill_data"},{page:Object(f.jsx)("span",{style:{color:"gold"},children:"Skill Tree Editor"}),url:"/admin/skilltreeeditor",render:Object(f.jsx)(y,{setUpdate:e.setUpdate,password:j,BACKENDURL:ie(e),GetData:e.DATA})},{page:"Skill Tree Data",url:"/admin/skilltreedata",table:"/skill_tree_data"},{page:"Photon Arts",url:"/admin/photonarts",table:"/photon_art",duplicate:!0},{page:"Class Skills",url:"/admin/classskills",table:"/class_skill",duplicate:!0},{page:"Class Skill Data",url:"/admin/classskilldata",table:"/class_skill_data",duplicate:!0},{hr:!0},{page:"Augments",url:"/admin/augments",table:"/augment"},{page:"Augment Types",url:"/admin/augmenttypes",table:"/augment_type"},{hr:!0},{page:"Enemy Data",url:"/admin/enemydata",table:"/enemy_data"},{hr:!0},{page:"Food",url:"/admin/food",table:"/food"},{page:"Food Multipliers",url:"/admin/foodmultipliers",table:"/food_mult"},{hr:!0},{page:"Roles",url:"/admin/roles",table:"/roles"},{page:"Users",url:"/admin/users",table:"/users"},{hr:!0},{page:"Misc. Site Data",url:"/admin/sitedata",table:"/site_data"},{page:"Database Audit",url:"/admin/database_audit",table:"/database_audit"}];return Object(f.jsx)("div",{className:"adminMain",children:s?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsxs)("div",{className:"box boxAdminNav",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Navigation"})}),Object(f.jsxs)("p",{children:["Testing Mode ",Object(f.jsxs)("span",{children:[Object(f.jsx)(o.a,{checked:e.TESTMODE,onChange:function(t){e.setTESTMODE(t.target.checked)}})," ",e.TESTMODE?Object(f.jsx)("b",{children:"ON"}):Object(f.jsx)("b",{children:"OFF"})]})]}),Object(f.jsx)("div",{className:"adminNavContainer customScrollbar",children:Object(f.jsxs)(se,{classes:"adminNav",children:[u.map((function(e,t){return e.hr?Object(f.jsx)("hr",{},t):Object(f.jsxs)(c.a.Fragment,{children:[Object(f.jsx)(E.a,{to:""+e.url,children:e.page}),Object(f.jsx)("br",{})]},t)})),Object(f.jsx)(E.a,{to:"/admin/database_manager",children:"Database Manager"}),Object(f.jsx)("br",{})]})})]}),u.map((function(t,a){var i;return void 0===t.duplicate&&void 0===t.hr&&Object(f.jsx)(D.a,{path:""+t.url,children:Object(f.jsxs)("div",{className:"box boxAdminContent",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:t.page})}),Object(f.jsxs)("div",{className:"adminContainer customScrollbar",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:ae+" - Admin Panel: "+t.page})}),null!==(i=t.render)&&void 0!==i?i:Object(f.jsx)(le,{TESTMODE:e.TESTMODE,password:j,BACKENDURL:ie(e),path:t.table})]})]})},a)})),Object(f.jsx)(D.a,{path:"/admin/database_manager",children:Object(f.jsxs)("div",{className:"box boxAdminContent",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Database Editor"})}),Object(f.jsx)("div",{className:"adminContainer",children:Object(f.jsx)(re,{password:j,BACKENDURL:ie(e)})})]})})]}):Object(f.jsx)("div",{className:"modalOverlay",children:Object(f.jsx)("div",{className:"modal",children:Object(f.jsxs)("div",{className:"box boxAdmin",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:"Admin"})}),Object(f.jsx)("p",{}),Object(f.jsx)("input",{type:"password",value:j,onChange:function(e){b(e.currentTarget.value)},onKeyDown:function(t){"Enter"===t.key&&$.post(ie(e)+"/passwordcheck",{pass:j}).then((function(e){e.data.verified&&n(e.data.verified)})).catch((function(e){n(!1),b("")}))}})]})})})})}function de(e){var t=Object(i.useState)(e.value),a=Object(d.a)(t,2),c=a[0],s=a[1];return Object(i.useEffect)((function(){s(e.value)}),[e.value]),Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("input",{value:c,onChange:function(t){s(t.currentTarget.value),e.callback(t.currentTarget.value)}})," (",c,")",Object(f.jsx)("br",{})]})}function be(e){var t=Object(i.useState)({}),a=Object(d.a)(t,2),c=a[0],s=a[1];Object(i.useEffect)((function(){$.get(e.BACKENDURL+"/augment").then((function(e){var t={};e.data.rows.forEach((function(e){t[e.name]=e})),s(t)}))}),[e.BACKENDURL]);var n={weapon:{augments:["1","2"]},armor1:{augments:["2"]},armor2:{augments:[]},armor3:{augments:[]}};Object(i.useEffect)((function(){if(Object.keys(c).length>0){for(var e=[{field:"variance",variable:0},{field:"mel_dmg",variable:0}],t=0,a=[n.weapon,n.armor1,n.armor2,n.armor3];t<a.length;t++){var i,s=a[t],r=Object(l.a)(e);try{for(r.s();!(i=r.n()).done;)for(var j=i.value,d=0;d<s.augments.length;d++){var b=c[s.augments[d]][j.field];j.variable+=b}}catch(o){r.e(o)}finally{r.f()}}F(e[0].variable)}}),[c,n.armor1,n.armor2,n.armor3,n.weapon]);var r=Object(i.useState)(0),j=Object(d.a)(r,2),b=j[0],o=j[1],h=Object(i.useState)(100),u=Object(d.a)(h,2),O=u[0],g=u[1],x=Object(i.useState)(1),m=Object(d.a)(x,2),p=m[0],S=m[1],v=Object(i.useState)(1),N=Object(d.a)(v,2),k=N[0],y=N[1];Object(i.useEffect)((function(){g(Number(p)+Number(k))}),[p,k]);var D=Object(i.useState)(1),C=Object(d.a)(D,2),E=C[0],P=C[1],z=Object(i.useState)(1),T=Object(d.a)(z,2),M=T[0],A=T[1],Y=Object(i.useState)(1),X=Object(d.a)(Y,2),_=X[0],F=X[1];Object(i.useEffect)((function(){P(Number(M)+Number(_))}),[M,_]);var w=Object(i.useState)(100),R=Object(d.a)(w,2),G=R[0],L=R[1],B=Object(i.useState)(5),I=Object(d.a)(B,2),U=I[0],W=I[1],H=Object(i.useState)(1),K=Object(d.a)(H,2),q=K[0],V=K[1];Object(i.useEffect)((function(){o((Number(O)*Number(E)+Number(G)-Number(U))*Number(q)/5)}),[O,E,G,U,q]);var J=Object(i.useState)(1),Q=Object(d.a)(J,2),Z=Q[0],ee=Q[1],te=Object(i.useState)(1),ae=Object(d.a)(te,2),ie=ae[0],ce=ae[1],se=Object(i.useState)(1.2),ne=Object(d.a)(se,2),le=ne[0],re=ne[1],je=Object(i.useState)(1.1),be=Object(d.a)(je,2),oe=be[0],he=be[1],ue=Object(i.useState)(1),Oe=Object(d.a)(ue,2),ge=Oe[0],xe=Oe[1],me=Object(i.useState)(1),pe=Object(d.a)(me,2),fe=pe[0],Se=pe[1],ve=Object(i.useState)(1),Ne=Object(d.a)(ve,2),ke=Ne[0],ye=Ne[1],De=Object(i.useState)(1),Ce=Object(d.a)(De,2),Ee=Ce[0],Pe=Ce[1],ze=Object(i.useState)(1.1),Te=Object(d.a)(ze,2),Me=Te[0],Ae=Te[1],Ye=Object(i.useState)(1.2),Xe=Object(d.a)(Ye,2),_e=Xe[0],Fe=Xe[1],we=Object(i.useState)(1),Re=Object(d.a)(we,2),Ge=Re[0],Le=Re[1],Be=Object(i.useState)(1),Ie=Object(d.a)(Be,2),Ue=Ie[0],We=Ie[1],He=Object(i.useState)(1.05),Ke=Object(d.a)(He,2),qe=Ke[0],Ve=Ke[1],Je=Object(i.useState)(1),Qe=Object(d.a)(Je,2),Ze=Qe[0],$e=Qe[1],et=Object(i.useState)(1),tt=Object(d.a)(et,2),at=tt[0],it=tt[1],ct=Object(i.useState)(1),st=Object(d.a)(ct,2),nt=st[0],lt=st[1];return Object(i.useEffect)((function(){V(Number(Z)*Number(ie)*Number(le)*Number(oe)*Number(ge)*Number(fe)*Number(ke)*Number(Ee)*Number(Me)*Number(_e)*Number(Ge)*Number(Ue)*Number(qe)*Number(Ze)*Number(at)*Number(nt))}),[Z,ie,le,oe,ge,fe,ke,Ee,Me,_e,Ge,Ue,qe,Ze,at,nt]),Object(f.jsx)(f.Fragment,{children:Object(f.jsxs)("div",{style:{background:"rgba(200,255,200,1)"},children:["Weapon Total Atk:",Object(f.jsx)(de,{value:O,callback:function(e){g(e)}}),Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:["\u25cfWeapon Base Atk:",Object(f.jsx)(de,{value:p,callback:function(e){S(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfWeapon Enhance Lv:",Object(f.jsx)(de,{value:k,callback:function(e){y(e)}})]})]}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),"Damage Variance:",Object(f.jsx)(de,{value:E,callback:function(e){P(e)}}),Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:["\u25cfWeapon Damage Variance:",Object(f.jsx)(de,{value:M,callback:function(e){A(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfAugment Damage Variance:",Object(f.jsx)(de,{value:_,callback:function(e){F(e)}})]})]}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),"Base Attack:",Object(f.jsx)(de,{value:G,callback:function(e){L(e)}}),"Enemy Defense:",Object(f.jsx)(de,{value:U,callback:function(e){W(e)}}),"Multipliers:",Object(f.jsx)(de,{value:q,callback:function(e){V(e)}}),Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:["\u25cfAtk Mult:",Object(f.jsx)(de,{value:Z,callback:function(e){ee(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfPart Mult:",Object(f.jsx)(de,{value:ie,callback:function(e){ce(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfElemental Weakness Mult:",Object(f.jsx)(de,{value:le,callback:function(e){re(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfMain Class Weapon Boost:",Object(f.jsx)(de,{value:oe,callback:function(e){he(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfClass Skill Mult:",Object(f.jsx)(de,{value:ge,callback:function(e){xe(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfEquip Mult:",Object(f.jsx)(de,{value:fe,callback:function(e){Se(e)}})]}),Object(f.jsx)("li",{children:Object(f.jsxs)("ul",{children:[Object(f.jsxs)("li",{children:["\u25cfAugment Equip Mult:",Object(f.jsx)(de,{value:ke,callback:function(e){ye(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfPotency Floor Equip Mult:",Object(f.jsx)(de,{value:Ee,callback:function(e){Pe(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfElemental Weapon Equip Mult:",Object(f.jsx)(de,{value:Me,callback:function(e){Ae(e)}})]})]})}),Object(f.jsxs)("li",{children:["\u25cfCrit Mult:",Object(f.jsx)(de,{value:_e,callback:function(e){Fe(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfAppropriate Distance:",Object(f.jsx)(de,{value:Ge,callback:function(e){Le(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfFood Boost:",Object(f.jsx)(de,{value:Ue,callback:function(e){We(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfField Effects:",Object(f.jsx)(de,{value:qe,callback:function(e){Ve(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfStatus Ailments:",Object(f.jsx)(de,{value:Ze,callback:function(e){$e(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfEnemy Correction Multiplier:",Object(f.jsx)(de,{value:at,callback:function(e){it(e)}})]}),Object(f.jsxs)("li",{children:["\u25cfHigh Level Enemy:",Object(f.jsx)(de,{value:nt,callback:function(e){lt(e)}})]})]}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),Object(f.jsx)("br",{}),"Raw Dmg:",b]})})}function oe(e){var t;return Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("label",{className:"formField",for:e.field,children:e.label}),"toggle"===e.type?Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)(o.a,{id:e.field,checked:e.checked,onChange:e.onChange,disabled:e.loading})," ",Object(f.jsx)("label",{className:"formDescription",for:e.field,children:e.checked?Object(f.jsx)("b",{children:"YES"}):Object(f.jsx)("b",{children:"NO"})})]}):Object(f.jsx)("input",{type:null!==(t=e.type)&&void 0!==t?t:"text",disabled:e.loading,id:e.field,maxlength:e.maxlength,value:e.value,checked:e.checked,onChange:e.onChange,placeholder:e.placeholder})," ",Object(f.jsx)("label",{className:"formDescription",for:e.field,children:e.tooltip})]})}function he(e){$.post(ie(e)+"/validUser",{username:e.LOGGEDINUSER,password:e.LOGGEDINHASH}).then((function(t){t.data.verified&&e.history.push("/")})).catch((function(e){console.log(e.message)}))}function ue(e){var t=Object(i.useState)(""),a=Object(d.a)(t,2),c=a[0],s=a[1],n=Object(i.useState)(""),l=Object(d.a)(n,2),j=l[0],b=l[1],o=Object(i.useState)(!1),h=Object(d.a)(o,2),u=h[0],O=h[1],g=Object(i.useState)(""),x=Object(d.a)(g,2),m=x[0],p=x[1],S=Object(i.useState)(!1),v=Object(d.a)(S,2),N=v[0],k=v[1],y=Object(D.f)();function C(){p(""),k(!0),$.post(ie(e)+"/validUser",{username:c,password:Z()(j)}).then((function(t){t.data.verified?(e.setLOGGEDINUSER(c),e.setLOGGEDINHASH(Z()(j)),s(""),b(""),O(!1),y.push("/")):p("Could not authenticate!")})).catch((function(e){var t;p(null!==(t=null===e||void 0===e?void 0:e.message)&&void 0!==t?t:e)})).then((function(){k(!1)}))}return Object(i.useEffect)((function(){he(Object(r.a)(Object(r.a)({},e),{},{history:y}))}),[y,e]),Object(f.jsx)(f.Fragment,{children:Object(f.jsx)(ce,{title:"Login Form",children:N?Object(f.jsx)("img",{src:"/spinner.gif",alt:"",style:{background:"linear-gradient(white,#bca9f5)",marginTop:"10px"}}):Object(f.jsx)(f.Fragment,{children:Object(f.jsxs)("div",{onKeyDown:function(e){"Enter"===e.key&&C()},children:[Object(f.jsx)("h3",{className:"formError",children:m}),Object(f.jsx)(oe,{field:"username",label:"Username: ",value:c,maxlength:20,onChange:function(e){s(e.currentTarget.value)},placeholder:"Username"}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"password",label:"Password: ",type:"password",value:j,onChange:function(e){b(e.currentTarget.value)},placeholder:"Password"}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"rememberMe",label:"Remember Me ",type:"toggle",checked:u,onChange:function(e){O(e.currentTarget.checked)}}),Object(f.jsx)("br",{}),Object(f.jsx)("button",{type:"submit",onClick:C,children:"Login"})]})})})})}function Oe(e){var t=Object(i.useState)(""),a=Object(d.a)(t,2),c=a[0],s=a[1],n=Object(i.useState)(""),l=Object(d.a)(n,2),j=l[0],b=l[1],o=Object(i.useState)(""),h=Object(d.a)(o,2),u=h[0],O=h[1],g=Object(i.useState)(""),x=Object(d.a)(g,2),m=x[0],p=x[1],S=Object(i.useState)(!1),v=Object(d.a)(S,2),N=v[0],k=v[1],y=Object(i.useState)(""),C=Object(d.a)(y,2),E=C[0],P=C[1],z=Object(i.useState)(!1),T=Object(d.a)(z,2),M=T[0],A=T[1],Y=Object(D.f)();return Object(i.useEffect)((function(){he(Object(r.a)(Object(r.a)({},e),{},{history:Y}))}),[Y,e]),Object(f.jsx)(f.Fragment,{children:Object(f.jsx)(ce,{title:"Registration Form",children:M?Object(f.jsx)("img",{src:"/spinner.gif",alt:"",style:{background:"linear-gradient(white,#bca9f5)",marginTop:"10px"}}):Object(f.jsxs)(f.Fragment,{children:[Object(f.jsx)("h3",{className:"formError",children:E}),Object(f.jsx)(oe,{field:"username",label:"Username: ",value:c,maxlength:20,onChange:function(e){s(e.currentTarget.value)},placeholder:"Username",tooltip:"Enter a username (4-20 characters, a-z and _ only)"}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"password",label:"Password: ",type:"password",value:j,onChange:function(e){b(e.currentTarget.value)},placeholder:"Password",tooltip:"Enter a password (6 or more characters)"}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"password2",label:"Verify Password: ",type:"password",value:u,onChange:function(e){O(e.currentTarget.value)},placeholder:"Verify Password",tooltip:"Enter password again."}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"email",label:"E-mail: ",type:"email",value:m,onChange:function(e){p(e.currentTarget.value)},placeholder:"email@example.com",tooltip:"This is used to send you password reset emails."}),Object(f.jsx)("br",{}),Object(f.jsx)(oe,{field:"rememberMe",label:"Remember Me ",type:"toggle",checked:N,onChange:function(e){k(e.currentTarget.checked)}}),Object(f.jsx)("br",{}),Object(f.jsx)("button",{type:"submit",onClick:function(){P(""),A(!0);try{if(c.length<4)throw new Error("Username must be at least 4 characters in length.");if(c.length>20)throw new Error("Username must be less than 21 characters in length.");if(j.length<6)throw new Error("Password must contain at least 6 characters.");if(j!==u)throw new Error("Password fields must match.");if(!m.includes("@"))throw new Error("Invalid E-mail.")}catch(a){var t;return P(null!==(t=null===a||void 0===a?void 0:a.message)&&void 0!==t?t:a),void A(!1)}$.post(ie(e)+"/register",{username:c,password:Z()(j),email:m}).then((function(t){t.data.verified?(e.setLOGGEDINUSER(c),e.setLOGGEDINHASH(Z()(j)),s(""),b(""),k(!1)):P("Could not authenticate!")})).catch((function(e){var t;P(null!==(t=null===e||void 0===e?void 0:e.message)&&void 0!==t?t:e)})).then((function(){A(!1)}))},children:"Login"})]})})})}var ge=function(){var e=Object(i.useState)("Dudley"),t=Object(d.a)(e,1)[0],a=Object(i.useState)("Fatimah"),c=Object(d.a)(a,1)[0],s=Object(i.useState)("Ranger"),n=Object(d.a)(s,1)[0],l=Object(i.useState)("Force"),r=Object(d.a)(l,1)[0],j=Object(i.useState)(20),b=Object(d.a)(j,1)[0],o=Object(i.useState)(15),u=Object(d.a)(o,1)[0],O=Object(i.useState)(1330),g=Object(d.a)(O,1)[0],x=Object(i.useState)(388),m=Object(d.a)(x,1)[0],p=Object(i.useState)(154),S=Object(d.a)(p,1)[0],v=Object(i.useState)(282),N=Object(d.a)(v,1)[0],k=Object(i.useState)(650),y=Object(d.a)(k,1)[0],E=Object(i.useState)(282),z=Object(d.a)(E,2),T=z[0],M=z[1];Object(i.useEffect)((function(){M(Number(N)+Number(y))}),[N,y]);var A=Object(i.useState)(932),Y=Object(d.a)(A,1)[0],X=Object(i.useState)(.317),_=Object(d.a)(X,1)[0],F=Object(i.useState)(.241),w=Object(d.a)(F,1)[0],R=Object(i.useState)(.241),G=Object(d.a)(R,1)[0],L=Object(i.useState)(.18),B=Object(d.a)(L,1)[0],I=Object(i.useState)(0),U=Object(d.a)(I,1)[0],W=Object(i.useState)(0),H=Object(d.a)(W,1)[0],K=Object(i.useState)(0),q=Object(d.a)(K,1)[0],V=Object(i.useState)(0),Q=Object(d.a)(V,1)[0],Z=Object(i.useState)(0),ee=Object(d.a)(Z,1)[0],ce=Object(i.useState)(0),se=Object(d.a)(ce,1)[0],ne=Object(i.useState)(0),le=Object(d.a)(ne,1)[0],re=Object(i.useState)(!1),de=Object(d.a)(re,2),oe=de[0],he=de[1],ge=Object(i.useState)(void 0),xe=Object(d.a)(ge,2),me=xe[0],pe=xe[1],fe=Object(i.useState)({GetData:function(){}}),Se=Object(d.a)(fe,2),ve=Se[0],Ne=Se[1],ke=Object(i.useState)(!1),ye=Object(d.a)(ke,2),De=ye[0],Ce=ye[1],Ee=Object(i.useState)(""),Pe=Object(d.a)(Ee,2),ze=Pe[0],Te=Pe[1],Me=Object(i.useState)(""),Ae=Object(d.a)(Me,2),Ye=Ae[0],Xe=Ae[1],_e=Object(i.useState)(void 0),Fe=Object(d.a)(_e,2),we=Fe[0],Re=Fe[1];function Ge(e,t,a,i){void 0===t&&(t=""),void 0===a&&(a="");var c=i?ve:me;return c&&void 0!==c?void 0!==c[e]?void 0!==c[e][t]?void 0!==c[e][t][a]?c[e][t][a]:c[e][t]:c[e]:c:"no data"}return Object(i.useEffect)((function(){De&&(Ce(!1),$.get(ie({TESTMODE:oe})+"/data").then((function(e){pe(e.data)})),$.get(ie({TESTMODE:oe})+"/dataid").then((function(e){Ne(e.data)})))}),[De,oe]),Object(i.useEffect)((function(){$.get(ie({TESTMODE:oe})+"/data").then((function(e){pe(e.data)})),$.get(ie({TESTMODE:oe})+"/dataid").then((function(e){Ne(e.data)}))}),[oe]),Object(f.jsx)(f.Fragment,{children:Object(f.jsx)(C.a,{children:Object(f.jsxs)(D.c,{children:[Object(f.jsxs)(D.a,{path:"/admin",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:ae+" - Admin Panel"})}),Object(f.jsx)(je,{setUpdate:Ce,setTESTMODE:he,BACKENDURL:te,TESTMODE:oe,DATA:Ge})]}),Object(f.jsxs)(D.a,{path:"/test",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:"Test - "+ae})}),Object(f.jsx)(P,{}),Object(f.jsx)(J,{author:t,buildName:c,className:n,secondaryClassName:r,classLv:b,secondaryClassLv:u,bp:g,hp:m,pp:S,def:Y,weaponUp1:_,weaponUp2:w,weaponUp3:G,damageResist:B,burnResist:U,shockResist:H,panicResist:q,stunResist:Q,freezeResist:ee,blindResist:se,poisonResist:le,statDisplayAtk:T,GetData:Ge,LOGGEDINUSER:ze,BUILDID:we,setBUILDID:Re,BACKENDURL:ie(te)})]}),Object(f.jsxs)(D.a,{path:"/login",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:ae+" - Login"})}),Object(f.jsx)(P,{}),Object(f.jsx)(ue,{BACKENDURL:te,TESTMODE:oe,LOGGEDINUSER:ze,LOGGEDINHASH:Ye,setLOGGEDINHASH:Xe,setLOGGEDINUSER:Te})]}),Object(f.jsxs)(D.a,{path:"/register",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:ae+" - Register"})}),Object(f.jsx)(P,{}),Object(f.jsx)(Oe,{BACKENDURL:te,TESTMODE:oe,LOGGEDINUSER:ze,LOGGEDINHASH:Ye,setLOGGEDINHASH:Xe,setLOGGEDINUSER:Te})]}),Object(f.jsx)(D.a,{path:"/formula",children:Object(f.jsx)(be,{})}),Object(f.jsxs)(D.a,{path:"/",children:[Object(f.jsx)(h.a,{children:Object(f.jsx)("title",{children:ae})}),Object(f.jsxs)("div",{className:"modalOverlaySplash",children:[Object(f.jsx)("div",{className:"modal",children:Object(f.jsxs)("div",{className:"box boxMisc",children:[Object(f.jsx)("div",{className:"boxTitleBar",children:Object(f.jsx)("h1",{children:Ge("site_data","h1","data")})}),Object(f.jsx)("h2",{children:Ge("site_data","h2","data")}),Object(f.jsxs)("p",{children:[Object(f.jsx)("img",{src:"/spinner.gif",alt:""}),Ge("site_data","UNDER_CONSTRUCTION_TEXT","data")]}),Object(f.jsx)("br",{style:{clear:"both"}})]})}),Object(f.jsxs)("footer",{children:[Object(f.jsx)("a",{href:"https://github.com/sigonasr2/ngsplanner/",children:Object(f.jsx)("span",{className:"github",children:"\xa0"})}),Object(f.jsx)("a",{href:"https://twitter.com/ngsplanner",children:Object(f.jsx)("span",{className:"twitter",children:"@NGSPlanner"})})]})]})]})]})})})},xe=function(e){e&&e instanceof Function&&a.e(3).then(a.bind(null,159)).then((function(t){var a=t.getCLS,i=t.getFID,c=t.getFCP,s=t.getLCP,n=t.getTTFB;a(e),i(e),c(e),s(e),n(e)}))};n.a.render(Object(f.jsx)(c.a.StrictMode,{children:Object(f.jsx)(ge,{})}),document.getElementById("root")),xe()},77:function(e,t,a){},78:function(e,t,a){},79:function(e,t,a){}},[[150,1,2]]]);
//# sourceMappingURL=main.ad27e18c.chunk.js.map