(this["webpackJsonpchirpstack-application-server-ui"]=this["webpackJsonpchirpstack-application-server-ui"]||[]).push([[0],{13:function(e,t,a){"use strict";var n=a(2),i=a(3),o=a(5),r=a(4),s=a(38),c=a(42),l=a.n(c),u=a(6),p=new(function(e){Object(o.a)(a,e);var t=Object(r.a)(a);function a(){var e;return Object(n.a)(this,a),(e=t.call(this)).client=null,e.user=null,e.organizations=[],e.settings={},e.branding={},e.swagger=l()("/swagger/internal.swagger.json",e.getClientOpts()),e.swagger.then((function(t){e.client=t,null!==e.getToken()&&e.fetchProfile((function(){}))})),e}return Object(i.a)(a,[{key:"getClientOpts",value:function(){var e=this;return{requestInterceptor:function(t){return null!==e.getToken()&&(t.headers["Grpc-Metadata-Authorization"]="Bearer "+e.getToken()),t}}}},{key:"setToken",value:function(e){localStorage.setItem("jwt",e)}},{key:"getToken",value:function(){return localStorage.getItem("jwt")}},{key:"getOrganizationID",value:function(){var e=localStorage.getItem("organizationID");return""===e?null:e}},{key:"setOrganizationID",value:function(e){localStorage.setItem("organizationID",e),this.emit("organization.change")}},{key:"getRowsPerPage",value:function(){var e=localStorage.getItem("rowsPerPage");return""===e||null===e?10:JSON.parse(e)}},{key:"setRowsPerPage",value:function(e){localStorage.setItem("rowsPerPage",JSON.stringify(e))}},{key:"getUser",value:function(){return this.user}},{key:"getSettings",value:function(){return this.settings}},{key:"isAdmin",value:function(){return void 0!==this.user&&null!==this.user&&this.user.isAdmin}},{key:"isOrganizationAdmin",value:function(e){for(var t=0;t<this.organizations.length;t++)if(this.organizations[t].organizationID===e)return this.organizations[t].isAdmin}},{key:"isOrganizationDeviceAdmin",value:function(e){for(var t=0;t<this.organizations.length;t++)if(this.organizations[t].organizationID===e)return this.organizations[t].isAdmin||this.organizations[t].isDeviceAdmin}},{key:"isOrganizationGatewayAdmin",value:function(e){for(var t=0;t<this.organizations.length;t++)if(this.organizations[t].organizationID===e)return this.organizations[t].isAdmin||this.organizations[t].isGatewayAdmin}},{key:"login",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.InternalService.Login({body:e}).then(u.a).then((function(e){a.setToken(e.obj.jwt),a.fetchProfile(t)})).catch(u.e)}))}},{key:"openidConnectLogin",value:function(e,t,a){var n=this;this.swagger.then((function(i){i.apis.InternalService.OpenIDConnectLogin({code:e,state:t}).then(u.a).then((function(e){n.setToken(e.obj.jwtToken),n.fetchProfile(a)})).catch(u.b)}))}},{key:"logout",value:function(e,t){localStorage.clear(),this.user=null,this.organizations=[],this.settings={},!0===e&&this.emit("change"),t()}},{key:"fetchProfile",value:function(e){var t=this;this.swagger.then((function(a){a.apis.InternalService.Profile({}).then(u.a).then((function(a){t.user=a.obj.user,void 0!==a.obj.organizations&&(t.organizations=a.obj.organizations),void 0!==a.obj.settings&&(t.settings=a.obj.settings),t.emit("change"),e()})).catch(u.b)}))}},{key:"globalSearch",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.InternalService.GlobalSearch({search:e,limit:t,offset:a}).then(u.a).then((function(e){n(e.obj)})).catch(u.b)}))}}]),a}(s.EventEmitter));t.a=p},14:function(e,t,a){"use strict";var n=a(329),i=a(140),o=a.n(i),r=Object(n.a)({palette:{primary:o.a}});t.a=r},166:function(e,t,a){"use strict";var n=a(69);t.a=Object(n.b)()},169:function(e,t,a){"use strict";(function(e){var n=a(2),i=a(3),o=a(5),r=a(4),s=a(0),c=a.n(s),l=a(328),u=a(454),p=a.n(u),m=function(t){Object(o.a)(s,t);var a=Object(r.a)(s);function s(){return Object(n.a)(this,s),a.apply(this,arguments)}return Object(i.a)(s,[{key:"render",value:function(){var t=JSON.parse(JSON.stringify(this.props.data));if("devEUI"in t&&null!==t.devEUI&&(t.devEUI=h(t.devEUI)),"devAddr"in t&&null!==t.devAddr&&(t.devAddr=h(t.devAddr)),"rxInfo"in t&&null!==t.rxInfo)for(var a=0;a<t.rxInfo.length;a++)if("gatewayID"in t.rxInfo[a]&&null!==t.rxInfo[a].gatewayID&&(t.rxInfo[a].gatewayID=h(t.rxInfo[a].gatewayID)),"uplinkID"in t.rxInfo[a]&&null!==t.rxInfo[a].uplinkID){var n=e.from(t.rxInfo[a].uplinkID,"base64");t.rxInfo[a].uplinkID=Object(l.unparse)(n)}if("uplinkIDs"in t&&null!==t.uplinkIDs)for(var i=0;i<t.uplinkIDs.length;i++){var o=e.from(t.uplinkIDs[i],"base64");t.uplinkIDs[i]=Object(l.unparse)(o)}return"objectJSON"in t&&null!==t.objectJSON&&""!==t.objectJSON&&(t.objectJSON=JSON.parse(t.objectJSON)),c.a.createElement(p.a,{data:t,theme:{scheme:"google",author:"seth wright (http://sethawright.com)",base00:"#000000",base01:"#282a2e",base02:"#373b41",base03:"#969896",base04:"#b4b7b4",base05:"#c5c8c6",base06:"#e0e0e0",base07:"#ffffff",base08:"#CC342B",base09:"#F96A38",base0A:"#FBA922",base0B:"#198844",base0C:"#3971ED",base0D:"#3971ED",base0E:"#A36AC7",base0F:"#3971ED"},hideRoot:!0,shouldExpandNode:function(){return!0}})}}]),s}(s.Component);function h(t){return e.from(t,"base64").toString("hex")}t.a=m}).call(this,a(107).Buffer)},197:function(e,t,a){"use strict";(function(e){var n=a(165),i=a(2),o=a(3),r=a(5),s=a(4),c=a(0),l=a.n(c),u=a(126),p=a(333),m=a(171),h=a(248),d=a(172),g=a(123),b=a.n(g),v=a(159),f=a.n(v),E=function(e){Object(r.a)(a,e);var t=Object(s.a)(a);function a(){return Object(i.a)(this,a),t.apply(this,arguments)}return Object(o.a)(a,[{key:"render",value:function(){var e=this.props,t=e.inputRef,a=Object(n.a)(e,["inputRef"]);return l.a.createElement(f.a,Object.assign({},a,{ref:function(e){t(e?e.inputElement:null)},mask:[/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/]}))}}]),a}(c.Component),y=function(t){Object(r.a)(n,t);var a=Object(s.a)(n);function n(){var t;return Object(i.a)(this,n),(t=a.call(this)).toggleByteOrder=function(){t.setState({msb:!t.state.msb});var e=t.state.value.match(/[A-Fa-f0-9]{2}/g);null!==e&&t.setState({value:e.reverse().join(" ")})},t.randomKey=function(){var a=window.crypto||window.msCrypto,n=new Uint8Array(8);a.getRandomValues(n);var i=e.from(n).toString("hex");t.setState({value:i});var o="",r=i.match(/[A-Fa-f0-9]{2}/g);o=t.state.msb||null===r?null!==r?r.join(""):"":r.reverse().join(""),t.props.onChange({target:{value:o,type:"text",id:t.props.id}})},t.onChange=function(e){t.setState({value:e.target.value});var a="",n=e.target.value.match(/[A-Fa-f0-9]{2}/g);a=t.state.msb||null===n?null!==n?n.join(""):"":n.reverse().join(""),t.props.onChange({target:{value:a,type:"text",id:t.props.id}})},t.state={msb:!0,value:""},t}return Object(o.a)(n,[{key:"componentDidMount",value:function(){this.setState({value:this.props.value||""})}},{key:"render",value:function(){return l.a.createElement(u.a,Object.assign({type:"text",InputProps:{inputComponent:E,endAdornment:l.a.createElement(p.a,{position:"end"},l.a.createElement(d.a,{title:"Toggle the byte order of the input. Some devices use LSB."},l.a.createElement(h.a,{"aria-label":"Toggle byte order",onClick:this.toggleByteOrder},this.state.msb?"MSB":"LSB")),this.props.random&&!this.props.disabled&&l.a.createElement(d.a,{title:"Generate random ID."},l.a.createElement(m.a,{"aria-label":"Generate random key",onClick:this.randomKey},l.a.createElement(b.a,null))))}},this.props,{onChange:this.onChange,value:this.state.value,disabled:this.props.disabled}))}}]),n}(c.Component);t.a=y}).call(this,a(107).Buffer)},198:function(e,t,a){"use strict";var n=a(165),i=a(2),o=a(3),r=a(5),s=a(4),c=a(0),l=a.n(c),u=a(126),p=a(333),m=a(171),h=a(248),d=a(172),g=a(123),b=a.n(g),v=a(159),f=a.n(v),E=function(e){Object(r.a)(a,e);var t=Object(s.a)(a);function a(){return Object(i.a)(this,a),t.apply(this,arguments)}return Object(o.a)(a,[{key:"render",value:function(){var e=this.props,t=e.inputRef,a=Object(n.a)(e,["inputRef"]);return l.a.createElement(f.a,Object.assign({},a,{ref:function(e){t(e?e.inputElement:null)},mask:[/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/]}))}}]),a}(c.Component),y=function(e){Object(r.a)(a,e);var t=Object(s.a)(a);function a(){var e;return Object(i.a)(this,a),(e=t.call(this)).toggleByteOrder=function(){e.setState({msb:!e.state.msb});var t=e.state.value.match(/[A-Fa-f0-9]{2}/g);null!==t&&e.setState({value:t.reverse().join(" ")})},e.randomKey=function(){e.props.randomFunc((function(t){var a=t,n=a.match(/[\w]{2}/g);e.state.msb||null===n||(a=n.reverse().join("")),e.setState({value:a}),e.props.onChange({target:{value:t,type:"text",id:e.props.id}})}))},e.onChange=function(t){e.setState({value:t.target.value});var a="",n=t.target.value.match(/[\w]{2}/g);a=e.state.msb||null===n?null!==n?n.join(""):"":n.reverse().join(""),e.props.onChange({target:{value:a,type:"text",id:e.props.id}})},e.state={msb:!0,value:""},e}return Object(o.a)(a,[{key:"componentDidMount",value:function(){this.setState({value:this.props.value||""})}},{key:"render",value:function(){return l.a.createElement(u.a,Object.assign({type:"text",InputProps:{inputComponent:E,endAdornment:l.a.createElement(p.a,{position:"end"},l.a.createElement(d.a,{title:"Toggle the byte order of the input. Some devices use LSB."},l.a.createElement(h.a,{"aria-label":"Toggle byte order",onClick:this.toggleByteOrder},this.state.msb?"MSB":"LSB")),this.props.random&&!this.props.disabled&&l.a.createElement(d.a,{title:"Generate random device address."},l.a.createElement(m.a,{"aria-label":"Generate random key",onClick:this.randomKey},l.a.createElement(b.a,null))))}},this.props,{onChange:this.onChange,value:this.state.value,disabled:this.props.disabled}))}}]),a}(c.Component);t.a=y},22:function(e,t,a){"use strict";var n=a(48),i=a(2),o=a(3),r=a(7),s=a(5),c=a(4),l=a(0),u=function(e){Object(s.a)(a,e);var t=Object(c.a)(a);function a(){var e;return Object(i.a)(this,a),(e=t.call(this)).addKV=function(t){return function(a){a.preventDefault();var n=e.state[t];n.push({});var i={};i[t]=n,e.setState(i)}},e.onChangeKV=function(t){return function(a,n){var i=e.state[t],o=e.state.object;i[a]=n,o[t]={},i.forEach((function(e,a){o[t][e.key]=e.value}));var r={object:o};r[t]=i,e.setState(r)}},e.onDeleteKV=function(t){return function(a){var n=e.state[t],i=e.state.object;n.splice(a,1),i[t]={},n.forEach((function(e,a){i[t][e.key]=e.value}));var o={object:i};o[t]=n,e.setState(o)}},e.state={},e.onChange=e.onChange.bind(Object(r.a)(e)),e.onSubmit=e.onSubmit.bind(Object(r.a)(e)),e}return Object(o.a)(a,[{key:"onChange",value:function(e){var t=e.target.id.split("."),a=t[t.length-1];t.pop();var i,o=this.state.object,r=o,s=Object(n.a)(t);try{for(s.s();!(i=s.n()).done;){r=r[i.value]}}catch(c){s.e(c)}finally{s.f()}"checkbox"===e.target.type?r[a]=e.target.checked:"number"===e.target.type?r[a]=parseInt(e.target.value,10):r[a]=e.target.value,this.setState({object:o})}},{key:"onSubmit",value:function(e){e.preventDefault(),this.props.onSubmit(this.state.object)}},{key:"componentDidMount",value:function(){this.setState({object:this.props.object||{}})}},{key:"componentDidUpdate",value:function(e){e.object!==this.props.object&&this.setState({object:this.props.object||{}})}}]),a}(l.Component);t.a=u},24:function(e,t,a){"use strict";var n=a(2),i=a(3),o=a(5),r=a(4),s=a(0),c=a.n(s),l=a(885),u=a(248),p=a(11),m=function(e){Object(o.a)(a,e);var t=Object(r.a)(a);function a(){return Object(n.a)(this,a),t.apply(this,arguments)}return Object(i.a)(a,[{key:"render",value:function(){return c.a.createElement("form",{onSubmit:this.props.onSubmit},this.props.children,c.a.createElement(l.a,{container:!0,justify:"flex-end",className:this.props.classes.formControl},this.props.extraButtons,this.props.submitLabel&&c.a.createElement(u.a,{color:"primary",type:"submit",disabled:this.props.disabled},this.props.submitLabel)))}}]),a}(s.Component);t.a=Object(p.a)({formControl:{paddingTop:24}})(m)},243:function(e,t,a){"use strict";(function(e){var n=a(2),i=a(3),o=a(7),r=a(5),s=a(4),c=a(0),l=a.n(c),u=a(11),p=a(126),m=a(245),h=a(246),d=a(247),g=a(22),b=a(62),v=a(198),f=a(24),E=a(31),y=a(43),j={formLabel:{fontSize:12},link:{color:a(14).a.palette.primary.main}},O=function(t){Object(r.a)(c,t);var a=Object(s.a)(c);function c(){var e;return Object(n.a)(this,c),(e=a.call(this)).getRandomMcAddr=function(t){t(e.getRandomKey(4))},e.getRandomSessionKey=function(t){t(e.getRandomKey(16))},e.getServiceProfileOption=e.getServiceProfileOption.bind(Object(o.a)(e)),e.getServiceProfileOptions=e.getServiceProfileOptions.bind(Object(o.a)(e)),e}return Object(i.a)(c,[{key:"getServiceProfileOption",value:function(e,t){y.a.get(e,(function(e){t({label:e.serviceProfile.name,value:e.serviceProfile.id})}))}},{key:"getServiceProfileOptions",value:function(e,t){y.a.list(this.props.match.params.organizationID,0,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"getRandomKey",value:function(t){var a=window.crypto||window.msCrypto,n=new Uint8Array(t);return a.getRandomValues(n),e.from(n).toString("hex")}},{key:"getGroupTypeOptions",value:function(e,t){t([{value:"CLASS_B",label:"Class-B"},{value:"CLASS_C",label:"Class-C"}])}},{key:"getPingSlotPeriodOptions",value:function(e,t){t([{value:32,label:"every second"},{value:64,label:"every 2 seconds"},{value:128,label:"every 4 seconds"},{value:256,label:"every 8 seconds"},{value:512,label:"every 16 seconds"},{value:1024,label:"every 32 seconds"},{value:2048,label:"every 64 seconds"},{value:4096,label:"every 128 seconds"}])}},{key:"render",value:function(){return void 0===this.state.object?null:l.a.createElement(f.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},l.a.createElement(p.a,{id:"name",label:"Multicast-group name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"The name of the multicast-group.",fullWidth:!0,required:!0}),!this.props.update&&l.a.createElement(m.a,{fullWidth:!0,margin:"normal"},l.a.createElement(h.a,{className:this.props.classes.formLabel,required:!0},"Service-profile"),l.a.createElement(E.a,{id:"serviceProfileID",label:"Select service-profile",value:this.state.object.serviceProfileID||"",onChange:this.onChange,getOption:this.getServiceProfileOption,getOptions:this.getServiceProfileOptions,margin:"none",required:!0}),l.a.createElement(d.a,null,"The service-profile to which this multicast-group will be attached. Note that you can't change this value after the multicast-group has been created.")),l.a.createElement(v.a,{id:"mcAddr",label:"Multicast address",margin:"normal",value:this.state.object.mcAddr||"",onChange:this.onChange,disabled:this.props.disabled,randomFunc:this.getRandomMcAddr,fullWidth:!0,required:!0,random:!0}),l.a.createElement(b.a,{id:"mcNwkSKey",label:"Multicast network session key",margin:"normal",value:this.state.object.mcNwkSKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),l.a.createElement(b.a,{id:"mcAppSKey",label:"Multicast application session key",margin:"normal",value:this.state.object.mcAppSKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),l.a.createElement(p.a,{id:"fCnt",label:"Frame-counter",margin:"normal",type:"number",value:this.state.object.fCnt||0,onChange:this.onChange,required:!0,fullWidth:!0}),l.a.createElement(p.a,{id:"dr",label:"Data-rate",helperText:"The data-rate to use when transmitting the multicast frames. Please refer to the LoRaWAN Regional Parameters specification for valid values.",margin:"normal",type:"number",value:this.state.object.dr||0,onChange:this.onChange,required:!0,fullWidth:!0}),l.a.createElement(p.a,{id:"frequency",label:"Frequency (Hz)",helperText:"The frequency to use when transmitting the multicast frames. Please refer to the LoRaWAN Regional Parameters specification for valid values.",margin:"normal",type:"number",value:this.state.object.frequency||0,onChange:this.onChange,required:!0,fullWidth:!0}),l.a.createElement(m.a,{fullWidth:!0,margin:"normal"},l.a.createElement(h.a,{className:this.props.classes.formLabel,required:!0},"Multicast-group type"),l.a.createElement(E.a,{id:"groupType",label:"Select multicast-group type",value:this.state.object.groupType||"",onChange:this.onChange,getOptions:this.getGroupTypeOptions,required:!0}),l.a.createElement(d.a,null,"The multicast-group type defines the way how multicast frames are scheduled by the network-server.")),"CLASS_B"===this.state.object.groupType&&l.a.createElement(m.a,{fullWidth:!0,margin:"normal"},l.a.createElement(h.a,{className:this.props.classes.formLabel,required:!0},"Class-B ping-slot periodicity"),l.a.createElement(E.a,{id:"pingSlotPeriod",label:"Select Class-B ping-slot periodicity",value:this.state.object.pingSlotPeriod||"",onChange:this.onChange,getOptions:this.getPingSlotPeriodOptions,required:!0}),l.a.createElement(d.a,null,"Class-B ping-slot periodicity.")))}}]),c}(g.a);t.a=Object(u.a)(j)(O)}).call(this,a(107).Buffer)},28:function(e,t,a){"use strict";var n=a(434);t.a=new n.Dispatcher},31:function(e,t,a){"use strict";var n=a(48),i=a(2),o=a(3),r=a(5),s=a(4),c=a(0),l=a.n(c),u=a(126),p=a(887),m=function(e){Object(r.a)(a,e);var t=Object(s.a)(a);function a(){var e;return Object(i.a)(this,a),(e=t.call(this)).setInitialOptions=function(t){e.props.getOptions("",(function(a,n){e.setState({options:a,totalCount:n},t)}))},e.setSelectedOption=function(){if(void 0!==e.props.getOption)void 0!==e.props.value&&""!==e.props.value&&null!==e.props.value?e.props.getOption(e.props.value,(function(t){e.setState({selectedOption:t})})):e.setState({selectedOption:""});else if(void 0!==e.props.value&&""!==e.props.value&&null!==e.props.value){var t,a=Object(n.a)(e.state.options);try{for(a.s();!(t=a.n()).done;){var i=t.value;e.props.value===i.value&&e.setState({selectedOption:i})}}catch(o){a.e(o)}finally{a.f()}}else e.setState({selectedOption:""})},e.onChange=function(t,a,n){var i=null;null!==a&&(i=a.value),e.setState({selectedOption:a}),e.props.onChange({target:{id:e.props.id,value:i}})},e.onInputChange=function(t,a,n){e.props.getOptions(a,(function(t,a){e.setState({options:t,totalCount:void 0})}))},e.state={options:[],setSelectedOption:null},e}return Object(o.a)(a,[{key:"componentDidMount",value:function(){this.setInitialOptions(this.setSelectedOption)}},{key:"componentDidUpdate",value:function(e){e.value===this.props.value&&e.triggerReload===this.props.triggerReload||this.setInitialOptions(this.setSelectedOption)}},{key:"render",value:function(){var e=this,t=this.state.options;return void 0!==this.state.totalCount&&t.unshift({label:"Showing ".concat(t.length," of ").concat(this.state.totalCount),value:"__DISABLED__"}),l.a.createElement(p.a,{id:this.props.id,options:t,getOptionLabel:function(e){return e.label||""},onOpen:function(){return e.setInitialOptions(null)},openOnFocus:!0,value:this.state.selectedOption||"",onChange:this.onChange,onInputChange:this.onInputChange,className:this.props.className,getOptionDisabled:function(e){return"__DISABLED__"===e.value},renderInput:function(t){return l.a.createElement(u.a,Object.assign({required:!!e.props.required,placeholder:e.props.label},t))},disableClearable:!this.props.clearable})}}]),a}(c.Component);t.a=m},43:function(e,t,a){"use strict";var n=a(2),i=a(3),o=a(5),r=a(4),s=a(38),c=a(42),l=a.n(c),u=a(13),p=a(6),m=a(28),h=new(function(e){Object(o.a)(a,e);var t=Object(r.a)(a);function a(){var e;return Object(n.a)(this,a),(e=t.call(this)).swagger=new l.a("/swagger/serviceProfile.swagger.json",u.a.getClientOpts()),e}return Object(i.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ServiceProfileService.Create({body:{serviceProfile:e}}).then(p.a).then((function(e){a.notify("created"),t(e.obj)})).catch(p.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.ServiceProfileService.Get({id:e}).then(p.a).then((function(e){t(e.obj)})).catch(p.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ServiceProfileService.Update({"service_profile.id":e.id,body:{serviceProfile:e}}).then(p.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(p.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ServiceProfileService.Delete({id:e}).then(p.a).then((function(e){a.notify("deleted"),t(e.ojb)})).catch(p.b)}))}},{key:"list",value:function(e,t,a,n,i){this.swagger.then((function(o){o.apis.ServiceProfileService.List({organizationID:e,networkServerID:t,limit:a,offset:n}).then(p.a).then((function(e){i(e.obj)})).catch(p.b)}))}},{key:"notify",value:function(e){m.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"service-profile has been "+e}})}}]),a}(s.EventEmitter));t.a=h},473:function(e,t,a){e.exports=a(875)},6:function(e,t,a){"use strict";a.d(t,"a",(function(){return o})),a.d(t,"b",(function(){return r})),a.d(t,"e",(function(){return s})),a.d(t,"c",(function(){return c})),a.d(t,"d",(function(){return l}));var n=a(28),i=a(166);function o(e){if(e.status>=200&&e.status<300)return e;throw e.json()}function r(e){void 0===e.response?n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.message}}):16===e.response.obj.code?i.a.push("/login"):n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.response.obj.error+" (code: "+e.response.obj.code+")"}})}function s(e){void 0===e.response?n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.message}}):n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.response.obj.error+" (code: "+e.response.obj.code+")"}})}function c(e){void 0===e.response?n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.message}}):16===e.response.obj.code&&"/login"!==i.a.location.pathname?i.a.push("/login"):5!==e.response.obj.code&&n.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:e.response.obj.error+" (code: "+e.response.obj.code+")"}})}function l(e){return function(t){5===t.response.obj.code?e(null):c(t)}}},62:function(e,t,a){"use strict";(function(e){var n=a(165),i=a(2),o=a(3),r=a(5),s=a(4),c=a(456),l=a(0),u=a.n(l),p=a(126),m=a(333),h=a(171),d=a(248),g=a(172),b=a(330),v=a(457),f=a(334),E=a(453),y=a.n(E),j=a(452),O=a.n(j),w=a(123),C=a.n(w),S=a(451),k=a.n(S),D=a(159),I=a.n(D);function A(e){var t=u.a.useState(null),a=Object(c.a)(t,2),n=a[0],i=a[1],o=Boolean(n);function r(){i(null)}return u.a.createElement("div",null,u.a.createElement(h.a,{"aria-controls":"fade-menu","aria-haspopup":"true",onClick:function(e){i(e.currentTarget)},"aria-label":"Toggle key visibility"},u.a.createElement(k.a,null)),u.a.createElement(b.a,{id:"fade-menu",anchorEl:n,keepMounted:!0,open:o,onClose:r,TransitionComponent:f.a},u.a.createElement(v.a,{onClick:function(){var t=e.value.match(/[A-Fa-f0-9]{2}/g);null!==t&&navigator.clipboard.writeText(t.join("").toUpperCase()),r()}},"Hex String"),u.a.createElement(v.a,{onClick:function(){var t=e.value.match(/[A-Fa-f0-9]{2}/g);null!==t&&navigator.clipboard.writeText(t.join(", ").toUpperCase().replace(/[A-Fa-f0-9]{2}/g,"0x$&")),r()}},"Hex Array")))}var z=function(e){Object(r.a)(a,e);var t=Object(s.a)(a);function a(){return Object(i.a)(this,a),t.apply(this,arguments)}return Object(o.a)(a,[{key:"render",value:function(){var e=this.props,t=e.inputRef,a=Object(n.a)(e,["inputRef"]);return u.a.createElement(I.a,Object.assign({},a,{ref:function(e){t(e?e.inputElement:null)},mask:[/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/," ",/[A-Fa-f0-9]/,/[A-Fa-f0-9]/]}))}}]),a}(l.Component),P=function(t){Object(r.a)(n,t);var a=Object(s.a)(n);function n(){var t;return Object(i.a)(this,n),(t=a.call(this)).toggleShowPassword=function(){t.setState({showKey:!t.state.showKey})},t.toggleByteOrder=function(){t.setState({msb:!t.state.msb});var e=t.state.value.match(/[A-Fa-f0-9]{2}/g);null!==e&&t.setState({value:e.reverse().join(" ")})},t.randomKey=function(){var a=window.crypto||window.msCrypto,n=new Uint8Array(16);a.getRandomValues(n);var i=e.from(n).toString("hex");t.setState({value:i});var o="",r=i.match(/[A-Fa-f0-9]{2}/g);o=t.state.msb||null===r?null!==r?r.join(""):"":r.reverse().join(""),t.props.onChange({target:{value:o,type:"text",id:t.props.id}})},t.onChange=function(e){t.setState({value:e.target.value});var a="",n=e.target.value.match(/[A-Fa-f0-9]{2}/g);a=t.state.msb||null===n?null!==n?n.join(""):"":n.reverse().join(""),t.props.onChange({target:{value:a,type:"text",id:t.props.id}})},t.state={showKey:!1,msb:!0,value:""},t}return Object(o.a)(n,[{key:"componentDidMount",value:function(){this.setState({value:this.props.value||"",showKey:""===this.props.value})}},{key:"render",value:function(){return u.a.createElement(p.a,Object.assign({type:this.state.showKey?"text":"password",InputProps:{inputComponent:z,endAdornment:u.a.createElement(m.a,{position:"end"},this.state.showKey&&u.a.createElement(g.a,{title:"Toggle the byte order of the input. Some devices use LSB."},u.a.createElement(d.a,{"aria-label":"Toggle byte order",onClick:this.toggleByteOrder},this.state.msb?"MSB":"LSB")),this.props.random&&this.state.showKey&&!this.props.disabled&&u.a.createElement(g.a,{title:"Generate random key."},u.a.createElement(h.a,{"aria-label":"Generate random key",onClick:this.randomKey},u.a.createElement(C.a,null))),this.state.showKey&&u.a.createElement(A,{value:this.state.value}),u.a.createElement(h.a,{"aria-label":"Toggle key visibility",onClick:this.toggleShowPassword},this.state.showKey?u.a.createElement(O.a,null):u.a.createElement(y.a,null)))}},this.props,{onChange:this.onChange,value:this.state.value,disabled:this.props.disabled||!this.state.showKey}))}}]),n}(l.Component);t.a=P}).call(this,a(107).Buffer)},874:function(e,t,a){},875:function(e,t,a){"use strict";a.r(t);var n=a(0),i=a.n(n),o=a(34),r=a.n(o),s=(a(478),a(19)),c=a.n(s),l=a(2),u=a(3),p=a(7),m=a(5),h=a(4),d=a(125),g=a(227),b=a.n(g),v=a(948),f=a(949),E=a(11),y=a(885),j=a(166),O=a(14),w=a(12),C=a(921),S=a(922),k=a(171),D=a(457),I=a(330),A=a(877),z=a(333),P=a(140),T=a.n(P),N=a(955),x=a(954),L=a(435),R=a.n(L),W=a(436),U=a.n(W),G=a(439),F=a.n(G),M=a(437),B=a.n(M),q=a(438),_=a.n(q),K=a(38),H=a(42),J=a.n(H),V=a(13),Q=a(6),Z=a(28),X=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).client=null,e.swagger=J()("/swagger/internal.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"listAPIKeys",value:function(e,t){this.swagger.then((function(a){a.apis.InternalService.ListAPIKeys(e).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"deleteAPIKey",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.InternalService.DeleteAPIKey({id:e}).then(Q.a).then((function(e){a.notify("api key has been deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"createAPIKey",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.InternalService.CreateAPIKey({body:{apiKey:e}}).then(Q.a).then((function(e){a.notify("api key has been created"),t(e.obj)})).catch(Q.b)}))}},{key:"settings",value:function(e){this.swagger.then((function(t){t.apis.InternalService.Settings({}).then(Q.a).then((function(t){e(t.obj)})).catch(Q.b)}))}},{key:"getDevicesSummary",value:function(e,t){this.swagger.then((function(a){a.apis.InternalService.GetDevicesSummary({organizationID:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"getGatewaysSummary",value:function(e,t){this.swagger.then((function(a){a.apis.InternalService.GetGatewaysSummary({organizationID:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:e}})}}]),a}(K.EventEmitter)),Y={appBar:{zIndex:O.a.zIndex.drawer+1},menuButton:{marginLeft:-12,marginRight:10},hidden:{display:"none"},flex:{flex:1},logo:{height:32},search:{marginRight:3*O.a.spacing(1),color:O.a.palette.common.white,background:T.a[400],width:450,padding:5,borderRadius:3},chip:{background:T.a[600],color:O.a.palette.common.white,marginRight:O.a.spacing(1),"&:hover":{background:T.a[400]},"&:active":{background:T.a[400]}},iconButton:{color:O.a.palette.common.white,marginRight:O.a.spacing(1)}},$=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onMenuOpen=function(t){e.setState({menuAnchor:t.currentTarget})},e.onMenuClose=function(){e.setState({menuAnchor:null})},e.onLogout=function(){!0===e.state.oidcEnabled&&""!==e.state.logoutURL?V.a.logout(!1,(function(){window.location.assign(e.state.logoutURL)})):V.a.logout(!0,(function(){e.props.history.push("/login")}))},e.handleDrawerToggle=function(){e.props.setDrawerOpen(!e.props.drawerOpen)},e.onSearchChange=function(t){e.setState({search:t.target.value})},e.onSearchSubmit=function(t){t.preventDefault(),e.props.history.push("/search?search=".concat(encodeURIComponent(e.state.search)))},e.state={menuAnchor:null,search:"",oidcEnabled:!1},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;X.settings((function(t){e.setState({oidcEnabled:t.openidConnect.enabled,logoutURL:t.openidConnect.logoutURL})}))}},{key:"render",value:function(){var e;e=this.props.drawerOpen?i.a.createElement(U.a,null):i.a.createElement(R.a,null);var t=Boolean(this.state.menuAnchor);return i.a.createElement(C.a,{className:this.props.classes.appBar},i.a.createElement(S.a,null,i.a.createElement(k.a,{color:"inherit","aria-label":"toggle drawer",onClick:this.handleDrawerToggle,className:this.props.classes.menuButton},e),i.a.createElement("div",{className:this.props.classes.flex},i.a.createElement("img",{src:"/logo/logo.png",className:this.props.classes.logo,alt:"ChirpStack.io"})),i.a.createElement("form",{onSubmit:this.onSearchSubmit},i.a.createElement(A.a,{placeholder:"Search organization, application, gateway or device",className:this.props.classes.search,disableUnderline:!0,value:this.state.search||"",onChange:this.onSearchChange,startAdornment:i.a.createElement(z.a,{position:"start"},i.a.createElement(B.a,null))})),i.a.createElement("a",{href:"https://www.chirpstack.io/application-server/",target:"chirpstack-doc"},i.a.createElement(k.a,{className:this.props.classes.iconButton},i.a.createElement(_.a,null))),i.a.createElement(x.a,{avatar:i.a.createElement(N.a,null,i.a.createElement(F.a,null)),label:this.props.user.email,onClick:this.onMenuOpen,color:"primary",classes:{root:this.props.classes.chip}}),i.a.createElement(I.a,{id:"menu-appbar",anchorEl:this.state.menuAnchor,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},open:t,onClose:this.onMenuClose},!this.state.oidcEnabled&&i.a.createElement(D.a,{component:w.a,to:"/users/".concat(this.props.user.id,"/password")},"Change password"),i.a.createElement(D.a,{onClick:this.onLogout},"Logout"))))}}]),a}(n.Component),ee=Object(E.a)(Y)(Object(d.f)($)),te=a(956),ae=a(923),ne=a(880),ie=a(924),oe=a(925),re=a(926),se=a(444),ce=a.n(se),le=a(326),ue=a.n(le),pe=a(191),me=a.n(pe),he=a(443),de=a.n(he),ge=a(447),be=a.n(ge),ve=a(327),fe=a.n(ve),Ee=a(446),ye=a.n(Ee),je=a(448),Oe=a.n(je),we=a(445),Ce=a.n(we),Se=a(192),ke=a.n(Se),De=a(31),Ie=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/organization.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.OrganizationService.Create({body:{organization:e}}).then(Q.a).then((function(n){a.emit("create",e),a.notify("created"),t(n.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.OrganizationService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.OrganizationService.Update({"organization.id":e.id,body:{organization:e}}).then(Q.a).then((function(n){a.emit("change",e),a.notify("updated"),t(n.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.OrganizationService.Delete({id:e}).then(Q.a).then((function(n){a.emit("delete",e),a.notify("deleted"),t(n.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.OrganizationService.List({search:e,limit:t,offset:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"addUser",value:function(e,t,a){this.swagger.then((function(n){n.apis.OrganizationService.AddUser({"organization_user.organization_id":e,body:{organizationUser:t}}).then(Q.a).then((function(e){a(e.obj)})).catch(Q.b)}))}},{key:"getUser",value:function(e,t,a){this.swagger.then((function(n){n.apis.OrganizationService.GetUser({organization_id:e,user_id:t}).then(Q.a).then((function(e){a(e.obj)})).catch(Q.b)}))}},{key:"deleteUser",value:function(e,t,a){this.swagger.then((function(n){n.apis.OrganizationService.DeleteUser({organization_id:e,user_id:t}).then(Q.a).then((function(e){a(e.obj)})).catch(Q.b)}))}},{key:"updateUser",value:function(e,t){this.swagger.then((function(a){a.apis.OrganizationService.UpdateUser({"organization_user.organization_id":e.organizationID,"organization_user.user_id":e.userID,body:{organizationUser:e}}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"listUsers",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.OrganizationService.ListUsers({organization_id:e,limit:t,offset:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"organization has been "+e}})}}]),a}(K.EventEmitter)),Ae=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.setIsAdmin()}},{key:"setIsAdmin",value:function(){void 0!==this.props.organizationID?this.setState({admin:V.a.isAdmin()||V.a.isOrganizationAdmin(this.props.organizationID)}):this.setState({admin:V.a.isAdmin()})}},{key:"render",value:function(){return this.state.admin?this.props.children:null}}]),a}(n.Component),ze={drawerPaper:{position:"fixed",width:270,paddingTop:O.a.spacing(9)},select:{paddingTop:O.a.spacing(1),paddingLeft:O.a.spacing(3),paddingRight:O.a.spacing(3),paddingBottom:O.a.spacing(1)}},Pe=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={open:!0,organization:null,cacheCounter:0},e.onChange=e.onChange.bind(Object(p.a)(e)),e.getOrganizationOption=e.getOrganizationOption.bind(Object(p.a)(e)),e.getOrganizationOptions=e.getOrganizationOptions.bind(Object(p.a)(e)),e.getOrganizationFromLocation=e.getOrganizationFromLocation.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;V.a.on("organization.change",(function(){Ie.get(V.a.getOrganizationID(),(function(t){e.setState({organization:t.organization})}))})),Ie.on("create",(function(){e.setState({cacheCounter:e.state.cacheCounter+1})})),Ie.on("change",(function(t){null!==e.state.organization&&e.state.organization.id===t.id&&e.setState({organization:t}),e.setState({cacheCounter:e.state.cacheCounter+1})})),Ie.on("delete",(function(t){null!==e.state.organization&&e.state.organization.id===t&&e.setState({organization:null}),e.setState({cacheCounter:e.state.cacheCounter+1})})),null!==V.a.getOrganizationID()&&Ie.get(V.a.getOrganizationID(),(function(t){e.setState({organization:t.organization})})),this.getOrganizationFromLocation()}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.getOrganizationFromLocation()}},{key:"onChange",value:function(e){this.props.history.push("/organizations/".concat(e.target.value))}},{key:"getOrganizationFromLocation",value:function(){var e=/\/organizations\/(\d+)/g.exec(this.props.history.location.pathname);null===e||null!==this.state.organization&&this.state.organization.id===e[1]||V.a.setOrganizationID(e[1])}},{key:"getOrganizationOption",value:function(e,t){Ie.get(e,(function(e){t({label:e.organization.name,value:e.organization.id})}))}},{key:"getOrganizationOptions",value:function(e,t){Ie.list(e,10,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a,e.totalCount)}))}},{key:"render",value:function(){var e="";return null!==this.state.organization&&(e=this.state.organization.id),i.a.createElement(te.a,{variant:"persistent",anchor:"left",open:this.props.open,classes:{paper:this.props.classes.drawerPaper}},i.a.createElement(Ae,null,i.a.createElement(ae.a,null,i.a.createElement(ne.a,{button:!0,component:w.a,to:"/dashboard"},i.a.createElement(ie.a,null,i.a.createElement(ue.a,null)),i.a.createElement(oe.a,{primary:"Dashboard"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/network-servers"},i.a.createElement(ie.a,null,i.a.createElement(de.a,null)),i.a.createElement(oe.a,{primary:"Network-servers"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/gateway-profiles"},i.a.createElement(ie.a,null,i.a.createElement(fe.a,null)),i.a.createElement(oe.a,{primary:"Gateway-profiles"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations"},i.a.createElement(ie.a,null,i.a.createElement(ce.a,null)),i.a.createElement(oe.a,{primary:"Organizations"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/users"},i.a.createElement(ie.a,null,i.a.createElement(me.a,null)),i.a.createElement(oe.a,{primary:"All users"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/api-keys"},i.a.createElement(ie.a,null,i.a.createElement(ke.a,null)),i.a.createElement(oe.a,{primary:"API keys"}))),i.a.createElement(re.a,null)),i.a.createElement("div",null,i.a.createElement(De.a,{id:"organizationID",margin:"none",value:e,onChange:this.onChange,getOption:this.getOrganizationOption,getOptions:this.getOrganizationOptions,className:this.props.classes.select,triggerReload:this.state.cacheCounter})),this.state.organization&&i.a.createElement(ae.a,null,i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id)},i.a.createElement(ie.a,null,i.a.createElement(ue.a,null)),i.a.createElement(oe.a,{primary:"Org. dashboard"})),i.a.createElement(Ae,{organizationID:this.state.organization.id},i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/users")},i.a.createElement(ie.a,null,i.a.createElement(me.a,null)),i.a.createElement(oe.a,{primary:"Org. users"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/api-keys")},i.a.createElement(ie.a,null,i.a.createElement(ke.a,null)),i.a.createElement(oe.a,{primary:"Org. API keys"}))),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/service-profiles")},i.a.createElement(ie.a,null,i.a.createElement(Ce.a,null)),i.a.createElement(oe.a,{primary:"Service-profiles"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/device-profiles")},i.a.createElement(ie.a,null,i.a.createElement(ye.a,null)),i.a.createElement(oe.a,{primary:"Device-profiles"})),this.state.organization.canHaveGateways&&i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/gateways")},i.a.createElement(ie.a,null,i.a.createElement(fe.a,null)),i.a.createElement(oe.a,{primary:"Gateways"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/applications")},i.a.createElement(ie.a,null,i.a.createElement(be.a,null)),i.a.createElement(oe.a,{primary:"Applications"})),i.a.createElement(ne.a,{button:!0,component:w.a,to:"/organizations/".concat(this.state.organization.id,"/multicast-groups")},i.a.createElement(ie.a,null,i.a.createElement(Oe.a,null)),i.a.createElement(oe.a,{primary:"Multicast-groups"}))))}}]),a}(n.Component),Te=Object(d.f)(Object(E.a)(ze)(Pe)),Ne=a(79),xe={footer:{paddingBottom:O.a.spacing(1),"& a":{color:O.a.palette.primary.main,textDecoration:"none"}}},Le=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={footer:null},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;X.settings((function(t){""!==t.branding.footer&&e.setState({footer:t.branding.footer})}))}},{key:"render",value:function(){return null===this.state.footer?null:i.a.createElement("footer",{className:this.props.classes.footer},i.a.createElement(Ne.a,{align:"center",dangerouslySetInnerHTML:{__html:this.state.footer}}))}}]),a}(n.Component),Re=Object(E.a)(xe)(Le),We=a(952),Ue=a(84),Ge=a.n(Ue),Fe=a(48),Me=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).notifications=[],e}return Object(u.a)(a,[{key:"getAll",value:function(){return this.notifications}},{key:"createNotification",value:function(e,t){var a=Date.now();this.notifications.push({id:a,type:e,message:t}),this.emit("change")}},{key:"deleteNotification",value:function(e){var t,a=null,n=Object(Fe.a)(this.notifications);try{for(n.s();!(t=n.n()).done;){var i=t.value;i.id===e&&(a=i)}}catch(o){n.e(o)}finally{n.f()}this.notifications.splice(this.notifications.indexOf(a),1),this.emit("change")}},{key:"handleActions",value:function(e){switch(e.type){case"CREATE_NOTIFICATION":this.createNotification(e.notification.type,e.notification.message);break;case"DELETE_NOTIFICATION":this.deleteNotification(e.id)}}}]),a}(K.EventEmitter));Z.a.register(Me.handleActions.bind(Me));var Be=Me,qe=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onClose=e.onClose.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onClose",value:function(e,t){Z.a.dispatch({type:"DELETE_NOTIFICATION",id:this.props.id})}},{key:"render",value:function(){return i.a.createElement(We.a,{anchorOrigin:{vertical:"bottom",horizontal:"left"},open:!0,message:i.a.createElement("span",null,this.props.notification.message),autoHideDuration:3e3,onClose:this.onClose,action:[i.a.createElement(k.a,{key:"close","aria-label":"Close",color:"inherit",onClick:this.onClose},i.a.createElement(Ge.a,null))]})}}]),a}(n.Component),_e=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={notifications:Be.getAll()},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Be.on("change",(function(){e.setState({notifications:Be.getAll()})}))}},{key:"render",value:function(){return this.state.notifications.map((function(e,t){return i.a.createElement(qe,{key:e.id,id:e.id,notification:e})}))}}]),a}(n.Component),Ke=Object(d.f)(_e),He=a(927),Je=a(929),Ve=a(928),Qe=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{item:!0,xs:!0,className:this.props.classes.clear},i.a.createElement("div",{className:this.props.classes.left},this.props.children),i.a.createElement("div",{className:this.props.classes.right},this.props.buttons))}}]),a}(n.Component),Ze=Object(E.a)({clear:{clear:"both"},left:{float:"left"},right:{float:"right"}})(Qe),Xe={title:{marginTop:O.a.spacing(1),marginBottom:O.a.spacing(1),marginRight:O.a.spacing(1),float:"left"},link:{textDecoration:"none",color:O.a.palette.primary.main}},Ye=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=null,t=null;return void 0!==this.props.to?(e=w.a,t=b()(this.props.classes.title,this.props.classes.link)):t=this.props.classes.title,i.a.createElement(Ne.a,{variant:"h6",className:t,to:this.props.to,component:e},this.props.title)}}]),a}(n.Component),$e=Object(E.a)(Xe)(Ye),et=a(39),tt=a.n(et),at=a(409),nt=a(411),it=a(408),ot=a(238),rt=a.n(ot),st=a(73),ct=(a(413),a(412)),lt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(ct.a,{url:"//{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",attribution:'\xa9 <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'})}}]),a}(n.Component),ut=a(194),pt=a.n(ut),mt=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).wsStatus=null,e.swagger=new J.a("/swagger/gateway.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"getWSStatus",value:function(){return this.wsStatus}},{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayService.Create({body:{gateway:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.GatewayService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayService.Update({"gateway.id":e.id,body:{gateway:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"generateClientCertificate",value:function(e,t){this.swagger.then((function(a){a.apis.GatewayService.GenerateGatewayClientCertificate({gateway_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n,i){this.swagger.then((function(o){o.apis.GatewayService.List({limit:a,offset:n,organizationID:t,search:e}).then(Q.a).then((function(e){i(e.obj)})).catch(Q.b)}))}},{key:"getStats",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.GatewayService.GetStats({gateway_id:e,interval:"DAY",startTimestamp:t,endTimestamp:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"getLastPing",value:function(e,t){this.swagger.then((function(a){a.apis.GatewayService.GetLastPing({gateway_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.c)}))}},{key:"getFrameLogsConnection",value:function(e,t,a,n){var i=this,o=window.location,r=function(){if("localhost:3000"===o.host||"localhost:3001"===o.host)return"wss://localhost:8080/api/gateways/".concat(e,"/frames");var t="https:"===o.protocol?"wss:":"ws:";return"".concat(t,"//").concat(o.host,"/api/gateways/").concat(e,"/frames")}(),s=new pt.a(r,["Bearer",V.a.getToken()],{});return s.addEventListener("open",(function(){console.log("connected to",r),i.wsStatus="CONNECTED",i.emit("ws.status.change"),t()})),s.addEventListener("message",(function(e){var t=JSON.parse(e.data);void 0!==t.error?Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:t.error.message}}):void 0!==t.result&&n(t.result)})),s.addEventListener("close",(function(){console.log("closing",r),i.wsStatus=null,i.emit("ws.status.change"),a()})),s.addEventListener("error",(function(){console.log("error"),i.wsStatus="ERROR",i.emit("ws.status.change")})),s}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"gateway has been "+e}})}}]),a}(K.EventEmitter)),ht=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).loadData=function(){mt.list("",0,9999,0,(function(t){e.setState({items:t.result})}))},e.state={items:null},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.loadData()}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.loadData()}},{key:"render",value:function(){if(null===this.state.items||0===this.state.items.length)return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Gateways"}),i.a.createElement(Je.a,null,"No data available."));var e,t=[],a=[],n=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"green"}),o=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"gray"}),r=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"red"}),s=Object(Fe.a)(this.state.items);try{for(s.s();!(e=s.n()).done;){var l=e.value,u=[l.location.latitude,l.location.longitude];t.push(u);var p=n,m="";if(void 0===l.lastSeenAt||null===l.lastSeenAt)p=o,m="Never seen online";else{var h=tt()(l.lastSeenAt);h.isBefore(tt()().subtract(5,"minutes"))&&(p=r),m=h.fromNow()}a.push(i.a.createElement(at.a,{position:u,key:"gw-".concat(l.id),icon:p},i.a.createElement(nt.a,null,i.a.createElement(w.a,{to:"/organizations/".concat(l.organizationID,"/gateways/").concat(l.id)},l.name),i.a.createElement("br",null),l.id,i.a.createElement("br",null),i.a.createElement("br",null),m)))}}catch(d){s.e(d)}finally{s.f()}return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Gateways"}),i.a.createElement(Je.a,null,i.a.createElement(it.a,{bounds:t,maxZoom:19,style:{height:600},animate:!0,scrollWheelZoom:!1},i.a.createElement(lt,null),i.a.createElement(rt.a,null,a))))}}]),a}(n.Component),dt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=null;return null===this.props.summary||0===this.props.summary.activeCount&&0===this.props.summary.inactiveCount||(e={labels:["Never seen","Inactive","Active"],datasets:[{data:[this.props.summary.neverSeenCount,this.props.summary.inactiveCount,this.props.summary.activeCount],backgroundColor:[O.a.palette.warning.main,O.a.palette.error.main,O.a.palette.success.main]}]}),i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Active devices"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),gt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=null;return null===this.props.summary||0===this.props.summary.activeCount&&0===this.props.summary.inactiveCount||(e={labels:["Never seen","Inactive","Active"],datasets:[{data:[this.props.summary.neverSeenCount,this.props.summary.inactiveCount,this.props.summary.activeCount],backgroundColor:[O.a.palette.warning.main,O.a.palette.error.main,O.a.palette.success.main]}]}),i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Active gateways"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),bt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getColor=function(e){return["#ff5722","#ff9800","#ffc107","#ffeb3b","#cddc39","#8bc34a","#4caf50","#009688","#00bcd4","#03a9f4","#2196f3","#3f51b5","#673ab7","#9c27b0","#e91e63"][e]},e}return Object(u.a)(a,[{key:"render",value:function(){var e=null;if(null!==this.props.summary&&0!==Object.keys(this.props.summary.drCount).length)for(var t in e={labels:[],datasets:[{data:[],backgroundColor:[]}]},this.props.summary.drCount)e.labels.push("DR".concat(t)),e.datasets[0].data.push(this.props.summary.drCount[t]),e.datasets[0].backgroundColor.push(this.getColor(t));return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Device data-rate usage"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),vt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={devicesSummary:null,gatewaysSummary:null},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;X.getDevicesSummary(0,(function(t){e.setState({devicesSummary:t})})),X.getGatewaysSummary(0,(function(t){e.setState({gatewaysSummary:t})}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Dashboard"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(dt,{summary:this.state.devicesSummary})),i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(gt,{summary:this.state.gatewaysSummary})),i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(bt,{summary:this.state.devicesSummary})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(ht,null)))))}}]),a}(n.Component),ft=a(930),Et=a(934),yt=a(40),jt=a.n(yt),Ot={link:{textDecoration:"none",color:O.a.palette.primary.main,cursor:"pointer"}},wt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(ft.a,null,this.props.to&&i.a.createElement(w.a,{className:this.props.classes.link,to:this.props.to},this.props.children),this.props.onClick&&i.a.createElement("span",{className:this.props.classes.link,onClick:this.props.onClick},this.props.children))}}]),a}(n.Component),Ct=Object(E.a)(Ot)(wt),St=a(248),kt={button:{marginLeft:O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)}},Dt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e="button",t=null;return void 0!==this.props.to&&(e=w.a),void 0!==this.props.icon&&(t=i.a.cloneElement(this.props.icon,{className:this.props.classes.icon})),i.a.createElement(St.a,{variant:"outlined",color:this.props.color||"default",className:this.props.classes.button,component:e,to:this.props.to,onClick:this.props.onClick},t,this.props.label)}}]),a}(n.Component),It=Object(E.a)(kt)(Dt),At=a(931),zt=a(957),Pt=a(933),Tt=a(932),Nt=a(332),xt={root:{padding:O.a.spacing(2)}},Lt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Nt.a,{className:this.props.classes.root},this.props.children)}}]),a}(n.Component),Rt=Object(E.a)(xt)(Lt),Wt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={count:0,rowsPerPage:V.a.getRowsPerPage(),page:0,loaded:{rows:!1}},e.onChangePage=e.onChangePage.bind(Object(p.a)(e)),e.onChangeRowsPerPage=e.onChangeRowsPerPage.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.onChangePage(null,0)}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.onChangePage(null,0)}},{key:"onChangePage",value:function(e,t){var a=this;this.props.getPage(this.state.rowsPerPage,t*this.state.rowsPerPage,(function(e){a.setState({page:t,count:parseInt(e.totalCount,10),rows:e.result.map((function(e,t){return a.props.getRow(e)}))})}))}},{key:"onChangeRowsPerPage",value:function(e){var t=this;this.setState({rowsPerPage:e.target.value}),V.a.setRowsPerPage(e.target.value),this.props.getPage(e.target.value,0,(function(e){t.setState({page:0,count:e.totalCount,rows:e.result.map((function(e,a){return t.props.getRow(e)}))})}))}},{key:"render",value:function(){return void 0===this.state.rows?i.a.createElement("div",null):i.a.createElement(Rt,null,i.a.createElement(At.a,{className:this.props.classes.table},i.a.createElement(Tt.a,null,this.props.header),i.a.createElement(Pt.a,null,this.state.rows)),i.a.createElement(zt.a,{component:"div",count:this.state.count,rowsPerPage:this.state.rowsPerPage,rowsPerPageOptions:[10,25,50,100,200,500],page:this.state.page,onChangePage:this.onChangePage,onChangeRowsPerPage:this.onChangeRowsPerPage}))}}]),a}(n.Component),Ut=Object(E.a)({})(Wt),Gt=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/networkServer.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.NetworkServerService.Create({body:{networkServer:e}}).then(Q.a).then((function(e){a.notifiy("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.NetworkServerService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.NetworkServerService.Update({"network_server.id":e.id,body:{networkServer:e}}).then(Q.a).then((function(e){a.notifiy("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"notifiy",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"network-server has been "+e}})}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.NetworkServerService.Delete({id:e}).then(Q.a).then((function(e){a.notifiy("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.NetworkServerService.List({organizationID:e,limit:t,offset:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"getADRAlgorithms",value:function(e,t){this.swagger.then((function(a){a.apis.NetworkServerService.GetADRAlgorithms({network_server_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}}]),a}(K.EventEmitter)),Ft=Gt;window.test=Gt;var Mt=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Ft.list(0,e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(Ct,{to:"/network-servers/".concat(e.id)},e.name),i.a.createElement(ft.a,null,e.server))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,icon:i.a.createElement(jt.a,null),label:"Add",to:"/network-servers/create"})]},i.a.createElement($e,{title:"Network-servers"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Server")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Bt=a(126),qt=a(950),_t=a(935),Kt=a(937),Ht=a(936),Jt=a(247),Vt=a(951),Qt=a(22),Zt=a(24),Xt=a(245),Yt=a(246),$t={formControl:{marginTop:O.a.spacing(4)},formLabel:{color:O.a.palette.primary.main}},ea=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Xt.a,{margin:"normal",className:this.props.classes.formControl,fullWidth:!0},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},this.props.label),this.props.children)}}]),a}(n.Component),ta=Object(E.a)($t)(ea),aa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={tab:0},e.onChangeTab=e.onChangeTab.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onChangeTab",value:function(e,t){this.setState({tab:t})}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(qt.a,{value:this.state.tab,indicatorColor:"primary",textColor:"primary",onChange:this.onChangeTab},i.a.createElement(_t.a,{label:"General"}),i.a.createElement(_t.a,{label:"Gateway discovery"}),i.a.createElement(_t.a,{label:"TLS certificates"})),0===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Bt.a,{id:"name",label:"Network-server name",fullWidth:!0,margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"A name to identify the network-server.",required:!0}),i.a.createElement(Bt.a,{id:"server",label:"Network-server server",fullWidth:!0,margin:"normal",value:this.state.object.server||"",onChange:this.onChange,helperText:"The 'hostname:port' of the network-server, e.g. 'localhost:8000'.",required:!0})),1===this.state.tab&&i.a.createElement("div",null,i.a.createElement(ta,{label:"Gateway discovery"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{control:i.a.createElement(Vt.a,{id:"gatewayDiscoveryEnabled",checked:!!this.state.object.gatewayDiscoveryEnabled,onChange:this.onChange,value:"true",color:"primary"}),label:"Enable gateway discovery"})),i.a.createElement(Jt.a,null,"Enable the gateway discovery feature for this network-server.")),this.state.object.gatewayDiscoveryEnabled&&i.a.createElement(Bt.a,{id:"gatewayDiscoveryInterval",label:"Interval (per day)",type:"number",fullWidth:!0,margin:"normal",value:this.state.object.gatewayDiscoveryInterval,onChange:this.onChange,helperText:"The number of gateway discovery 'pings' per day that ChirpStack Application Server will broadcast through each gateway.",required:!0}),this.state.object.gatewayDiscoveryEnabled&&i.a.createElement(Bt.a,{id:"gatewayDiscoveryTXFrequency",label:"TX frequency (Hz)",type:"number",fullWidth:!0,margin:"normal",value:this.state.object.gatewayDiscoveryTXFrequency,onChange:this.onChange,helperText:"The frequency (Hz) used for transmitting the gateway discovery 'pings'. Please consult the LoRaWAN Regional Parameters specification for the channels valid for each region.",required:!0}),this.state.object.gatewayDiscoveryEnabled&&i.a.createElement(Bt.a,{id:"gatewayDiscoveryDR",label:"TX data-rate",type:"number",fullWidth:!0,margin:"normal",value:this.state.object.gatewayDiscoveryDR,onChange:this.onChange,helperText:"The data-rate used for transmitting the gateway discovery 'pings'. Please consult the LoRaWAN Regional Parameters specification for the data-rates valid for each region.",required:!0})),2===this.state.tab&&i.a.createElement("div",null,i.a.createElement(ta,{label:"Certificates for ChirpStack Application Server to ChirpStack Network Server connection"},i.a.createElement(Ht.a,null,i.a.createElement(Bt.a,{id:"caCert",label:"CA certificate",fullWidth:!0,margin:"normal",value:this.state.object.caCert||"",onChange:this.onChange,helperText:"Paste the content of the CA certificate (PEM) file in the above textbox. Leave blank to disable TLS.",multiline:!0,rows:"4"}),i.a.createElement(Bt.a,{id:"tlsCert",label:"TLS certificate",fullWidth:!0,margin:"normal",value:this.state.object.tlsCert||"",onChange:this.onChange,helperText:"Paste the content of the TLS certificate (PEM) file in the above textbox. Leave blank to disable TLS.",multiline:!0,rows:"4"}),i.a.createElement(Bt.a,{id:"tlsKey",label:"TLS key",fullWidth:!0,margin:"normal",value:this.state.object.tlsKey||"",onChange:this.onChange,helperText:"Paste the content of the TLS key (PEM) file in the above textbox. Leave blank to disable TLS. Note: for security reasons, the TLS key can't be retrieved after being submitted (the field is left blank). When re-submitting the form with an empty TLS key field (but populated TLS certificate field), the key won't be overwritten.",multiline:!0,rows:"4"}))),i.a.createElement(ta,{label:"Certificates for ChirpStack Network Server to ChirpStack Application Server connection"},i.a.createElement(Ht.a,null,i.a.createElement(Bt.a,{id:"routingProfileCACert",label:"CA certificate",fullWidth:!0,margin:"normal",value:this.state.object.routingProfileCACert||"",onChange:this.onChange,helperText:"Paste the content of the CA certificate (PEM) file in the above textbox. Leave blank to disable TLS.",multiline:!0,rows:"4"}),i.a.createElement(Bt.a,{id:"routingProfileTLSCert",label:"TLS certificate",fullWidth:!0,margin:"normal",value:this.state.object.routingProfileTLSCert||"",onChange:this.onChange,helperText:"Paste the content of the TLS certificate (PEM) file in the above textbox. Leave blank to disable TLS.",multiline:!0,rows:"4"}),i.a.createElement(Bt.a,{id:"routingProfileTLSKey",label:"TLS key",fullWidth:!0,margin:"normal",value:this.state.object.routingProfileTLSKey||"",onChange:this.onChange,helperText:"Paste the content of the TLS key (PEM) file in the above textbox. Leave blank to disable TLS. Note: for security reasons, the TLS key can't be retrieved after being submitted (the field is left blank). When re-submitting the form with an empty TLS key field (but populated TLS certificate field), the key won't be overwritten.",multiline:!0,rows:"4"})))))}}]),a}(Qt.a),na=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Ft.create(e,(function(e){t.props.history.push("/network-servers")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Network-servers",to:"/network-servers"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Add"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(aa,{submitLabel:"Add network-server",onSubmit:this.onSubmit})))))}}]),a}(n.Component),ia=Object(d.f)(na),oa=a(29),ra=a.n(oa),sa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Ft.update(e,(function(e){t.props.history.push("/network-servers")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(aa,{submitLabel:"Update network-server",object:this.props.networkServer,onSubmit:this.onSubmit})))))}}]),a}(n.Component),ca=Object(d.f)(sa),la=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.deleteNetworkServer=e.deleteNetworkServer.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Ft.get(this.props.match.params.networkServerID,(function(t){e.setState({networkServer:t})}))}},{key:"deleteNetworkServer",value:function(){var e=this;window.confirm("Are you sure you want to delete this network-server?")&&Ft.delete(this.props.match.params.networkServerID,(function(){e.props.history.push("/network-servers")}))}},{key:"render",value:function(){return void 0===this.state.networkServer?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,icon:i.a.createElement(ra.a,null),label:"Delete",color:"secondary",onClick:this.deleteNetworkServer})]},i.a.createElement($e,{to:"/network-servers",title:"Network-servers"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"".concat(this.state.networkServer.networkServer.name," (").concat(this.state.networkServer.region," @ ").concat(this.state.networkServer.version,")")})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(ca,{networkServer:this.state.networkServer.networkServer})))}}]),a}(n.Component),ua=Object(d.f)(la),pa=a(938),ma=a(942),ha=a(940),da=a(941),ga=a(939),ba=a(122),va=a.n(ba),fa=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/gatewayProfile.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayProfileService.Create({body:{gatewayProfile:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.GatewayProfileService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayProfileService.Update({"gateway_profile.id":e.id,body:{gatewayProfile:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.GatewayProfileService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.GatewayProfileService.List({networkServerID:e,limit:t,offset:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"gateway-profile has been "+e}})}}]),a}(K.EventEmitter)),Ea=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).toggleHelpDialog=function(){e.setState({dialogOpen:!e.state.dialogOpen})},e.state={dialogOpen:!1},e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){fa.list(0,e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{id:e.id,hover:!0},i.a.createElement(Ct,{to:"/gateway-profiles/".concat(e.id)},e.name),i.a.createElement(Ct,{to:"/network-servers/".concat(e.networkServerID)},e.networkServerName))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.dialogOpen,onClose:this.toggleHelpDialog,"aria-labelledby":"help-dialog-title","aria-describedby":"help-dialog-description"},i.a.createElement(ga.a,{id:"help-dialog-title"},"Gateway Profile help"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{id:"help-dialog-description"},"The only purpose of a Gateway Profile is to (re)configure one or multiple gateways with the configuration properties that are set by the Gateway Profile.",i.a.createElement("br",null),i.a.createElement("br",null),"When the ChirpStack Network Server detects that the configuration of a gateway is out-of-sync with its Gateway Profile, it will push a configuration command to the gateway in order to update its configuration.",i.a.createElement("br",null),i.a.createElement("br",null),"Please note that this feature is optional and only works in combination with the ChirpStack Concentratord component.",i.a.createElement("br",null),i.a.createElement("br",null),"Also note that the Gateway Profile does not change the way how devices are behaving. To configure the channel-plan that must be used by devices, update the ChirpStack Network Server configuration.")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{onClick:this.toggleHelpDialog,color:"primary"},"Close"))),i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Create",icon:i.a.createElement(jt.a,null),to:"/gateway-profiles/create"}),i.a.createElement(It,{key:2,label:"Help",icon:i.a.createElement(va.a,null),onClick:this.toggleHelpDialog})]},i.a.createElement($e,{title:"Gateway-profiles"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Network-server")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),ya=a(46),ja=a(56),Oa=a(883),wa=a(888),Ca=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onChange=function(t){e.setState({value:t.target.value}),e.props.onChange({target:{value:"".concat(t.target.value,"s"),type:"text",id:e.props.id}})},e.state={value:0},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this.props.value||"";this.setState({value:e.replace(/s/,"")})}},{key:"render",value:function(){return i.a.createElement(Bt.a,{type:"number",id:this.props.id,label:this.props.label,value:this.state.value,helperText:this.props.helperText,margin:"normal",onChange:this.onChange,required:!0,fullWidth:!0})}}]),a}(n.Component),Sa={a:{color:O.a.palette.primary.main},formLabel:{fontSize:12}},ka=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onChange=e.onChange.bind(Object(p.a)(e)),e.onDelete=e.onDelete.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onChange",value:function(e){var t=this.props.channel,a="";if("spreadingFactorsStr"===(a=void 0===e.target.id?e.target.name:e.target.id)){var n=e.target.value.split(",");t.spreadingFactors=n.map((function(e,t){return parseInt(e,10)}))}"number"===e.target.type?t[a]=parseInt(e.target.value,10):t[a]=e.target.value,this.props.onChange(t)}},{key:"onDelete",value:function(e){e.preventDefault(),this.props.onDelete()}},{key:"render",value:function(){var e="";return void 0!==this.props.channel.spreadingFactorsStr?e=this.props.channel.spreadingFactorsStr:void 0!==this.props.channel.spreadingFactors&&(e=this.props.channel.spreadingFactors.join(", ")),i.a.createElement(ta,{label:i.a.createElement("span",null,"Extra channel ",this.props.i+1," (",i.a.createElement("a",{href:"#delete",onClick:this.onDelete,className:this.props.classes.a},"delete"),")")},i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(ta,null,i.a.createElement(Oa.a,{htmlFor:"modulation",required:!0},"Modulation"),i.a.createElement(wa.a,{value:this.props.channel.modulation||"",onChange:this.onChange,inputProps:{name:"modulation"}},i.a.createElement(D.a,{value:"LORA"},"LoRa"),i.a.createElement(D.a,{value:"FSK"},"FSK")))),i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(ta,null,i.a.createElement(Oa.a,{htmlFor:"bandwidth",required:!0},"bandwidth (kHz)"),i.a.createElement(wa.a,{value:this.props.channel.bandwidth||"",onChange:this.onChange,inputProps:{name:"bandwidth"}},i.a.createElement(D.a,{value:125},"125 kHz"),i.a.createElement(D.a,{value:250},"250 kHz"),i.a.createElement(D.a,{value:500},"500 kHz")))),i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(Bt.a,{id:"frequency",label:"Frequency (Hz)",type:"number",margin:"normal",value:this.props.channel.frequency||"",onChange:this.onChange,required:!0,fullWidth:!0})),"LORA"===this.props.channel.modulation&&i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(Bt.a,{id:"spreadingFactorsStr",label:"Spreading-factors",margin:"normal",value:e,onChange:this.onChange,placeholder:"7, 8, 9, 10, 11, 12",helperText:"When defining multiple spreading-factors, the channel will be configured as a multi-SF channel on the gateway.",inputProps:{pattern:"[0-9]+(,[\\s]*[0-9]+)*"},required:!0,fullWidth:!0})),"FSK"===this.props.channel.modulation&&i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(Bt.a,{id:"bitrate",label:"Bitrate",type:"number",margin:"normal",value:this.props.channel.bitrate||"",onChange:this.onChange,placeholder:"50000",required:!0,fullWidth:!0}))))}}]),a}(n.Component);ka=Object(E.a)(Sa)(ka);var Da=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).addExtraChannel=e.addExtraChannel.bind(Object(p.a)(e)),e.getNetworkServerOption=e.getNetworkServerOption.bind(Object(p.a)(e)),e.getNetworkServerOptions=e.getNetworkServerOptions.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){if(Object(ja.a)(Object(ya.a)(a.prototype),"componentDidMount",this).call(this),void 0!==this.props.object&&void 0!==this.props.object.channels&&void 0===this.props.object.channelsStr){var e=this.props.object;e.channelsStr=e.channels.join(", "),this.setState({object:e})}}},{key:"componentDidUpdate",value:function(e){if(e.object!==this.props.object){var t=this.props.object;void 0!==t&&void 0!==t.channels&&void 0===t.channelsStr&&(t.channelsStr=t.channels.join(", ")),this.setState({object:t||{}})}}},{key:"onChange",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"onChange",this).call(this,e);var t=this.state.object;if("channelsStr"===e.target.id){var n=e.target.value.split(",");t.channels=n.map((function(e,t){return parseInt(e,10)}))}this.setState({object:t})}},{key:"addExtraChannel",value:function(){var e=this.state.object;void 0===e.extraChannels?e.extraChannels=[{modulation:"LORA"}]:e.extraChannels.push({modulation:"LORA"}),this.setState({object:e})}},{key:"deleteExtraChannel",value:function(e){var t=this.state.object;t.extraChannels.splice(e,1),this.setState({object:t})}},{key:"updateExtraChannel",value:function(e,t){var a=this.state.object;a.extraChannels[e]=t,this.setState({object:a})}},{key:"getNetworkServerOption",value:function(e,t){Ft.get(e,(function(e){t({label:e.name,value:e.id})}))}},{key:"getNetworkServerOptions",value:function(e,t){Ft.list(0,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"render",value:function(){var e=this;if(void 0===this.state.object)return i.a.createElement("div",null);var t=[];return void 0!==this.state.object.extraChannels&&(t=this.state.object.extraChannels.map((function(t,a){return i.a.createElement(ka,{key:a,channel:t,i:a,onDelete:function(){return e.deleteExtraChannel(a)},onChange:function(t){return e.updateExtraChannel(a,t)}})}))),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,extraButtons:i.a.createElement(St.a,{onClick:this.addExtraChannel},"Add extra channel")},i.a.createElement(Bt.a,{id:"name",label:"Name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"A short name identifying the gateway-profile.",required:!0,fullWidth:!0}),i.a.createElement(Ca,{id:"statsInterval",label:"Stats interval (seconds)",helperText:"The stats interval in which the gateway reports its statistics. The recommended value is 30 seconds.",value:this.state.object.statsInterval,onChange:this.onChange}),i.a.createElement(Bt.a,{id:"channelsStr",label:"Enabled channels",margin:"normal",value:this.state.object.channelsStr||"",onChange:this.onChange,helperText:"The channels active in this gateway-profile as specified in the LoRaWAN Regional Parameters specification. Separate channels by comma, e.g. 0, 1, 2. Extra channels must not be included in this list.",placeholder:"0, 1, 2",inputProps:{pattern:"[0-9]+(,[\\s]*[0-9]+)*"},required:!0,fullWidth:!0}),!this.props.update&&i.a.createElement(Xt.a,{margin:"normal",fullWidth:!0},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Network-server"),i.a.createElement(De.a,{id:"networkServerID",label:"Select network-server",value:this.state.object.networkServerID||"",onChange:this.onChange,getOption:this.getNetworkServerOption,getOptions:this.getNetworkServerOptions})),t)}}]),a}(Qt.a),Ia=Object(E.a)(Sa)(Da),Aa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={nsDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Ft.list(0,0,0,(function(t){"0"===t.totalCount&&e.setState({nsDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({nsDialog:!1})}},{key:"onSubmit",value:function(e){var t=this;fa.create(e,(function(e){t.props.history.push("/gateway-profiles")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.nsDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a network-server?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"ChirpStack Application Server isn't connected to a ChirpStack Network Server network-server. Did you know that ChirpStack Application Server can connect to multiple ChirpStack Network Server instances, e.g. to support multiple regions?"),i.a.createElement(da.a,null,"Would you like to connect to a network-server now?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/network-servers/create",onClick:this.closeDialog},"Add network-server"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Gateway-profiles",to:"/gateway-profiles"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(Ia,{submitLabel:"Create gateway-profile",onSubmit:this.onSubmit})))))}}]),a}(n.Component),za=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(Aa)),Pa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;fa.update(e,(function(e){t.props.history.push("/gateway-profiles")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ia,{submitLabel:"Update gateway-profile",object:this.props.gatewayProfile,onSubmit:this.onSubmit,update:!0})))))}}]),a}(n.Component),Ta=Object(d.f)(Pa),Na=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.deleteGatewayProfile=e.deleteGatewayProfile.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;fa.get(this.props.match.params.gatewayProfileID,(function(t){e.setState({gatewayProfile:t})}))}},{key:"deleteGatewayProfile",value:function(){var e=this;window.confirm("Are you sure you want to delete this gateway-profile?")&&fa.delete(this.props.match.params.gatewayProfileID,(function(){e.props.history.push("/gateway-profiles")}))}},{key:"render",value:function(){return void 0===this.state.gatewayProfile?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteGatewayProfile})]},i.a.createElement($e,{to:"/gateway-profiles",title:"Gateway-profiles"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.gatewayProfile.gatewayProfile.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ta,{gatewayProfile:this.state.gatewayProfile.gatewayProfile})))}}]),a}(n.Component),xa=Object(d.f)(Na),La=a(110),Ra=a.n(La),Wa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Ie.list("",e,t,a)}},{key:"getRow",value:function(e){var t=null;return t=e.canHaveGateways?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(Ct,{to:"/organizations/".concat(e.id)},e.name),i.a.createElement(ft.a,null,e.displayName),i.a.createElement(ft.a,null,t))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/create"})]},i.a.createElement($e,{title:"Organizations"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Display name"),i.a.createElement(ft.a,null,"Can have gateways")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Ua=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,disabled:this.props.disabled},i.a.createElement(Bt.a,{id:"name",label:"Organization name",helperText:"The name may only contain words, numbers and dashes.",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,inputProps:{pattern:"[\\w-]+"},disabled:this.props.disabled,required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"displayName",label:"Display name",margin:"normal",value:this.state.object.displayName||"",onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}),i.a.createElement(Ae,null,i.a.createElement(ta,{label:"Gateways"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Organization can have gateways",control:i.a.createElement(Vt.a,{id:"canHaveGateways",checked:!!this.state.object.canHaveGateways,onChange:this.onChange,disabled:this.props.disabled,value:"true",color:"primary"})})),i.a.createElement(Jt.a,null,"When checked, it means that organization administrators are able to add their own gateways to the network. Note that the usage of the gateways is not limited to this organization."),!!this.state.object.canHaveGateways&&i.a.createElement(Bt.a,{id:"maxGatewayCount",label:"Max. number of gateways",helperText:"The maximum number of gateways that can be added to this organization (0 = unlimited).",margin:"normal",value:this.state.object.maxGatewayCount||0,onChange:this.onChange,type:"number",disabled:this.props.disabled,required:!0,fullWidth:!0})),i.a.createElement(ta,{label:"Devices"},i.a.createElement(Bt.a,{id:"maxDeviceCount",label:"Max. number of devices",helperText:"The maximum number of devices that can be added to this organization (0 = unlimited).",margin:"normal",value:this.state.object.maxDeviceCount||0,onChange:this.onChange,type:"number",disabled:this.props.disabled,required:!0,fullWidth:!0}))))}}]),a}(Qt.a),Ga=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Ie.create(e,(function(e){t.props.history.push("/organizations")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Organizations",to:"/organizations"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ua,{submitLabel:"Create organization",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Fa=Object(d.f)(Ga),Ma=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Ie.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ua,{submitLabel:"Update organization",object:this.props.organization,onSubmit:this.onSubmit,disabled:!this.props.admin})))))}}]),a}(n.Component),Ba=Object(d.f)(Ma),qa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).loadData=function(){mt.list("",e.props.organizationID,9999,0,(function(t){e.setState({items:t.result})}))},e.state={items:null},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.loadData()}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.loadData()}},{key:"render",value:function(){if(null===this.state.items||0===this.state.items.length)return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Gateways"}),i.a.createElement(Je.a,null,"No data available."));var e,t=[],a=[],n=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"green"}),o=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"gray"}),r=c.a.AwesomeMarkers.icon({icon:"wifi",prefix:"fa",markerColor:"red"}),s=Object(Fe.a)(this.state.items);try{for(s.s();!(e=s.n()).done;){var l=e.value,u=[l.location.latitude,l.location.longitude];t.push(u);var p=n,m="";if(void 0===l.lastSeenAt||null===l.lastSeenAt)p=o,m="Never seen online";else{var h=tt()(l.lastSeenAt);h.isBefore(tt()().subtract(5,"minutes"))&&(p=r),m=h.fromNow()}a.push(i.a.createElement(at.a,{position:u,key:"gw-".concat(l.id),icon:p},i.a.createElement(nt.a,null,i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/gateways/").concat(l.id)},l.name),i.a.createElement("br",null),l.id,i.a.createElement("br",null),i.a.createElement("br",null),m)))}}catch(d){s.e(d)}finally{s.f()}return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Gateways"}),i.a.createElement(Je.a,null,i.a.createElement(it.a,{bounds:t,maxZoom:19,style:{height:600},animate:!0,scrollWheelZoom:!1},i.a.createElement(lt,null),i.a.createElement(rt.a,null,a))))}}]),a}(n.Component),_a=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=null;return null===this.props.summary||0===this.props.summary.activeCount&&0===this.props.summary.inactiveCount||(e={labels:["Never seen","Inactive","Active"],datasets:[{data:[this.props.summary.neverSeenCount,this.props.summary.inactiveCount,this.props.summary.activeCount],backgroundColor:[O.a.palette.warning.main,O.a.palette.error.main,O.a.palette.success.main]}]}),i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Active devices"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),Ka=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=null;return null===this.props.summary||0===this.props.summary.activeCount&&0===this.props.summary.inactiveCount||(e={labels:["Never seen","Inactive","Active"],datasets:[{data:[this.props.summary.neverSeenCount,this.props.summary.inactiveCount,this.props.summary.activeCount],backgroundColor:[O.a.palette.warning.main,O.a.palette.error.main,O.a.palette.success.main]}]}),i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Active gateways"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),Ha=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getColor=function(e){return["#ff5722","#ff9800","#ffc107","#ffeb3b","#cddc39","#8bc34a","#4caf50","#009688","#00bcd4","#03a9f4","#2196f3","#3f51b5","#673ab7","#9c27b0","#e91e63"][e]},e}return Object(u.a)(a,[{key:"render",value:function(){var e=null;if(null!==this.props.summary&&0!==Object.keys(this.props.summary.drCount).length)for(var t in e={labels:[],datasets:[{data:[],backgroundColor:[]}]},this.props.summary.drCount)e.labels.push("DR".concat(t)),e.datasets[0].data.push(this.props.summary.drCount[t]),e.datasets[0].backgroundColor.push(this.getColor(t));return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Device data-rate usage"}),i.a.createElement(Je.a,null,e&&i.a.createElement(st.b,{data:e}),!e&&i.a.createElement("div",null,"No data available.")))}}]),a}(n.Component),Ja=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).loadData=function(){X.getDevicesSummary(e.props.organization.id,(function(t){e.setState({devicesSummary:t})})),X.getGatewaysSummary(e.props.organization.id,(function(t){e.setState({gatewaysSummary:t})}))},e.state={devicesSummary:null,gatewaysSummary:null},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.loadData()}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.loadData()}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(_a,{summary:this.state.devicesSummary,organizationID:this.props.organization.id})),i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(Ka,{summary:this.state.gatewaysSummary,organizationID:this.props.organization.id})),i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(Ha,{summary:this.state.devicesSummary,organizationID:this.props.organization.id})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qa,{organizationID:this.props.organization.id})))}}]),a}(n.Component),Va={tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"48px",overflow:"visible"}},Qa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).setIsAdmin=function(){e.setState({admin:V.a.isAdmin()||V.a.isOrganizationAdmin(e.props.match.params.organizationID)})},e.loadData=function(){Ie.get(e.props.match.params.organizationID,(function(t){e.setState({organization:t})}))},e.deleteOrganization=function(){window.confirm("Are you sure you want to delete this organization?")&&Ie.delete(e.props.match.params.organizationID,(function(){e.props.history.push("/organizations")}))},e.locationToTab=function(){var t=0;window.location.href.endsWith("/edit")&&(t=1),e.setState({tab:t})},e.state={tab:0,admin:!1},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.loadData(),this.locationToTab(),V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&(this.loadData(),this.locationToTab())}},{key:"render",value:function(){var e=this;return void 0===this.state.organization?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteOrganization})]},i.a.createElement($e,{to:"/organizations",title:"Organizations"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.organization.organization.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qt.a,{value:this.state.tab,indicatorColor:"primary",className:this.props.classes.tabs},i.a.createElement(_t.a,{label:"Dashboard",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID)}),i.a.createElement(_t.a,{label:"Configuration",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/edit")}))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:this.props.match.path,render:function(t){return i.a.createElement(Ja,Object.assign({organization:e.state.organization.organization},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/edit"),render:function(t){return i.a.createElement(Ba,Object.assign({organization:e.state.organization.organization,admin:e.state.admin},t))}}))))}}]),a}(n.Component),Za=Object(E.a)(Va)(Object(d.f)(Qa)),Xa=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Ie.listUsers(this.props.match.params.organizationID,e,t,a)}},{key:"getRow",value:function(e){var t=null,a=null,n=null;return t=e.isAdmin?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),a=e.isAdmin||e.isGatewayAdmin?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),n=e.isAdmin||e.isDeviceAdmin?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),i.a.createElement(Et.a,{key:e.userID,hover:!0},i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/users/").concat(e.userID)},e.email),i.a.createElement(ft.a,null,t),i.a.createElement(ft.a,null,a),i.a.createElement(ft.a,null,n))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Add",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/users/create")})]},i.a.createElement($e,{title:"Organization users"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Email"),i.a.createElement(ft.a,null,"Organization admin"),i.a.createElement(ft.a,null,"Gateway admin"),i.a.createElement(ft.a,null,"Device admin")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Ya=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{label:"Email",id:"email",margin:"normal",value:this.state.object.email||"",onChange:this.onChange,required:!0,fullWidth:!0,disabled:this.props.update}),i.a.createElement(Ne.a,{variant:"body1"},"An user without additional permissions will be able to see all resources under this organization and will be able to send and receive device payloads."),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"User is organization admin",control:i.a.createElement(Vt.a,{id:"isAdmin",checked:!!this.state.object.isAdmin,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"An organization admin user is able to add and modify resources part of the organization.")),!this.state.object.isAdmin&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"User is device admin",control:i.a.createElement(Vt.a,{id:"isDeviceAdmin",checked:!!this.state.object.isDeviceAdmin,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"A device admin user is able to add and modify resources part of the organization that are related to devices.")),!this.state.object.isAdmin&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"User is gateway admin",control:i.a.createElement(Vt.a,{id:"isGatewayAdmin",checked:!!this.state.object.isGatewayAdmin,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"A gateway admin user is able to add and modify gateways part of the organization.")))}}]),a}(Qt.a),$a=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Ie.updateUser(e,(function(a){t.props.history.push("/organizations/".concat(e.organizationID,"/users"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ya,{submitLabel:"Update user",object:this.props.organizationUser,onSubmit:this.onSubmit,update:!0})))))}}]),a}(n.Component),en=Object(d.f)($a),tn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.deleteOrganizationUser=e.deleteOrganizationUser.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Ie.getUser(this.props.match.params.organizationID,this.props.match.params.userID,(function(t){e.setState({organizationUser:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componendWillUnmount",value:function(){V.a.removeListener("on",this.setIsAdmin)}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()})}},{key:"deleteOrganizationUser",value:function(){var e=this;window.confirm("Are you sure you want to remove this organization user (this does not remove the user itself)?")&&Ie.deleteUser(this.props.match.params.organizationID,this.props.match.params.userID,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/users"))}))}},{key:"render",value:function(){return void 0===this.state.organizationUser?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement("div",null,this.state.admin&&i.a.createElement(It,{label:"Goto user",icon:i.a.createElement(me.a,null),to:"/users/".concat(this.state.organizationUser.organizationUser.userID)}),i.a.createElement(It,{label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteOrganizationUser}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/users"),title:"Organization users"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.organizationUser.organizationUser.email})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(en,{organizationUser:this.state.organizationUser.organizationUser})))}}]),a}(n.Component),an=Object(d.f)(tn),nn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onAssignUser=e.onAssignUser.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onAssignUser",value:function(e){var t=this;Ie.addUser(this.props.match.params.organizationID,e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/users"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Organization users",to:"/organizations/".concat(this.props.match.params.organizationID,"/users")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Add"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ya,{submitLabel:"Add user",onSubmit:this.onAssignUser,update:!1})))))}}]),a}(n.Component),on=Object(d.f)(nn),rn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=V.a.getOrganizationID();void 0!==t&&null!==t&&""!==t?this.props.history.push("/organizations/".concat(t)):Ie.list("",1,0,(function(t){t.result.length>0&&e.props.history.push("/organizations/".concat(t.result[0].id))}))}},{key:"render",value:function(){return i.a.createElement("div",null)}}]),a}(n.Component),sn=Object(d.f)(rn),cn=a(450),ln=a.n(cn),un={textField:{width:"100%"},link:{"& a":{color:O.a.palette.primary.main,textDecoration:"none"}}},pn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"email",label:"Username / email",margin:"normal",value:this.state.object.email||"",onChange:this.onChange,fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"password",label:"Password",type:"password",margin:"normal",value:this.state.object.password||"",onChange:this.onChange,fullWidth:!0,required:!0}))}}]),a}(Qt.a),mn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement("div",null,i.a.createElement("a",{href:this.props.loginUrl},i.a.createElement(St.a,{variant:"outlined"},this.props.loginLabel)))}}]),a}(n.Component),hn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={loaded:!1,registration:"",oidcEnabled:!1,oidcLoginlabel:"",oidcLoginUrl:""},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;if(V.a.logout(!0,(function(){})),X.settings((function(t){e.setState({loaded:!0,registration:t.branding.registration,oidcEnabled:t.openidConnect.enabled,oidcLoginUrl:t.openidConnect.loginURL,oidcLoginLabel:t.openidConnect.loginLabel})})),""!==this.props.location.search){var t=ln.a.parse(this.props.location.search);V.a.openidConnectLogin(t.code,t.state,(function(){e.props.history.push("/")}))}}},{key:"onSubmit",value:function(e){var t=this;V.a.login(e,(function(){t.props.history.push("/")}))}},{key:"render",value:function(){return this.state.loaded?i.a.createElement(y.a,{container:!0,justify:"center"},i.a.createElement(y.a,{item:!0,xs:6,lg:4},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"ChirpStack Login"}),i.a.createElement(Je.a,null,!this.state.oidcEnabled&&i.a.createElement(pn,{submitLabel:"Login",onSubmit:this.onSubmit}),this.state.oidcEnabled&&i.a.createElement(mn,{loginUrl:this.state.oidcLoginUrl,loginLabel:this.state.oidcLoginLabel})),""!==this.state.registration&&i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{className:this.props.classes.link,dangerouslySetInnerHTML:{__html:this.state.registration}}))))):null}}]),a}(n.Component),dn=Object(E.a)(un)(Object(d.f)(hn)),gn=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/user.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t,a,n){var i=this;this.swagger.then((function(o){o.apis.UserService.Create({body:{organizations:a,password:t,user:e}}).then(Q.a).then((function(e){i.notify("created"),n(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.UserService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.UserService.Update({"user.id":e.id,body:{user:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.UserService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"updatePassword",value:function(e,t,a){var n=this;this.swagger.then((function(i){i.apis.UserService.UpdatePassword({user_id:e,body:{password:t}}).then(Q.a).then((function(e){n.notify("updated"),a(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n){this.swagger.then((function(i){i.apis.UserService.List({search:e,limit:t,offset:a}).then(Q.a).then((function(e){n(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"user has been "+e}})}}]),a}(K.EventEmitter)),bn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){gn.list("",e,t,a)}},{key:"getRow",value:function(e){var t=null,a=null;return a=e.isAdmin?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),t=e.isActive?i.a.createElement(Ra.a,null):i.a.createElement(Ge.a,null),i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(Ct,{to:"/users/".concat(e.id)},e.email),i.a.createElement(ft.a,null,t),i.a.createElement(ft.a,null,a))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{title:"Users",buttons:[i.a.createElement(It,{key:1,label:"Create",icon:i.a.createElement(jt.a,null),to:"/users/create"})]},i.a.createElement($e,{title:"Users"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Email"),i.a.createElement(ft.a,null,"Active"),i.a.createElement(ft.a,null,"Admin")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),vn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"email",label:"E-mail address",margin:"normal",type:"email",value:this.state.object.email||"",onChange:this.onChange,required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"note",label:"Optional note",helperText:"Optional note, e.g. a phone number, address, comment...",margin:"normal",value:this.state.object.note||"",onChange:this.onChange,rows:4,fullWidth:!0,multiline:!0}),void 0===this.state.object.id&&i.a.createElement(Bt.a,{id:"password",label:"Password",type:"password",margin:"normal",value:this.state.object.password||"",onChange:this.onChange,required:!0,fullWidth:!0}),i.a.createElement(ta,{label:"Permissions"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Is active",control:i.a.createElement(Vt.a,{id:"isActive",checked:!!this.state.object.isActive,onChange:this.onChange,color:"primary"})}),i.a.createElement(Kt.a,{label:"Is global admin",control:i.a.createElement(Vt.a,{id:"isAdmin",checked:!!this.state.object.isAdmin,onChange:this.onChange,color:"primary"})}))))}}]),a}(Qt.a),fn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;gn.create(e,e.password,[],(function(e){t.props.history.push("/users")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Users",to:"/Users"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(vn,{submitLabel:"Create user",onSubmit:this.onSubmit})))))}}]),a}(n.Component),En=Object(d.f)(fn),yn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;gn.update(e,(function(e){t.props.history.push("/users")}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(vn,{submitLabel:"Update user",object:this.props.user,onSubmit:this.onSubmit})))))}}]),a}(n.Component),jn=Object(d.f)(yn),On=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.deleteUser=e.deleteUser.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;gn.get(this.props.match.params.userID,(function(t){e.setState({user:t})}))}},{key:"deleteUser",value:function(){var e=this;window.confirm("Are you sure you want to delete this user?")&&gn.delete(this.props.match.params.userID,(function(){e.props.history.push("/users")}))}},{key:"render",value:function(){return void 0===this.state.user?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:[i.a.createElement(It,{key:1,label:"Change password",icon:i.a.createElement(ke.a,null),to:"/users/".concat(this.props.match.params.userID,"/password")}),i.a.createElement(It,{key:2,label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteUser})]},i.a.createElement($e,{to:"/users",title:"Users"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.user.user.email})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(jn,{user:this.state.user.user})))}}]),a}(n.Component),wn=Object(d.f)(On),Cn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"password",label:"Password",type:"password",margin:"normal",value:this.state.object.password||"",onChange:this.onChange,required:!0,fullWidth:!0}))}}]),a}(Qt.a),Sn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;gn.get(this.props.match.params.userID,(function(t){e.setState({user:t})}))}},{key:"onSubmit",value:function(e){var t=this;gn.updatePassword(this.props.match.params.userID,e.password,(function(e){t.props.history.push("/")}))}},{key:"render",value:function(){return void 0===this.state.user?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Users"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.user.user.email}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Change password"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Cn,{submitLabel:"Update password",onSubmit:this.onSubmit})))))}}]),a}(n.Component),kn=Object(d.f)(Sn),Dn=a(43),In=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Dn.a.list(this.props.match.params.organizationID,0,e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/").concat(e.id)},e.name),i.a.createElement(ft.a,null,e.networkServerName))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Ae,null,i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/create")}))},i.a.createElement($e,{title:"Service-profiles"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Network Server")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),An=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getNetworkServerOption=e.getNetworkServerOption.bind(Object(p.a)(e)),e.getNetworkServerOptions=e.getNetworkServerOptions.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getNetworkServerOption",value:function(e,t){Ft.get(e,(function(e){t({label:e.networkServer.name,value:e.networkServer.id})}))}},{key:"getNetworkServerOptions",value:function(e,t){Ft.list(0,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,disabled:this.props.disabled},i.a.createElement(Bt.a,{id:"name",label:"Service-profile name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"A name to identify the service-profile.",disabled:this.props.disabled,required:!0,fullWidth:!0}),!this.props.update&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{required:!0},"Network-server"),i.a.createElement(De.a,{id:"networkServerID",label:"Network-server",value:this.state.object.networkServerID||null,onChange:this.onChange,getOption:this.getNetworkServerOption,getOptions:this.getNetworkServerOptions}),i.a.createElement(Jt.a,null,"The network-server on which this service-profile will be provisioned. After creating the service-profile, this value can't be changed.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Add gateway meta-data",control:i.a.createElement(Vt.a,{id:"addGWMetaData",checked:!!this.state.object.addGWMetaData,onChange:this.onChange,disabled:this.props.disabled,color:"primary"})}),i.a.createElement(Jt.a,null,"GW metadata (RSSI, SNR, GW geoloc., etc.) are added to the packet sent to the application-server.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Enable network geolocation",control:i.a.createElement(Vt.a,{id:"nwkGeoLoc",checked:!!this.state.object.nwkGeoLoc,onChange:this.onChange,disabled:this.props.disabled,color:"primary"})}),i.a.createElement(Jt.a,null,"When enabled, the network-server will try to resolve the location of the devices under this service-profile. Please note that you need to have gateways supporting the fine-timestamp feature and that the network-server needs to be configured in order to provide geolocation support.")),i.a.createElement(Bt.a,{id:"devStatusReqFreq",label:"Device-status request frequency",margin:"normal",type:"number",value:this.state.object.devStatusReqFreq||0,onChange:this.onChange,helperText:"Frequency to initiate an End-Device status request (request/day). Set to 0 to disable.",disabled:this.props.disabled,fullWidth:!0}),this.state.object.devStatusReqFreq>0&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Report device battery level to application-server",control:i.a.createElement(Vt.a,{id:"reportDevStatusBattery",checked:!!this.state.object.reportDevStatusBattery,onChange:this.onChange,disabled:this.props.disabled,color:"primary"})}),i.a.createElement(Kt.a,{label:"Report device link margin to application-server",control:i.a.createElement(Vt.a,{id:"reportDevStatusMargin",checked:!!this.state.object.reportDevStatusMargin,onChange:this.onChange,disabled:this.props.disabled,color:"primary"})}))),i.a.createElement(Bt.a,{id:"drMin",label:"Minimum allowed data-rate",margin:"normal",type:"number",value:this.state.object.drMin||0,onChange:this.onChange,helperText:"Minimum allowed data rate. Used for ADR.",disabled:this.props.disabled,fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"drMax",label:"Maximum allowed data-rate",margin:"normal",type:"number",value:this.state.object.drMax||0,onChange:this.onChange,helperText:"Maximum allowed data rate. Used for ADR.",disabled:this.props.disabled,fullWidth:!0,required:!0}),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Private gateways",control:i.a.createElement(Vt.a,{id:"gwsPrivate",checked:!!this.state.object.gwsPrivate,onChange:this.onChange,disabled:this.props.disabled,color:"primary"})}),i.a.createElement(Jt.a,null,"Gateways under this service-profile are private. This means that these gateways can only be used by devices under the same service-profile.")))}}]),a}(Qt.a),zn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={nsDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Ft.list(0,0,0,(function(t){"0"===t.totalCount&&e.setState({nsDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({nsDialog:!1})}},{key:"onSubmit",value:function(e){var t=this,a=e;a.organizationID=this.props.match.params.organizationID,Dn.a.create(a,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/service-profiles"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.nsDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a network-server?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"ChirpStack Application Server isn't connected to a ChirpStack Network Server network-server. Did you know that ChirpStack Application Server can connect to multiple ChirpStack Network Server instances, e.g. to support multiple regions?"),i.a.createElement(da.a,null,"Would you like to connect to a network-server now?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/network-servers/create",onClick:this.closeDialog},"Add network-server"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Service-profiles",to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(An,{submitLabel:"Create service-profile",onSubmit:this.onSubmit,match:this.props.match})))))}}]),a}(n.Component),Pn=Object(d.f)(zn),Tn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Dn.a.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/service-profiles"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(An,{submitLabel:"Update service-profile",object:this.props.serviceProfile,onSubmit:this.onSubmit,match:this.props.match,disabled:!this.props.admin,update:!0})))))}}]),a}(n.Component),Nn=Object(d.f)(Tn),xn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.deleteServiceProfile=e.deleteServiceProfile.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Dn.a.get(this.props.match.params.serviceProfileID,(function(t){e.setState({serviceProfile:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()})}},{key:"deleteServiceProfile",value:function(){var e=this;window.confirm("Are you sure you want to delete this service-profile?")&&Dn.a.delete(this.props.match.params.serviceProfileID,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/service-profiles"))}))}},{key:"render",value:function(){return void 0===this.state.serviceProfile?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Ae,null,i.a.createElement(It,{key:1,label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteServiceProfile}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles"),title:"Service-profiles"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.serviceProfile.serviceProfile.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Nn,{serviceProfile:this.state.serviceProfile.serviceProfile,admin:this.state.admin})))}}]),a}(n.Component),Ln=Object(d.f)(xn),Rn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.setIsAdmin()}},{key:"setIsAdmin",value:function(){void 0!==this.props.organizationID?this.setState({admin:V.a.isAdmin()||V.a.isOrganizationDeviceAdmin(this.props.organizationID)}):this.setState({admin:V.a.isAdmin()})}},{key:"render",value:function(){return this.state.admin?this.props.children:null}}]),a}(n.Component),Wn=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/deviceProfile.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceProfileService.Create({body:{deviceProfile:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceProfileService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceProfileService.Update({"device_profile.id":e.id,body:{deviceProfile:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceProfileService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.ojb)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n,i){this.swagger.then((function(o){o.apis.DeviceProfileService.List({organizationID:e,applicationID:t,limit:a,offset:n}).then(Q.a).then((function(e){i(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"device-profile has been "+e}})}}]),a}(K.EventEmitter)),Un=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Wn.list(this.props.match.params.organizationID,0,e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles/").concat(e.id)},e.name),i.a.createElement(ft.a,null,e.networkServerName))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles/create")}))},i.a.createElement($e,{title:"Device-profiles"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Network Server")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Gn=a(124),Fn=(a(302),{formLabel:{fontSize:12},delete:{marginTop:3*O.a.spacing(1)}}),Mn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onDelete=function(t){t.preventDefault(),e.props.onDelete(e.props.index)},e}return Object(u.a)(a,[{key:"onChange",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"onChange",this).call(this,e),this.props.onChange(this.props.index,this.state.object)}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(Bt.a,{id:"key",label:"Name",margin:"normal",value:this.state.object.key||"",onChange:this.onChange,disabled:!!this.props.disabled,fullWidth:!0})),i.a.createElement(y.a,{item:!0,xs:7},i.a.createElement(Bt.a,{id:"value",label:"Value",margin:"normal",value:this.state.object.value||"",onChange:this.onChange,disabled:!!this.props.disabled,fullWidth:!0})),i.a.createElement(y.a,{item:!0,xs:1,className:this.props.classes.delete},!this.props.disabled&&i.a.createElement(k.a,{"aria-label":"delete",onClick:this.onDelete},i.a.createElement(ra.a,null))))}}]),a}(Qt.a),Bn=Object(E.a)(Fn)(Mn),qn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getADRAlgorithmsOptions=function(t,a){void 0===e.state.object.networkServerID?a([]):Ft.getADRAlgorithms(e.state.object.networkServerID,(function(e){var t=e.adrAlgorithms.map((function(e,t){return{value:e.id,label:e.name}}));a(t)}))},e.setKVArray=function(t){var a=[];if(void 0!==t.tags)for(var n in t.tags)a.push({key:n,value:t.tags[n]});e.setState({tags:a})},e.state={tab:0,tags:[]},e.onTabChange=e.onTabChange.bind(Object(p.a)(e)),e.getNetworkServerOptions=e.getNetworkServerOptions.bind(Object(p.a)(e)),e.getMACVersionOptions=e.getMACVersionOptions.bind(Object(p.a)(e)),e.getRegParamsOptions=e.getRegParamsOptions.bind(Object(p.a)(e)),e.getPingSlotPeriodOptions=e.getPingSlotPeriodOptions.bind(Object(p.a)(e)),e.getPayloadCodecOptions=e.getPayloadCodecOptions.bind(Object(p.a)(e)),e.onCodeChange=e.onCodeChange.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidMount",this).call(this),this.setKVArray(this.props.object||{})}},{key:"componentDidUpdate",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidUpdate",this).call(this,e),e.object!==this.props.object&&this.setKVArray(this.props.object||{})}},{key:"getNetworkServerOptions",value:function(e,t){Ft.list(this.props.match.params.organizationID,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"getMACVersionOptions",value:function(e,t){t([{value:"1.0.0",label:"1.0.0"},{value:"1.0.1",label:"1.0.1"},{value:"1.0.2",label:"1.0.2"},{value:"1.0.3",label:"1.0.3"},{value:"1.1.0",label:"1.1.0"}])}},{key:"getRegParamsOptions",value:function(e,t){t([{value:"A",label:"A"},{value:"B",label:"B"}])}},{key:"getPingSlotPeriodOptions",value:function(e,t){t([{value:32,label:"every second"},{value:64,label:"every 2 seconds"},{value:128,label:"every 4 seconds"},{value:256,label:"every 8 seconds"},{value:512,label:"every 16 seconds"},{value:1024,label:"every 32 seconds"},{value:2048,label:"every 64 seconds"},{value:4096,label:"every 128 seconds"}])}},{key:"getPayloadCodecOptions",value:function(e,t){t([{value:"",label:"None"},{value:"CAYENNE_LPP",label:"Cayenne LPP"},{value:"CUSTOM_JS",label:"Custom JavaScript codec functions"}])}},{key:"onCodeChange",value:function(e,t,a,n){var i=this.state.object;i[e]=n,this.setState({object:i})}},{key:"onTabChange",value:function(e,t){this.setState({tab:t})}},{key:"onChange",value:function(e){if(Object(ja.a)(Object(ya.a)(a.prototype),"onChange",this).call(this,e),"factoryPresetFreqsStr"===e.target.id){var t=this.state.object,n=e.target.value.split(",");t.factoryPresetFreqs=n.map((function(e,t){return parseInt(e,10)})),this.setState({object:t})}}},{key:"render",value:function(){var e=this;if(void 0===this.state.object)return null;var t="";void 0!==this.state.object.factoryPresetFreqsStr?t=this.state.object.factoryPresetFreqsStr:void 0!==this.state.object.factoryPresetFreqs&&(t=this.state.object.factoryPresetFreqs.join(", "));var a={lineNumbers:!0,mode:"javascript",theme:"default"},n=this.state.object.payloadEncoderScript,o=this.state.object.payloadDecoderScript;""!==n&&void 0!==n||(n='// Encode encodes the given object into an array of bytes.\n//  - fPort contains the LoRaWAN fPort number\n//  - obj is an object, e.g. {"temperature": 22.5}\n//  - variables contains the device variables e.g. {"calibration": "3.5"} (both the key / value are of type string)\n// The function must return an array of bytes, e.g. [225, 230, 255, 0]\nfunction Encode(fPort, obj, variables) {\n  return [];\n}'),""!==o&&void 0!==o||(o='// Decode decodes an array of bytes into an object.\n//  - fPort contains the LoRaWAN fPort number\n//  - bytes is an array of bytes, e.g. [225, 230, 255, 0]\n//  - variables contains the device variables e.g. {"calibration": "3.5"} (both the key / value are of type string)\n// The function must return an object, e.g. {"temperature": 22.5}\nfunction Decode(fPort, bytes, variables) {\n  return {};\n}');var r=this.state.tags.map((function(t,a){return i.a.createElement(Bn,{key:a,index:a,object:t,onChange:e.onChangeKV("tags"),onDelete:e.onDeleteKV("tags")})}));return i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,disabled:this.props.disabled},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onTabChange,indicatorColor:"primary"},i.a.createElement(_t.a,{label:"General"}),i.a.createElement(_t.a,{label:"Join (OTAA / ABP)"}),i.a.createElement(_t.a,{label:"Class-B"}),i.a.createElement(_t.a,{label:"Class-C"}),i.a.createElement(_t.a,{label:"Codec"}),i.a.createElement(_t.a,{label:"Tags"})),0===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Bt.a,{id:"name",label:"Device-profile name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"A name to identify the device-profile.",required:!0,fullWidth:!0}),!this.props.update&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Network-server"),i.a.createElement(De.a,{id:"networkServerID",label:"Select network-server",value:this.state.object.networkServerID||"",onChange:this.onChange,getOptions:this.getNetworkServerOptions}),i.a.createElement(Jt.a,null,"The network-server on which this device-profile will be provisioned. After creating the device-profile, this value can't be changed.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"LoRaWAN MAC version"),i.a.createElement(De.a,{id:"macVersion",label:"Select LoRaWAN MAC version",value:this.state.object.macVersion||"",onChange:this.onChange,getOptions:this.getMACVersionOptions}),i.a.createElement(Jt.a,null,"The LoRaWAN MAC version supported by the device.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"LoRaWAN Regional Parameters revision"),i.a.createElement(De.a,{id:"regParamsRevision",label:"Select LoRaWAN Regional Parameters revision",value:this.state.object.regParamsRevision||"",onChange:this.onChange,getOptions:this.getRegParamsOptions}),i.a.createElement(Jt.a,null,"Revision of the Regional Parameters specification supported by the device.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"ADR algorithm"),i.a.createElement(De.a,{id:"adrAlgorithmID",label:"Select ADR algorithm",value:this.state.object.adrAlgorithmID||"",onChange:this.onChange,getOptions:this.getADRAlgorithmsOptions,triggerReload:this.state.object.networkServerID||""}),i.a.createElement(Jt.a,null,"The ADR algorithm that will be used for controlling the device data-rate.")),i.a.createElement(Bt.a,{id:"maxEIRP",label:"Max EIRP",type:"number",margin:"normal",value:this.state.object.maxEIRP||0,onChange:this.onChange,helperText:"Maximum EIRP supported by the device.",required:!0,fullWidth:!0}),i.a.createElement(Ca,{id:"uplinkInterval",label:"Uplink interval (seconds)",helperText:"The expected interval in seconds in which the device sends uplink messages. This is used to determine if a device is active or inactive.",value:this.state.object.uplinkInterval,onChange:this.onChange})),1===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Device supports OTAA",control:i.a.createElement(Vt.a,{id:"supportsJoin",checked:!!this.state.object.supportsJoin,onChange:this.onChange,color:"primary"})})),!this.state.object.supportsJoin&&i.a.createElement(Bt.a,{id:"rxDelay1",label:"RX1 delay",type:"number",margin:"normal",value:this.state.object.rxDelay1||0,onChange:this.onChange,helperText:"RX1 delay (valid values are 0 - 15).",required:!0,fullWidth:!0}),!this.state.object.supportsJoin&&i.a.createElement(Bt.a,{id:"rxDROffset1",label:"RX1 data-rate offset",type:"number",margin:"normal",value:this.state.object.rxDROffset1||0,onChange:this.onChange,helperText:"Please refer the LoRaWAN Regional Parameters specification for valid values.",required:!0,fullWidth:!0}),!this.state.object.supportsJoin&&i.a.createElement(Bt.a,{id:"rxDataRate2",label:"RX2 data-rate",type:"number",margin:"normal",value:this.state.object.rxDataRate2||0,onChange:this.onChange,helperText:"Please refer the LoRaWAN Regional Parameters specification for valid values.",required:!0,fullWidth:!0}),!this.state.object.supportsJoin&&i.a.createElement(Bt.a,{id:"rxFreq2",label:"RX2 channel frequency (Hz)",type:"number",margin:"normal",value:this.state.object.rxFreq2||0,onChange:this.onChange,required:!0,fullWidth:!0}),!this.state.object.supportsJoin&&i.a.createElement(Bt.a,{id:"factoryPresetFreqsStr",label:"Factory-preset frequencies (Hz)",margin:"normal",value:t,onChange:this.onChange,helperText:"List of factory-preset frequencies (Hz), comma separated.",required:!0,fullWidth:!0})),2===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Device supports Class-B",control:i.a.createElement(Vt.a,{id:"supportsClassB",checked:!!this.state.object.supportsClassB,onChange:this.onChange,color:"primary"})})),this.state.object.supportsClassB&&i.a.createElement(Bt.a,{id:"classBTimeout",label:"Class-B confirmed downlink timeout",type:"number",margin:"normal",value:this.state.object.classBTimeout||0,onChange:this.onChange,helperText:"Class-B timeout (in seconds) for confirmed downlink transmissions.",required:!0,fullWidth:!0}),this.state.object.supportsClassB&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Class-B ping-slot periodicity"),i.a.createElement(De.a,{id:"pingSlotPeriod",label:"Select Class-B ping-slot periodicity",value:this.state.object.pingSlotPeriod||"",onChange:this.onChange,getOptions:this.getPingSlotPeriodOptions}),i.a.createElement(Jt.a,null,"Class-B ping-slot periodicity.")),this.state.object.supportsClassB&&i.a.createElement(Bt.a,{id:"pingSlotDR",label:"Class-B ping-slot data-rate",type:"number",margin:"normal",value:this.state.object.pingSlotDR||0,onChange:this.onChange,required:!0,fullWidth:!0}),this.state.object.supportsClassB&&i.a.createElement(Bt.a,{id:"pingSlotFreq",label:"Class-B ping-slot frequency (Hz)",type:"number",margin:"normal",value:this.state.object.pingSlotFreq||0,onChange:this.onChange,required:!0,fullWidth:!0})),3===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Device supports Class-C",control:i.a.createElement(Vt.a,{id:"supportsClassC",checked:!!this.state.object.supportsClassC,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"Select this option when the device will operate as Class-C device immediately after activation. In case it sends a DeviceModeInd mac-command when it changes to Class-C, do not select this option.")),i.a.createElement(Bt.a,{id:"classCTimeout",label:"Class-C confirmed downlink timeout",type:"number",margin:"normal",value:this.state.object.classCTimeout||0,onChange:this.onChange,helperText:"Class-C timeout (in seconds) for confirmed downlink transmissions.",required:!0,fullWidth:!0})),4===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},"Payload codec"),i.a.createElement(De.a,{id:"payloadCodec",label:"Select payload codec",value:this.state.object.payloadCodec||"",onChange:this.onChange,getOptions:this.getPayloadCodecOptions}),i.a.createElement(Jt.a,null,"By defining a payload codec, ChirpStack Application Server can encode and decode the binary device payload for you.")),"CUSTOM_JS"===this.state.object.payloadCodec&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Gn.Controlled,{value:o,options:a,onBeforeChange:this.onCodeChange.bind(this,"payloadDecoderScript"),className:this.props.classes.codeMirror}),i.a.createElement(Jt.a,null,"The function must have the signature ",i.a.createElement("strong",null,"function Decode(fPort, bytes)")," and must return an object. ChirpStack Application Server will convert this object to JSON.")),"CUSTOM_JS"===this.state.object.payloadCodec&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Gn.Controlled,{value:n,options:a,onBeforeChange:this.onCodeChange.bind(this,"payloadEncoderScript"),className:this.props.classes.codeMirror}),i.a.createElement(Jt.a,null,"The function must have the signature ",i.a.createElement("strong",null,"function Encode(fPort, obj)")," and must return an array of bytes."))),5===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Tags can be used to store additional key/value data."),r),i.a.createElement(St.a,{variant:"outlined",onClick:this.addKV("tags")},"Add tag")))}}]),a}(Qt.a),_n=Object(E.a)({formLabel:{fontSize:12},codeMirror:{zIndex:1}})(qn),Kn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={spDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Dn.a.list(this.props.match.params.organizationID,0,0,0,(function(t){"0"===t.totalCount&&e.setState({spDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({spDialog:!1})}},{key:"onSubmit",value:function(e){var t=this,a=e;a.organizationID=this.props.match.params.organizationID,Wn.create(a,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/device-profiles"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.spDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a service-profile?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"The selected organization does not have a service-profile yet. A service-profile connects an organization to a network-server and defines the features that an organization can use on this network-server."),i.a.createElement(da.a,null,"Would you like to create a service-profile?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/create"),onClick:this.closeDialog},"Create service-profile"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Device-profiles",to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(_n,{submitLabel:"Create device-profile",onSubmit:this.onSubmit,match:this.props.match})))))}}]),a}(n.Component),Hn=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(Kn)),Jn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Wn.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/device-profiles"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(_n,{submitLabel:"Update device-profile",object:this.props.deviceProfile,onSubmit:this.onSubmit,match:this.props.match,disabled:!this.props.admin,update:!0})))))}}]),a}(n.Component),Vn=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(Jn)),Qn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.deleteDeviceProfile=e.deleteDeviceProfile.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Wn.get(this.props.match.params.deviceProfileID,(function(t){e.setState({deviceProfile:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUpdate",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()||V.a.isOrganizationDeviceAdmin(this.props.match.params.organizationID)})}},{key:"deleteDeviceProfile",value:function(){var e=this;window.confirm("Are you sure you want to delete this device-profile?")&&Wn.delete(this.props.match.params.deviceProfileID,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/device-profiles"))}))}},{key:"render",value:function(){if(void 0===this.state.deviceProfile)return i.a.createElement("div",null);var e=[];return this.state.admin&&(e=[i.a.createElement(It,{label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteDeviceProfile})]),i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:e},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles"),title:"Device-profiles"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.deviceProfile.deviceProfile.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Vn,{deviceProfile:this.state.deviceProfile.deviceProfile,admin:this.state.admin})))}}]),a}(n.Component),Zn=Object(d.f)(Qn),Xn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={admin:!1},e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){e!==this.props&&this.setIsAdmin()}},{key:"setIsAdmin",value:function(){void 0!==this.props.organizationID?this.setState({admin:V.a.isAdmin()||V.a.isOrganizationGatewayAdmin(this.props.organizationID)}):this.setState({admin:V.a.isAdmin()})}},{key:"render",value:function(){return this.state.admin?this.props.children:null}}]),a}(n.Component),Yn=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this,t=tt()().subtract(29,"days").toISOString(),a=tt()().toISOString();mt.getStats(this.props.gateway.id,t,a,(function(t){var a,n={labels:[],datasets:[{data:[],fillColor:"rgba(33, 150, 243, 1)"}]},i=Object(Fe.a)(t.result);try{for(i.s();!(a=i.n()).done;){var o=a.value;n.labels.push(o.timestamp),n.datasets[0].data.push(o.rxPacketsReceivedOK+o.txPacketsEmitted)}}catch(r){i.e(r)}finally{i.f()}e.setState({stats:n})}))}},{key:"render",value:function(){var e="Never";return null!==this.props.gateway.lastSeenAt&&(e=tt()(this.props.gateway.lastSeenAt).fromNow()),i.a.createElement(Et.a,{hover:!0},i.a.createElement(ft.a,null,e),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.gateway.organizationID,"/gateways/").concat(this.props.gateway.id)},this.props.gateway.name),i.a.createElement(ft.a,null,this.props.gateway.id),i.a.createElement(ft.a,null,this.props.gateway.networkServerName),i.a.createElement(ft.a,null,this.state.stats&&i.a.createElement(st.a,{width:380,height:23,data:this.state.stats,options:{scales:{xAxes:[{display:!1}],yAxes:[{display:!1}]},tooltips:{enabled:!1},legend:{display:!1},responsive:!1,animation:{duration:0}}})))}}]),a}(n.Component),$n={chart:{width:380},tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"48px",overflow:"visible"}},ei=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];return(e=t.call.apply(t,[this].concat(o))).getPage=function(t,a,n){mt.list("",e.props.match.params.organizationID,t,a,n)},e.getRow=function(e){return i.a.createElement(Yn,{key:e.id,gateway:e})},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Xn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{key:1,label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/create")}))},i.a.createElement($e,{title:"Gateways"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Last seen"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Gateway ID"),i.a.createElement(ft.a,null,"Network server"),i.a.createElement(ft.a,{className:this.props.classes.chart},"Gateway activity (30d)")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),ti=Object(E.a)($n)(ei),ai=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Gateway details"}),i.a.createElement(Je.a,null,i.a.createElement(At.a,null,i.a.createElement(Pt.a,null,i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Gateway ID"),i.a.createElement(ft.a,null,this.props.gateway.id)),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Altitude"),i.a.createElement(ft.a,null,this.props.gateway.location.altitude," meters")),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"GPS coordinates"),i.a.createElement(ft.a,null,this.props.gateway.location.latitude,", ",this.props.gateway.location.longitude)),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Last seen at"),i.a.createElement(ft.a,null,this.props.lastSeenAt))))))}}]),a}(n.Component),ni=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.loadStats=e.loadStats.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.loadStats()}},{key:"loadStats",value:function(){var e=this,t=tt()().toISOString(),a=tt()().subtract(30,"days").toISOString();mt.getStats(this.props.match.params.gatewayID,a,t,(function(t){var a,n={labels:[],datasets:[{label:"rx received",borderColor:"rgba(33, 150, 243, 1)",backgroundColor:"rgba(0, 0, 0, 0)",lineTension:0,pointBackgroundColor:"rgba(33, 150, 243, 1)",data:[]}]},i={labels:[],datasets:[{label:"tx emitted",borderColor:"rgba(33, 150, 243, 1)",backgroundColor:"rgba(0, 0, 0, 0)",lineTension:0,pointBackgroundColor:"rgba(33, 150, 243, 1)",data:[]}]},o=Object(Fe.a)(t.result);try{for(o.s();!(a=o.n()).done;){var r=a.value;i.labels.push(tt()(r.timestamp).format("Do")),n.labels.push(tt()(r.timestamp).format("Do")),i.datasets[0].data.push(r.txPacketsEmitted),n.datasets[0].data.push(r.rxPacketsReceivedOK)}}catch(s){o.e(s)}finally{o.f()}e.setState({statsUp:i,statsDown:n})}))}},{key:"render",value:function(){if(void 0===this.props.gateway||void 0===this.state.statsDown||void 0===this.state.statsUp)return i.a.createElement("div",null);var e={legend:{display:!1},maintainAspectRatio:!1,scales:{yAxes:[{ticks:{beginAtZero:!0}}]}},t=[];t="undefined"!==typeof this.props.gateway.location.latitude&&(this.props.gateway.location.longitude,1)?[this.props.gateway.location.latitude,this.props.gateway.location.longitude]:[0,0];var a="Never";return null!==this.props.lastSeenAt&&(a=tt()(this.props.lastSeenAt).format("lll")),i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(ai,{gateway:this.props.gateway,lastSeenAt:a})),i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(Nt.a,null,i.a.createElement(it.a,{center:t,zoom:15,style:{height:400},animate:!0,scrollWheelZoom:!1},i.a.createElement(lt,null),i.a.createElement(at.a,{position:t})))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Frames received"}),i.a.createElement(Je.a,{className:this.props.classes.chart},i.a.createElement(st.c,{height:75,options:e,data:this.state.statsDown,redraw:!0})))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Frames transmitted"}),i.a.createElement(Je.a,{className:this.props.classes.chart},i.a.createElement(st.c,{height:75,options:e,data:this.state.statsUp,redraw:!0})))))}}]),a}(n.Component),ii=Object(E.a)({chart:{height:300}})(ni),oi=(a(763),new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"getLocation",value:function(e){navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(t){e(t)}))}}]),a}(K.EventEmitter))),ri=a(197),si=a(62),ci={formLabel:{color:O.a.palette.primary.main},a:{color:O.a.palette.primary.main}},li=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onChange=e.onChange.bind(Object(p.a)(e)),e.onDelete=e.onDelete.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onChange",value:function(e){var t=this.props.board;t[e.target.id]=e.target.value,this.props.onChange(t)}},{key:"onDelete",value:function(e){e.preventDefault(),this.props.onDelete()}},{key:"render",value:function(){return i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},"Board #",this.props.i," configuration (",i.a.createElement("a",{href:"#delete",onClick:this.onDelete,className:this.props.classes.a},"delete"),")"),i.a.createElement(ri.a,{id:"fpgaID",label:"FPGA ID",margin:"normal",value:this.props.board.fpgaID||"",onChange:this.onChange,helperText:"The FPGA ID of the geoloc concentrator board. This is only available for v2 gateways with geolocation capabilities. (optional)",fullWidth:!0}),i.a.createElement(si.a,{id:"fineTimestampKey",label:"Fine-timestamp decryption key",margin:"normal",value:this.props.board.fineTimestampKey||"",onChange:this.onChange,helperText:"The fine-timestamp AES decryption key. When set, ChirpStack Network Server will decrypt the fine-timestamp. This is only available for v2 gateways with geolocation capabilities. (optional)",fullWidth:!0}))}}]),a}(n.Component);li=Object(E.a)(ci)(li);var ui={mapLabel:{marginBottom:O.a.spacing(1)},link:{color:O.a.palette.primary.main},formLabel:{fontSize:12}},pi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getServiceProfileOption=function(e,t){Dn.a.get(e,(function(e){t({label:e.serviceProfile.name,value:e.serviceProfile.id})}))},e.getServiceProfileOptions=function(t,a){void 0!==e.state.object&&void 0!==e.state.object.networkServerID?Dn.a.list(e.props.match.params.organizationID,e.state.object.networkServerID,999,0,(function(e){var t=e.result.map((function(e,t){return{label:e.name,value:e.id}}));a(t)})):a([])},e.onTabChange=function(t,a){e.setState({tab:a})},e.setKVArrays=function(t){var a=[],n=[];if(void 0!==t.tags)for(var i in t.tags)a.push({key:i,value:t.tags[i]});if(void 0!==t.metadata)for(var o in t.metadata)n.push({key:o,value:t.metadata[o]});e.setState({tags:a,metadata:n})},e.state={mapZoom:15,tab:0,tags:[],metadata:[]},e.getNetworkServerOption=e.getNetworkServerOption.bind(Object(p.a)(e)),e.getNetworkServerOptions=e.getNetworkServerOptions.bind(Object(p.a)(e)),e.getGatewayProfileOption=e.getGatewayProfileOption.bind(Object(p.a)(e)),e.getGatewayProfileOptions=e.getGatewayProfileOptions.bind(Object(p.a)(e)),e.setCurrentPosition=e.setCurrentPosition.bind(Object(p.a)(e)),e.updatePosition=e.updatePosition.bind(Object(p.a)(e)),e.updateZoom=e.updateZoom.bind(Object(p.a)(e)),e.addGatewayBoard=e.addGatewayBoard.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidMount",this).call(this),this.setKVArrays(this.props.object||{}),this.props.update||this.setCurrentPosition()}},{key:"componentDidUpdate",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidUpdate",this).call(this,e),e.object!==this.props.object&&this.setKVArrays(this.props.object||{})}},{key:"onChange",value:function(e){if("networkServerID"===e.target.id&&e.target.value!==this.state.object.networkServerID){var t=this.state.object;t.gatewayProfileID=null,t.serviceProfileID=null,this.setState({object:t})}Object(ja.a)(Object(ya.a)(a.prototype),"onChange",this).call(this,e)}},{key:"setCurrentPosition",value:function(e){var t=this;void 0!==e&&e.preventDefault(),oi.getLocation((function(e){var a=t.state.object;a.location={latitude:e.coords.latitude,longitude:e.coords.longitude,altitude:t.state.object.location.altitude},t.setState({object:a})}))}},{key:"updatePosition",value:function(){var e=this.refs.marker.leafletElement.getLatLng(),t=this.state.object;t.location={latitude:e.lat,longitude:e.lng,altitude:this.state.object.location.altitude},this.setState({object:t})}},{key:"updateZoom",value:function(e){this.setState({mapZoom:e.target.getZoom()})}},{key:"getNetworkServerOption",value:function(e,t){Ft.get(e,(function(e){t({label:e.networkServer.name,value:e.networkServer.id})}))}},{key:"getNetworkServerOptions",value:function(e,t){Ft.list(this.props.match.params.organizationID,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"getGatewayProfileOption",value:function(e,t){fa.get(e,(function(e){t({label:e.gatewayProfile.name,value:e.gatewayProfile.id})}))}},{key:"getGatewayProfileOptions",value:function(e,t){void 0!==this.state.object&&void 0!==this.state.object.networkServerID?fa.list(this.state.object.networkServerID,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)})):t([])}},{key:"addGatewayBoard",value:function(){var e=this.state.object;void 0===e.boards?e.boards=[{}]:e.boards.push({}),this.setState({object:e})}},{key:"deleteGatewayBoard",value:function(e){var t=this.state.object;t.boards.splice(e,1),this.setState({object:t})}},{key:"updateGatewayBoard",value:function(e,t){var a=this.state.object;a.boards[e]=t,this.setState({object:a})}},{key:"render",value:function(){var e=this;if(void 0===this.state.object)return null;var t=[];t=void 0!==this.state.object.location.latitude&&void 0!==this.state.object.location.longitude?[this.state.object.location.latitude,this.state.object.location.longitude]:[0,0];var a=[];void 0!==this.state.object.boards&&(a=this.state.object.boards.map((function(t,a){return i.a.createElement(li,{key:a,i:a,board:t,onDelete:function(){return e.deleteGatewayBoard(a)},onChange:function(t){return e.updateGatewayBoard(a,t)}})})));var n=this.state.tags.map((function(t,a){return i.a.createElement(Bn,{key:a,index:a,object:t,onChange:e.onChangeKV("tags"),onDelete:e.onDeleteKV("tags")})})),o=this.state.metadata.map((function(t,a){return i.a.createElement(Bn,{disabled:!0,key:a,index:a,object:t,onChange:e.onChangeKV("metadata"),onDelete:e.onDeleteKV("metadata")})}));return i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,extraButtons:0===this.state.tab&&i.a.createElement(St.a,{onClick:this.addGatewayBoard},"Add board configuration")},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onTabChange,indicatorColor:"primary"},i.a.createElement(_t.a,{label:"General"}),i.a.createElement(_t.a,{label:"Tags"}),i.a.createElement(_t.a,{label:"Metadata"})),0===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Bt.a,{id:"name",label:"Gateway name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,inputProps:{pattern:"[\\w-]+"},helperText:"The name may only contain words, numbers and dashes.",required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"description",label:"Gateway description",margin:"normal",value:this.state.object.description||"",onChange:this.onChange,rows:4,multiline:!0,required:!0,fullWidth:!0}),!this.props.update&&i.a.createElement(ri.a,{id:"id",label:"Gateway ID",margin:"normal",value:this.state.object.id||"",onChange:this.onChange,required:!0,fullWidth:!0,random:!0}),!this.props.update&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Network-server"),i.a.createElement(De.a,{id:"networkServerID",label:"Select network-server",value:this.state.object.networkServerID||"",onChange:this.onChange,getOption:this.getNetworkServerOption,getOptions:this.getNetworkServerOptions,required:!0}),i.a.createElement(Jt.a,null,"Select the network-server to which the gateway will connect. When no network-servers are available in the dropdown, make sure a service-profile exists for this organization.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},"Service-profile"),i.a.createElement(De.a,{id:"serviceProfileID",label:"Select service-profile",value:this.state.object.serviceProfileID||"",triggerReload:this.state.object.networkServerID||"",onChange:this.onChange,getOption:this.getServiceProfileOption,getOptions:this.getServiceProfileOptions,clearable:!0}),i.a.createElement(Jt.a,null,"Select the service-profile under which the gateway must be added. The available service-profiles depend on the selected network-server, which must be selected first.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},"Gateway-profile"),i.a.createElement(De.a,{id:"gatewayProfileID",label:"Select gateway-profile",value:this.state.object.gatewayProfileID||"",triggerReload:this.state.object.networkServerID||"",onChange:this.onChange,getOption:this.getGatewayProfileOption,getOptions:this.getGatewayProfileOptions,clearable:!0}),i.a.createElement(Jt.a,null,"Optional. When assigning a gateway-profile to the gateway, ChirpStack Network Server will attempt to update the gateway according to the gateway-profile. Note that this does require a gateway with ChirpStack Concentratord.")),i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Gateway discovery enabled",control:i.a.createElement(Vt.a,{id:"discoveryEnabled",checked:!!this.state.object.discoveryEnabled,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"When enabled (and ChirpStack Network Server is configured with the gateway discover feature enabled), the gateway will send out periodical pings to test its coverage by other gateways in the same network.")),i.a.createElement(Bt.a,{id:"location.altitude",label:"Gateway altitude (meters)",margin:"normal",type:"number",value:this.state.object.location.altitude||0,onChange:this.onChange,helperText:"When the gateway has an on-board GPS, this value will be set automatically when the network has received statistics from the gateway.",required:!0,fullWidth:!0}),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.mapLabel},"Gateway location (",i.a.createElement("a",{onClick:this.setCurrentPosition,href:"#getlocation",className:this.props.classes.link},"set to current location"),")"),i.a.createElement(it.a,{center:t,zoom:this.state.mapZoom,style:{height:400},animate:!0,scrollWheelZoom:!1,onZoomend:this.updateZoom},i.a.createElement(lt,null),i.a.createElement(at.a,{position:t,draggable:!0,onDragend:this.updatePosition,ref:"marker"})),i.a.createElement(Jt.a,null,"Drag the marker to the location of the gateway. When the gateway has an on-board GPS, this value will be set automatically when the network receives statistics from the gateway.")),a),1===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Tags can be used to store additional key/value data."),n),i.a.createElement(St.a,{variant:"outlined",onClick:this.addKV("tags")},"Add tag")),2===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Metadata can be used by the ChirpStack Gateway Bridge to push information about the gateway (e.g. ip / hostname, serial number, temperatures, ...). This information is automatically updated when gateway statistics are received."),o)))}}]),a}(Qt.a),mi=Object(E.a)(ui)(pi),hi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;mt.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/gateways"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(mi,{submitLabel:"Update gateway",object:this.props.gateway,onSubmit:this.onSubmit,update:!0,match:this.props.match})))))}}]),a}(n.Component),di=Object(d.f)(hi),gi=a(410),bi=a(98),vi=a(25),fi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;mt.getLastPing(this.props.gateway.id,(function(t){e.setState({ping:t})}))}},{key:"getColor",value:function(e){return e>=-100?"#FF0000":e>=-105?"#FF7F00":e>=-110?"#FFFF00":e>=-115?"#00FF00":e>=-120?"#00FFFF":"#0000FF"}},{key:"render",value:function(){if(void 0===this.state.ping||0===this.state.ping.pingRX.length)return i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{variant:"body1"},"No gateway discovery data is available (yet). This could mean:"),i.a.createElement(ae.a,null,i.a.createElement(ne.a,{dense:!0},i.a.createElement(Ne.a,{variant:"body1"},"no discovery 'ping' was emitted yet")),i.a.createElement(ne.a,{dense:!0},i.a.createElement(Ne.a,{variant:"body1"},"the gateway ping feature has been disabled in ChirpStack Application Server")),i.a.createElement(ne.a,{dense:!0},i.a.createElement(Ne.a,{variant:"body1"},"the discovery 'ping' was not received by any other gateways")))));var e=[0,0];void 0!==this.props.gateway.location&&void 0!==this.props.gateway.location.latitude&&void 0!==this.props.gateway.location.longitude&&(e=[this.props.gateway.location.latitude,this.props.gateway.location.longitude]);var t=[],a=[],n=[];a.push(i.a.createElement(at.a,{position:e,key:"gw-".concat(this.props.gateway.id)},i.a.createElement(nt.a,null,i.a.createElement("span",null,this.props.gateway.id,i.a.createElement("br",null),"Freq: ",this.state.ping.frequency/1e6," MHz",i.a.createElement("br",null),"DR: ",this.state.ping.dr,i.a.createElement("br",null),"Altitude: ",this.props.gateway.location.altitude," meter(s)")))),t.push(e);var o,r=Object(Fe.a)(this.state.ping.pingRX);try{for(r.s();!(o=r.n()).done;){var s=o.value,c=[s.latitude,s.longitude];a.push(i.a.createElement(at.a,{position:c,key:"gw-".concat(s.gatewayID)},i.a.createElement(nt.a,null,i.a.createElement("span",null,s.gatewayID,i.a.createElement("br",null),"RSSI: ",s.rssi," dBm",i.a.createElement("br",null),"SNR: ",s.LoRaSNR," dB",i.a.createElement("br",null),"Altitude: ",s.altitude," meter(s)")))),t.push(c),n.push(i.a.createElement(gi.a,{key:"line-".concat(s.gatewayID),positions:[e,c],color:this.getColor(s.rssi),opacity:.7,weight:3}))}}catch(l){r.e(l)}finally{r.f()}return i.a.createElement(Nt.a,null,i.a.createElement(it.a,{bounds:t,maxZoom:19,style:{height:800},animate:!0,scrollWheelZoom:!1},i.a.createElement(lt,null),a,n,i.a.createElement(Ei,{className:this.props.classes.mapLegend},i.a.createElement("ul",{className:this.props.classes.mapLegendList},i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-100)}},"\xa0")," >= -100 dBm"),i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-105)}},"\xa0")," >= -105 dBm"),i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-110)}},"\xa0")," >= -110 dBm"),i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-115)}},"\xa0")," >= -115 dBm"),i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-120)}},"\xa0")," >= -120 dBm"),i.a.createElement("li",{className:this.props.classes.mapLegendListItem},i.a.createElement("span",{className:this.props.classes.label,style:{background:this.getColor(-121)}},"\xa0")," < -120 dBm")))))}}]),a}(n.Component),Ei=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=c.a.control({position:"bottomleft"}),t=i.a.createElement("div",this.props,this.props.children);e.onAdd=function(e){var a=c.a.DomUtil.create("div","");return r.a.render(t,a),a},this.leafletElement=e}},{key:"createLeafletElement",value:function(){}}]),a}(bi.a);Ei=Object(vi.d)(Ei);var yi=Object(E.a)({mapLegend:{background:"rgba(255,255,255,0.7)",padding:10,borderRadius:5},mapLegendList:{listStyle:"none",padding:0,margin:0,opacity:1},mapLegendListItem:{fontWeight:"bold",padding:3},label:{display:"block",float:"left",marginRight:10,width:24}})(fi),ji=a(945),Oi=a(162),wi=a.n(Oi),Ci=a(161),Si=a.n(Ci),ki=a(163),Di=a.n(ki),Ii=a(164),Ai=a.n(Ii),zi=a(160),Pi=a.n(zi),Ti=a(953),Ni=a(943),xi=a(944),Li=a(242),Ri=a.n(Li),Wi=a(169),Ui={headerColumn:{marginRight:6*O.a.spacing(1)},headerColumnFixedSmall:{width:145},headerColumnFixedWide:{width:175},treeStyle:{paddingTop:0,paddingBottom:0,fontSize:12,lineHeight:1.5}},Gi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e="",t="";e=void 0!==this.props.frame.uplinkMetaData?"UPLINK":"DOWNLINK";var a=tt()(this.props.frame.receivedAt).format("LTS"),n=this.props.frame.phyPayload.mhdr.mType;return void 0!==this.props.frame.phyPayload.macPayload&&(void 0!==this.props.frame.phyPayload.macPayload.devEUI&&(t=this.props.frame.phyPayload.macPayload.devEUI),void 0!==this.props.frame.phyPayload.macPayload.fhdr&&(t=this.props.frame.phyPayload.macPayload.fhdr.devAddr)),i.a.createElement(Ti.a,null,i.a.createElement(Ni.a,{expandIcon:i.a.createElement(Ri.a,null)},i.a.createElement("div",{className:this.props.classes.headerColumnFixedSmall},i.a.createElement(Ne.a,{variant:"body2"},e)),i.a.createElement("div",{className:this.props.classes.headerColumnFixedSmall},i.a.createElement(Ne.a,{variant:"body2"},a)),i.a.createElement("div",{className:this.props.classes.headerColumnFixedWide},i.a.createElement(Ne.a,{variant:"body2"},n)),i.a.createElement("div",{className:this.props.classes.headerColumn},i.a.createElement(Ne.a,{variant:"body2"},t))),i.a.createElement(xi.a,null,i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:!0,className:this.props.classes.treeStyle},this.props.frame.uplinkMetaData&&i.a.createElement(Wi.a,{data:this.props.frame.uplinkMetaData}),this.props.frame.downlinkMetaData&&i.a.createElement(Wi.a,{data:this.props.frame.downlinkMetaData})),i.a.createElement(y.a,{item:!0,xs:!0,className:this.props.classes.treeStyle},i.a.createElement(Wi.a,{data:{phyPayload:this.props.frame.phyPayload}})))))}}]),a}(n.Component),Fi=Object(E.a)(Ui)(Gi),Mi={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)},center:{textAlign:"center"},progress:{marginTop:4*O.a.spacing(1)}},Bi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={connected:!1,paused:!1,frames:[],dialogOpen:!1},e.onFrame=e.onFrame.bind(Object(p.a)(e)),e.onDownload=e.onDownload.bind(Object(p.a)(e)),e.togglePause=e.togglePause.bind(Object(p.a)(e)),e.onClear=e.onClear.bind(Object(p.a)(e)),e.toggleHelpDialog=e.toggleHelpDialog.bind(Object(p.a)(e)),e.setConnected=e.setConnected.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=mt.getFrameLogsConnection(this.props.gateway.id,(function(){}),(function(){}),this.onFrame);this.setState({wsConn:e}),mt.on("ws.status.change",this.setConnected),this.setConnected()}},{key:"componentWillUnmount",value:function(){this.state.wsConn.close(),mt.removeListener("ws.status.change",this.setConnected)}},{key:"onDownload",value:function(){var e=this.state.frames.map((function(e,t){return{uplinkMetaData:e.uplinkMetaData,downlinkMetaData:e.downlinkMetaData,phyPayload:e.phyPayload}}));Pi()(JSON.stringify(e,null,4),"gateway-".concat(this.props.match.params.gatewayID,".json"))}},{key:"togglePause",value:function(){this.setState({paused:!this.state.paused})}},{key:"toggleHelpDialog",value:function(){this.setState({dialogOpen:!this.state.dialogOpen})}},{key:"onClear",value:function(){this.setState({frames:[]})}},{key:"setConnected",value:function(){this.setState({connected:mt.getWSStatus()})}},{key:"onFrame",value:function(e){if(!this.state.paused){var t=this.state.frames,a=new Date;void 0!==e.uplinkFrame&&t.unshift({id:a.getTime(),receivedAt:a,uplinkMetaData:{rxInfo:e.uplinkFrame.rxInfo,txInfo:e.uplinkFrame.txInfo},phyPayload:JSON.parse(e.uplinkFrame.phyPayloadJSON)}),void 0!==e.downlinkFrame&&(delete e.downlinkFrame.txInfo.gatewayID,t.unshift({id:a.getTime(),receivedAt:a,downlinkMetaData:{gatewayID:e.downlinkFrame.gatewayID,txInfo:e.downlinkFrame.txInfo},phyPayload:JSON.parse(e.downlinkFrame.phyPayloadJSON)})),console.log(e),this.setState({frames:t})}}},{key:"render",value:function(){var e=this.state.frames.map((function(e,t){return i.a.createElement(Fi,{key:e.id,frame:e})}));return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12,className:this.props.classes.buttons},i.a.createElement(pa.a,{open:this.state.dialogOpen,onClose:this.toggleHelpDialog,"aria-labelledby":"help-dialog-title","aria-describedby":"help-dialog-description"},i.a.createElement(ga.a,{id:"help-dialog-title"},"Help"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{id:"help-dialog-description"},"The frames below are the raw (and encrypted) LoRaWAN PHYPayload frames as seen by the gateway(s). This data is intended for debugging only.")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{onClick:this.toggleHelpDialog,color:"primary"},"Close"))),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.toggleHelpDialog},i.a.createElement(va.a,{className:this.props.classes.icon}),"Help"),!this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(Si.a,{className:this.props.classes.icon}),"Pause"),this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(wi.a,{className:this.props.classes.icon}),"Resume"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.onDownload},i.a.createElement(Di.a,{className:this.props.classes.icon}),"Download"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,color:"secondary",onClick:this.onClear},i.a.createElement(ra.a,{className:this.props.classes.icon}),"Clear")),i.a.createElement(y.a,{item:!0,xs:12},!this.state.connected&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(x.a,{color:"secondary",label:"Not connected to Websocket API",avatar:i.a.createElement(N.a,null,i.a.createElement(Ai.a,null))})),this.state.connected&&0===e.length&&!this.state.paused&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(ji.a,{className:this.props.classes.progress})),e.length>0&&e))}}]),a}(n.Component),qi=Object(E.a)(Mi)(Bi),_i=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).requestCertificate=function(){e.setState({buttonDisabled:!0}),mt.generateClientCertificate(e.props.match.params.gatewayID,(function(t){e.setState({tlsKey:t.tlsKey,tlsCert:t.tlsCert,caCert:t.caCert,expiresAt:tt()(t.expiresAt).format("lll")})}))},e.state={caCert:null,tlsCert:null,tlsKey:null,buttonDisabled:!1},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0},"If required by the network, the gateway needs a client certificate in order to connect to the network. This certificate must be configured on the gateway. After generating the certificate, the certificate can only be retrieved once."),null==this.state.tlsCert&&i.a.createElement(St.a,{onClick:this.requestCertificate,disabled:this.state.buttonDisabled},"Generate certificate"),null!=this.state.tlsCert&&i.a.createElement("form",null,i.a.createElement(Bt.a,{id:"expiresAt",label:"Certificate expires at",margin:"normal",value:this.state.expiresAt,helperText:"The certificate expires at this date. Make sure to generate and configure a new certificate for your gateway before this expiration date.",disabled:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"caCert",label:"CA certificate",margin:"normal",value:this.state.caCert,rows:10,multiline:!0,fullWidth:!0,helperText:"The CA certificate is to authenticate the certificate of the server. Store this as a text-file on your gateway, e.g. named 'ca.pem'."}),i.a.createElement(Bt.a,{id:"tlsCert",label:"TLS certificate",margin:"normal",value:this.state.tlsCert,rows:10,multiline:!0,fullWidth:!0,helperText:"Store this as a text-file on your gateway, e.g. named 'cert.pem'"}),i.a.createElement(Bt.a,{id:"tlsKey",label:"TLS key",margin:"normal",value:this.state.tlsKey,rows:10,multiline:!0,fullWidth:!0,helperText:"Store this as a text-file on your gateway, e.g. named 'key.pem'"}))))}}]),a}(n.Component),Ki={tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"48px",overflow:"visible"}},Hi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={tab:0,admin:!1},e.deleteGateway=e.deleteGateway.bind(Object(p.a)(e)),e.onChangeTab=e.onChangeTab.bind(Object(p.a)(e)),e.locationToTab=e.locationToTab.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;mt.get(this.props.match.params.gatewayID,(function(t){e.setState({gateway:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin(),this.locationToTab()}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.locationToTab()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()||V.a.isOrganizationGatewayAdmin(this.props.match.params.organizationID)})}},{key:"deleteGateway",value:function(){var e=this;window.confirm("Are you sure you want to delete this gateway?")&&mt.delete(this.props.match.params.gatewayID,(function(){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/gateways"))}))}},{key:"locationToTab",value:function(){var e=0;window.location.href.endsWith("/edit")?e=1:window.location.href.endsWith("/certificate")?e=2:window.location.href.endsWith("/discovery")?e=3:window.location.href.endsWith("/frames")&&(e=4),e>0&&!this.state.admin&&(e-=1),this.setState({tab:e})}},{key:"onChangeTab",value:function(e,t){this.setState({tab:t})}},{key:"render",value:function(){var e=this;return void 0===this.state.gateway?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Xn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{key:1,label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteGateway}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways"),title:"Gateways"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.gateway.gateway.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onChangeTab,indicatorColor:"primary",className:this.props.classes.tabs},i.a.createElement(_t.a,{label:"Gateway details",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/").concat(this.props.match.params.gatewayID)}),this.state.admin&&i.a.createElement(_t.a,{label:"Gateway configuration",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/").concat(this.props.match.params.gatewayID,"/edit")}),this.state.admin&&i.a.createElement(_t.a,{label:"Certificate",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/").concat(this.props.match.params.gatewayID,"/certificate")}),i.a.createElement(_t.a,{label:"Gateway discovery",disabled:!this.state.gateway.gateway.discoveryEnabled,component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/").concat(this.props.match.params.gatewayID,"/discovery")}),i.a.createElement(_t.a,{label:"Live LoRaWAN frames",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways/").concat(this.props.match.params.gatewayID,"/frames")}))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path),render:function(t){return i.a.createElement(ii,Object.assign({gateway:e.state.gateway.gateway,lastSeenAt:e.state.gateway.lastSeenAt},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/edit"),render:function(t){return i.a.createElement(di,Object.assign({gateway:e.state.gateway.gateway},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/certificate"),render:function(t){return i.a.createElement(_i,Object.assign({gateway:e.state.gateway.gateway},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/discovery"),render:function(t){return i.a.createElement(yi,Object.assign({gateway:e.state.gateway.gateway},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/frames"),render:function(t){return i.a.createElement(qi,Object.assign({gateway:e.state.gateway.gateway},t))}}))))}}]),a}(n.Component),Ji=Object(E.a)(Ki)(Object(d.f)(Hi)),Vi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).closeDialog=function(){e.setState({spDialog:!1})},e.state={spDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Dn.a.list(this.props.match.params.organizationID,0,0,0,(function(t){"0"===t.totalCount&&e.setState({spDialog:!0})}))}},{key:"onSubmit",value:function(e){var t=this;e.organizationID=this.props.match.params.organizationID,mt.create(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/gateways"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.spDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a service-profile?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"The selected organization does not have a service-profile yet. A service-profile connects an organization to a network-server and defines the features that an organization can use on this network-server."),i.a.createElement(da.a,null,"Would you like to create a service-profile?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/create"),onClick:this.closeDialog},"Create service-profile"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Gateways",to:"/organizations/".concat(this.props.match.params.organizationID,"/gateways")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(mi,{match:this.props.match,submitLabel:"Create gateway",onSubmit:this.onSubmit,object:{location:{}}})))))}}]),a}(n.Component),Qi=Object(d.f)(Object(E.a)({card:{overflow:"visible"}})(Vi)),Zi=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/application.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.Create({body:{application:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.Update({"application.id":e.id,body:{application:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n,i){this.swagger.then((function(o){o.apis.ApplicationService.List({limit:a,offset:n,organizationID:t,search:e}).then(Q.a).then((function(e){i(e.obj)})).catch(Q.b)}))}},{key:"listIntegrations",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.ListIntegrations({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"createHTTPIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateHTTPIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("http","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getHTTPIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetHTTPIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateHTTPIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateHTTPIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("http","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteHTTPIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteHTTPIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("http","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createInfluxDBIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateInfluxDBIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("InfluxDB","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getInfluxDBIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetInfluxDBIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateInfluxDBIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateInfluxDBIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("InfluxDB","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteInfluxDBIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteInfluxDBIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("InfluxDB","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createThingsBoardIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateThingsBoardIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("ThingsBoard.io","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getThingsBoardIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetThingsBoardIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateThingsBoardIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateThingsBoardIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("ThingsBoard.io","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteThingsBoardIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteThingsBoardIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("ThingsBoard.io","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createMyDevicesIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateMyDevicesIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("myDevices","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getMyDevicesIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetMyDevicesIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateMyDevicesIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateMyDevicesIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("myDevices","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteMyDevicesIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteMyDevicesIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("myDevices","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createLoRaCloudIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateLoRaCloudIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("LoRa Cloud","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getLoRaCloudIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetLoRaCloudIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateLoRaCloudIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateLoRaCloudIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("LoRa Cloud","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteLoRaCloudIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteLoRaCloudIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("LoRa Cloud","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"application has been "+e}})}},{key:"createGCPPubSubIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateGCPPubSubIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("GCP Pub/Sub","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getGCPPubSubIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetGCPPubSubIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateGCPPubSubIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateGCPPubSubIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("GCP Pub/Sub","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteGCPPubSubIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteGCPPubSubIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("GCP Pub/Sbu","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createAWSSNSIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateAWSSNSIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("AWS SNS","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getAWSSNSIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetAWSSNSIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateAWSSNSIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateAWSSNSIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("AWS SNS","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteAWSSNSIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteAWSSNSIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("AWS SNS","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createAzureServiceBusIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreateAzureServiceBusIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("Azure Service-Bus","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getAzureServiceBusIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetAzureServiceBusIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updateAzureServiceBusIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdateAzureServiceBusIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("Azure Service-Bus","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deleteAzureServiceBusIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeleteAzureServiceBusIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("Azure Service-Bus","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"createPilotThingsIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.CreatePilotThingsIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("Pilot Things","created"),t(e.obj)})).catch(Q.b)}))}},{key:"getPilotThingsIntegration",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GetPilotThingsIntegration({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"updatePilotThingsIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.UpdatePilotThingsIntegration({"integration.application_id":e.applicationID,body:{integration:e}}).then(Q.a).then((function(e){a.integrationNotification("Pilot Things","updated"),t(e.obj)})).catch(Q.b)}))}},{key:"deletePilotThingsIntegration",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.ApplicationService.DeletePilotThingsIntegration({application_id:e}).then(Q.a).then((function(e){a.integrationNotification("Pilot Things","deleted"),a.emit("integration.delete"),t(e.obj)})).catch(Q.b)}))}},{key:"generateMQTTIntegrationClientCertificate",value:function(e,t){this.swagger.then((function(a){a.apis.ApplicationService.GenerateMQTTIntegrationClientCertificate({application_id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"integrationNotification",value:function(e,t){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:e+" integration has been "+t}})}}]),a}(K.EventEmitter)),Xi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){Zi.list("",this.props.match.params.organizationID,e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(ft.a,null,e.id),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(e.id)},e.name),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/").concat(e.serviceProfileID)},e.serviceProfileName),i.a.createElement(ft.a,null,e.description))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Ae,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/create")}))},i.a.createElement($e,{title:"Applications"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"ID"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Service-profile"),i.a.createElement(ft.a,null,"Description")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Yi=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getServiceProfileOption=e.getServiceProfileOption.bind(Object(p.a)(e)),e.getServiceProfileOptions=e.getServiceProfileOptions.bind(Object(p.a)(e)),e.getPayloadCodecOptions=e.getPayloadCodecOptions.bind(Object(p.a)(e)),e.onCodeChange=e.onCodeChange.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getServiceProfileOption",value:function(e,t){Dn.a.get(e,(function(e){t({label:e.serviceProfile.name,value:e.serviceProfile.id})}))}},{key:"getServiceProfileOptions",value:function(e,t){Dn.a.list(this.props.match.params.organizationID,0,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"getPayloadCodecOptions",value:function(e,t){t([{value:"",label:"None"},{value:"CAYENNE_LPP",label:"Cayenne LPP"},{value:"CUSTOM_JS",label:"Custom JavaScript codec functions"}])}},{key:"onCodeChange",value:function(e,t,a,n){var i=this.state.object;i[e]=n,this.setState({object:i})}},{key:"render",value:function(){if(void 0===this.state.object)return i.a.createElement("div",null);var e={lineNumbers:!0,mode:"javascript",theme:"default"},t=this.state.object.payloadEncoderScript,a=this.state.object.payloadDecoderScript;return""!==t&&void 0!==t||(t='// Encode encodes the given object into an array of bytes.\n//  - fPort contains the LoRaWAN fPort number\n//  - obj is an object, e.g. {"temperature": 22.5}\n// The function must return an array of bytes, e.g. [225, 230, 255, 0]\nfunction Encode(fPort, obj) {\n  return [];\n}'),""!==a&&void 0!==a||(a='// Decode decodes an array of bytes into an object.\n//  - fPort contains the LoRaWAN fPort number\n//  - bytes is an array of bytes, e.g. [225, 230, 255, 0]\n// The function must return an object, e.g. {"temperature": 22.5}\nfunction Decode(fPort, bytes) {\n  return {};\n}'),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"name",label:"Application name",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,helperText:"The name may only contain words, numbers and dashes.",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"description",label:"Application description",margin:"normal",value:this.state.object.description||"",onChange:this.onChange,fullWidth:!0,required:!0}),!this.props.update&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Service-profile"),i.a.createElement(De.a,{id:"serviceProfileID",label:"Select service-profile",value:this.state.object.serviceProfileID||"",onChange:this.onChange,getOption:this.getServiceProfileOption,getOptions:this.getServiceProfileOptions}),i.a.createElement(Jt.a,null,"The service-profile to which this application will be attached. Note that you can't change this value after the application has been created.")),""!==this.state.object.payloadCodec&&void 0!==this.state.object.payloadCodec&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel},"Payload codec"),i.a.createElement(De.a,{id:"payloadCodec",label:"Select payload codec",value:this.state.object.payloadCodec||"",onChange:this.onChange,getOptions:this.getPayloadCodecOptions}),i.a.createElement(Jt.a,null,"By defining a payload codec, ChirpStack Application Server can encode and decode the binary device payload for you.",i.a.createElement("strong",null,"Important note"),": the payload fields have moved to the device-profile. For backward-compatibility and migration, existing codec settings are still visible. Codec settings on the device-profile have priority over the application codec settings.")),"CUSTOM_JS"===this.state.object.payloadCodec&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Gn.Controlled,{value:a,options:e,onBeforeChange:this.onCodeChange.bind(this,"payloadDecoderScript"),className:this.props.classes.codeMirror}),i.a.createElement(Jt.a,null,"The function must have the signature ",i.a.createElement("strong",null,"function Decode(fPort, bytes)")," and must return an object. ChirpStack Application Server will convert this object to JSON.")),"CUSTOM_JS"===this.state.object.payloadCodec&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Gn.Controlled,{value:t,options:e,onBeforeChange:this.onCodeChange.bind(this,"payloadEncoderScript"),className:this.props.classes.codeMirror}),i.a.createElement(Jt.a,null,"The function must have the signature ",i.a.createElement("strong",null,"function Encode(fPort, obj)")," and must return an array of bytes."))),""===this.state.object.payloadCodec&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Note: The payload codec fields have moved to the device-profile.")))}}]),a}(Qt.a),$i=Object(E.a)({codeMirror:{zIndex:1},formLabel:{fontSize:12}})(Yi),eo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={spDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Dn.a.list(this.props.match.params.organizationID,0,0,0,(function(t){"0"===t.totalCount&&e.setState({spDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({spDialog:!1})}},{key:"onSubmit",value:function(e){var t=this,a=e;a.organizationID=this.props.match.params.organizationID,Zi.create(a,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.spDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a service-profile?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"The selected organization does not have a service-profile yet. A service-profile connects an organization to a network-server and defines the features that an organization can use on this network-server."),i.a.createElement(da.a,null,"Would you like to create a service-profile?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/create"),onClick:this.closeDialog},"Create service-profile"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Applications",to:"/organizations/".concat(this.props.match.params.organizationID,"/applications")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement($i,{submitLabel:"Create application",onSubmit:this.onSubmit,match:this.props.match})))))}}]),a}(n.Component),to=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(eo)),ao=a(455),no=a.n(ao),io=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).wsDataStatus=null,e.wsFramesStatus=null,e.swagger=new J.a("/swagger/device.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"getWSDataStatus",value:function(){return this.wsDataStatus}},{key:"getWSFramesStatus",value:function(){return this.wsFramesStatus}},{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceService.Create({body:{device:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.Get({dev_eui:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceService.Update({"device.dev_eui":e.devEUI,body:{device:e}}).then(Q.a).then((function(e){a.emit("update"),a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceService.Delete({dev_eui:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.List(e).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"getKeys",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.GetKeys({dev_eui:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Object(Q.d)(t))}))}},{key:"createKeys",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceService.CreateKeys({"device_keys.dev_eui":e.devEUI,body:{deviceKeys:e}}).then(Q.a).then((function(e){a.notifyKeys("created"),t(e.obj)})).catch(Q.b)}))}},{key:"updateKeys",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceService.UpdateKeys({"device_keys.dev_eui":e.devEUI,body:{deviceKeys:e}}).then(Q.a).then((function(e){a.notifyKeys("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"getActivation",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.GetActivation({dev_eui:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Object(Q.d)(t))}))}},{key:"activate",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.Activate({"device_activation.dev_eui":e.devEUI,body:{deviceActivation:e}}).then(Q.a).then((function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"device has been (re)activated"}}),t(e.obj)})).catch(Q.b)}))}},{key:"getRandomDevAddr",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceService.GetRandomDevAddr({dev_eui:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"getDataLogsConnection",value:function(e,t){var a=this,n=window.location,i=function(){if("localhost:3000"===n.host||"localhost:3001"===n.host)return"ws://localhost:8080/api/devices/".concat(e,"/events");var t="https:"===n.protocol?"wss:":"ws:";return"".concat(t,"//").concat(n.host,"/api/devices/").concat(e,"/events")}(),o=new pt.a(i,["Bearer",V.a.getToken()],{});return o.addEventListener("open",(function(){console.log("connected to",i),a.wsDataStatus="CONNECTED",a.emit("ws.status.change")})),o.addEventListener("message",(function(e){var a=JSON.parse(e.data);void 0!==a.error?Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:a.error.message}}):void 0!==a.result&&t(a.result)})),o.addEventListener("close",(function(){console.log("closing",i),a.wsDataStatus=null,a.emit("ws.status.change")})),o.addEventListener("error",(function(){console.log("error"),a.wsDataStatus="ERROR",a.emit("ws.status.change")})),o}},{key:"getFrameLogsConnection",value:function(e,t){var a=this,n=window.location,i=function(){if("localhost:3000"===n.host||"localhost:3001"===n.host)return"ws://localhost:8080/api/devices/".concat(e,"/frames");var t="https:"===n.protocol?"wss:":"ws:";return"".concat(t,"//").concat(n.host,"/api/devices/").concat(e,"/frames")}(),o=new pt.a(i,["Bearer",V.a.getToken()],{});return o.addEventListener("open",(function(){console.log("connected to",i),a.wsFramesStatus="CONNECTED",a.emit("ws.status.change")})),o.addEventListener("message",(function(e){var a=JSON.parse(e.data);void 0!==a.error?Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"error",message:a.error.message}}):void 0!==a.result&&t(a.result)})),o.addEventListener("close",(function(){console.log("closing",i),a.wsFramesStatus=null,a.emit("ws.status.change")})),o.addEventListener("error",(function(e){console.log("error",e),a.wsFramesStatus="ERROR",a.emit("ws.status.change")})),o}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"device has been "+e}})}},{key:"notifyKeys",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"device-keys have been "+e}})}}]),a}(K.EventEmitter)),oo={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)}},ro=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){io.list({applicationID:this.props.match.params.applicationID,limit:e,offset:t},a)}},{key:"getRow",value:function(e){var t="n/a",a="n/a",n="n/a";return void 0!==e.lastSeenAt&&null!==e.lastSeenAt&&(t=tt()(e.lastSeenAt).fromNow()),e.deviceStatusExternalPowerSource||e.deviceStatusBatteryLevelUnavailable||(n="".concat(e.deviceStatusBatteryLevel,"%")),e.deviceStatusExternalPowerSource&&(n=i.a.createElement(no.a,null)),void 0!==e.deviceStatusMargin&&256!==e.deviceStatusMargin&&(a="".concat(e.deviceStatusMargin," dB")),i.a.createElement(Et.a,{key:e.devEUI,hover:!0},i.a.createElement(ft.a,null,t),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(e.devEUI)},e.name),i.a.createElement(ft.a,null,e.devEUI),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles/").concat(e.deviceProfileID)},e.deviceProfileName),i.a.createElement(ft.a,null,a),i.a.createElement(ft.a,null,n))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(y.a,{item:!0,xs:12,className:this.props.classes.buttons},i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/create")},i.a.createElement(jt.a,{className:this.props.classes.icon}),"Create"))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Last seen"),i.a.createElement(ft.a,null,"Device name"),i.a.createElement(ft.a,null,"Device EUI"),i.a.createElement(ft.a,null,"Device profile"),i.a.createElement(ft.a,null,"Link margin"),i.a.createElement(ft.a,null,"Battery")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),so=Object(E.a)(oo)(ro),co=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;Zi.update(e,(function(a){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(e.id))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement($i,{submitLabel:"Update application",object:this.props.application,onSubmit:this.onSubmit,update:!0})))))}}]),a}(n.Component),lo=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(co)),uo=a(947),po=a(946),mo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the GCP Pub/Sub integration?")&&Zi.deleteGCPPubSubIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/gcp_pubsub.png",title:"GCP Pub/Sub"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"GCP Pub/Sub"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The Google Cloud Pub/Sub integration forwards events to a GCP Pub/Sub topic.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/gcp-pubsub/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/gcp-pubsub/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),ho=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(mo),go=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the HTTP integration?")&&Zi.deleteHTTPIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/http.png",title:"HTTP"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"HTTP"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The HTTP integration forwards events to a user-configurable endpoint as POST requests.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/http/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/http/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),bo=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(go),vo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the Azure Service-Bus integration?")&&Zi.deleteAzureServiceBusIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/azure_service_bus.png",title:"Azure Service-Bus"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"Azure Service-Bus"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The Azure Service-Bus integration forwards events to an Azure Service-Bus topic or queue.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/azure-service-bus/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/azure-service-bus/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),fo=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(vo),Eo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the AWS SNS integration?")&&Zi.deleteAWSSNSIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/aws_sns.png",title:"AWS SNS"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"AWS SNS"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The AWS SNS integration forwards events to an AWS SNS topic.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/aws-sns/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/aws-sns/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),yo=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(Eo),jo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the InfluxDB integration?")&&Zi.deleteInfluxDBIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/influxdb.png",title:"InfluxDB"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"InfluxDB"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The InfluxDB integration writes events into an InfluxDB time-series database.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/influxdb/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/influxdb/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),Oo=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(jo),wo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the ThingsBoard integration?")&&Zi.deleteThingsBoardIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/thingsboard.png",title:"ThingsBoard.io"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"ThingsBoard.io"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The ThingsBoard integration forwards events to a ThingsBoard.io instance.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/thingsboard/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/thingsboard/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),Co=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(wo),So=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the Semtech LoRa Cloud integration?")&&Zi.deleteLoRaCloudIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/loracloud.png",title:"Semtech LoRa Cloud"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"Semtech LoRa Cloud"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The Semtech LoRa Cloud integration provides Geolocation and Device & Application Services.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/loracloud/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/loracloud/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),ko=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(So),Do=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the MyDevices integration?")&&Zi.deleteMyDevicesIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/my_devices.png",title:"myDevices"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"myDevices"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The myDevices integration forwards events to the myDevices platform.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/mydevices/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/mydevices/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),Io=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(Do),Ao=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).delete=function(){window.confirm("Are you sure you want to remove the Pilot Things integration?")&&Zi.deletePilotThingsIntegration(e.props.applicationID,(function(){}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/pilot_things.png",title:"Pilot Things"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"Pilot Things"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The Pilot Things integration forwards messages to a Pilot Things instance.")),i.a.createElement(uo.a,null,!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/pilot-things/edit")},i.a.createElement(St.a,{size:"small",color:"primary"},"Edit")),!this.props.add&&i.a.createElement(St.a,{size:"small",color:"primary",onClick:this.delete},"Remove"),!!this.props.add&&i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/pilot-things/create")},i.a.createElement(St.a,{size:"small",color:"primary"},"Add"))))}}]),a}(n.Component),zo=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(Ao),Po=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,{className:this.props.classes.root},i.a.createElement(po.a,{className:this.props.classes.media,image:"/integrations/mqtt.png",title:"MQTT"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0,variant:"h5",component:"h2"},"MQTT"),i.a.createElement(Ne.a,{variant:"body2",color:"textSecondary",component:"p"},"The MQTT integration forwards events to a MQTT broker.")),i.a.createElement(uo.a,null,i.a.createElement(w.a,{to:"/organizations/".concat(this.props.organizationID,"/applications/").concat(this.props.applicationID,"/integrations/mqtt/certificate")},i.a.createElement(St.a,{size:"small",color:"primary"},"Get certificate"))))}}]),a}(n.Component),To=Object(E.a)({media:{paddingTop:"35%",backgroundSize:"contain"}})(Po),No={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)}},xo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).loadIntegrations=function(t,a){Zi.listIntegrations(a,(function(n){var o=[],r=[],s=function(e,t){var a,n=Object(Fe.a)(e);try{for(n.s();!(a=n.n()).done;){if(a.value.kind===t)return!0}}catch(i){n.e(i)}finally{n.f()}return!1};s(n.result,"AWS_SNS")?o.push(i.a.createElement(yo,{organizationID:t,applicationID:a})):r.push(i.a.createElement(yo,{organizationID:t,applicationID:a,add:!0})),s(n.result,"AZURE_SERVICE_BUS")?o.push(i.a.createElement(fo,{organizationID:t,applicationID:a})):r.push(i.a.createElement(fo,{organizationID:t,applicationID:a,add:!0})),s(n.result,"GCP_PUBSUB")?o.push(i.a.createElement(ho,{organizationID:t,applicationID:a})):r.push(i.a.createElement(ho,{organizationID:t,applicationID:a,add:!0})),s(n.result,"HTTP")?o.push(i.a.createElement(bo,{organizationID:t,applicationID:a})):r.push(i.a.createElement(bo,{organizationID:t,applicationID:a,add:!0})),s(n.result,"INFLUXDB")?o.push(i.a.createElement(Oo,{organizationID:t,applicationID:a})):r.push(i.a.createElement(Oo,{organizationID:t,applicationID:a,add:!0})),s(n.result,"MYDEVICES")?o.push(i.a.createElement(Io,{organizationID:t,applicationID:a})):r.push(i.a.createElement(Io,{organizationID:t,applicationID:a,add:!0})),s(n.result,"MQTT_GLOBAL")&&o.push(i.a.createElement(To,{organizationID:t,applicationID:a})),s(n.result,"PILOT_THINGS")?o.push(i.a.createElement(zo,{organizationID:t,applicationID:a})):r.push(i.a.createElement(zo,{organizationID:t,applicationID:a,add:!0})),s(n.result,"LORACLOUD")?o.push(i.a.createElement(ko,{organizationID:t,applicationID:a})):r.push(i.a.createElement(ko,{organizationID:t,applicationID:a,add:!0})),s(n.result,"THINGSBOARD")?o.push(i.a.createElement(Co,{organizationID:t,applicationID:a})):r.push(i.a.createElement(Co,{organizationID:t,applicationID:a,add:!0})),e.setState({configured:o,available:r})}))},e.state={configured:[],available:[]},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.on("integration.delete",(function(){e.loadIntegrations(e.props.match.params.organizationID,e.props.match.params.applicationID)})),this.loadIntegrations(this.props.match.params.organizationID,this.props.match.params.applicationID)}},{key:"componentWillUnmount",value:function(){Zi.removeAllListeners("integration.delete")}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.loadIntegrations(this.props.match.params.organizationID,this.props.match.params.applicationID)}},{key:"render",value:function(){var e=this.state.configured.map((function(e,t){return i.a.createElement(y.a,{key:"configured-".concat(t),item:!0,xs:6,md:4,xl:3},e)})),t=this.state.available.map((function(e,t){return i.a.createElement(y.a,{key:"available-".concat(t),item:!0,xs:6,md:4,xl:3},e)}));return i.a.createElement(y.a,{container:!0,spacing:4},e,t)}}]),a}(n.Component),Lo=Object(E.a)(No)(xo),Ro=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getMarshalerOptions=function(e,t){t([{value:"JSON",label:"JSON"},{value:"PROTOBUF",label:"Protocol Buffers"},{value:"JSON_V3",label:"JSON (legacy, will be deprecated)"}])},e}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{required:!0},"Payload marshaler"),i.a.createElement(De.a,{id:"marshaler",label:"Select payload marshaler",value:this.state.object.marshaler||"",onChange:this.onChange,getOptions:this.getMarshalerOptions,required:!0}),i.a.createElement(Jt.a,null,"This defines how the payload will be encoded.")),i.a.createElement(Bt.a,{id:"region",label:"AWS region",value:this.state.object.region||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"accessKeyID",label:"AWS Access Key ID",value:this.state.object.accessKeyID||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"secretAccessKey",label:"AWS Secret Access Key",value:this.state.object.secretAccessKey||"",onChange:this.onChange,margin:"normal",type:"password",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"topicARN",label:"AWS SNS topic ARN",value:this.state.object.topicARN||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}))}}]),a}(Qt.a),Wo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createAWSSNSIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add AWS SNS integration"}),i.a.createElement(Je.a,null,i.a.createElement(Ro,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Uo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getMarshalerOptions=function(e,t){t([{value:"JSON",label:"JSON"},{value:"PROTOBUF",label:"Protocol Buffers"},{value:"JSON_V3",label:"JSON (legacy, will be deprecated)"}])},e}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{required:!0},"Payload marshaler"),i.a.createElement(De.a,{id:"marshaler",label:"Select payload marshaler",value:this.state.object.marshaler||"",onChange:this.onChange,getOptions:this.getMarshalerOptions,required:!0}),i.a.createElement(Jt.a,null,"This defines how the payload will be encoded.")),i.a.createElement(Bt.a,{id:"projectID",label:"GCP project ID",value:this.state.object.projectID||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"topicName",label:"GCP Pub/Sub topic name",value:this.state.object.topicName||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"credentialsFile",label:"GCP Service account credentials file",value:this.state.object.credentialsFile||"",onChange:this.onChange,margin:"normal",rows:10,helperText:"Under IAM create a Service account with 'Pub/Sub Publisher' role, then put the content of the JSON key in this field.",fullWidth:!0,multiline:!0,required:!0}))}}]),a}(Qt.a),Go=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createGCPPubSubIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add GCP Pub/Sub integration"}),i.a.createElement(Je.a,null,i.a.createElement(Uo,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Fo={delete:{marginTop:3*O.a.spacing(1)},formLabel:{fontSize:12}},Mo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onDelete=function(t){t.preventDefault(),e.props.onDelete(e.props.index)},e}return Object(u.a)(a,[{key:"onChange",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"onChange",this).call(this,e),this.props.onChange(this.props.index,this.state.object)}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:4},i.a.createElement(Bt.a,{id:"key",label:"Header name",margin:"normal",value:this.state.object.key||"",onChange:this.onChange,fullWidth:!0})),i.a.createElement(y.a,{item:!0,xs:7},i.a.createElement(Bt.a,{id:"value",label:"Header value",margin:"normal",value:this.state.object.value||"",onChange:this.onChange,fullWidth:!0})),i.a.createElement(y.a,{item:!0,xs:1,className:this.props.classes.delete},i.a.createElement(k.a,{"aria-label":"delete",onClick:this.onDelete},i.a.createElement(ra.a,null))))}}]),a}(Qt.a);Mo=Object(E.a)(Fo)(Mo);var Bo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).addHeader=function(t){t.preventDefault();var a=e.state.object;void 0===a.headers?a.headers=[{}]:a.headers.push({}),e.setState({object:a})},e.onDeleteHeader=function(t){var a=e.state.object;a.headers.splice(t,1),e.setState({object:a})},e.onChangeHeader=function(t,a){var n=e.state.object;n.headers[t]=a,e.setState({object:n})},e.getMarshalerOptions=function(e,t){t([{value:"JSON",label:"JSON"},{value:"PROTOBUF",label:"Protocol Buffers"},{value:"JSON_V3",label:"JSON (legacy, will be deprecated)"}])},e}return Object(u.a)(a,[{key:"render",value:function(){var e=this;if(void 0===this.state.object)return null;var t=[];return void 0!==this.state.object.headers&&(t=this.state.object.headers.map((function(t,a){return i.a.createElement(Mo,{key:a,index:a,object:t,onChange:e.onChangeHeader,onDelete:e.onDeleteHeader})}))),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{required:!0},"Payload marshaler"),i.a.createElement(De.a,{id:"marshaler",label:"Select payload marshaler",value:this.state.object.marshaler||"",onChange:this.onChange,getOptions:this.getMarshalerOptions}),i.a.createElement(Jt.a,null,"This defines how the payload will be encoded.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,null,"Headers"),t),i.a.createElement(St.a,{variant:"outlined",onClick:this.addHeader},"Add header"),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,null,"Endpoints"),i.a.createElement(Bt.a,{id:"eventEndpointURL",label:"Endpoint URL(s) for events",placeholder:"http://example.com/events",helperText:"ChirpStack will make a POST request to this URL(s) with 'event' as query parameter. Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.eventEndpointURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.uplinkDataURL&&i.a.createElement(Bt.a,{id:"uplinkDataURL",label:"Uplink data URL(s)",placeholder:"http://example.com/uplink",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.uplinkDataURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.joinNotificationURL&&i.a.createElement(Bt.a,{id:"joinNotificationURL",label:"Join notification URL(s)",placeholder:"http://example.com/join",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.joinNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.statusNotificationURL&&i.a.createElement(Bt.a,{id:"statusNotificationURL",label:"Device-status notification URL(s)",placeholder:"http://example.com/status",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.statusNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.locationNotificationURL&&i.a.createElement(Bt.a,{id:"locationNotificationURL",label:"Location notification URL(s)",placeholder:"http://example.com/location",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.locationNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.ackNotificationURL&&i.a.createElement(Bt.a,{id:"ackNotificationURL",label:"ACK notification URL(s)",placeholder:"http://example.com/ack",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.ackNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.txAckNotificationURL&&i.a.createElement(Bt.a,{id:"txAckNotificationURL",label:"TX ACK notification URL(s)",placeholder:"http://example.com/txack",helperText:"This notification is sent when the downlink was acknowledged by the LoRa gateway for transmission. Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.txAckNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.integrationNotificationURL&&i.a.createElement(Bt.a,{id:"integrationNotificationURL",label:"Integration notification URL(s)",placeholder:"http://example.com/integration",helperText:"This notification can by sent by configured integrations to send custom payloads. Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.integrationNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),!!this.state.object.errorNotificationURL&&i.a.createElement(Bt.a,{id:"errorNotificationURL",label:"Error notification URL(s)",placeholder:"http://example.com/error",helperText:"Multiple URLs can be defined as a comma separated list. Whitespace will be automatically removed.",value:this.state.object.errorNotificationURL||"",onChange:this.onChange,margin:"normal",fullWidth:!0})))}}]),a}(Qt.a),qo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createHTTPIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add HTTP integration"}),i.a.createElement(Je.a,null,i.a.createElement(Bo,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),_o=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).getMarshalerOptions=function(e,t){t([{value:"JSON",label:"JSON"},{value:"PROTOBUF",label:"Protocol Buffers"},{value:"JSON_V3",label:"JSON (legacy, will be deprecated)"}])},e}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{required:!0},"Payload marshaler"),i.a.createElement(De.a,{id:"marshaler",label:"Select payload marshaler",value:this.state.object.marshaler||"",onChange:this.onChange,getOptions:this.getMarshalerOptions,required:!0}),i.a.createElement(Jt.a,null,"This defines how the payload will be encoded.")),i.a.createElement(Bt.a,{id:"connectionString",label:"Azure Service-Bus connection string",value:this.state.object.connectionString||"",onChange:this.onChange,margin:"normal",helperText:"This string can be obtained after creating a 'Shared access policy' with 'Send' permission.",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"publishName",label:"Azure Service-Bus topic / queue name",value:this.state.object.publishName||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}))}}]),a}(Qt.a),Ko=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createAzureServiceBusIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add Azure Service-Bus integration"}),i.a.createElement(Je.a,null,i.a.createElement(_o,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Ho=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"getPrecisionOptions",value:function(e,t){t([{value:"NS",label:"Nanosecond"},{value:"U",label:"Microsecond"},{value:"MS",label:"Millisecond"},{value:"S",label:"Second"},{value:"M",label:"Minute"},{value:"H",label:"Hour"}])}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"endpoint",label:"API endpoint (write)",placeholder:"http://localhost:8086/write",value:this.state.object.endpoint||"",onChange:this.onChange,margin:"normal",required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"username",label:"Username",value:this.state.object.username||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),i.a.createElement(Bt.a,{id:"password",label:"Password",value:this.state.object.password||"",type:"password",onChange:this.onChange,margin:"normal",fullWidth:!0}),i.a.createElement(Bt.a,{id:"db",label:"Database name",value:this.state.object.db||"",onChange:this.onChange,margin:"normal",fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"retentionPolicyName",label:"Retention policy name",helperText:"Sets the target retention policy for the write. InfluxDB writes to the DEFAULT retention policy if you do not specify a retention policy.",value:this.state.object.retentionPolicyName||"",onChange:this.onChange,margin:"normal",fullWidth:!0}),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Timestamp precision"),i.a.createElement(De.a,{id:"precision",label:"Select timestamp precision",value:this.state.object.precision||"",onChange:this.onChange,getOptions:this.getPrecisionOptions}),i.a.createElement(Jt.a,null,"It is recommented to use the least precise precision possible as this can result in significant improvements in compression.")))}}]),a}(Qt.a),Jo=Object(E.a)({formLabel:{fontSize:12}})(Ho),Vo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createInfluxDBIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add InfluxDB integration"}),i.a.createElement(Je.a,null,i.a.createElement(Jo,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Qo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"server",label:"ThingsBoard.io server",placeholder:"http://host:port",value:this.state.object.server||"",onChange:this.onChange,margin:"normal",required:!0,fullWidth:!0}),i.a.createElement(Jt.a,null,"Each device must have a 'ThingsBoardAccessToken' variable assigned. This access-token is generated by ThingsBoard."))}}]),a}(Qt.a),Zo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createThingsBoardIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add ThingsBoard integration"}),i.a.createElement(Je.a,null,i.a.createElement(Qo,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),Xo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onChangeTab=function(t,a){e.setState({tab:a})},e.state={tab:0},e}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onChangeTab,indicatorColor:"primary"},i.a.createElement(_t.a,{label:"Geolocation"}),i.a.createElement(_t.a,{label:"Device & Application Services"})),0===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Geolocation enabled",control:i.a.createElement(Vt.a,{id:"geolocation",checked:!!this.state.object.geolocation,onChange:this.onChange,color:"primary"})}))),!!this.state.object.geolocation&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"TDOA based geolocation",control:i.a.createElement(Vt.a,{id:"geolocationTDOA",checked:!!this.state.object.geolocationTDOA,onChange:this.onChange,color:"primary"})}))),!!this.state.object.geolocation&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"RSSI based geolocation",control:i.a.createElement(Vt.a,{id:"geolocationRSSI",checked:!!this.state.object.geolocationRSSI,onChange:this.onChange,color:"primary"})}))),!!this.state.object.geolocation&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Wifi based geolocation",control:i.a.createElement(Vt.a,{id:"geolocationWifi",checked:!!this.state.object.geolocationWifi,onChange:this.onChange,color:"primary"})}))),!!this.state.object.geolocation&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"GNSS based geolocation (LR1110)",control:i.a.createElement(Vt.a,{id:"geolocationGNSS",checked:!!this.state.object.geolocationGNSS,onChange:this.onChange,color:"primary"})}))),!!this.state.object.geolocation&&i.a.createElement(Bt.a,{id:"geolocationToken",label:"Token",value:this.state.object.geolocationToken||"",onChange:this.onChange,margin:"normal",type:"password",helperText:"This token can be obtained from loracloud.com",required:!0,fullWidth:!0}),!!this.state.object.geolocation&&(this.state.object.geolocationTDOA||this.state.object.geolocationRSSI)&&i.a.createElement(Bt.a,{id:"geolocationBufferTTL",label:"Geolocation buffer TTL (seconds)",type:"number",margin:"normal",value:this.state.object.geolocationBufferTTL||0,onChange:this.onChange,helperText:"The time in seconds that historical uplinks will be stored in the geolocation buffer. Used for TDOA and RSSI geolocation.",fullWidth:!0}),!!this.state.object.geolocation&&(this.state.object.geolocationTDOA||this.state.object.geolocationRSSI)&&i.a.createElement(Bt.a,{id:"geolocationMinBufferSize",label:"Geolocation minimum buffer size",type:"number",margin:"normal",value:this.state.object.geolocationMinBufferSize||0,onChange:this.onChange,helperText:"The minimum buffer size required before using geolocation. Using multiple uplinks for geolocation can increase the accuracy of the geolocation results. Used for TDOA and RSSI geolocation.",fullWidth:!0}),!!this.state.object.geolocation&&this.state.object.geolocationWifi&&i.a.createElement(Bt.a,{id:"geolocationWifiPayloadField",label:"Wifi payload field",value:this.state.object.geolocationWifiPayloadField||"",onChange:this.onChange,margin:"normal",helperText:"This must match the name of the field in the decoded payload which holds array of Wifi access-points. Each element in the array must contain two keys: 1) macAddress: array of 6 bytes, 2) signalStrength: RSSI of the access-point.",required:!0,fullWidth:!0}),!!this.state.object.geolocation&&this.state.object.geolocationGNSS&&i.a.createElement(Bt.a,{id:"geolocationGNSSPayloadField",label:"GNSS payload field",value:this.state.object.geolocationGNSSPayloadField||"",onChange:this.onChange,margin:"normal",helperText:"This must match the name of the field in the decoded payload which holds the LR1110 GNSS bytes.",required:!0,fullWidth:!0}),!!this.state.object.geolocation&&this.state.object.geolocationGNSS&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Use receive timestamp for GNSS geolocation",control:i.a.createElement(Vt.a,{id:"geolocationGNSSUseRxTime",checked:!!this.state.object.geolocationGNSSUseRxTime,onChange:this.onChange,color:"primary"})})))),1===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"DAS enabled",control:i.a.createElement(Vt.a,{id:"das",checked:!!this.state.object.das,onChange:this.onChange,color:"primary"})}))),!!this.state.object.das&&i.a.createElement(Bt.a,{id:"dasToken",label:"Token",value:this.state.object.dasToken||"",onChange:this.onChange,margin:"normal",helperText:"This token can be obtained from loracloud.com",type:"password",required:!0,fullWidth:!0}),!!this.state.object.das&&i.a.createElement(Bt.a,{id:"dasGNSSPort",label:"DAS GNSS port (FPort)",value:this.state.object.dasGNSSPort||0,onChange:this.onChange,type:"number",margin:"normal",helperText:"ChirpStack Application Server will only forward the FRMPayload for GNSS geolocation to LoRa Cloud when the uplink matches the configured port.",fullWidth:!0}),!!this.state.object.das&&i.a.createElement(Bt.a,{id:"dasModemPort",label:"DAS Modem port (FPort)",value:this.state.object.dasModemPort||0,onChange:this.onChange,type:"number",margin:"normal",helperText:"ChirpStack Application Server will only forward the FRMPayload to LoRa Cloud when the uplink matches the configured port.",fullWidth:!0}),!!this.state.object.das&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Use receive timestamp for GNSS geolocation",control:i.a.createElement(Vt.a,{id:"dasGNSSUseRxTime",checked:!!this.state.object.dasGNSSUseRxTime,onChange:this.onChange,color:"primary"})}))),!!this.state.object.das&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Resolve geolocation records from data streams",control:i.a.createElement(Vt.a,{id:"dasStreamingGeolocWorkaround",checked:!!this.state.object.dasStreamingGeolocWorkaround,onChange:this.onChange,color:"primary"})}),i.a.createElement(Jt.a,null,"When enabled, ChirpStack Application Server will try to resolve the location of the device when a geolocation payload is detected. The payload must be in TLV format. Type 0x06 and 0x07 are handled as GNSS payload. Note: this flag will be removed when natively supported by the API.")))))}}]),a}(Qt.a),Yo=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createLoRaCloudIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add Semtech LoRa Cloud integration"}),i.a.createElement(Je.a,null,i.a.createElement(Xo,{submitLabel:"Add integration",onSubmit:this.onSubmit,object:{dasGNSSPort:198,dasModemPort:199}})))))}}]),a}(n.Component),$o=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).endpointChange=function(t){var a=e.state.object;"custom"===t.target.value?a.endpoint="":a.endpoint=t.target.value,e.setState({object:a})},e}return Object(u.a)(a,[{key:"getEndpointOptions",value:function(e,t){t([{value:"https://lora.mydevices.com/v1/networks/chirpstackio/uplink",label:"Cayenne"},{value:"https://lora.iotinabox.com/v1/networks/iotinabox.chirpstackio/uplink",label:"IoT in a Box"},{value:"custom",label:"Custom endpoint URL"}])}},{key:"render",value:function(){var e=this;if(void 0===this.state.object)return null;var t="custom";return void 0===this.state.object.endpoint&&(t=""),this.getEndpointOptions("",(function(a){var n,i=Object(Fe.a)(a);try{for(i.s();!(n=i.n()).done;){var o=n.value;e.state.object.endpoint===o.value&&(t=e.state.object.endpoint)}}catch(r){i.e(r)}finally{i.f()}})),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,null,"myDevices endpoint"),i.a.createElement(De.a,{id:"_endpoint",label:"Select myDevices endpoint",value:t||"",getOptions:this.getEndpointOptions,onChange:this.endpointChange})),"custom"===t&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,null,"myDevices integration configuration"),i.a.createElement(Bt.a,{id:"endpoint",label:"myDevices API endpoint",placeholder:"http://host:port",value:this.state.object.endpoint||"",onChange:this.onChange,margin:"normal",required:!0,fullWidth:!0})))}}]),a}(Qt.a),er=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createMyDevicesIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add myDevices integration"}),i.a.createElement(Je.a,null,i.a.createElement($o,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),tr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"server",label:"Pilot Things server",placeholder:"https://host:port",value:this.state.object.server||"",onChange:this.onChange,margin:"normal",required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"token",label:"Authentication token",value:this.state.object.token||"",onChange:this.onChange,margin:"normal",required:!0,fullWidth:!0}))}}]),a}(Qt.a),ar=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.createPilotThingsIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Add Pilot Things integration"}),i.a.createElement(Je.a,null,i.a.createElement(tr,{submitLabel:"Add integration",onSubmit:this.onSubmit})))))}}]),a}(n.Component),nr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateAWSSNSIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getAWSSNSIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update AWS SNS integration"}),i.a.createElement(Je.a,null,i.a.createElement(Ro,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),ir=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateGCPPubSubIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getGCPPubSubIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update GCP Pub/Sub integration"}),i.a.createElement(Je.a,null,i.a.createElement(Uo,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),or=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateHTTPIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getHTTPIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update HTTP integration"}),i.a.createElement(Je.a,null,i.a.createElement(Bo,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),rr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateAzureServiceBusIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getAzureServiceBusIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update Azure Service-Bus integration"}),i.a.createElement(Je.a,null,i.a.createElement(_o,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),sr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateInfluxDBIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getInfluxDBIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update InfluxDB integration"}),i.a.createElement(Je.a,null,i.a.createElement(Jo,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),cr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateThingsBoardIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getThingsBoardIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update ThingsBoard integration"}),i.a.createElement(Je.a,null,i.a.createElement(Qo,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),lr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateLoRaCloudIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getLoRaCloudIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update Semtech LoRa Cloud integration"}),i.a.createElement(Je.a,null,i.a.createElement(Xo,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),ur=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updateMyDevicesIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getMyDevicesIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update myDevices integration"}),i.a.createElement(Je.a,null,i.a.createElement($o,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),pr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.applicationID=e.props.match.params.applicationID,Zi.updatePilotThingsIntegration(a,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID,"/integrations"))}))},e.state={},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.getPilotThingsIntegration(this.props.match.params.applicationID,(function(t){e.setState({object:t.integration})}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Update Pilot Things integration"}),i.a.createElement(Je.a,null,i.a.createElement(tr,{submitLabel:"Update integration",onSubmit:this.onSubmit,object:this.state.object})))))}}]),a}(n.Component),mr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).requestCertificate=function(){e.setState({buttonDisabled:!0}),Zi.generateMQTTIntegrationClientCertificate(e.props.match.params.applicationID,(function(t){e.setState({caCert:t.caCert,tlsCert:t.tlsCert,tlsKey:t.tlsKey,expiresAt:tt()(t.expiresAt).format("lll")})}))},e.state={caCert:null,tlsCert:null,tlsKey:null,buttonDisabled:!1},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Generate MQTT client certificate"}),i.a.createElement(Je.a,null,i.a.createElement(Ne.a,{gutterBottom:!0},"If required by the network, the MQTT client needs to be configured with a client certificate in order to connect to the MQTT broker to device data. The generated certificate is application specific. After generating the certificate, the certificate can only be retrieved once."),null==this.state.tlsCert&&i.a.createElement(St.a,{onClick:this.requestCertificate,disabled:this.state.buttonDisabled},"Generate certificate"),null!=this.state.tlsCert&&i.a.createElement("form",null,i.a.createElement(Bt.a,{id:"expiresAt",label:"Certificate expires at",margin:"normal",value:this.state.expiresAt,helperText:"The certificate expires at this date. Make sure to generate and configure a new certificate for your MQTT client before this expiration date.",disabled:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"caCert",label:"CA certificate",margin:"normal",value:this.state.caCert,rows:10,multiline:!0,fullWidth:!0,helperText:"The CA certificate is to authenticate the certificate of the server."}),i.a.createElement(Bt.a,{id:"tlsCert",label:"TLS certificate",margin:"normal",value:this.state.tlsCert,rows:10,multiline:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"tlsKey",label:"TLS key",margin:"normal",value:this.state.tlsKey,rows:10,multiline:!0,fullWidth:!0}))))))}}]),a}(n.Component),hr={tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"48px",overflow:"visible"}},dr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={tab:0,admin:!1},e.deleteApplication=e.deleteApplication.bind(Object(p.a)(e)),e.locationToTab=e.locationToTab.bind(Object(p.a)(e)),e.onChangeTab=e.onChangeTab.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.get(this.props.match.params.applicationID,(function(t){e.setState({application:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin(),this.locationToTab()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.locationToTab()}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()||V.a.isOrganizationAdmin(this.props.match.params.organizationID)})}},{key:"deleteApplication",value:function(){var e=this;window.confirm("Are you sure you want to delete this application? This will also delete all devices part of this application.")&&Zi.delete(this.props.match.params.applicationID,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications"))}))}},{key:"locationToTab",value:function(){var e=0;window.location.href.match(/.*\/integrations.*/g)?e=2:window.location.href.endsWith("/edit")&&(e=1),this.setState({tab:e})}},{key:"onChangeTab",value:function(e,t){this.setState({tab:t})}},{key:"render",value:function(){var e=this;return void 0===this.state.application?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Ae,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteApplication}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications"),title:"Applications"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.application.application.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onChangeTab,indicatorColor:"primary",className:this.props.classes.tabs},i.a.createElement(_t.a,{label:"Devices",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID)}),this.state.admin&&i.a.createElement(_t.a,{label:"Application configuration",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/edit")}),this.state.admin&&i.a.createElement(_t.a,{label:"Integrations",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/integrations")}))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/edit"),render:function(t){return i.a.createElement(lo,Object.assign({application:e.state.application.application},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations"),render:function(t){return i.a.createElement(Lo,Object.assign({application:e.state.application.application},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path),render:function(t){return i.a.createElement(so,Object.assign({application:e.state.application.application},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/aws-sns/create"),render:function(e){return i.a.createElement(Wo,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/aws-sns/edit"),render:function(e){return i.a.createElement(nr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/gcp-pubsub/create"),render:function(e){return i.a.createElement(Go,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/gcp-pubsub/edit"),render:function(e){return i.a.createElement(ir,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/http/create"),render:function(e){return i.a.createElement(qo,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/http/edit"),render:function(e){return i.a.createElement(or,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/azure-service-bus/create"),render:function(e){return i.a.createElement(Ko,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/azure-service-bus/edit"),render:function(e){return i.a.createElement(rr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/influxdb/create"),render:function(e){return i.a.createElement(Vo,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/influxdb/edit"),render:function(e){return i.a.createElement(sr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/thingsboard/create"),render:function(e){return i.a.createElement(Zo,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/thingsboard/edit"),render:function(e){return i.a.createElement(cr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/loracloud/create"),render:function(e){return i.a.createElement(Yo,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/loracloud/edit"),render:function(e){return i.a.createElement(lr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/mydevices/create"),render:function(e){return i.a.createElement(er,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/mydevices/edit"),render:function(e){return i.a.createElement(ur,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/pilot-things/create"),render:function(e){return i.a.createElement(ar,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/pilot-things/edit"),render:function(e){return i.a.createElement(pr,e)}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/integrations/mqtt/certificate"),render:function(e){return i.a.createElement(mr,e)}}))))}}]),a}(n.Component),gr=Object(E.a)(hr)(Object(d.f)(dr)),br=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/multicastGroup.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"create",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.MulticastGroupService.Create({body:{multicastGroup:e}}).then(Q.a).then((function(e){a.notify("created"),t(e.obj)})).catch(Q.b)}))}},{key:"get",value:function(e,t){this.swagger.then((function(a){a.apis.MulticastGroupService.Get({id:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"update",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.MulticastGroupService.Update({"multicast_group.id":e.id,body:{multicastGroup:e}}).then(Q.a).then((function(e){a.notify("updated"),t(e.obj)})).catch(Q.b)}))}},{key:"delete",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.MulticastGroupService.Delete({id:e}).then(Q.a).then((function(e){a.notify("deleted"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t,a,n,i,o,r){this.swagger.then((function(s){s.apis.MulticastGroupService.List({limit:i,offset:o,organizationID:t,serviceProfileID:a,devEUI:n,search:e}).then(Q.a).then((function(e){r(e.obj)})).catch(Q.b)}))}},{key:"addDevice",value:function(e,t,a){var n=this;this.swagger.then((function(i){i.apis.MulticastGroupService.AddDevice({multicast_group_id:e,body:{devEUI:t}}).then(Q.a).then((function(e){n.notifyDevice("added to"),a(e.obj)})).catch(Q.b)}))}},{key:"removeDevice",value:function(e,t,a){var n=this;this.swagger.then((function(i){i.apis.MulticastGroupService.RemoveDevice({multicast_group_id:e,dev_eui:t}).then(Q.a).then((function(e){n.notifyDevice("removed from"),a(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"multicast-group has been "+e}})}},{key:"notifyDevice",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:"device has been "+e+" multicast-group"}})}}]),a}(K.EventEmitter)),vr={idColumn:{width:O.a.spacing(45),whiteSpace:"nowrap"}},fr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){br.list("",this.props.match.params.organizationID,"","",e,t,a)}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.id,hover:!0},i.a.createElement(ft.a,null,e.id),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/").concat(e.id)},e.name),i.a.createElement(ft.a,null,e.serviceProfileName))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/create")}))},i.a.createElement($e,{title:"Multicast-groups"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,{className:this.props.classes.idColumn},"ID"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,"Service-profile")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Er=Object(E.a)(vr)(fr),yr=a(243),jr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={spDialog:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Dn.a.list(this.props.match.params.organizationID,0,0,0,(function(t){"0"===t.totalCount&&e.setState({spDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({spDialog:!1})}},{key:"onSubmit",value:function(e){var t=this;br.create(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/multicast-groups"))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.spDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a service-profile?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"The selected organization does not have a service-profile yet. A service-profile connects an organization to a network-server and defines the features that an organization can use on this network-server."),i.a.createElement(da.a,null,"Would you like to create a service-profile?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/service-profiles/create"),onClick:this.closeDialog},"Create service-profile"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Multicast-groups",to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(yr.a,{submitLabel:"Create multicast-group",onSubmit:this.onSubmit,match:this.props.match})))))}}]),a}(n.Component),Or=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(jr)),wr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;br.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/multicast-groups/").concat(t.props.match.params.multicastGroupID))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(yr.a,{submitLabel:"Update multicast-group",object:this.props.multicastGroup,onSubmit:this.onSubmit,update:!0})))))}}]),a}(n.Component),Cr=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(wr)),Sr={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)}},kr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){io.list({multicastGroupID:this.props.match.params.multicastGroupID,limit:e,offset:t},a)}},{key:"onDelete",value:function(e){var t=this;window.confirm("Are you sure you want to remove this device from the multicast-group? This does not remove the device itself.")&&br.removeDevice(this.props.match.params.multicastGroupID,e,(function(e){t.forceUpdate()}))}},{key:"getRow",value:function(e){return i.a.createElement(Et.a,{key:e.devEUI,hover:!0},i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(e.applicationID,"/devices/").concat(e.devEUI)},e.name),i.a.createElement(ft.a,null,e.devEUI),i.a.createElement(ft.a,{className:this.props.classes.buttons},i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(k.a,{onClick:this.onDelete.bind(this,e.devEUI)},i.a.createElement(ra.a,null)))))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(y.a,{item:!0,xs:12,className:this.props.classes.buttons},i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/").concat(this.props.match.params.multicastGroupID,"/devices/create")},i.a.createElement(jt.a,{className:this.props.classes.icon}),"Add"))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Device name"),i.a.createElement(ft.a,null,"Device EUI"),i.a.createElement(ft.a,null)),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Dr=Object(E.a)(Sr)(kr),Ir={tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"48px",overflow:"visible"}},Ar=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={tab:0,admin:!1},e.locationToTab=e.locationToTab.bind(Object(p.a)(e)),e.onChangeTab=e.onChangeTab.bind(Object(p.a)(e)),e.deleteMulticastGroup=e.deleteMulticastGroup.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;br.get(this.props.match.params.multicastGroupID,(function(t){e.setState({multicastGroup:t})})),V.a.on("change",this.setIsAdmin),this.setIsAdmin()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin)}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.locationToTab()}},{key:"setIsAdmin",value:function(){this.setState({admin:V.a.isAdmin()||V.a.isOrganizationDeviceAdmin(this.props.match.params.organizationID)})}},{key:"locationToTab",value:function(){var e=0;window.location.href.endsWith("/edit")&&(e=1),this.setState({tab:e})}},{key:"onChangeTab",value:function(e,t){this.setState({tab:t})}},{key:"deleteMulticastGroup",value:function(){var e=this;window.confirm("Are you sure you want to delete this multicast-group?")&&br.delete(this.props.match.params.multicastGroupID,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/multicast-groups"))}))}},{key:"render",value:function(){var e=this;return void 0===this.state.multicastGroup?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteMulticastGroup}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups"),title:"Multicast-groups"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.multicastGroup.multicastGroup.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onChangeTab,indicatorColor:"primary",className:this.props.classes.tabs},i.a.createElement(_t.a,{label:"Devices",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/").concat(this.props.match.params.multicastGroupID)}),this.state.admin&&i.a.createElement(_t.a,{label:"Configuration",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/").concat(this.props.match.params.multicastGroupID,"/edit")}))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/edit"),render:function(t){return i.a.createElement(Cr,Object.assign({multicastGroup:e.state.multicastGroup.multicastGroup},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path),render:function(t){return i.a.createElement(Dr,Object.assign({multicastGroup:e.state.multicastGroup.multicastGroup},t))}}))))}}]),a}(n.Component),zr=Object(E.a)(Ir)(Object(d.f)(Ar)),Pr={card:{overflow:"visible"},formLabel:{fontSize:12}},Tr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getDeviceOption=e.getDeviceOption.bind(Object(p.a)(e)),e.getDeviceOptions=e.getDeviceOptions.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getDeviceOption",value:function(e,t){io.get(e,(function(e){t({label:"".concat(e.device.name," (").concat(e.device.devEUI,")"),value:e.device.devEUI})}))}},{key:"getDeviceOptions",value:function(e,t){io.list({serviceProfileID:this.props.serviceProfileID,search:e,limit:10},(function(e){var a=e.result.map((function(e,t){return{label:"".concat(e.name," (").concat(e.devEUI,")"),value:e.devEUI}}));t(a)}))}},{key:"render",value:function(){return void 0===this.state.object?null:i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.FormLabel,required:!0},"Device"),i.a.createElement(De.a,{id:"devEUI",label:"Select device",value:this.state.object.devEUI||"",onChange:this.onChange,getOption:this.getDeviceOption,getOptions:this.getDeviceOptions,margin:"none"}),i.a.createElement(Jt.a,null,"Search on device by it's name or device EUI. Only devices part of the same service-profile as the multicast-group can be added (and are visible).")))}}]),a}(Qt.a);Tr=Object(E.a)(Pr)(Tr);var Nr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;br.get(this.props.match.params.multicastGroupID,(function(t){e.setState({multicastGroup:t.multicastGroup})}))}},{key:"onSubmit",value:function(e){var t=this;br.addDevice(this.props.match.params.multicastGroupID,e.devEUI,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/multicast-groups/").concat(t.props.match.params.multicastGroupID))}))}},{key:"render",value:function(){return void 0===this.state.multicastGroup?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Multicast-groups",to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.multicastGroup.name,to:"/organizations/".concat(this.props.match.params.organizationID,"/multicast-groups/").concat(this.state.multicastGroup.id)}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Add device"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(Tr,{submitLabel:"Add device",onSubmit:this.onSubmit,serviceProfileID:this.state.multicastGroup.serviceProfileID})))))}}]),a}(n.Component),xr=Object(E.a)(Pr)(Object(d.f)(Nr)),Lr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).setKVArrays=function(t){var a=[],n=[];if(void 0!==t.variables)for(var i in t.variables)a.push({key:i,value:t.variables[i]});if(void 0!==t.tags)for(var o in t.tags)n.push({key:o,value:t.tags[o]});e.setState({variables:a,tags:n})},e.onTabChange=function(t,a){e.setState({tab:a})},e.getDeviceProfileOption=e.getDeviceProfileOption.bind(Object(p.a)(e)),e.getDeviceProfileOptions=e.getDeviceProfileOptions.bind(Object(p.a)(e)),e.state={tab:0,variables:[],tags:[]},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidMount",this).call(this),this.setKVArrays(this.props.object||{})}},{key:"componentDidUpdate",value:function(e){Object(ja.a)(Object(ya.a)(a.prototype),"componentDidUpdate",this).call(this,e),e.object!==this.props.object&&this.setKVArrays(this.props.object||{})}},{key:"getDeviceProfileOption",value:function(e,t){Wn.get(e,(function(e){t({label:e.deviceProfile.name,value:e.deviceProfile.id})}))}},{key:"getDeviceProfileOptions",value:function(e,t){Wn.list(0,this.props.match.params.applicationID,999,0,(function(e){var a=e.result.map((function(e,t){return{label:e.name,value:e.id}}));t(a)}))}},{key:"render",value:function(){var e=this;if(void 0===this.state.object)return null;var t=this.state.variables.map((function(t,a){return i.a.createElement(Bn,{key:a,index:a,object:t,onChange:e.onChangeKV("variables"),onDelete:e.onDeleteKV("variables")})})),a=this.state.tags.map((function(t,a){return i.a.createElement(Bn,{key:a,index:a,object:t,onChange:e.onChangeKV("tags"),onDelete:e.onDeleteKV("tags")})}));return i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit,disabled:this.props.disabled},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onTabChange,indicatorColor:"primary"},i.a.createElement(_t.a,{label:"General"}),i.a.createElement(_t.a,{label:"Variables"}),i.a.createElement(_t.a,{label:"Tags"})),0===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Bt.a,{id:"name",label:"Device name",helperText:"The name may only contain words, numbers and dashes.",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,inputProps:{pattern:"[\\w-]+"},fullWidth:!0,required:!0}),i.a.createElement(Bt.a,{id:"description",label:"Device description",margin:"normal",value:this.state.object.description||"",onChange:this.onChange,fullWidth:!0,required:!0}),!this.props.update&&i.a.createElement(ri.a,{margin:"normal",id:"devEUI",label:"Device EUI",onChange:this.onChange,value:this.state.object.devEUI||"",fullWidth:!0,required:!0,random:!0}),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Yt.a,{className:this.props.classes.formLabel,required:!0},"Device-profile"),i.a.createElement(De.a,{id:"deviceProfileID",label:"Device-profile",value:this.state.object.deviceProfileID,onChange:this.onChange,getOption:this.getDeviceProfileOption,getOptions:this.getDeviceProfileOptions})),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Disable frame-counter validation",control:i.a.createElement(Vt.a,{id:"skipFCntCheck",checked:!!this.state.object.skipFCntCheck,onChange:this.onChange,color:"primary"})})),i.a.createElement(Jt.a,null,"Note that disabling the frame-counter validation will compromise security as it enables people to perform replay-attacks.")),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ht.a,null,i.a.createElement(Kt.a,{label:"Device is disabled",control:i.a.createElement(Vt.a,{id:"isDisabled",checked:!!this.state.object.isDisabled,onChange:this.onChange,color:"primary"})})),i.a.createElement(Jt.a,null,"ChirpStack Network Server will ignore received uplink frames and join-requests from disabled devices."))),1===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Variables can be used to substitute placeholders in for example integrations, e.g. in case an integration requires the configuration of a device specific token."),t),i.a.createElement(St.a,{variant:"outlined",onClick:this.addKV("variables")},"Add variable")),2===this.state.tab&&i.a.createElement("div",null,i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Ne.a,{variant:"body1"},"Tags can be used as device filters and are exposed on events as additional meta-data for aggregation."),a),i.a.createElement(St.a,{variant:"outlined",onClick:this.addKV("tags")},"Add tag")))}}]),a}(Qt.a),Rr=Object(E.a)({formLabel:{fontSize:12}})(Lr),Wr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={dpDialog:!1},e.state={},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e.closeDialog=e.closeDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.get(this.props.match.params.applicationID,(function(t){e.setState({application:t})})),Wn.list(0,this.props.match.params.applicationID,0,0,(function(t){"0"===t.totalCount&&e.setState({dpDialog:!0})}))}},{key:"closeDialog",value:function(){this.setState({dpDialog:!1})}},{key:"onSubmit",value:function(e){var t=this,a=e;a.applicationID=this.props.match.params.applicationID,io.create(a,(function(e){Wn.get(a.deviceProfileID,(function(e){e.deviceProfile.supportsJoin?t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID,"/devices/").concat(a.devEUI,"/keys")):t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID,"/devices/").concat(a.devEUI,"/activation"))}))}))}},{key:"render",value:function(){return void 0===this.state.application?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.dpDialog,onClose:this.closeDialog},i.a.createElement(ga.a,null,"Add a device-profile?"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{paragraph:!0},"The selected application does not have access to any device-profiles. A device-profile defines the capabilities and boot parameters of a device. You can create multiple device-profiles for different kind of devices."),i.a.createElement(da.a,null,"Would you like to create a device-profile?")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{color:"primary",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles/create"),onClick:this.closeDialog},"Create device-profile"),i.a.createElement(St.a,{color:"primary",onClick:this.closeDialog},"Dismiss"))),i.a.createElement(Ze,null,i.a.createElement($e,{title:"Applications",to:"/organizations/".concat(this.props.match.params.organizationID,"/applications")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:this.state.application.application.name,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID)}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Devices",to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID)}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(Rr,{submitLabel:"Create device",onSubmit:this.onSubmit,match:this.props.match})))))}}]),a}(n.Component),Ur=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(Wr)),Gr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"onSubmit",value:function(e){var t=this;io.update(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID,"/devices/").concat(t.props.match.params.devEUI))}))}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,{className:this.props.classes.card},i.a.createElement(Je.a,null,i.a.createElement(Rr,{submitLabel:"Update device",object:this.props.device,onSubmit:this.onSubmit,match:this.props.match,update:!0,disabled:!this.props.admin})))))}}]),a}(n.Component),Fr=Object(E.a)({card:{overflow:"visible"}})(Object(d.f)(Gr)),Mr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e={};return void 0!==this.props.object&&(e=this.props.object),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(si.a,{id:"nwkKey",label:"Network key (LoRaWAN 1.1)",helperText:"For LoRaWAN 1.1 devices. In case your device does not support LoRaWAN 1.1, update the device-profile first.",onChange:this.onChange,value:e.nwkKey||"",margin:"normal",fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"appKey",label:"Application key (LoRaWAN 1.1)",helperText:"For LoRaWAN 1.1 devices. In case your device does not support LoRaWAN 1.1, update the device-profile first.",onChange:this.onChange,value:e.appKey||"",margin:"normal",fullWidth:!0,required:!0,random:!0}))}}]),a}(Qt.a),Br=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e={};return void 0!==this.props.object&&(e=this.props.object),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(si.a,{id:"nwkKey",label:"Application key",helperText:"For LoRaWAN 1.0 devices. In case your device supports LoRaWAN 1.1, update the device-profile first.",onChange:this.onChange,value:e.nwkKey||"",margin:"normal",fullWidth:!0,required:!0,random:!0}))}}]),a}(Qt.a),qr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={update:!1},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;io.getKeys(this.props.match.params.devEUI,(function(t){null===t?e.setState({deviceKeys:{deviceKeys:{}}}):e.setState({update:!0,deviceKeys:t})}))}},{key:"onSubmit",value:function(e){var t=this;if(this.state.update)io.updateKeys(e,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID,"/devices/").concat(t.props.match.params.devEUI))}));else{var a=e;a.devEUI=this.props.match.params.devEUI,io.createKeys(a,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID,"/devices/").concat(t.props.match.params.devEUI))}))}}},{key:"render",value:function(){return void 0===this.state.deviceKeys?null:i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,this.props.deviceProfile.macVersion.startsWith("1.0")&&i.a.createElement(Br,{submitLabel:"Set device-keys",onSubmit:this.onSubmit,object:this.state.deviceKeys.deviceKeys}),this.props.deviceProfile.macVersion.startsWith("1.1")&&i.a.createElement(Mr,{submitLabel:"Set device-keys",onSubmit:this.onSubmit,object:this.state.deviceKeys.deviceKeys})))))}}]),a}(n.Component),_r=Object(d.f)(qr),Kr=a(198),Hr={link:{color:O.a.palette.primary.main}},Jr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getRandomDevAddr=e.getRandomDevAddr.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getRandomDevAddr",value:function(e){io.getRandomDevAddr(this.props.match.params.devEUI,(function(t){e(t.devAddr)}))}},{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Kr.a,{id:"devAddr",label:"Device address",margin:"normal",value:this.state.object.devAddr||"",onChange:this.onChange,disabled:this.props.disabled,randomFunc:this.getRandomDevAddr,helperText:"While any device address can be entered, please note that a LoRaWAN compliant device address consists of an AddrPrefix (derived from the NetID) + NwkAddr.",fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"nwkSEncKey",label:"Network session key (LoRaWAN 1.0)",margin:"normal",value:this.state.object.nwkSEncKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"appSKey",label:"Application session key (LoRaWAN 1.0)",margin:"normal",value:this.state.object.appSKey||"",onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0,random:!0}),i.a.createElement(Bt.a,{id:"fCntUp",label:"Uplink frame-counter",margin:"normal",type:"number",value:this.state.object.fCntUp||0,onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"nFCntDown",label:"Downlink frame-counter (network)",margin:"normal",type:"number",value:this.state.object.nFCntDown||0,onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}))}}]),a}(Qt.a),Vr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getRandomDevAddr=e.getRandomDevAddr.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getRandomDevAddr",value:function(e){io.getRandomDevAddr(this.props.match.params.devEUI,(function(t){e(t.devAddr)}))}},{key:"render",value:function(){return void 0===this.state.object?i.a.createElement("div",null):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Kr.a,{id:"devAddr",label:"Device address",margin:"normal",value:this.state.object.devAddr||"",onChange:this.onChange,disabled:this.props.disabled,randomFunc:this.getRandomDevAddr,fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"nwkSEncKey",label:"Network session encryption key",margin:"normal",value:this.state.object.nwkSEncKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"sNwkSIntKey",label:"Serving network session integrity key",margin:"normal",value:this.state.object.sNwkSIntKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"fNwkSIntKey",label:"Forwarding network session integrity key",margin:"normal",value:this.state.object.fNwkSIntKey||"",onChange:this.onChange,disabled:this.props.disabled,fullWidth:!0,required:!0,random:!0}),i.a.createElement(si.a,{id:"appSKey",label:"Application session key",margin:"normal",value:this.state.object.appSKey||"",onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0,random:!0}),i.a.createElement(Bt.a,{id:"fCntUp",label:"Uplink frame-counter",margin:"normal",type:"number",value:this.state.object.fCntUp||0,onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"nFCntDown",label:"Downlink frame-counter (network)",margin:"normal",type:"number",value:this.state.object.nFCntDown||0,onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"aFCntDown",label:"Downlink frame-counter (application)",margin:"normal",type:"number",value:this.state.object.aFCntDown||0,onChange:this.onChange,disabled:this.props.disabled,required:!0,fullWidth:!0}))}}]),a}(Qt.a);Jr=Object(E.a)(Hr)(Jr),Vr=Object(E.a)(Hr)(Vr);var Qr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={},e.onSubmit=e.onSubmit.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;io.getActivation(this.props.match.params.devEUI,(function(t){null===t?e.setState({deviceActivation:{deviceActivation:{}}}):e.setState({deviceActivation:t})}))}},{key:"onSubmit",value:function(e){var t=this,a=e;a.devEUI=this.props.match.params.devEUI,this.props.deviceProfile.macVersion.startsWith("1.0")&&(a.fNwkSIntKey=a.nwkSEncKey,a.sNwkSIntKey=a.nwkSEncKey),io.activate(a,(function(e){t.props.history.push("/organizations/".concat(t.props.match.params.organizationID,"/applications/").concat(t.props.match.params.applicationID))}))}},{key:"render",value:function(){if(void 0===this.state.deviceActivation)return null;var e=null;this.props.deviceProfile.supportsJoin||(e="(Re)activate device");var t=!1;return(!this.props.deviceProfile.supportsJoin||this.props.deviceProfile.supportsJoin&&void 0!==this.state.deviceActivation.deviceActivation.devAddr)&&(t=!0),i.a.createElement(He.a,null,i.a.createElement(Je.a,null,t&&this.props.deviceProfile.macVersion.startsWith("1.0")&&i.a.createElement(Jr,{submitLabel:e,object:this.state.deviceActivation.deviceActivation,onSubmit:this.onSubmit,disabled:this.props.deviceProfile.supportsJoin,match:this.props.match,deviceProfile:this.props.deviceProfile}),t&&this.props.deviceProfile.macVersion.startsWith("1.1")&&i.a.createElement(Vr,{submitLabel:e,object:this.state.deviceActivation.deviceActivation,onSubmit:this.onSubmit,disabled:this.props.deviceProfile.supportsJoin,match:this.props.match,deviceProfile:this.props.deviceProfile}),!t&&i.a.createElement(Ne.a,{variant:"body1"},"This device has not (yet) been activated.")))}}]),a}(n.Component),Zr=Object(d.f)(Qr),Xr={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)},center:{textAlign:"center"},progress:{marginTop:4*O.a.spacing(1)},headerColumn:{marginRight:6*O.a.spacing(1)},headerColumnFixedSmall:{width:145},headerColumnFixedWide:{width:175},treeStyle:{paddingTop:0,paddingBottom:0,fontSize:12,lineHeight:1.5}},Yr=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e=tt()(this.props.data.receivedAt).format("LTS");return i.a.createElement(Ti.a,null,i.a.createElement(Ni.a,{expandIcon:i.a.createElement(Ri.a,null)},i.a.createElement("div",{className:this.props.classes.headerColumnFixedSmall},i.a.createElement(Ne.a,{variant:"body2"},e)),i.a.createElement("div",{className:this.props.classes.headerColumnFixedSmall},i.a.createElement(Ne.a,{variant:"body2"},this.props.data.type))),i.a.createElement(xi.a,null,i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:!0,className:this.props.classes.treeStyle},i.a.createElement(Wi.a,{data:this.props.data.payload})))))}}]),a}(n.Component);Yr=Object(E.a)(Xr)(Yr);var $r=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={paused:!1,connected:!1,data:[],dialogOpen:!1},e.setConnected=e.setConnected.bind(Object(p.a)(e)),e.onData=e.onData.bind(Object(p.a)(e)),e.onDownload=e.onDownload.bind(Object(p.a)(e)),e.togglePause=e.togglePause.bind(Object(p.a)(e)),e.onClear=e.onClear.bind(Object(p.a)(e)),e.toggleHelpDialog=e.toggleHelpDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=io.getDataLogsConnection(this.props.match.params.devEUI,this.onData);this.setState({wsConn:e}),io.on("ws.status.change",this.setConnected),this.setConnected()}},{key:"componentWillUnmount",value:function(){this.state.wsConn.close(),io.removeListener("ws.status.change",this.setConnected)}},{key:"onDownload",value:function(){var e=this.state.data.map((function(e,t){return{type:e.type,payload:e.payload}}));Pi()(JSON.stringify(e,null,4),"device-".concat(this.props.match.params.devEUI,".json"))}},{key:"togglePause",value:function(){this.setState({paused:!this.state.paused})}},{key:"toggleHelpDialog",value:function(){this.setState({dialogOpen:!this.state.dialogOpen})}},{key:"onClear",value:function(){this.setState({data:[]})}},{key:"setConnected",value:function(){this.setState({connected:io.getWSDataStatus()})}},{key:"onData",value:function(e){if(!this.state.paused){console.log("data: ",e);var t=this.state.data,a=new Date;t.unshift({id:a.getTime(),receivedAt:a,type:e.type,payload:JSON.parse(e.payloadJSON)}),this.setState({data:t})}}},{key:"render",value:function(){var e=this.state.data.map((function(e,t){return i.a.createElement(Yr,{key:e.id,data:e})}));return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.dialogOpen,onClose:this.toggleHelpDialog,"aria-labelledby":"help-dialog-title","aria-describedby":"help-dialog-description"},i.a.createElement(ga.a,{id:"help-dialog-title"},"Help"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{id:"help-dialog-description"},"These are the events as published to the application (using the JSON marshaler). Please refer to data integrations (documentation) for more information on integrating this with your application.",i.a.createElement("br",null),i.a.createElement("br",null),"ID values are converted from base64 to HEX for your convenience.")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{onClick:this.toggleHelpDialog,color:"primary"},"Close"))),i.a.createElement(y.a,{item:!0,xs:12,className:this.props.classes.buttons},i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.toggleHelpDialog},i.a.createElement(va.a,{className:this.props.classes.icon}),"Help"),!this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(Si.a,{className:this.props.classes.icon}),"Pause"),this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(wi.a,{className:this.props.classes.icon}),"Resume"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.onDownload},i.a.createElement(Di.a,{className:this.props.classes.icon}),"Download"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,color:"secondary",onClick:this.onClear},i.a.createElement(ra.a,{className:this.props.classes.icon}),"Clear")),i.a.createElement(y.a,{item:!0,xs:12},!this.state.connected&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(x.a,{color:"secondary",label:"Not connected to Websocket API",avatar:i.a.createElement(N.a,null,i.a.createElement(Ai.a,null))})),this.state.connected&&0===e.length&&!this.state.paused&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(ji.a,{className:this.props.classes.progress})),e.length>0&&e))}}]),a}(n.Component),es=Object(E.a)(Xr)($r),ts={buttons:{textAlign:"right"},button:{marginLeft:2*O.a.spacing(1)},icon:{marginRight:O.a.spacing(1)},center:{textAlign:"center"},progress:{marginTop:4*O.a.spacing(1)}},as=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={paused:!1,connected:!1,frames:[],dialogOpen:!1},e.setConnected=e.setConnected.bind(Object(p.a)(e)),e.onFrame=e.onFrame.bind(Object(p.a)(e)),e.onDownload=e.onDownload.bind(Object(p.a)(e)),e.togglePause=e.togglePause.bind(Object(p.a)(e)),e.onClear=e.onClear.bind(Object(p.a)(e)),e.toggleHelpDialog=e.toggleHelpDialog.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=io.getFrameLogsConnection(this.props.match.params.devEUI,this.onFrame);this.setState({wsConn:e}),io.on("ws.status.change",this.setConnected),this.setConnected()}},{key:"componentWillUnmount",value:function(){this.state.wsConn.close(),io.removeListener("ws.status.change",this.setConnected)}},{key:"onDownload",value:function(){var e=this.state.frames.map((function(e,t){return{uplinkMetaData:e.uplinkMetaData,downlinkMetaData:e.downlinkMetaData,phyPayload:e.phyPayload}}));Pi()(JSON.stringify(e,null,4),"gateway-".concat(this.props.match.params.gatewayID,".json"))}},{key:"togglePause",value:function(){this.setState({paused:!this.state.paused})}},{key:"toggleHelpDialog",value:function(){this.setState({dialogOpen:!this.state.dialogOpen})}},{key:"onClear",value:function(){this.setState({frames:[]})}},{key:"setConnected",value:function(){this.setState({connected:io.getWSFramesStatus()})}},{key:"onFrame",value:function(e){if(!this.state.paused){var t=this.state.frames,a=new Date;void 0!==e.uplinkFrame&&t.unshift({id:a.getTime(),receivedAt:a,uplinkMetaData:{rxInfo:e.uplinkFrame.rxInfo,txInfo:e.uplinkFrame.txInfo},phyPayload:JSON.parse(e.uplinkFrame.phyPayloadJSON)}),void 0!==e.downlinkFrame&&(delete e.downlinkFrame.txInfo.gatewayID,t.unshift({id:a.getTime(),receivedAt:a,downlinkMetaData:{gatewayID:e.downlinkFrame.gatewayID,txInfo:e.downlinkFrame.txInfo},phyPayload:JSON.parse(e.downlinkFrame.phyPayloadJSON)})),console.log(e),this.setState({frames:t})}}},{key:"render",value:function(){var e=this.state.frames.map((function(e,t){return i.a.createElement(Fi,{key:e.id,frame:e})}));return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(pa.a,{open:this.state.dialogOpen,onClose:this.toggleHelpDialog,"aria-labelledby":"help-dialog-title","aria-describedby":"help-dialog-description"},i.a.createElement(ga.a,{id:"help-dialog-title"},"Help"),i.a.createElement(ha.a,null,i.a.createElement(da.a,{id:"help-dialog-description"},"The frames below are the raw (and encrypted) LoRaWAN PHYPayload frames as seen by the gateway(s). This data is intedend for debugging only.")),i.a.createElement(ma.a,null,i.a.createElement(St.a,{onClick:this.toggleHelpDialog,color:"primary"},"Close"))),i.a.createElement(y.a,{item:!0,xs:12,className:this.props.classes.buttons},i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.toggleHelpDialog},i.a.createElement(va.a,{className:this.props.classes.icon}),"Help"),!this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(Si.a,{className:this.props.classes.icon}),"Pause"),this.state.paused&&i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.togglePause},i.a.createElement(wi.a,{className:this.props.classes.icon}),"Resume"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,onClick:this.onDownload},i.a.createElement(Di.a,{className:this.props.classes.icon}),"Download"),i.a.createElement(St.a,{variant:"outlined",className:this.props.classes.button,color:"secondary",onClick:this.onClear},i.a.createElement(ra.a,{className:this.props.classes.icon}),"Clear")),i.a.createElement(y.a,{item:!0,xs:12},!this.state.connected&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(x.a,{color:"secondary",label:"Not connected to Websocket API",avatar:i.a.createElement(N.a,null,i.a.createElement(Ai.a,null))})),this.state.connected&&0===e.length&&!this.state.paused&&i.a.createElement("div",{className:this.props.classes.center},i.a.createElement(ji.a,{className:this.props.classes.progress})),e.length>0&&e))}}]),a}(n.Component),ns=Object(E.a)(ts)(as),is=a(123),os=a.n(is),rs=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onTabChange=function(t,a){e.setState({tab:a})},e.onCodeChange=function(t,a,n,i){var o=e.state.object;o[t]=i,e.setState({object:o})},e.state={tab:0},e}return Object(u.a)(a,[{key:"render",value:function(){if(void 0===this.state.object)return null;var e=this.state.object.jsonObject;return""!==e&&void 0!==e||(e="{}"),i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"fPort",label:"Port",margin:"normal",value:this.state.object.fPort||"",onChange:this.onChange,helperText:"Please note that the fPort value must be > 0.",required:!0,fullWidth:!0,type:"number"}),i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Kt.a,{label:"Confirmed downlink",control:i.a.createElement(Vt.a,{id:"confirmed",checked:!!this.state.object.confirmed,onChange:this.onChange,color:"primary"})})),i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onTabChange,indicatorColor:"primary"},i.a.createElement(_t.a,{label:"Base64 encoded"}),i.a.createElement(_t.a,{label:"JSON object"})),0===this.state.tab&&i.a.createElement(Bt.a,{id:"data",label:"Base64 encoded string",margin:"normal",value:this.state.object.data||"",onChange:this.onChange,required:!0,fullWidth:!0}),1===this.state.tab&&i.a.createElement(Xt.a,{fullWidth:!0,margin:"normal"},i.a.createElement(Gn.Controlled,{value:e,className:this.props.classes.codeMirror,options:{lineNumbers:!0,mode:"javascript",theme:"default"},onBeforeChange:this.onCodeChange.bind(this,"jsonObject")}),i.a.createElement(Jt.a,null,"The device must be configured with a Device Profile supporting a Codec which is able to encode the given (JSON) payload.")))}}]),a}(Qt.a),ss=Object(E.a)({codeMirror:{zIndex:1}})(rs),cs=new(function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).swagger=new J.a("/swagger/deviceQueue.swagger.json",V.a.getClientOpts()),e}return Object(u.a)(a,[{key:"flush",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceQueueService.Flush({dev_eui:e}).then(Q.a).then((function(e){a.notify("device-queue has been flushed"),t(e.obj)})).catch(Q.b)}))}},{key:"list",value:function(e,t){this.swagger.then((function(a){a.apis.DeviceQueueService.List({dev_eui:e}).then(Q.a).then((function(e){t(e.obj)})).catch(Q.b)}))}},{key:"enqueue",value:function(e,t){var a=this;this.swagger.then((function(n){n.apis.DeviceQueueService.Enqueue({"device_queue_item.dev_eui":e.devEUI,body:{deviceQueueItem:e}}).then(Q.a).then((function(e){a.notify("device-queue item has been created"),a.emit("enqueue"),t(e.obj)})).catch(Q.b)}))}},{key:"notify",value:function(e){Z.a.dispatch({type:"CREATE_NOTIFICATION",notification:{type:"success",message:e}})}}]),a}(K.EventEmitter)),ls=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Details"}),i.a.createElement(Je.a,null,i.a.createElement(At.a,null,i.a.createElement(Pt.a,null,i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null,this.props.device.device.name)),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Description"),i.a.createElement(ft.a,null,this.props.device.device.description)),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Device-profile"),i.a.createElement(Ct,{to:"/organizations/".concat(this.props.match.params.organizationID,"/device-profiles/").concat(this.props.deviceProfile.deviceProfile.id)},this.props.deviceProfile.deviceProfile.name))))))}}]),a}(n.Component),us=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e="never",t="enabled";return null!==this.props.device.lastSeenAt&&(e=tt()(this.props.device.lastSeenAt).format("lll")),!0===this.props.device.device.isDisabled&&(t="disabled"),i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Status"}),i.a.createElement(Je.a,null,i.a.createElement(At.a,null,i.a.createElement(Pt.a,null,i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Last seen at"),i.a.createElement(ft.a,null,e)),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"State"),i.a.createElement(ft.a,null,t))))))}}]),a}(n.Component),ps=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){var a=t;a.devEUI=e.props.match.params.devEUI,cs.enqueue(a,(function(t){e.setState({object:{}})}))},e.state={object:{}},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Enqueue downlink payload"}),i.a.createElement(Je.a,null,i.a.createElement(ss,{submitLabel:"Enqueue payload",onSubmit:this.onSubmit,object:this.state.object})))}}]),a}(n.Component);ps=Object(d.f)(ps);var ms=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){var e="no";return this.props.item.confirmed&&(e="yes"),i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,this.props.item.fCnt),i.a.createElement(ft.a,null,this.props.item.fPort),i.a.createElement(ft.a,null,e),i.a.createElement(ft.a,null,this.props.item.data))}}]),a}(n.Component),hs=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getQueue=function(){cs.list(e.props.match.params.devEUI,(function(t){e.setState({deviceQueueItems:t.deviceQueueItems})}))},e.flushQueue=function(){window.confirm("Are you sure you want to flush the device queue?")&&cs.flush(e.props.match.params.devEUI,(function(t){e.getQueue()}))},e.state={deviceQueueItems:[]},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.getQueue(),cs.on("enqueue",this.getQueue)}},{key:"componentWillUnmount",value:function(){cs.removeListener("enqueue",this.getQueue)}},{key:"render",value:function(){var e=this.state.deviceQueueItems.map((function(e,t){return i.a.createElement(ms,{key:t,item:e})}));return i.a.createElement(He.a,null,i.a.createElement(Ve.a,{title:"Downlink queue",action:i.a.createElement("div",null,i.a.createElement(St.a,{onClick:this.getQueue},i.a.createElement(os.a,null)),i.a.createElement(St.a,{onClick:this.flushQueue,color:"secondary"},i.a.createElement(ra.a,null)))}),i.a.createElement(Je.a,null,i.a.createElement(At.a,null,i.a.createElement(Tt.a,null,i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"FCnt"),i.a.createElement(ft.a,null,"FPort"),i.a.createElement(ft.a,null,"Confirmed"),i.a.createElement(ft.a,null,"Base64 encoded payload"))),i.a.createElement(Pt.a,null,e))))}}]),a}(n.Component);hs=Object(d.f)(hs);var ds=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).setDeviceActivation=function(){void 0!==e.props.device&&io.getActivation(e.props.device.device.devEUI,(function(t){null===t?e.setState({activated:!1}):e.setState({activated:!0})}))},e.state={activated:!1},e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){this.setDeviceActivation()}},{key:"componentDidUpdate",value:function(e){e.device!==this.props.device&&this.setDeviceActivation()}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(ls,{device:this.props.device,deviceProfile:this.props.deviceProfile,match:this.props.match})),i.a.createElement(y.a,{item:!0,xs:6},i.a.createElement(us,{device:this.props.device})),this.state.activated&&i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(ps,null)),this.state.activated&&i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(hs,null)))}}]),a}(n.Component),gs={tabs:{borderBottom:"1px solid "+O.a.palette.divider,height:"49px"}},bs=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={tab:0,admin:!1},e.onChangeTab=e.onChangeTab.bind(Object(p.a)(e)),e.deleteDevice=e.deleteDevice.bind(Object(p.a)(e)),e.locationToTab=e.locationToTab.bind(Object(p.a)(e)),e.setIsAdmin=e.setIsAdmin.bind(Object(p.a)(e)),e.getDevice=e.getDevice.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;Zi.get(this.props.match.params.applicationID,(function(t){e.setState({application:t})})),io.on("update",this.getDevice),V.a.on("change",this.setIsAdmin),this.locationToTab(),this.setIsAdmin(),this.getDevice()}},{key:"componentWillUnmount",value:function(){V.a.removeListener("change",this.setIsAdmin),io.removeListener("update",this.getDevice)}},{key:"componentDidUpdate",value:function(e){this.props!==e&&this.locationToTab()}},{key:"getDevice",value:function(){var e=this;io.get(this.props.match.params.devEUI,(function(t){e.setState({device:t}),Wn.get(t.device.deviceProfileID,(function(t){e.setState({deviceProfile:t})}))}))}},{key:"setIsAdmin",value:function(){var e=this;this.setState({admin:V.a.isAdmin()||V.a.isOrganizationDeviceAdmin(this.props.match.params.organizationID)},(function(){e.locationToTab()}))}},{key:"onChangeTab",value:function(e,t){this.setState({tab:t})}},{key:"locationToTab",value:function(){var e=0;window.location.href.endsWith("/edit")?e=1:window.location.href.endsWith("/keys")?e=2:window.location.href.endsWith("/activation")?e=3:window.location.href.endsWith("/data")?e=4:window.location.href.endsWith("/frames")&&(e=5),e>1&&!this.state.admin&&(e-=1),this.setState({tab:e})}},{key:"deleteDevice",value:function(){var e=this;window.confirm("Are you sure you want to delete this device?")&&io.delete(this.props.match.params.devEUI,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/applications/").concat(e.props.match.params.applicationID))}))}},{key:"render",value:function(){var e=this;return void 0===this.state.application||void 0===this.state.device||void 0===this.state.deviceProfile?i.a.createElement("div",null):i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(Rn,{organizationID:this.props.match.params.organizationID},i.a.createElement(It,{label:"Delete",icon:i.a.createElement(ra.a,null),color:"secondary",onClick:this.deleteDevice}))},i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications"),title:"Applications"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID),title:this.state.application.application.name}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID),title:"Devices"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI),title:this.state.device.device.name})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(qt.a,{value:this.state.tab,onChange:this.onChangeTab,indicatorColor:"primary",className:this.props.classes.tabs,variant:"scrollable",scrollButtons:"auto"},i.a.createElement(_t.a,{label:"Details",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI)}),i.a.createElement(_t.a,{label:"Configuration",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI,"/edit")}),this.state.admin&&i.a.createElement(_t.a,{label:"Keys (OTAA)",disabled:!this.state.deviceProfile.deviceProfile.supportsJoin,component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI,"/keys")}),i.a.createElement(_t.a,{label:"Activation",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI,"/activation")}),i.a.createElement(_t.a,{label:"Device data",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI,"/data")}),i.a.createElement(_t.a,{label:"LoRaWAN Frames",component:w.a,to:"/organizations/".concat(this.props.match.params.organizationID,"/applications/").concat(this.props.match.params.applicationID,"/devices/").concat(this.props.match.params.devEUI,"/frames")}))),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path),render:function(t){return i.a.createElement(ds,Object.assign({device:e.state.device,deviceProfile:e.state.deviceProfile,admin:e.state.admin},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/edit"),render:function(t){return i.a.createElement(Fr,Object.assign({device:e.state.device.device,admin:e.state.admin},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/keys"),render:function(t){return i.a.createElement(_r,Object.assign({device:e.state.device.device,admin:e.state.admin,deviceProfile:e.state.deviceProfile.deviceProfile},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/activation"),render:function(t){return i.a.createElement(Zr,Object.assign({device:e.state.device.device,admin:e.state.admin,deviceProfile:e.state.deviceProfile.deviceProfile},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/data"),render:function(t){return i.a.createElement(es,Object.assign({device:e.state.device.device,admin:e.state.admin},t))}}),i.a.createElement(d.a,{exact:!0,path:"".concat(this.props.match.path,"/frames"),render:function(t){return i.a.createElement(ns,Object.assign({device:e.state.device.device,admin:e.state.admin},t))}}))))}}]),a}(n.Component),vs=Object(E.a)(gs)(Object(d.f)(bs)),fs={link:{color:O.a.palette.primary.main,textDecoration:"none"},type:{fontWeight:"bold"}},Es=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{hover:!0},i.a.createElement(ft.a,{className:this.props.classes.type},"application"),i.a.createElement(ft.a,null,i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID,"/applications/").concat(this.props.result.applicationID)},this.props.result.applicationName)),i.a.createElement(ft.a,null,"organization: ",i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID)},this.props.result.organizationName)),i.a.createElement(ft.a,null,this.props.result.applicationID))}}]),a}(n.Component);Es=Object(E.a)(fs)(Es);var ys=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{hover:!0},i.a.createElement(ft.a,{className:this.props.classes.type},"organization"),i.a.createElement(ft.a,null,i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID)},this.props.result.organizationName)),i.a.createElement(ft.a,null),i.a.createElement(ft.a,null,this.props.result.organizationID))}}]),a}(n.Component);ys=Object(E.a)(fs)(ys);var js=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{hover:!0},i.a.createElement(ft.a,{className:this.props.classes.type},"device"),i.a.createElement(ft.a,null,i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID,"/applications/").concat(this.props.result.applicationID,"/devices/").concat(this.props.result.deviceDevEUI)},this.props.result.deviceName)),i.a.createElement(ft.a,null,"organization: ",i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID)},this.props.result.organizationName),", application: ",i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID,"/applications/").concat(this.props.result.applicationID)},this.props.result.applicationName)),i.a.createElement(ft.a,null,this.props.result.deviceDevEUI))}}]),a}(n.Component);js=Object(E.a)(fs)(js);var Os=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{hover:!0},i.a.createElement(ft.a,{className:this.props.classes.type},"gateway"),i.a.createElement(ft.a,null,i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID,"/gateways/").concat(this.props.result.gatewayMAC)},this.props.result.gatewayName)),i.a.createElement(ft.a,null,"organization: ",i.a.createElement(w.a,{className:this.props.classes.link,to:"/organizations/".concat(this.props.result.organizationID)},this.props.result.organizationName)),i.a.createElement(ft.a,null,this.props.result.gatewayMAC))}}]),a}(n.Component);Os=Object(E.a)(fs)(Os);var ws=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).getPage=e.getPage.bind(Object(p.a)(e)),e.getRow=e.getRow.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"getPage",value:function(e,t,a){var n=new URLSearchParams(this.props.location.search),i=null===n.get("search")?"":n.get("search");""!==i?V.a.globalSearch(i,e,t,(function(e){var t=e;t.totalCount=t.result.length,a(t)})):a({result:[],totalCount:0})}},{key:"getRow",value:function(e){switch(e.kind){case"application":return i.a.createElement(Es,{result:e});case"organization":return i.a.createElement(ys,{result:e});case"device":return i.a.createElement(js,{result:e});case"gateway":return i.a.createElement(Os,{result:e})}}},{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Search"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"Kind"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null),i.a.createElement(ft.a,null,"ID")),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),Cs=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onDelete=function(){window.confirm("Are you sure you want to delete this api key?")&&X.deleteAPIKey(e.props.obj.id,(function(t){e.props.history.push("/api-keys")}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{key:this.props.obj.id,hover:!0},i.a.createElement(ft.a,null,this.props.obj.id),i.a.createElement(ft.a,null,this.props.obj.name),i.a.createElement(ft.a,{align:"right"},i.a.createElement(k.a,{"aria-label":"delete"},i.a.createElement(ra.a,{onClick:this.onDelete}))))}}]),a}(n.Component);Cs=Object(d.f)(Cs);var Ss=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];return(e=t.call.apply(t,[this].concat(o))).getPage=function(e,t,a){X.listAPIKeys({isAdmin:!0,limit:e,offset:t},a)},e.getRow=function(e){return i.a.createElement(Cs,{obj:e})},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/api-keys/create"})},i.a.createElement($e,{title:"Global API keys"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"ID"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null)),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),ks=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).onSubmit=function(t){t.preventDefault();var a=e.state.object;a.isAdmin=e.props.isAdmin||!1,a.organizationID=e.props.organizationID||0,a.applicationID=e.props.applicationID||0,X.createAPIKey(a,(function(t){e.setState({token:t.jwtToken,id:t.id})}))},e.state={token:null,id:null},e}return Object(u.a)(a,[{key:"render",value:function(){return void 0===this.state.object?null:null!==this.state.token?i.a.createElement("div",null,i.a.createElement(Bt.a,{id:"id",label:"API key ID",value:this.state.id,margin:"normal",disabled:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"name",label:"API key name",value:this.state.object.name,margin:"normal",disabled:!0,fullWidth:!0}),i.a.createElement(Bt.a,{id:"jwtToken",label:"Token",value:this.state.token,rows:5,margin:"normal",helperText:"Use this token when making API request with this API key. This token is provided once.",fullWidth:!0,multiline:!0})):i.a.createElement(Zt.a,{submitLabel:this.props.submitLabel,onSubmit:this.onSubmit},i.a.createElement(Bt.a,{id:"name",label:"API key name",helperText:"A descriptive name for the API key",margin:"normal",value:this.state.object.name||"",onChange:this.onChange,required:!0,fullWidth:!0}))}}]),a}(Qt.a),Ds=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Global API keys",to:"/api-keys"}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(ks,{submitLabel:"Create API key",onSubmit:this.onSubmit,isAdmin:!0})))))}}]),a}(n.Component),Is=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];return(e=t.call.apply(t,[this].concat(i))).onDelete=function(){window.confirm("Are you sure you want to delete this api key?")&&X.deleteAPIKey(e.props.obj.id,(function(t){e.props.history.push("/organizations/".concat(e.props.match.params.organizationID,"/api-keys"))}))},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(Et.a,{key:this.props.obj.id,hover:!0},i.a.createElement(ft.a,null,this.props.obj.id),i.a.createElement(ft.a,null,this.props.obj.name),i.a.createElement(ft.a,{align:"right"},i.a.createElement(k.a,{"aria-label":"delete"},i.a.createElement(ra.a,{onClick:this.onDelete}))))}}]),a}(n.Component);Is=Object(d.f)(Is);var As=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;Object(l.a)(this,a);for(var n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];return(e=t.call.apply(t,[this].concat(o))).getPage=function(t,a,n){X.listAPIKeys({organizationID:e.props.match.params.organizationID,limit:t,offset:a},n)},e.getRow=function(e){return i.a.createElement(Is,{obj:e})},e}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,{buttons:i.a.createElement(It,{label:"Create",icon:i.a.createElement(jt.a,null),to:"/organizations/".concat(this.props.match.params.organizationID,"/api-keys/create")})},i.a.createElement($e,{title:"Organization API keys"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(Ut,{header:i.a.createElement(Et.a,null,i.a.createElement(ft.a,null,"ID"),i.a.createElement(ft.a,null,"Name"),i.a.createElement(ft.a,null)),getPage:this.getPage,getRow:this.getRow})))}}]),a}(n.Component),zs=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){return Object(l.a)(this,a),t.apply(this,arguments)}return Object(u.a)(a,[{key:"render",value:function(){return i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(Ze,null,i.a.createElement($e,{title:"Organization API keys",to:"/organizations/".concat(this.props.match.params.organizationID,"/api-keys")}),i.a.createElement($e,{title:"/"}),i.a.createElement($e,{title:"Create"})),i.a.createElement(y.a,{item:!0,xs:12},i.a.createElement(He.a,null,i.a.createElement(Je.a,null,i.a.createElement(ks,{submitLabel:"Create API key",onSubmit:this.onSubmit,organizationID:this.props.match.params.organizationID})))))}}]),a}(n.Component),Ps={root:{flexGrow:1,display:"flex",minHeight:"100vh",flexDirection:"column"},paper:{padding:O.a.spacing(2),textAlign:"center",color:O.a.palette.text.secondary},main:{width:"100%",padding:48,paddingTop:115,flex:1},mainDrawerOpen:{paddingLeft:318},footerDrawerOpen:{paddingLeft:270}},Ts=function(e){Object(m.a)(a,e);var t=Object(h.a)(a);function a(){var e;return Object(l.a)(this,a),(e=t.call(this)).state={user:null,drawerOpen:!1},e.setDrawerOpen=e.setDrawerOpen.bind(Object(p.a)(e)),e}return Object(u.a)(a,[{key:"componentDidMount",value:function(){var e=this;V.a.on("change",(function(){e.setState({user:V.a.getUser(),drawerOpen:null!=V.a.getUser()})})),this.setState({user:V.a.getUser(),drawerOpen:null!=V.a.getUser()})}},{key:"setDrawerOpen",value:function(e){this.setState({drawerOpen:e})}},{key:"render",value:function(){var e=null,t=null;return null!==this.state.user&&(e=i.a.createElement(ee,{setDrawerOpen:this.setDrawerOpen,drawerOpen:this.state.drawerOpen,user:this.state.user}),t=i.a.createElement(Te,{open:this.state.drawerOpen,user:this.state.user})),i.a.createElement(d.b,{history:j.a},i.a.createElement(i.a.Fragment,null,i.a.createElement(v.a,null),i.a.createElement(f.a,{theme:O.a},i.a.createElement("div",{className:this.props.classes.root},e,t,i.a.createElement("div",{className:b()(this.props.classes.main,this.state.drawerOpen&&this.props.classes.mainDrawerOpen)},i.a.createElement(y.a,{container:!0,spacing:4},i.a.createElement(d.c,null,i.a.createElement(d.a,{exact:!0,path:"/",component:sn}),i.a.createElement(d.a,{exact:!0,path:"/login",component:dn}),i.a.createElement(d.a,{exact:!0,path:"/users",component:bn}),i.a.createElement(d.a,{exact:!0,path:"/users/create",component:En}),i.a.createElement(d.a,{exact:!0,path:"/users/:userID(\\d+)",component:wn}),i.a.createElement(d.a,{exact:!0,path:"/users/:userID(\\d+)/password",component:kn}),i.a.createElement(d.a,{exact:!0,path:"/dashboard",component:vt}),i.a.createElement(d.a,{exact:!0,path:"/network-servers",component:Mt}),i.a.createElement(d.a,{exact:!0,path:"/network-servers/create",component:ia}),i.a.createElement(d.a,{path:"/network-servers/:networkServerID",component:ua}),i.a.createElement(d.a,{exact:!0,path:"/gateway-profiles",component:Ea}),i.a.createElement(d.a,{exact:!0,path:"/gateway-profiles/create",component:za}),i.a.createElement(d.a,{path:"/gateway-profiles/:gatewayProfileID([\\w-]{36})",component:xa}),i.a.createElement(d.a,{exact:!0,path:"/api-keys",component:Ss}),i.a.createElement(d.a,{exact:!0,path:"/api-keys/create",component:Ds}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/api-keys",component:As}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/api-keys/create",component:zs}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/service-profiles",component:In}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/service-profiles/create",component:Pn}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/service-profiles/:serviceProfileID([\\w-]{36})",component:Ln}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/device-profiles",component:Un}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/device-profiles/create",component:Hn}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/device-profiles/:deviceProfileID([\\w-]{36})",component:Zn}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/gateways/create",component:Qi}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/gateways/:gatewayID([\\w]{16})",component:Ji}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/gateways",component:ti}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/applications",component:Xi}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/applications/create",component:to}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/applications/:applicationID(\\d+)/devices/create",component:Ur}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/applications/:applicationID(\\d+)/devices/:devEUI([\\w]{16})",component:vs}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/applications/:applicationID(\\d+)",component:gr}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/multicast-groups",component:Er}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/multicast-groups/create",component:Or}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/multicast-groups/:multicastGroupID/devices/create",component:xr}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)/multicast-groups/:multicastGroupID([\\w-]{36})",component:zr}),i.a.createElement(d.a,{exact:!0,path:"/organizations",component:Wa}),i.a.createElement(d.a,{exact:!0,path:"/organizations/create",component:Fa}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/users",component:Xa}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/users/create",component:on}),i.a.createElement(d.a,{exact:!0,path:"/organizations/:organizationID(\\d+)/users/:userID(\\d+)",component:an}),i.a.createElement(d.a,{path:"/organizations/:organizationID(\\d+)",component:Za}),i.a.createElement(d.a,{exact:!0,path:"/search",component:ws})))),i.a.createElement("div",{className:this.state.drawerOpen?this.props.classes.footerDrawerOpen:""},i.a.createElement(Re,null))),i.a.createElement(Ke,null))))}}]),a}(n.Component),Ns=Object(E.a)(Ps)(Ts);a(868),a(869),a(870),a(871),a(872),a(873),a(874);c.a.Icon.Default.imagePath="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0/images/",r.a.render(i.a.createElement(Ns,null),document.getElementById("root"))}},[[473,1,2]]]);
//# sourceMappingURL=main.3a4bd0f2.chunk.js.map