1 line
16 KiB
JavaScript
1 line
16 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{"/Uh6":function(e,t,n){e.exports={proxyLatency:"_1GlyjMFCSf"}},"0tMl":function(e,t,n){e.exports={topBar:"_2adLhYLrrV",topBarRight:"_1gc_yljm7w",textFilterContainer:"_1N0wXB7TV7",group:"_35E6rdJlPT",spining:"_3NWc4-pcFT",spining_keyframes:"_2zZyX5N3wc"}},"5JRb":function(e,t,n){e.exports={labeledInput:"_1tkxMBL44k"}},"9cvt":function(e,t,n){"use strict";n.d(t,"c",(function(){return r}));n("U20h");var a=n("cq0i");n.d(t,"b",(function(){return a.b})),n.d(t,"a",(function(){return a.a}));var r={right:10,bottom:10}},DsEz:function(e,t,n){e.exports={input:"_1I0EXOg8Vu"}},LhcJ:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var a=n("ODXe"),r=n("hbEN"),c=n("q1tI"),l=n("dBaT"),o=c.useCallback,i=c.useState,u=c.useMemo;function s(e){var t=Object(l.useRecoilState)(e),n=Object(a.a)(t,2)[1],c=i(""),s=Object(a.a)(c,2),m=s[0],p=s[1],d=u((function(){return Object(r.a)(n,300)}),[n]);return[o((function(e){p(e.target.value),d(e.target.value)}),[d]),m]}},MR5J:function(e,t,n){e.exports={FlexCenter:"_1NNIVhRL-n"}},RL2M:function(e,t,n){e.exports={header:"_2qbBB1Sojw",arrow:"_1iuVspxe4f",isOpen:"_2CN_S7POBQ",btn:"_3504uhlYv5",qty:"_3Vynmp3NK4"}},U20h:function(e,t,n){},UVHL:function(e,t,n){e.exports={select:"_2epoA7G8CQ"}},UmKA:function(e,t,n){e.exports={overlay:"_25Hedjekvk",cnt:"_1tfU5GSa-_",afterOpen:"_2VMuy-HWwC"}},agpB:function(e,t,n){e.exports={updatedAt:"_113att7Ifr",body:"_26mH_RmGnl",actionFooter:"_2cXcxGEUNI",refresh:"_2NjdAt9CvG"}},drH3:function(e,t,n){e.exports={list:"_1pPZyUDtdp",listSummaryView:"_6uXcWV1Myk"}},kCV3:function(e,t,n){"use strict";n.r(t);n("2B1R");var a=n("ODXe"),r=n("q1tI"),c=n.n(r),l=n("ySHw"),o=n("OADI"),i=n("GmYy"),u=n("n57c"),s=n("DKqX"),m=n("iuhU"),p=n("9rZX"),d=n.n(p),f=n("Z9Yo"),v=n.n(f),y=n("UmKA"),b=n.n(y),E=r.useMemo;function h(e){var t=e.isOpen,n=e.onRequestClose,a=e.children,c=E((function(){return{base:Object(m.a)(v.a.content,b.a.cnt),afterOpen:b.a.afterOpen,beforeClose:""}}),[]);return r.createElement(d.a,{isOpen:t,onRequestClose:n,className:c,overlayClassName:Object(m.a)(v.a.overlay,b.a.overlay)},a)}var O=n("9cvt"),C=n("WfPo");function x(e){var t=e.color,n=void 0===t?"currentColor":t,a=e.size,c=void 0===a?24:a;return r.createElement("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:c,height:c,stroke:n,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},r.createElement("path",{d:"M2 6h9M18.5 6H22"}),r.createElement("circle",{cx:"16",cy:"6",r:"2"}),r.createElement("path",{d:"M22 18h-9M6 18H2"}),r.createElement("circle",{r:"2",transform:"matrix(-1 0 0 1 8 18)"}))}var g=n("MR5J"),w=n.n(g);function k(e){var t=e.children;return r.createElement("div",{className:w.a.FlexCenter},t)}var j=r.useRef,N=r.useEffect;function S(e){var t=e.onClickPrimaryButton,n=e.onClickSecondaryButton,a=j(null),c=j(null);N((function(){a.current.focus()}),[]);return r.createElement("div",{onKeyDown:function(e){39===e.keyCode?c.current.focus():37===e.keyCode&&a.current.focus()}},r.createElement("h2",null,"Close Connections?"),r.createElement("p",null,'Click "Yes" to close those connections that are still using the old selected proxy in this group'),r.createElement("div",{style:{height:30}}),r.createElement(k,null,r.createElement(u.a,{onClick:t,ref:a},"Yes"),r.createElement("div",{style:{width:20}}),r.createElement(u.a,{onClick:n,ref:c},"No")))}var _=n("0tMl"),B=n.n(_),M=n("o0o1"),A=n.n(M),L=(n("ls82"),n("HaE+")),P=n("j7o3"),U=13,R=32,D=n("RL2M"),T=n.n(D),I=n("riol");function H(e){var t=e.name,n=e.type,a=e.toggle,c=e.isOpen,l=e.qty,o=r.useCallback((function(e){e.preventDefault(),e.keyCode!==U&&e.keyCode!==R||a()}),[a]);return r.createElement("div",{className:T.a.header,onClick:a,style:{cursor:"pointer"},tabIndex:0,onKeyDown:o,role:"button"},r.createElement("div",null,r.createElement(I.b,{name:t,type:n})),"number"==typeof l?r.createElement("span",{className:T.a.qty},l):null,r.createElement(u.a,{kind:"minimal",onClick:a,className:T.a.btn},r.createElement("span",{className:Object(m.a)(T.a.arrow,{[T.a.isOpen]:c})},r.createElement(P.a,{size:20}))))}n("TeQF"),n("yXV3"),n("ToJy"),n("EnZy"),n("SYor");var V=n("KQm4"),q=n("dBaT"),K=r.useMemo;var z=function(e,t){if(e&&"number"==typeof e.number&&e.number>0)return e.number;var n=t&&t.type;return n&&i.a.indexOf(n)>-1?-1:999999},F={Natural:function(e){return e},LatencyAsc:function(e,t,n){return e.sort((function(e,a){return z(t[e],n&&n[e])-z(t[a],n&&n[a])}))},LatencyDesc:function(e,t,n){return e.sort((function(e,a){var r=z(t[e],n&&n[e]);return z(t[a],n&&n[a])-r}))},NameAsc:function(e){return e.sort()},NameDesc:function(e){return e.sort((function(e,t){return e>t?-1:e<t?1:0}))}};function Y(e,t,n,r,c){var l=Object(q.useRecoilState)(i.k),o=Object(a.a)(l,1)[0];return K((function(){return function(e,t,n,a,r,c){var l=Object(V.a)(e);return n&&(l=function(e,t){return e.filter((function(e){var n=t[e];return void 0===n||0!==n.number}))}(e,t)),"string"==typeof a&&""!==a&&(l=function(e,t){var n=t.toLowerCase().split(" ").map((function(e){return e.trim()})).filter((function(e){return!!e}));return 0===n.length?e:e.filter((function(e){for(var t=0;t<n.length;t++){var a=n[t];if(e.toLowerCase().indexOf(a)>-1)return!0}return!1}))}(l,a)),F[r](l,t,c)}(e,t,n,o,r,c)}),[e,t,n,o,r,c])}var J=n("xKoM"),X=n.n(J),Z=n("wztZ"),G=n.n(Z),W=n("/Uh6"),Q=n.n(W);function $(e){var t=e.number,n=e.color;return r.createElement("span",{className:Q.a.proxyLatency,style:{color:n}},r.createElement("span",null,t," ms"))}var ee=r.useMemo,te="#67c23a",ne="#d4b75c",ae="#e67f3c",re="#909399";function ce(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.number;return 0===t?re:t<200?te:t<400?ne:"number"==typeof t?ae:re}var le=function(e,t){var n=t.name,a=Object(i.e)(e),r=Object(i.d)(e);return{proxy:a[n],latency:r[n]}},oe=Object(C.a)(le)((function(e){var t=e.now,n=e.name,a=e.proxy,c=e.latency,l=e.isSelectable,o=e.onClick,i=ee((function(){return ce(c)}),[c]),u=r.useCallback((function(){l&&o&&o(n)}),[n,o,l]),s=r.useCallback((function(e){e.keyCode===U&&u()}),[u]),p=ee((function(){return Object(m.a)(G.a.proxy,{[G.a.now]:t,[G.a.error]:c&&c.error,[G.a.selectable]:l})}),[l,t,c]);return r.createElement("div",{tabIndex:0,className:p,onClick:u,onKeyDown:s,role:l?"menuitem":""},r.createElement("div",{className:G.a.proxyName},n),r.createElement("div",{className:G.a.row},r.createElement("span",{className:G.a.proxyType,style:{opacity:t?.6:.2}},a.type),c&&c.number?r.createElement($,{number:c.number,color:i}):null))})),ie=Object(C.a)(le)((function(e){var t=e.now,n=e.name,a=e.proxy,c=e.latency,l=e.isSelectable,o=e.onClick,u=ee((function(){return function(e,t){return i.a.indexOf(t)>-1?"linear-gradient(135deg, white 15%, #999 15% 30%, white 30% 45%, #999 45% 60%, white 60% 75%, #999 75% 90%, white 90% 100%)":ce(e)}(c,a.type)}),[c,a]),s=ee((function(){var e=n;return c&&"number"==typeof c.number&&(e+=" "+c.number+" ms"),e}),[n,c]),p=r.useCallback((function(){l&&o&&o(n)}),[n,o,l]),d=ee((function(){return Object(m.a)(G.a.proxySmall,{[G.a.now]:t,[G.a.selectable]:l})}),[l,t]),f=r.useCallback((function(e){e.keyCode===U&&p()}),[p]);return r.createElement("div",{title:s,className:d,style:{background:u},onClick:p,onKeyDown:f,role:l?"menuitem":""})})),ue=n("drH3"),se=n.n(ue);function me(e){var t=e.all,n=e.now,a=e.isSelectable,c=e.itemOnTapCallback,l=t;return r.createElement("div",{className:se.a.list},l.map((function(e){return r.createElement(oe,{key:e,onClick:c,isSelectable:a,name:e,now:e===n})})))}function pe(e){var t=e.all,n=e.now,a=e.isSelectable,c=e.itemOnTapCallback;return r.createElement("div",{className:se.a.listSummaryView},t.map((function(e){return r.createElement(ie,{key:e,onClick:c,isSelectable:a,name:e,now:e===n})})))}var de=r.createElement,fe=r.useCallback,ve=r.useMemo,ye=r.useState;function be(){return r.createElement("div",{className:X.a.zapWrapper},r.createElement(l.a,{size:16}))}var Ee=Object(C.a)((function(e,t){var n=t.name,a=t.delay,r=Object(i.e)(e),c=Object(o.d)(e),l=Object(o.g)(e),u=Object(o.e)(e),s=r[n];return{all:s.all,delay:a,hideUnavailableProxies:u,proxySortBy:l,proxies:r,type:s.type,now:s.now,isOpen:c["proxyGroup:"+n]}}))((function(e){var t=e.name,n=e.all,c=e.delay,l=e.hideUnavailableProxies,o=e.proxySortBy,s=e.proxies,m=e.type,p=e.now,d=e.isOpen,f=e.apiConfig,v=e.dispatch,y=Y(n,c,l,o,s),b=ve((function(){return"Selector"===m}),[m]),E=Object(C.c)(),h=E.app.updateCollapsibleIsOpen,O=E.proxies.requestDelayForProxies,x=fe((function(){h("proxyGroup",t,!d)}),[d,h,t]),g=fe((function(e){b&&v(Object(i.m)(f,t,e))}),[f,v,t,b]),w=ye(!1),k=Object(a.a)(w,2),j=k[0],N=k[1],S=fe(Object(L.a)(A.a.mark((function e(){return A.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return N(!0),e.prev=1,e.next=4,O(f,y);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:N(!1);case 9:case"end":return e.stop()}}),e,null,[[1,6]])}))),[y,f,O]);return r.createElement("div",{className:X.a.group},r.createElement("div",{style:{display:"flex",alignItems:"center"}},r.createElement(H,{name:t,type:m,toggle:x,qty:y.length,isOpen:d}),r.createElement(u.a,{kind:"minimal",onClick:S,isLoading:j},r.createElement(be,null))),de(d?me:pe,{all:y,now:p,isSelectable:b,itemOnTapCallback:g}))})),he=n("FVam"),Oe=n("ZMKu"),Ce=n("OAQO"),xe=n("bdgK"),ge=c.a.memo,we=c.a.useState,ke=c.a.useRef,je=c.a.useEffect;var Ne={initialOpen:{height:"auto",transition:{duration:0}},open:function(e){return{height:e,opacity:1,visibility:"visible",transition:{duration:.3}}},closed:{height:0,opacity:0,visibility:"hidden",transition:{duration:.3}}},Se={open:{x:0},closed:{x:20}},_e=ge((function(e){var t,n,r=e.children,l=e.isOpen,o=(t=l,n=ke(),je((function(){n.current=t}),[t]),n.current),i=function(){var e=ke(),t=we({height:0}),n=Object(a.a)(t,2),r=n[0],c=n[1];return je((function(){var t=new xe.a((function(e){var t=Object(a.a)(e,1)[0];return c(t.contentRect)}));return e.current&&t.observe(e.current),function(){return t.disconnect()}}),[]),[e,r]}(),u=Object(a.a)(i,2),s=u[0],m=u[1].height;return c.a.createElement("div",null,c.a.createElement(Oe.a.div,{animate:l&&o===l?"initialOpen":l?"open":"closed",custom:m,variants:Ne},c.a.createElement(Oe.a.div,{variants:Se,ref:s},r)))})),Be=n("agpB"),Me=n.n(Be),Ae=r.useState,Le=r.useCallback;var Pe={rest:{scale:1},pressed:{scale:.95}},Ue={rest:{rotate:0},hover:{rotate:360,transition:{duration:.3}}};function Re(){return r.createElement(Oe.a.div,{className:Me.a.refresh,variants:Pe,initial:"rest",whileHover:"hover",whileTap:"pressed"},r.createElement(Oe.a.div,{className:"flexCenter",variants:Ue},r.createElement(Ce.a,{size:16})))}var De=Object(C.a)((function(e,t){var n=t.proxies,a=t.name,r=Object(o.e)(e),c=Object(i.d)(e),l=Object(o.d)(e);return{apiConfig:Object(o.c)(e),proxies:n,delay:c,hideUnavailableProxies:r,proxySortBy:Object(o.g)(e),isOpen:l["proxyProvider:"+a]}}))((function(e){var t=e.name,n=e.proxies,c=e.delay,o=e.hideUnavailableProxies,s=e.proxySortBy,m=e.vehicleType,p=e.updatedAt,d=e.isOpen,f=e.dispatch,v=e.apiConfig,y=Y(n,c,o,s),b=Ae(!1),E=Object(a.a)(b,2),h=E[0],O=E[1],x=Le((function(){return f(Object(i.n)(v,t))}),[v,f,t]),g=Le(Object(L.a)(A.a.mark((function e(){return A.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return O(!0),e.next=3,f(Object(i.i)(v,t));case 3:O(!1);case 4:case"end":return e.stop()}}),e)}))),[v,f,t,O]),w=Object(C.c)().app.updateCollapsibleIsOpen,k=Le((function(){w("proxyProvider",t,!d)}),[d,w,t]),j=Object(he.a)(new Date(p),new Date);return r.createElement("div",{className:Me.a.body},r.createElement(H,{name:t,toggle:k,type:m,isOpen:d,qty:y.length}),r.createElement("div",{className:Me.a.updatedAt},r.createElement("small",null,"Updated ",j," ago")),r.createElement(_e,{isOpen:d},r.createElement(me,{all:y}),r.createElement("div",{className:Me.a.actionFooter},r.createElement(u.a,{text:"Update",start:r.createElement(Re,null),onClick:x}),r.createElement(u.a,{text:"Health Check",start:r.createElement(l.a,{size:16}),onClick:g,isLoading:h}))),r.createElement(_e,{isOpen:!d},r.createElement(pe,{all:y})))}));function Te(e){var t=e.items;return 0===t.length?null:r.createElement(r.Fragment,null,r.createElement(s.a,{title:"Proxy Provider"}),r.createElement("div",null,t.map((function(e){return r.createElement(De,{key:e.name,name:e.name,proxies:e.proxies,type:e.type,vehicleType:e.vehicleType,updatedAt:e.updatedAt})}))))}var Ie=n("UVHL"),He=n.n(Ie);function Ve(e){var t=e.options,n=e.selected,c=e.onChange;return r.createElement("select",{className:He.a.select,value:n,onChange:c},t.map((function(e){var t=Object(a.a)(e,2),n=t[0],c=t[1];return r.createElement("option",{key:n,value:n},c)})))}var qe=n("hkBY"),Ke=n("5JRb"),ze=n.n(Ke),Fe=[["Natural","Original order in config file"],["LatencyAsc","By latency from small to big"],["LatencyDesc","By latency from big to small"],["NameAsc","By name alphabetically (A-Z)"],["NameDesc","By name alphabetically (Z-A)"]],Ye=r.useCallback;var Je=Object(C.a)((function(e){return{appConfig:{proxySortBy:Object(o.g)(e),hideUnavailableProxies:Object(o.e)(e),autoCloseOldConns:Object(o.b)(e)}}}))((function(e){var t=e.appConfig,n=Object(C.c)().app.updateAppConfig,a=Ye((function(e){n("proxySortBy",e.target.value)}),[n]),c=Ye((function(e){n("hideUnavailableProxies",e)}),[n]);return r.createElement(r.Fragment,null,r.createElement("div",{className:ze.a.labeledInput},r.createElement("span",null,"Sorting in group"),r.createElement("div",null,r.createElement(Ve,{options:Fe,selected:t.proxySortBy,onChange:a}))),r.createElement("hr",null),r.createElement("div",{className:ze.a.labeledInput},r.createElement("span",null,"Hide unavailable proxies"),r.createElement("div",null,r.createElement(qe.a,{name:"hideUnavailableProxies",checked:t.hideUnavailableProxies,onChange:c}))),r.createElement("div",{className:ze.a.labeledInput},r.createElement("span",null,"Automatically close old connections"),r.createElement("div",null,r.createElement(qe.a,{name:"autoCloseOldConns",checked:t.autoCloseOldConns,onChange:function(e){return n("autoCloseOldConns",e)}}))))})),Xe=n("LhcJ"),Ze=n("DsEz"),Ge=n.n(Ze);function We(){var e=Object(Xe.a)(i.k),t=Object(a.a)(e,2),n=t[0],c=t[1];return r.createElement("input",{className:Ge.a.input,type:"text",value:c,onChange:n})}var Qe=r.useState,$e=r.useEffect,et=r.useCallback,tt=r.useRef;function nt(){return r.createElement("div",{className:B.a.spining,style:{width:48,height:48,display:"flex",justifyContent:"center",alignItems:"center"}},r.createElement(l.a,{width:16,height:16}))}t.default=Object(C.a)((function(e){return{apiConfig:Object(o.c)(e),groupNames:Object(i.f)(e),proxyProviders:Object(i.g)(e),delay:Object(i.d)(e),showModalClosePrevConns:Object(i.h)(e)}}))((function(e){var t=e.dispatch,n=e.groupNames,c=e.delay,o=e.proxyProviders,m=e.apiConfig,p=e.showModalClosePrevConns,d=tt({}),f=Qe(!1),v=Object(a.a)(f,2),y=v[0],b=v[1],E=et((function(){y||(b(!0),t(Object(i.l)(m)).then((function(){return b(!1)}),(function(){return b(!1)})))}),[m,t,y]),g=et((function(){d.current.startAt=Date.now(),t(Object(i.c)(m)).then((function(){d.current.completeAt=Date.now()}))}),[m,t]);$e((function(){g();var e=function(){d.current.startAt&&Date.now()-d.current.startAt>3e4&&g()};return window.addEventListener("focus",e,!1),function(){return window.removeEventListener("focus",e,!1)}}),[g]);var w=Qe(!1),k=Object(a.a)(w,2),j=k[0],N=k[1],_=et((function(){N(!1)}),[]),M=Object(C.c)().proxies,A=M.closeModalClosePrevConns,L=M.closePrevConnsAndTheModal;return r.createElement(r.Fragment,null,r.createElement(h,{isOpen:j,onRequestClose:_},r.createElement(Je,null)),r.createElement("div",{className:B.a.topBar},r.createElement(s.a,{title:"Proxies"}),r.createElement("div",{className:B.a.topBarRight},r.createElement("div",{className:B.a.textFilterContainer},r.createElement(We,null)),r.createElement(u.a,{kind:"minimal",onClick:function(){return N(!0)}},r.createElement(x,{size:16})))),r.createElement("div",null,n.map((function(e){return r.createElement("div",{className:B.a.group,key:e},r.createElement(Ee,{name:e,delay:c,apiConfig:m,dispatch:t}))}))),r.createElement(Te,{items:o}),r.createElement("div",{style:{height:60}}),r.createElement(O.b,{icon:y?r.createElement(nt,null):r.createElement(l.a,{width:16,height:16}),onClick:E,text:"Test Latency",position:O.c}),r.createElement(h,{isOpen:p,onRequestClose:A},r.createElement(S,{onClickPrimaryButton:function(){return L(m)},onClickSecondaryButton:A})))}))},wztZ:function(e,t,n){e.exports={proxy:"_5-kOJyYfSn",now:"MbWebw2VH4",error:"_2dlAYgAIKi",selectable:"_3rB1UgDAL6",proxyType:"nnjdzHZySt",row:"_2E11-huRp7",proxyName:"_2Eys6UMXCm",proxySmall:"_2rRGWVNOYC"}},xKoM:function(e,t,n){e.exports={header:"v5oNKUwcTc",zapWrapper:"_2fR1H0ysyY"}}}]); |