(this["webpackJsonpipfs-webui"]=this["webpackJsonpipfs-webui"]||[]).push([[15],{1015:function(e,t,s){"use strict";var a=s(1),c=s(2),n=s.n(c),r=s(11),i=s(78),l=s(0),o=s(37),d=s(957),b=s(182),j=s(102),p=function(e){return null==e?"":"string"===typeof e?e:JSON.stringify(e)};t.a=Object(o.b)("doUpdateIpfsApiAddress","selectIpfsApiAddress","selectIpfsInitFailed",Object(d.a)("app")((function(e){var t=e.t,s=e.doUpdateIpfsApiAddress,c=e.ipfsApiAddress,o=e.ipfsInitFailed,d=Object(l.useState)(p(c)),h=Object(i.a)(d,2),u=h[0],m=h[1],f=!Object(j.b)(u),O=Object(l.useState)(f||o),x=Object(i.a)(O,2),v=x[0],g=x[1],w=Object(l.useState)(f),N=Object(i.a)(w,2),y=N[0],k=N[1];Object(l.useEffect)((function(){g(o)}),[y,o]),Object(l.useEffect)((function(){var e=Object(j.b)(u);k(e),g(!e)}),[u]);var C=function(){var e=Object(r.a)(n.a.mark((function e(t){return n.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.preventDefault(),s(u);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return Object(a.jsxs)("form",{onSubmit:C,children:[Object(a.jsx)("input",{id:"api-address","aria-label":t("terms.apiAddress"),placeholder:t("apiAddressForm.placeholder"),type:"text",className:"w-100 lh-copy monospace f5 pl1 pv1 mb2 charcoal input-reset ba b--black-20 br1 ".concat(v?"focus-outline-red b--red-muted":"focus-outline-green b--green-muted"),onChange:function(e){return m(e.target.value)},onKeyPress:function(e){"Enter"===e.key&&C(e)},value:u}),Object(a.jsx)("div",{className:"tr",children:Object(a.jsx)(b.a,{minWidth:100,height:40,className:"mt2 mt0-l ml2-l tc",disabled:!y||u===c,children:t("actions.submit")})})]})})))},1099:function(e,t,s){"use strict";var a=s(1),c=(s(0),s(29)),n=s.n(c);t.a=function(e){var t=e.value;if(!t)return null;t=t.buffer||t;var s=n()(t),c=s.protoNames().concat(["ipfs","p2p"]),r=s.toString().split("/");return Object(a.jsx)("div",{className:"charcoal-muted monospace",children:r.map((function(e,t){return Object(a.jsxs)("span",{children:[Object(a.jsx)("span",{className:c.includes(e)?"force-select":"force-select charcoal",children:e}),t<r.length-1?"/":""]},t)}))})}},1106:function(e,t,s){"use strict";var a=s(1),c=s(78),n=s(0),r=s(37),i=s(181),l=s(957),o=s(125),d=s.n(o),b=s(1015),j=s(257),p=s(975),h=s(3),u=function(e){return Object(a.jsx)("svg",Object(h.a)(Object(h.a)({viewBox:"0 0 100 100"},e),{},{children:Object(a.jsx)("path",{d:"M82.84 71.14L55.06 23a5.84 5.84 0 0 0-10.12 0L17.16 71.14a5.85 5.85 0 0 0 5.06 8.77h55.56a5.85 5.85 0 0 0 5.06-8.77zm-30.1-.66h-5.48V65h5.48zm0-10.26h-5.48V38.46h5.48z"})}))},m="unix",f="windowsPS",O="windowsCMD";t.a=Object(r.b)("selectIpfsConnected","selectApiUrl",Object(l.a)("welcome")((function(e){var t=e.t,s=(e.apiUrl,e.connected,e.sameOrigin),r=e.ipfsApiAddress,l=e.doUpdateIpfsApiAddress,o=Object(n.useState)(m),h=Object(c.a)(o,2),x=h[0],v=h[1],g=["http://localhost:3000","http://127.0.0.1:5001","https://webui.ipfs.io"],w=window.location.origin,N=-1===g.indexOf(w);return Object(a.jsxs)(j.a,{className:"pv3 ph4 lh-copy charcoal",children:[Object(a.jsxs)("div",{className:"flex flex-wrap items-center",children:[Object(a.jsx)(u,{style:{height:76},className:"fill-red mr",role:"presentation"}),Object(a.jsx)("h1",{className:"montserrat fw4 charcoal ma0 f3 red",children:t("app:status.couldNotConnect")})]}),Object(a.jsx)(i.a,{i18nKey:"notConnected.paragraph1",t:t,children:Object(a.jsxs)("p",{className:"fw6 mb3",children:["Check out the installation guide in the ",Object(a.jsx)("a",{className:"link blue",href:"https://docs.ipfs.io/install/command-line-quick-start/",target:"_blank",rel:"noopener noreferrer",children:"IPFS Docs"}),", or try these common fixes:"]})}),Object(a.jsxs)("ol",{className:"pl3 pt2",children:[Object(a.jsx)(i.a,{i18nKey:"notConnected.paragraph2",t:t,children:Object(a.jsx)("li",{className:"mb3",children:"Is your IPFS daemon running? Try starting or restarting it from your terminal:"})}),Object(a.jsxs)(p.a,{title:"Any Shell",children:[Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),"ipfs daemon"]}),Object(a.jsx)("code",{className:"db",children:"Initializing daemon..."}),Object(a.jsx)("code",{className:"db",children:"API server listening on /ip4/127.0.0.1/tcp/5001"})]}),!s&&Object(a.jsxs)("div",{children:[Object(a.jsx)(i.a,{i18nKey:"notConnected.paragraph3",t:t,children:Object(a.jsxs)("li",{className:"mb3 mt4",children:["Is your IPFS API configured to allow ",Object(a.jsx)("a",{className:"link blue",href:"https://github.com/ipfs-shipyard/ipfs-webui#configure-ipfs-api-cors-headers",children:"cross-origin (CORS) requests"}),"? If not, run these commands and then start your daemon from the terminal:"]})}),Object(a.jsxs)("div",{className:"br1 overflow-hidden",children:[Object(a.jsxs)("div",{className:"f7 mb0 sans-serif charcoal pv1 pl2 bg-black-20 flex items-center overflow-x-auto",children:[Object(a.jsx)("button",{onClick:function(){return v(m)},className:d()("pointer mr3 ttu tracked",x===m&&"fw7"),children:"Unix & MacOS"}),Object(a.jsx)("button",{onClick:function(){return v(f)},className:d()("pointer mr3 ttu tracked",x===f&&"fw7"),children:"Windows Powershell"}),Object(a.jsx)("button",{onClick:function(){return v(O)},className:d()("pointer ttu tracked",x===O&&"fw7"),children:"Windows CMD"})]}),Object(a.jsxs)("div",{className:"bg-black-70 snow pa2 f7 lh-copy monospace nowrap overflow-x-auto",children:[x===m&&Object(a.jsxs)("div",{children:[Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),"ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '[",N&&'"'.concat(w,'", '),'"',g.join('", "'),"\"]'"]}),Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),'ipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods \'["PUT", "POST"]\'']})]}),x===f&&Object(a.jsxs)("div",{children:[Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),"ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin '[",N&&'\\"'.concat(w,'\\", '),'\\"',g.join('\\", \\"'),"\\\"]'"]}),Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),'ipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods \'[\\"PUT\\", \\"POST\\"]\'']})]}),x===O&&Object(a.jsxs)("div",{children:[Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),'ipfs config --json API.HTTPHeaders.Access-Control-Allow-Origin "[',N&&'"""'.concat(w,'""", '),'"""',g.join('""", """'),'"""]"']}),Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),'ipfs config --json API.HTTPHeaders.Access-Control-Allow-Methods "["""PUT""", """POST"""]"']})]})]})]})]}),Object(a.jsx)(i.a,{i18nKey:"notConnected.paragraph4",t:t,children:Object(a.jsxs)("li",{className:"mt4 mb3",children:["Is your IPFS API on a port other than 5001? If your node is configured with a ",Object(a.jsx)("a",{className:"link blue",href:"https://github.com/ipfs/go-ipfs/blob/master/docs/config.md#addresses",target:"_blank",rel:"noopener noreferrer",children:"custom API address"}),", enter it here."]})}),Object(a.jsx)(b.a,{t:t,defaultValue:r||"",updateAddress:l})]})]})})))},1662:function(e,t,s){"use strict";s.r(t);var a=s(1),c=s(0),n=s.n(c),r=s(142),i=s(181),l=s(957),o=s(37),d=s(141),b=s(127),j=Object(l.a)("status")((function(e){var t=e.t,s=e.peersCount,c=e.repoSize,n=Object(b.c)(c||0);return Object(a.jsxs)("header",{children:[Object(a.jsx)("h1",{className:"montserrat fw2 f3 charcoal ma0 pt0 pb2",children:Object(a.jsx)(i.a,{i18nKey:"app:status.connectedToIpfs",t:t,children:"Connected to IPFS"})}),Object(a.jsxs)("p",{className:"montserrat fw4 f5 ma0 pb3 lh-copy",children:[Object(a.jsx)("span",{className:"db dib-ns",children:Object(a.jsx)("a",{className:"link blue",href:"#/files",children:t("StatusConnected.repoSize",{repoSize:n})})}),Object(a.jsx)("span",{className:"dn di-ns gray",children:" \u2014 "}),Object(a.jsx)("span",{className:"db mt1 mt0-ns dib-ns",children:Object(a.jsx)("a",{className:"link blue",href:"#/peers",children:t("StatusConnected.peersCount",{peersCount:s.toString()})})})]})]})})),p=Object(o.b)("selectPeersCount","selectRepoSize",j),h=s(975),u=s(257),m=Object(l.a)("status")((function(e){var t=e.t;return Object(a.jsxs)(u.a,{className:"mt3 pa3",children:[Object(a.jsx)("h2",{className:"ttu yellow tracked f6 fw4 aqua mt0 mb4",children:t("bandwidthStats")}),Object(a.jsx)("p",{className:"mw6 mr2 lh-copy charcoal f6",children:Object(a.jsxs)(i.a,{i18nKey:"bandwidthStatsDisabled",t:t,children:["You have the bandwidth metrics disabled. You can enable them by typing the command bellow or changing the key ",Object(a.jsx)("code",{children:"Swarm.DisableBandwidthMetrics"})," to ",Object(a.jsx)("code",{children:"false"})," on",Object(a.jsx)("a",{className:"link blue",href:"#/settings",children:"Settings"}),". Then, you need to restart the IPFS daemon to apply the changes."]})}),Object(a.jsx)(h.a,{className:"mw6",children:Object(a.jsxs)("code",{className:"db",children:[Object(a.jsx)("b",{className:"no-select",children:"$ "}),"ipfs config --json Swarm.DisableBandwidthMetrics false"]})})]})})),f=s(1106),O=s(62),x=s(63),v=s(108),g=s(107),w={"go-ipfs":{url:"https://github.com/ipfs/go-ipfs"},"js-ipfs":{url:"https://github.com/ipfs/js-ipfs"}},N=function(e){var t=e.agent,s=e.version;if(!s)return"";if("js-ipfs"===t){var c="".concat(w["js-ipfs"].url,"/releases/tag/v").concat(s);return Object(a.jsxs)("a",{href:c,className:"link blue ml2",target:"_blank",rel:"noopener noreferrer",children:["v",s]})}return" v".concat(s)},y=function(e){var t=e.agentVersion;if(!t)return Object(a.jsx)("span",{children:"Unknown"});var s=t.split("/").filter((function(e){return!!e})),c=s[0],n=function(e){var t=w[e];return t?t.url:null}(c),r=s[1];return n?Object(a.jsxs)("span",{children:[Object(a.jsx)("a",{href:n,className:"link blue",target:"_blank",rel:"noopener noreferrer",children:c}),Object(a.jsx)(N,{agent:c,version:r})]}):Object(a.jsxs)("span",{children:[c,Object(a.jsx)(N,{agent:c,version:r})]})},k=s(3),C=s(77),S=function(e){var t=e.term,s=e.desc,c=e.advanced,n=e.termWidth;return Object(a.jsxs)("div",{className:"dt dt--fixed pt1 mw9 lh-copy",children:[Object(a.jsx)(A,{width:n,children:t}),Object(a.jsx)(I,{advanced:c,children:s})]})},A=function(e){var t=e.children,s=e.width,c=void 0===s?100:s;return Object(a.jsx)("dt",{className:"db ma0 pb1 pb0-ns dtc-ns silver tracked ttu f7",style:{width:c},children:t})},I=function(e){var t=e.children,s=e.advanced;return Object(a.jsx)("dd",{className:"db dtc-ns ma0 charcoal monospace ".concat(s?"word-wrap pa2 f7 bg-white-80":"truncate f7 f6-ns"),children:t})},P=function(e){var t=e.children,s=e.className,c=void 0===s?"ma0":s,n=Object(C.a)(e,["children","className"]);return Object(a.jsx)("dl",Object(k.a)(Object(k.a)({className:c},n),{},{children:t}))},T=function(e){Object(v.a)(s,e);var t=Object(g.a)(s);function s(){return Object(O.a)(this,s),t.apply(this,arguments)}return Object(x.a)(s,[{key:"getField",value:function(e,t,s){return e&&e[t]?s?s(e[t]):e[t]:""}},{key:"getVersion",value:function(e){var t=this.getField(e,"agentVersion");return t?t.split("/").join(" "):""}},{key:"render",value:function(){var e=this.props,t=e.t,s=e.identity;return Object(a.jsxs)(P,{children:[Object(a.jsx)(S,{term:t("terms.peerId"),desc:this.getField(s,"id")}),Object(a.jsx)(S,{term:t("terms.agent"),desc:Object(a.jsx)(y,{agentVersion:this.getField(s,"agentVersion")})}),Object(a.jsx)(S,{term:t("terms.ui"),desc:Object(a.jsxs)("a",{href:"https://github.com/ipfs-shipyard/ipfs-webui/releases/tag/v2.13.0",className:"link blue",target:"_blank",rel:"noopener noreferrer",children:["v","2.13.0"]})})]})}}]),s}(n.a.Component),D=Object(o.b)("selectIdentity",Object(l.a)("app")(T)),E=s(33),F=s(29),M=s.n(F),L=s(1099),U=s(381),H={"js-ipfs-api":{url:"https://github.com/ipfs/js-ipfs-api"},"js-ipfs":{url:"https://github.com/ipfs/js-ipfs"},"window.ipfs":{url:"https://github.com/ipfs-shipyard/ipfs-companion"},"ipfs-companion":{url:"https://github.com/ipfs-shipyard/ipfs-companion"}},B=function(e){var t=e.name,s=function(e){return H[e]||{name:e}}(t);return s.url?Object(a.jsx)("a",{href:s.url,className:"link blue",target:"_blank",rel:"noopener noreferrer",children:s.name||t}):Object(a.jsx)("span",{children:s.name||t})};function _(e){try{return M()(e),!0}catch(t){return!1}}var K=Object(o.b)("selectIdentity","selectIpfsProvider","selectIpfsApiAddress","selectGatewayUrl","selectIsNodeInfoOpen","doSetIsNodeInfoOpen",Object(l.a)("status")((function(e){var t,s,c,n=e.t,r=e.identity,i=e.ipfsProvider,l=e.ipfsApiAddress,o=e.gatewayUrl,d=e.isNodeInfoOpen,b=e.doSetIsNodeInfoOpen,j=null,p=null;r&&(s="publicKey",j=(t=r)&&t[s]?c?c(t[s]):t[s]:"",p=Object(E.a)(new Set(r.addresses)).sort().map((function(e){return Object(a.jsx)(L.a,{value:e},e)})));var h;return Object(a.jsx)(U.a,{className:"mt3 f6",summaryText:n("app:terms.advanced"),open:d,onClick:function(e){b(!d),e.preventDefault()},children:Object(a.jsxs)(P,{className:"mt3",children:[Object(a.jsx)(S,{advanced:!0,term:n("app:terms.gateway"),desc:o}),"httpClient"===i?Object(a.jsx)(S,{advanced:!0,term:n("app:terms.api"),desc:Object(a.jsxs)("div",{id:"http-api-address",className:"flex items-center",children:[_(l)?Object(a.jsx)(L.a,{value:l}):(h=l,"string"!==typeof h?n("customApiConfig"):h),Object(a.jsx)("a",{className:"ml2 link blue sans-serif fw6",href:"#/settings",children:n("app:actions.edit")})]})}):Object(a.jsx)(S,{advanced:!0,term:n("app:terms.api"),desc:Object(a.jsx)(B,{name:i})}),Object(a.jsx)(S,{advanced:!0,term:n("app:terms.addresses"),desc:p}),Object(a.jsx)(S,{advanced:!0,term:n("app:terms.publicKey"),desc:j})]})})}))),z=s(34),V=s.n(z),$=s(1224),J=s(146),R=s.n(J),Y=function(e){var t=e.children,s=Object(C.a)(e,["children"]);return Object(a.jsx)("h2",Object(k.a)(Object(k.a)({className:"ttu tracked f6 fw4 teal mt0 mb4"},s),{},{children:t}))},W={standard:"iec",base:2,bits:!1},q=R.a.partial(Object(k.a)({round:1,exponent:2},W)),G=R.a.partial(Object(k.a)({round:0,output:"array"},W)),X={defaultFontFamily:"'Inter UI', system-ui, sans-serif",responsive:!0,tooltips:{mode:"x",position:"nearest",enabled:!1},hover:{mode:"index"},scales:{xAxes:[{type:"time",time:{minUnit:"second"}}],yAxes:[{stacked:!0,ticks:{callback:function(e){return q(e)+"/s"},suggestedMax:2e5,maxTicksLimit:5}}]},legend:{reverse:!0,display:!0,position:"bottom"}},Q=function(e){var t=e.t,s=e.bw,c=e.show,n=e.pos;return c?Object(a.jsxs)("div",{className:"sans-serif absolute bg-white pa2 br3",style:{top:"".concat(n.top+window.scrollY,"px"),left:"".concat(n.left,"px"),transform:"translateY(calc(-100% - 20px))",filter:"drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.2))"},children:[Object(a.jsx)("div",{className:"absolute",style:{bottom:"-14px",left:"0",width:"0",height:"0",borderTop:"20px solid white",borderRight:"20px solid transparent"}}),Object(a.jsxs)("div",{className:"dt",children:[Object(a.jsxs)("div",{className:"dt-row",children:[Object(a.jsxs)("span",{className:"dtc f7 charcoal tr",children:[t("app:terms.in").toLowerCase(),":"]}),Object(a.jsx)("span",{className:"f4 ml1 charcoal-muted",children:s.in[0]}),Object(a.jsxs)("span",{className:"f7 charcoal-muted",children:[s.in[1],"/s"]})]}),Object(a.jsxs)("div",{className:"dt-row",children:[Object(a.jsxs)("span",{className:"dtc f7 charcoal tr",children:[t("app:terms.out").toLowerCase(),":"]}),Object(a.jsx)("span",{className:"f4 ml1 charcoal-muted",children:s.out[0]}),Object(a.jsxs)("span",{className:"f7 charcoal-muted",children:[s.out[1],"/s"]})]})]})]}):null},Z=function(e){Object(v.a)(s,e);var t=Object(g.a)(s);function s(){var e;Object(O.a)(this,s);for(var c=arguments.length,n=new Array(c),r=0;r<c;r++)n[r]=arguments[r];return(e=t.call.apply(t,[this].concat(n))).getTooltip=function(e){var t=document.getElementById("node_bw_chart");return t||((t=document.createElement("div")).id="node_bw_chart",document.body.appendChild(t)),V.a.render(Object(a.jsx)(Q,{t:e,show:!1}),t),t},e.data=function(){var t=e.props,s=t.t,a=t.nodeBandwidthChartData;return function(e){var t=e.getContext("2d"),c=t.createLinearGradient(e.width/2,0,e.width/2,e.height);c.addColorStop(0,"#70c5cd"),c.addColorStop(1,"#c6f1f3");var n=t.createLinearGradient(e.width/2,0,e.width/2,e.height/2);return n.addColorStop(0,"#f19237"),n.addColorStop(1,"#f9d1a6"),{datasets:[{label:s("app:terms.out"),data:a.out,borderColor:n,backgroundColor:n,pointRadius:2,cubicInterpolationMode:"monotone"},{label:s("app:terms.in"),data:a.in,borderColor:c,backgroundColor:c,pointRadius:2,cubicInterpolationMode:"monotone"}]}}},e}return Object(x.a)(s,[{key:"componentDidMount",value:function(){this.tooltip=document.createElement("div"),this.tooltip.id="node_bw_chart",document.body.appendChild(this.tooltip)}},{key:"componentDidUpdate",value:function(){V.a.render(Object(a.jsx)(Q,{show:!1}),this.tooltip)}},{key:"render",value:function(){var e=this.props,t=e.t,s=e.animatedPoints,c=e.nodeBandwidthChartData;if(0===c.in.length)return null;var n=this.tooltip,r=Object(k.a)(Object(k.a)({},X),{},{tooltips:Object(k.a)(Object(k.a)({},X.tooltips),{},{custom:function(e){var s={show:!0};if(0===e.opacity)s.show=!1;else{s.bw={out:G(Math.abs(e.dataPoints[0].yLabel)),in:G(Math.abs(e.dataPoints[1].yLabel))};var c=this._chart.canvas.getBoundingClientRect();s.pos={left:c.left+e.caretX,top:c.top+e.caretY}}V.a.render(Object(a.jsx)(Q,Object(k.a)({t:t},s)),n)}}),animation:{duration:c.in.length<=s?1e3:0}});return Object(a.jsxs)("div",{children:[Object(a.jsx)(Y,{children:t("bandwidthOverTime")}),Object(a.jsx)($.Line,{data:this.data(),options:r})]})}}]),s}(n.a.Component);Z.defaultProps={animatedPoints:500};var ee=Object(o.b)("selectNodeBandwidthChartData",Object(l.a)("status")(Z)),te=function(e){return 2*e*Math.PI};var se=function(e){var t,s=e.total,c=void 0===s?100:s,n=e.title,r=e.filled,i=void 0===r?0:r,l=e.noSpeed,o=void 0!==l&&l,d=e.color,b=void 0===d?"#FF6384":d,j={options:{legend:{display:!1},tooltips:{enabled:!1},maintainAspectRatio:!1,cutoutPercentage:80,rotation:(t=.7,(1-t+.5)*Math.PI),circumference:te(.7)},data:{labels:["Speed","Nothing"],datasets:[{data:[i,i>c?0:c-i],backgroundColor:[b,"#DEDEDE"],hoverBackgroundColor:[b,"#DEDEDE"],borderWidth:[0,0]}]}},p=R()(i,{standard:"iec",base:2,output:"array",round:0,bits:!1});return Object(a.jsxs)("div",{className:"relative tc center overflow-hidden",style:{width:"11em",height:"9em"},children:[Object(a.jsx)("div",{style:{width:"11em",height:"11em",marginTop:"-1em"},children:Object(a.jsx)($.Doughnut,Object(k.a)({},j))}),Object(a.jsxs)("div",{className:"absolute",style:{top:"60%",left:"50%",transform:"translate(-50%, -50%)"},children:[Object(a.jsx)("span",{className:"f3",children:p[0]}),Object(a.jsxs)("span",{className:"ml1 f7",children:[p[1],o?"":"/s"]}),Object(a.jsx)("span",{className:"db f7 fw5",children:n})]})]})},ae=function(e){Object(v.a)(s,e);var t=Object(g.a)(s);function s(){var e;Object(O.a)(this,s);for(var a=arguments.length,c=new Array(a),n=0;n<a;n++)c[n]=arguments[n];return(e=t.call.apply(t,[this].concat(c))).state={downSpeed:{filled:0,total:125e3},upSpeed:{filled:0,total:125e3}},e}return Object(x.a)(s,[{key:"componentDidUpdate",value:function(e,t){var s=this.props.nodeBandwidth,a=s?parseInt(s.rateIn.toFixed(0),10):0,c=s?parseInt(s.rateOut.toFixed(0),10):0;a===t.downSpeed.filled&&c===t.upSpeed.filled||this.setState({downSpeed:{filled:a,total:Math.max(a,t.downSpeed.total)},upSpeed:{filled:c,total:Math.max(c,t.upSpeed.total)}})}},{key:"render",value:function(){var e=this.props.t,t=this.state,s=t.downSpeed,c=t.upSpeed;return Object(a.jsxs)("div",{children:[Object(a.jsx)(Y,{children:e("networkTraffic")}),Object(a.jsxs)("div",{className:"flex flex-column justify-between",style:{maxWidth:400},children:[Object(a.jsx)("div",{className:"mh2 mv3 mt0-l",children:Object(a.jsx)(se,Object(k.a)({title:e("app:terms.downSpeed"),color:"#69c4cd"},s))}),Object(a.jsx)("div",{className:"mh2 mt3 mt0-l",children:Object(a.jsx)(se,Object(k.a)({title:e("app:terms.upSpeed"),color:"#f39021"},c))})]})]})}}]),s}(n.a.Component),ce=Object(o.b)("selectNodeBandwidth",Object(l.a)("status")(ae)),ne=s(182),re=function(e){var t=e.className,s=e.label,c=e.yesLabel,n=e.noLabel,r=e.onYes,i=e.onNo,l=e.detailsLabel,o=void 0===l?"More info...":l,d=e.detailsLink;return Object(a.jsxs)("div",{className:"f6 pv3 pv2-ns ph3 tc bg-snow charcoal ".concat(t),children:[Object(a.jsxs)("span",{className:"fw4 lh-copy dib mb2",children:[s,d&&Object(a.jsx)("a",{href:d,className:"dib focus-outline link blue ml2",children:o})]}),Object(a.jsxs)("span",{className:"dib",children:[Object(a.jsx)(ne.a,{className:"ml3 mv1 tc",bg:"bg-green",onClick:r,children:c}),Object(a.jsx)(ne.a,{className:"ml3 mv1 tc",color:"charcoal",bg:"bg-snow-muted",onClick:i,children:n})]})]})},ie=s(187),le=s(259),oe=s(965);t.default=Object(o.b)("selectIpfsConnected","selectNodeBandwidthEnabled","selectAnalyticsAskToEnable","selectToursEnabled","doEnableAnalytics","doDisableAnalytics",Object(oe.a)(Object(l.a)("status")((function(e){var t=e.t,s=e.ipfsConnected,c=e.analyticsAskToEnable,n=e.doEnableAnalytics,l=e.doDisableAnalytics,o=e.toursEnabled,b=e.handleJoyrideCallback,j=e.nodeBandwidthEnabled;return Object(a.jsxs)("div",{"data-id":"StatusPage",className:"mw9 center",children:[Object(a.jsx)(r.Helmet,{children:Object(a.jsxs)("title",{children:[t("title")," | IPFS"]})}),Object(a.jsx)(u.a,{className:"pa3 joyride-status-node",style:{minHeight:0},children:Object(a.jsx)("div",{className:"flex",children:Object(a.jsx)("div",{className:"flex-auto",children:s?Object(a.jsxs)("div",{children:[Object(a.jsx)(p,{}),Object(a.jsx)(D,{}),Object(a.jsx)("div",{className:"pt2",children:Object(a.jsx)(K,{})})]}):Object(a.jsx)("div",{children:Object(a.jsx)(f.a,{})})})})}),s&&c&&Object(a.jsx)(re,{className:"mt3",label:t("AskToEnable.label"),yesLabel:t("app:actions.ok"),noLabel:t("app:actions.noThanks"),detailsLabel:t("app:actions.moreInfo"),detailsLink:"#/settings/analytics",onYes:n,onNo:l}),Object(a.jsxs)("div",{style:{opacity:s?1:.4},children:[j?Object(a.jsx)(u.a,{className:"mt3 pa3",children:Object(a.jsxs)("div",{className:"flex flex-column flex-row-l joyride-status-charts",children:[Object(a.jsx)("div",{className:"pr0 pr2-l flex-auto",children:Object(a.jsx)(ee,{})}),Object(a.jsx)("div",{className:"dn db-l pl3 pr5",children:Object(a.jsx)(ce,{})})]})}):Object(a.jsx)(m,{}),Object(a.jsx)(d.b,{run:o,steps:ie.e.getSteps({t:t,Trans:i.a}),styles:ie.e.styles,callback:b,continuous:!0,scrollToFirstStep:!0,locale:Object(le.a)(t),showProgress:!0})]})]})}))))},965:function(e,t,s){"use strict";var a=s(3),c=s(1),n=s(62),r=s(63),i=s(108),l=s(107),o=s(0),d=s.n(o),b=s(37),j=s(141);t.a=function(e){var t=function(t){Object(i.a)(o,t);var s=Object(l.a)(o);function o(){var e;Object(n.a)(this,o);for(var t=arguments.length,a=new Array(t),c=0;c<t;c++)a[c]=arguments[c];return(e=s.call.apply(s,[this].concat(a))).handleJoyrideCallback=function(t){var s=e.props.doDisableTours,a=t.action,c=t.status;("close"===a||[j.a.FINISHED].includes(c))&&s()},e}return Object(r.a)(o,[{key:"render",value:function(){return Object(c.jsx)(e,Object(a.a)({handleJoyrideCallback:this.handleJoyrideCallback},this.props))}}]),o}(d.a.Component);return Object(b.b)("doDisableTours",t)}},975:function(e,t,s){"use strict";var a=s(1),c=(s(0),s(125)),n=s.n(c);t.a=function(e){var t=e.title,s=void 0===t?"Shell":t,c=e.children,r=e.className;return Object(a.jsxs)("div",{className:n()("br1 overflow-hidden",r),children:[Object(a.jsx)("div",{className:"f7 mb0 sans-serif ttu tracked charcoal pv1 pl2 bg-black-20",children:s}),Object(a.jsx)("div",{className:"bg-black-70 snow pa2 f7 lh-copy monospace nowrap overflow-x-auto",children:c})]})}}}]);
//# sourceMappingURL=15.3d0e38aa.chunk.js.map