iobroker.admin 7.4.4 → 7.4.8

package/adminWww/static/js/4720.6112531a.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunksrc_rx=self.webpackChunksrc_rx||[]).push([[4720],{84720:(e,t,s)=>{s.r(t),s.d(t,{default:()=>W});var o=s(89379),i=s(29183),n=s(89303),l=s(32075),r=s(16904),a=s(79159);function c(e){const{tooltip:t,label:s,disabled:o,Icon:i,onClick:l}=e,r=!!s&&(0,a.jsx)(n.Typography,{variant:"button",style:{marginLeft:4},children:s});return t?(0,a.jsx)(n.Tooltip,{title:t,slotProps:{popper:{sx:{pointerEvents:"none"}}},children:(0,a.jsx)("span",{children:(0,a.jsxs)(n.IconButton,{onClick:l,disabled:o,size:"small",children:[i,r]})})}):(0,a.jsxs)(n.IconButton,{onClick:l,disabled:o,size:"small",children:[i,r]})}function d(e,t){const s=e.split(" ").map((e=>e.trim())).filter((e=>"fa-solid"!==e));return s.includes("fa-trash-can")||s.includes("fa-trash")?(0,a.jsx)(l.Delete,{style:{color:t}}):s.includes("fa-pen")?(0,a.jsx)(l.Edit,{style:{color:t}}):s.includes("fa-redo-alt")?(0,a.jsx)(l.Refresh,{style:{color:t}}):s.includes("fa-plus")?(0,a.jsx)(l.Add,{style:{color:t}}):s.includes("fa-qrcode")||s.includes("qrcode")?(0,a.jsx)(l.QrCode,{style:{color:t}}):s.includes("fa-wifi")?(0,a.jsx)(l.Wifi,{style:{color:t}}):s.includes("fa-wifi-slash")?(0,a.jsx)(l.WifiOff,{style:{color:t}}):s.includes("fa-bluetooth")?(0,a.jsx)(l.Bluetooth,{style:{color:t}}):s.includes("fa-bluetooth-slash")?(0,a.jsx)(l.BluetoothDisabled,{style:{color:t}}):s.includes("fa-eye")?(0,a.jsx)(l.Visibility,{style:{color:t}}):s.includes("fa-search")?(0,a.jsx)(l.Search,{style:{color:t}}):s.includes("fa-unlink")?(0,a.jsx)(l.LinkOff,{style:{color:t}}):s.includes("fa-link")?(0,a.jsx)(l.Link,{style:{color:t}}):s.includes("fa-search-location")?(0,a.jsx)(l.NotListedLocation,{style:{color:t}}):s.includes("fa-play")?(0,a.jsx)(l.PlayArrow,{style:{color:t}}):s.includes("fa-stop")?(0,a.jsx)(l.Stop,{style:{color:t}}):s.includes("fa-pause")?(0,a.jsx)(l.Pause,{style:{color:t}}):(0,a.jsx)(l.QuestionMark,{style:{color:t}})}function p(e,t,s){return"edit"===e||"rename"===e||"edit"===t||"rename"===t?(0,a.jsx)(l.Edit,{style:{color:s}}):"delete"===e||"delete"===t?(0,a.jsx)(l.Delete,{style:{color:s}}):"refresh"===e||"refresh"===t?(0,a.jsx)(l.Refresh,{style:{color:s}}):"newDevice"===e||"new"===e||"add"===e||"newDevice"===t||"new"===t||"add"===t?(0,a.jsx)(l.Add,{style:{color:s}}):"discover"===e||"search"===e||"discover"===t||"search"===t?(0,a.jsx)(l.Search,{style:{color:s}}):"unpairDevice"===e||"unpair"===e||"unpairDevice"===t||"unpair"===t?(0,a.jsx)(l.LinkOff,{style:{color:s}}):"pairDevice"===e||"pair"===e||"pairDevice"===t||"pair"===t?(0,a.jsx)(l.Link,{style:{color:s}}):"identify"===e||"identify"===t?(0,a.jsx)(l.NotListedLocation,{style:{color:s}}):"play"===e||"play"===t?(0,a.jsx)(l.PlayArrow,{style:{color:s}}):"stop"===e||"stop"===t?(0,a.jsx)(l.Stop,{style:{color:s}}):"pause"===e||"pause"===t?(0,a.jsx)(l.Pause,{style:{color:s}}):"forward"===e||"next"===e||"forward"===t||"next"===t?(0,a.jsx)(l.FastForward,{style:{color:s}}):"rewind"===e||"previous"===e||"rewind"===t||"previous"===t?(0,a.jsx)(l.FastRewind,{style:{color:s}}):"lamp"===e||"light"===e||"lamp"===t||"light"===t?(0,a.jsx)(l.Lightbulb,{style:{color:s}}):"backlight"===e||"backlight"===t?(0,a.jsx)(l.Fluorescent,{style:{color:s}}):"dimmer"===e||"dimmer"===t?(0,a.jsx)(l.WbIncandescent,{style:{color:s}}):"socket"===e||"socket"===t?(0,a.jsx)(l.Power,{style:{color:s}}):"settings"===e||"settings"===t?(0,a.jsx)(l.Settings,{style:{color:s}}):"users"===e||"group"===e||"users"===t||"group"===t?(0,a.jsx)(l.Group,{style:{color:s}}):"user"===e||"user"===t?(0,a.jsx)(l.Person,{style:{color:s}}):"qrcode"===e||"qrcode"===t?(0,a.jsx)(l.QrCode,{style:{color:s}}):"identify"===e||"identify"===t?(0,a.jsx)(l.WifiFind,{style:{color:s}}):"info"===e||"info"===t?(0,a.jsx)(l.Info,{style:{color:s}}):"lines"===e||"lines"===t?(0,a.jsx)(l.Article,{style:{color:s}}):(0,a.jsx)(l.QuestionMark,{style:{color:s}})}function h(e,t,s){var o,i,n,l;if(!e)return null;let c=s&&e.colorOn||e.color||(e.state?"primary":"inherit");return t&&("primary"===c?c=t.primary:"secondary"===c&&(c=t.secondary)),null!==(o=e.icon)&&void 0!==o&&o.startsWith("fa-")||null!==(i=e.icon)&&void 0!==i&&i.startsWith("fas")?d(e.icon,c):s&&null!==(n=e.iconOn)&&void 0!==n&&n.startsWith("data:image")?(0,a.jsx)(r.Icon,{src:e.iconOn,style:{color:c}}):null!==(l=e.icon)&&void 0!==l&&l.startsWith("data:image")?(0,a.jsx)(r.Icon,{src:e.icon,style:{color:c}}):p(e.id,e.icon,c)}function u(e){var t,s,o;return e?null!==(t=e.icon)&&void 0!==t&&t.startsWith("fa-")||null!==(s=e.icon)&&void 0!==s&&s.startsWith("fas")?d(e.icon,e.color):null!==(o=e.icon)&&void 0!==o&&o.startsWith("data:image")?(0,a.jsx)(r.Icon,{src:e.icon,style:{color:e.color}}):p(e.id,e.icon,e.color):null}let v;function m(e,t){return v=v||r.I18n.getLanguage(),"object"===typeof e?e[v]||e.en:t?e:r.I18n.t(e)}function x(e){var t;const{deviceId:s,action:o,refresh:i,deviceHandler:n,disabled:l}=e,r=u(o),d=m(null!==(t=o.description)&&void 0!==t?t:"")||(r?null:o.id);return(0,a.jsx)(c,{tooltip:d||void 0,disabled:l||o.disabled,Icon:r,onClick:n(s,o,i)})}class f extends i.Component{constructor(e){var t,s;super(e),this.stateHandler=async(e,t)=>{if(e===this.props.control.stateId&&t){const e=await this.props.controlStateHandler(this.props.deviceId,this.props.control)();null!==e&&void 0!==e&&e.ts&&(!this.state.ts||e.ts>this.state.ts)&&this.setState({value:e.val,ts:e.ts})}},this.state={value:null===(t=e.control.state)||void 0===t?void 0:t.val,ts:null===(s=e.control.state)||void 0===s?void 0:s.ts}}async componentDidMount(){if(this.props.control.stateId){const e=this.props.socket.subscribeState(this.props.control.stateId,this.stateHandler);e instanceof Promise&&await e}}componentWillUnmount(){this.props.control.stateId&&this.props.socket.unsubscribeState(this.props.control.stateId,this.stateHandler)}static getDerivedStateFromProps(e,t){var s,o;return null!==(s=e.control.state)&&void 0!==s&&s.ts&&(!t.ts||(null===(o=e.control.state)||void 0===o?void 0:o.ts)>t.ts)?{value:e.control.state.val,ts:e.control.state.ts}:null}async sendControl(e,t,s){const o=await this.props.controlHandler(e,t,s)();null!==o&&void 0!==o&&o.ts&&(!this.state.ts||(null===o||void 0===o?void 0:o.ts)>this.state.ts)&&this.setState({value:o.val,ts:o.ts})}renderButton(){var e;const t=m(null!==(e=this.props.control.description)&&void 0!==e?e:""),s=h(this.props.control,this.props.colors,this.state.value);return this.props.control.label?(0,a.jsx)(n.Button,{disabled:this.props.disabled,title:t,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!0),startIcon:s,children:m(this.props.control.label)}):(0,a.jsx)(n.Fab,{size:"small",disabled:this.props.disabled,title:t,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!0),children:s})}renderSwitch(){var e;const t=m(null!==(e=this.props.control.description)&&void 0!==e?e:"");return(0,a.jsx)(n.Switch,{disabled:this.props.disabled,title:t,checked:!!this.state.value,onChange:e=>this.sendControl(this.props.deviceId,this.props.control,e.target.checked)})}getColor(){let e;return this.state.value?e=this.props.control.colorOn||"primary":"switch"===this.props.control.type&&(e=this.props.control.color),"primary"===e?this.props.colors.primary:"secondary"===e?this.props.colors.secondary:e}renderSelect(){return null}renderSlider(){return null}renderColor(){return null}renderIcon(){var e;const t=m(null!==(e=this.props.control.description)&&void 0!==e?e:""),s=h(this.props.control,this.props.colors,this.state.value),o=this.getColor(),i=o===this.props.colors.primary||o===this.props.colors.secondary?{}:{color:o},l=o===this.props.colors.primary?"primary":o===this.props.colors.secondary?"secondary":void 0;return this.props.control.label?(0,a.jsx)(n.Button,{disabled:this.props.disabled,title:t,color:l,style:i,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!this.state.value),startIcon:s,children:m(this.props.control.label)}):(i.width=34,i.height=34,i.minHeight=34,(0,a.jsx)(n.Fab,{disabled:this.props.disabled,size:"small",title:t,color:l,style:i,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!this.state.value),children:s}))}render(){return"button"===this.props.control.type?this.renderButton():"icon"===this.props.control.type?this.renderIcon():"switch"===this.props.control.type?this.renderSwitch():(0,a.jsx)("div",{style:{color:"red"},children:this.props.control.type})}}const g={tooltip:{pointerEvents:"none"}};function y(e){if(!e.status)return null;let t;t="string"===typeof e.status?{connection:e.status}:e.status;const s={fill:"#00ac00"},o={fill:"#ff0000"},i={fill:"#ff9900"};let r=null;return"number"===typeof t.battery&&(r=t.battery>=96&&t.battery<=100?(0,a.jsx)(l.BatteryFull,{style:s}):t.battery>=90&&t.battery<=95?(0,a.jsx)(l.Battery90,{style:s}):t.battery>=80&&t.battery<=89?(0,a.jsx)(l.Battery80,{style:s}):t.battery>=60&&t.battery<=79?(0,a.jsx)(l.Battery60,{style:s}):t.battery>=50&&t.battery<=59?(0,a.jsx)(l.Battery50,{style:s}):t.battery>=30&&t.battery<=49?(0,a.jsx)(l.Battery30,{style:s}):t.battery>=20&&t.battery<=29?(0,a.jsx)(l.Battery20,{style:o}):(0,a.jsx)(l.BatteryAlert,{style:o})),(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:["connected"===t.connection&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:m("connectedIconTooltip"),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,a.jsx)(l.Link,{style:s})})})}),"disconnected"===t.connection&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:m("disconnectedIconTooltip"),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,a.jsx)(l.LinkOff,{style:o})})})}),t.rssi&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:"RSSI",slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,a.jsx)(l.NetworkCheck,{}),(0,a.jsx)("p",{style:{fontSize:"small",margin:0},children:t.rssi})]})})}),"number"===typeof t.battery&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:m("batteryTooltip"),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[r,(0,a.jsxs)("p",{style:{fontSize:"small",margin:0},children:[t.battery,"%"]})]})})}),"string"===typeof t.battery&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:m("batteryTooltip"),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:["charging"===t.battery?(0,a.jsx)(l.BatteryCharging50,{}):(0,a.jsx)(l.BatteryFull,{}),"charging"!==t.battery?t.battery.includes("V")||t.battery.includes("mV")?(0,a.jsx)("p",{style:{fontSize:"small",margin:0},children:t.battery}):(0,a.jsxs)("p",{style:{fontSize:"small",margin:0},children:[(0,a.jsx)("span",{style:{marginRight:4},children:t.battery}),"mV"]}):null]})})}),"boolean"===typeof t.battery&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,a.jsx)(n.Tooltip,{title:m("batteryTooltip"),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:t.battery?(0,a.jsx)(l.BatteryFull,{style:s}):(0,a.jsx)(l.BatteryAlert,{style:o})})})}),t.warning&&(0,a.jsx)("div",{style:{display:"flex",alignItems:"center"},children:"string"===typeof t.warning||"object"===typeof t.warning?(0,a.jsx)(n.Tooltip,{title:m(t.warning),slotProps:{popper:{sx:g.tooltip}},children:(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,a.jsx)(l.Warning,{style:i})})}):(0,a.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,a.jsx)(l.Warning,{style:i})})})]})}var I=s(4531);function T(e){var t,s;const{instanceId:o,socket:n,schema:l,data:r,onChange:c}=e,[d,p]=(0,i.useState)(!1);if(void 0===l)return null;const[h,u]=o.split(".",2);return(0,a.jsxs)(a.Fragment,{children:[d&&(0,a.jsx)("div",{children:d}),(0,a.jsx)(I.JsonConfigComponent,{expertMode:e.expertMode,socket:n,adapterName:h,instance:parseInt(u,10),schema:l,data:r,onError:p,onChange:e=>c(e),embedded:!0,themeName:e.themeName,themeType:e.themeType,theme:e.theme,isFloatComma:void 0===e.isFloatComma?!(null===(t=e.socket.systemConfig)||void 0===t||!t.common.isFloatComma):e.isFloatComma,dateFormat:void 0===e.dateFormat?null===(s=e.socket.systemConfig)||void 0===s?void 0:s.common.dateFormat:e.dateFormat})]})}const j=function(e){const{socket:t,manufacturer:s,model:o,deviceId:i,onImageSelect:n,uploadImagesToInstance:l}=e;return(0,a.jsx)("div",{children:(0,a.jsx)("input",{style:{opacity:0,position:"absolute",width:"45px",height:"45px",zIndex:3},type:"file",accept:"image/*",onChange:e=>{const r=e.target.files;if(!r||0===r.length)return;const a=r[0];if(a){const e=new FileReader;e.onload=e=>{if(!e.target||!e.target.result)return;const r=new Image;r.src=e.target.result,r.onload=async()=>{let e=r.width,a=r.height;e>a?e>50&&(a*=50/e,e=50):a>50&&(e*=50/a,a=50);const c=document.createElement("canvas"),d=c.getContext("2d");if(d){c.width=e,c.height=a,d.drawImage(r,0,0,e,a);const p=c.toDataURL("image/webp"),h="".concat(s?"".concat(s,"_"):"").concat(o||i),u=p.replace(/^data:image\/webp;base64,/,""),v=await t.writeFile64(l,h,u);console.log("saveImage response: ".concat(JSON.stringify(v))),n&&n(p)}}},e.readAsDataURL(a)}}})})};function b(e){return(0,a.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",style:e.style,className:e.className,children:(0,a.jsx)("path",{fill:"currentColor",d:"M21.9,21.9l-8.49-8.49l0,0L3.59,3.59l0,0L2.1,2.1L0.69,3.51L3,5.83V19c0,1.1,0.9,2,2,2h13.17l2.31,2.31L21.9,21.9z M5,18 l3.5-4.5l2.5,3.01L12.17,15l3,3H5z M21,18.17L5.83,3H19c1.1,0,2,0.9,2,2V18.17z"})})}function C(e){return"object"===typeof e?e[r.I18n.getLanguage()]||e.en:e}class w extends i.Component{constructor(e){super(e),this.refresh=()=>{this.setState({details:null}),this.loadDetails().catch(console.error)},this.copyToClipboard=()=>{const e=this.props.device.id;r.Utils.copyToClipboard(e),alert("".concat(m("copied")," ").concat(e," ").concat(m("toClipboard"),"!"))},this.state={open:!1,details:null,data:{},icon:e.device.icon,showControlDialog:!1}}async fetchIcon(){if(!this.props.device.icon){const t=r.I18n.getLanguage(),s=this.props.device.manufacturer&&"object"===typeof this.props.device.manufacturer?this.props.device.manufacturer[t]||this.props.device.manufacturer.en:this.props.device.manufacturer,o=this.props.device.model&&"object"===typeof this.props.device.model?this.props.device.model[t]||this.props.device.model.en:this.props.device.model,i="".concat(s?"".concat(s,"_"):"").concat(o||this.props.device.id);try{const e=await this.props.socket.readFile(this.props.instanceId.replace("system.adapter.",""),"".concat(i,".webp"),!0);e?this.setState({icon:"data:image/".concat(e.mimeType,",").concat(e.file)}):this.setState({icon:""})}catch(e){this.state.icon&&this.setState({icon:""})}}}componentDidMount(){this.fetchIcon().catch((e=>console.error(e)))}async loadDetails(){console.log("Loading device details for ".concat(this.props.device.id,"... from ").concat(this.props.instanceId));const e=await this.props.socket.sendTo(this.props.instanceId,"dm:deviceDetails",this.props.device.id);console.log("Got device details for ".concat(this.props.device.id,":"),e),this.setState({details:e,data:(null===e||void 0===e?void 0:e.data)||{}})}renderDialog(){return this.state.open&&this.state.details?(0,a.jsxs)(n.Dialog,{open:!0,maxWidth:"md",onClose:()=>this.setState({open:!1}),children:[(0,a.jsx)(n.DialogContent,{children:(0,a.jsx)(T,{instanceId:this.props.instanceId,socket:this.props.socket,schema:this.state.details.schema,data:this.state.data,onChange:e=>this.setState({data:e}),themeName:this.props.themeName,themeType:this.props.themeType,theme:this.props.theme,isFloatComma:this.props.isFloatComma,dateFormat:this.props.dateFormat})}),(0,a.jsx)(n.DialogActions,{children:(0,a.jsx)(n.Button,{disabled:!this.props.alive,variant:"contained",color:"primary",onClick:()=>this.setState({open:!1}),autoFocus:!0,children:m("closeButtonText")})})]}):null}renderControlDialog(){var e;if(!this.state.showControlDialog||!this.props.alive)return null;const t={primary:"#111",secondary:"#888"};return(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>this.setState({showControlDialog:!1}),children:[(0,a.jsxs)(n.DialogTitle,{children:[this.props.title,(0,a.jsx)(n.IconButton,{style:{position:"absolute",top:5,right:5,zIndex:10},onClick:()=>this.setState({showControlDialog:!1}),children:(0,a.jsx)(l.Close,{})})]}),(0,a.jsx)(n.DialogContent,{style:{display:"flex",flexDirection:"column"},children:null===(e=this.props.device.controls)||void 0===e?void 0:e.map((e=>(0,a.jsx)(f,{disabled:!1,control:e,socket:this.props.socket,colors:t,deviceId:this.props.device.id,controlHandler:this.props.controlHandler,controlStateHandler:this.props.controlStateHandler},e.id)))})]})}renderControls(){var e,t,s;const o={primary:"#111",secondary:"#888"},i=null===(e=this.props.device.controls)||void 0===e?void 0:e[0];return 1!==(null===(t=this.props.device.controls)||void 0===t?void 0:t.length)||!i||"icon"!==i.type&&"switch"!==i.type||i.label?null!==(s=this.props.device.controls)&&void 0!==s&&s.length?(0,a.jsx)(n.Fab,{size:"small",disabled:!this.props.alive,onClick:()=>this.setState({showControlDialog:!0}),children:(0,a.jsx)(l.VideogameAsset,{})}):null:(0,a.jsx)(f,{disabled:!this.props.alive,control:i,colors:o,socket:this.props.socket,deviceId:this.props.device.id,controlHandler:this.props.controlHandler,controlStateHandler:this.props.controlStateHandler})}renderActions(){var e;return null!==(e=this.props.device.actions)&&void 0!==e&&e.length?this.props.device.actions.map((e=>(0,a.jsx)(x,{disabled:!this.props.alive,deviceId:this.props.device.id,action:e,deviceHandler:this.props.deviceHandler,refresh:this.refresh},e.id))):null}renderSmall(){const e=this.props.device.hasDetails,t=this.props.device.status?Array.isArray(this.props.device.status)?this.props.device.status:[this.props.device.status]:[],s=this.state.icon?(0,a.jsx)(r.IconDeviceType,{src:this.state.icon}):(0,a.jsx)(b,{});return(0,a.jsxs)(n.Card,{sx:{maxWidth:345,minWidth:200},children:[(0,a.jsx)(n.CardHeader,{sx:e=>({backgroundColor:"primary"===this.props.device.color?e.palette.primary.main:"secondary"===e.palette.secondary.main?e.palette.secondary.main:this.props.device.color||e.palette.secondary.main,color:this.props.device.color&&"primary"!==this.props.device.color&&"secondary"!==this.props.device.color?r.Utils.invertColor(this.props.device.color,!0):e.palette.secondary.contrastText,maxWidth:345}),avatar:(0,a.jsxs)("div",{children:[this.props.uploadImagesToInstance?(0,a.jsx)(j,{uploadImagesToInstance:this.props.uploadImagesToInstance,deviceId:this.props.device.id,manufacturer:C(this.props.device.manufacturer),model:C(this.props.device.model),onImageSelect:e=>{e&&this.setState({icon:e})},socket:this.props.socket}):null,s]}),action:e?(0,a.jsx)(n.IconButton,{"aria-label":"settings",onClick:()=>{this.state.open||(this.loadDetails().catch(console.error),this.setState({open:!0}))},children:(0,a.jsx)(l.MoreVert,{})}):null,title:this.props.title,subheader:this.props.device.manufacturer?(0,a.jsxs)("span",{children:[(0,a.jsxs)("b",{style:{marginRight:4},children:[m("manufacturer"),":"]}),C(this.props.device.manufacturer)]}):null}),(0,a.jsxs)(n.CardContent,{style:{position:"relative"},children:[null!==t&&void 0!==t&&t.length?(0,a.jsx)("div",{style:{display:"flex",position:"absolute",top:-11,background:"#88888880",padding:"0 8px",borderRadius:5,width:"calc(100% - 46px)"},children:t.map(((e,t)=>(0,a.jsx)(y,{status:e},t)))}):null,(0,a.jsx)("div",{children:(0,a.jsxs)(n.Typography,{variant:"body1",children:[(0,a.jsxs)("div",{onClick:this.copyToClipboard,style:{textOverflow:"ellipsis",overflow:"hidden"},children:[(0,a.jsx)("b",{children:"ID:"}),(0,a.jsx)("span",{style:{marginLeft:4},children:this.props.device.id.replace(/.*\.\d\./,"")})]}),this.props.device.manufacturer?(0,a.jsxs)("div",{children:[(0,a.jsxs)("b",{style:{marginRight:4},children:[m("manufacturer"),":"]}),C(this.props.device.manufacturer)]}):null,this.props.device.model?(0,a.jsxs)("div",{children:[(0,a.jsxs)("b",{style:{marginRight:4},children:[m("model"),":"]}),C(this.props.device.model)]}):null]})})]}),(0,a.jsxs)(n.CardActions,{disableSpacing:!0,children:[this.renderActions(),(0,a.jsx)("div",{style:{flexGrow:1}}),this.renderControls()]}),this.renderDialog(),this.renderControlDialog()]})}renderBig(){var e,t,s,o,i;const c={zIndex:2,maxWidth:"100%",maxHeight:"100%",color:"#FFF"},d=this.props.device.status?Array.isArray(this.props.device.status)?this.props.device.status:[this.props.device.status]:[],p=this.state.icon?(0,a.jsx)(r.IconDeviceType,{src:this.state.icon,style:c}):(0,a.jsx)(b,{style:c}),h=(null===(e=this.state.details)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.name)||this.props.title||"";return(0,a.jsxs)(n.Paper,{style:{width:300,minHeight:280,margin:10,overflow:"hidden",display:"inline-block"},children:[(0,a.jsxs)(n.Box,{sx:e=>({backgroundColor:e.palette.secondary.main}),style:{display:"flex",alignItems:"center",gap:8,paddingLeft:8,paddingRight:8,position:"relative",minHeight:60,color:"#000"},children:[(0,a.jsxs)("div",{style:{height:45,width:45,justifyContent:"center",display:"flex",alignItems:"center"},children:[this.props.uploadImagesToInstance?(0,a.jsx)(j,{uploadImagesToInstance:this.props.uploadImagesToInstance,deviceId:this.props.device.id,manufacturer:C(this.props.device.manufacturer),model:C(this.props.device.model),onImageSelect:e=>{e&&this.setState({icon:e})},socket:this.props.socket}):null,p]}),(0,a.jsx)(n.Box,{style:{fontSize:16,fontWeight:"bold",overflow:"hidden",textOverflow:"ellipsis"},title:h.length>20?h:void 0,sx:e=>({color:e.palette.secondary.contrastText}),children:(null===(s=this.state.details)||void 0===s||null===(o=s.data)||void 0===o?void 0:o.name)||this.props.title}),this.props.device.hasDetails?(0,a.jsx)(n.Fab,{disabled:!this.props.alive,size:"small",style:{right:20,bottom:-20,position:"absolute"},onClick:()=>{this.state.open||(this.loadDetails().catch(console.error),this.setState({open:!0}))},color:"primary",children:(0,a.jsx)(l.MoreVert,{})}):null]}),(0,a.jsx)("div",{style:{padding:"15px 15px 0 15px",height:41},children:d.map(((e,t)=>(0,a.jsx)(y,{status:e},t)))}),(0,a.jsxs)("div",{style:{height:"calc(100% - 116px)"},children:[(0,a.jsxs)(n.Typography,{variant:"body1",style:{padding:"20px 16px 0 16px",height:133},children:[(0,a.jsxs)("div",{onClick:this.copyToClipboard,children:[(0,a.jsx)("b",{style:{marginRight:4},children:"ID:"}),this.props.device.id.replace(/.*\.\d\./,"")]}),this.props.device.manufacturer?(0,a.jsxs)("div",{children:[(0,a.jsxs)("b",{style:{marginRight:4},children:[m("manufacturer"),":"]}),C(this.props.device.manufacturer)]}):null,this.props.device.model?(0,a.jsxs)("div",{children:[(0,a.jsxs)("b",{style:{marginRight:4},children:[m("model"),":"]}),C(this.props.device.model)]}):null]}),!(null===(i=this.props.device.actions)||void 0===i||!i.length)&&(0,a.jsxs)("div",{style:{flex:1,position:"relative",display:"flex",gap:8,paddingBottom:5,height:34,paddingLeft:10,paddingRight:10},children:[this.renderActions(),(0,a.jsx)("div",{style:{flexGrow:1}}),this.renderControls()]})]}),this.renderDialog(),this.renderControlDialog()]},this.props.id)}render(){return this.props.smallCards?this.renderSmall():this.renderBig()}}const B=w;class S extends i.Component{constructor(e){super(e),this.responseTimeout=null,this.instanceHandler=void 0,this.deviceHandler=void 0,this.controlHandler=void 0,this.controlStateHandler=void 0,this.sendActionToInstance=(e,t,s)=>{(async()=>{this.setState({showSpinner:!0}),this.responseTimeout=setTimeout((()=>{this.setState({showSpinner:!1}),window.alert(r.I18n.t("ra_No response from the backend"))}),5e3);const i=await this.props.socket.sendTo(this.props.selectedInstance,e,t);this.responseTimeout&&(clearTimeout(this.responseTimeout),this.responseTimeout=null);const n=i.type;switch(console.log("Response: ".concat(i.type)),n){case"message":console.log("Message received: ".concat(i.message)),i.message&&this.setState({message:{message:i.message,handleClose:()=>this.setState({message:null},(()=>this.sendActionToInstance("dm:actionProgress",{origin:i.origin},s)))},showSpinner:!1});break;case"confirm":console.log("Confirm received: ".concat(i.confirm)),i.confirm&&this.setState({confirm:{message:i.confirm,handleClose:e=>this.setState({confirm:null},(()=>this.sendActionToInstance("dm:actionProgress",{origin:i.origin,confirm:e},s)))},showSpinner:!1});break;case"form":if(console.log("Form received"),i.form){const e=i.form.data,t={};e&&Object.keys(e).forEach((s=>{void 0!==e[s]&&(t[s]=e[s])})),i.form.data=JSON.parse(JSON.stringify(t)),this.setState({form:(0,o.A)((0,o.A)({},i.form),{},{changed:!1,originalData:JSON.stringify(t),handleClose:e=>this.setState({form:null},(()=>{console.log("Form ".concat(JSON.stringify(e))),this.sendActionToInstance("dm:actionProgress",{origin:i.origin,data:e},s)}))}),showSpinner:!1})}break;case"progress":if(i.progress)if(this.state.progress){const e=(0,o.A)((0,o.A)({},this.state.progress),i.progress);this.setState({progress:e,showSpinner:!1})}else this.setState({progress:i.progress,showSpinner:!1});this.sendActionToInstance("dm:actionProgress",{origin:i.origin},s);break;case"result":console.log("Response content",i.result),i.result.refresh&&(!0===i.result.refresh?(console.log("Refreshing all"),this.loadData()):"instance"===i.result.refresh?console.log("Refreshing instance infos: ".concat(this.props.selectedInstance)):"device"===i.result.refresh?s?(console.log("Refreshing device infos: ".concat(this.props.selectedInstance)),s()):console.log('No refresh function provided to refresh "device"'):console.log("Not refreshing anything")),i.result.error?(console.error("Error: ".concat(i.result.error.message)),this.setState({showToast:i.result.error.message,showSpinner:!1})):this.setState({showSpinner:!1});break;default:console.log("Unknown response type: ".concat(n)),this.setState({showSpinner:!1})}})().catch(console.error)},this.sendControlToInstance=async(e,t)=>{const s=await this.props.socket.sendTo(this.props.selectedInstance,e,t),o=s.type;if(console.log("Response: ".concat(s.type)),"result"===s.type){if(console.log("Response content",s.result),s.result.error)console.error("Error: ".concat(s.result.error.message)),this.setState({showToast:s.result.error.message});else if(void 0!==s.result.state)return s.result.state}else console.warn("Unexpected response type",o);return null},this.state={showSpinner:!1,showToast:null,message:null,confirm:null,form:null,progress:null,showConfirmation:null,showInput:null,inputValue:null},this.instanceHandler=e=>()=>{e.confirmation?this.setState({showConfirmation:e}):e.inputBefore?this.setState({showInput:e}):this.sendActionToInstance("dm:instanceAction",{actionId:e.id})},this.deviceHandler=(e,t,s)=>()=>{t.confirmation?this.setState({showConfirmation:(0,o.A)((0,o.A)({},t),{},{deviceId:e,refresh:s})}):t.inputBefore?this.setState({showInput:(0,o.A)((0,o.A)({},t),{},{deviceId:e,refresh:s}),inputValue:t.inputBefore.defaultValue||""}):this.sendActionToInstance("dm:deviceAction",{deviceId:e,actionId:t.id},s)},this.controlHandler=(e,t,s)=>()=>this.sendControlToInstance("dm:deviceControl",{deviceId:e,controlId:t.id,state:s}),this.controlStateHandler=(e,t)=>()=>this.sendControlToInstance("dm:deviceControlState",{deviceId:e,controlId:t.id}),this.props.registerHandler&&this.props.registerHandler((()=>this.loadData()))}componentWillUnmount(){this.responseTimeout&&(clearTimeout(this.responseTimeout),this.responseTimeout=null)}loadData(){console.error("loadData not implemented")}loadDevices(){return this.props.socket.sendTo(this.props.selectedInstance,"dm:listDevices")}loadInstanceInfos(){return this.props.socket.sendTo(this.props.selectedInstance,"dm:instanceInfo")}renderMessageDialog(){var e;return this.state.message?(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>{var e;return null===(e=this.state.message)||void 0===e?void 0:e.handleClose()},hideBackdrop:!0,"aria-describedby":"message-dialog-description",children:[(0,a.jsx)(n.DialogContent,{children:(0,a.jsx)(n.DialogContentText,{id:"message-dialog-description",children:null===(e=this.state.message)||void 0===e?void 0:e.message})}),(0,a.jsx)(n.DialogActions,{children:(0,a.jsx)(n.Button,{color:"primary",onClick:()=>{var e;return null===(e=this.state.message)||void 0===e?void 0:e.handleClose()},variant:"contained",autoFocus:!0,children:m("okButtonText")})})]}):null}renderConfirmDialog(){var e;return this.state.confirm?(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>{var e;return null===(e=this.state.confirm)||void 0===e?void 0:e.handleClose()},hideBackdrop:!0,"aria-describedby":"confirm-dialog-description",children:[(0,a.jsx)(n.DialogContent,{children:(0,a.jsx)(n.DialogContentText,{id:"confirm-dialog-description",children:m(null===(e=this.state.confirm)||void 0===e?void 0:e.message)})}),(0,a.jsxs)(n.DialogActions,{children:[(0,a.jsx)(n.Button,{variant:"contained",color:"primary",onClick:()=>{var e;return null===(e=this.state.confirm)||void 0===e?void 0:e.handleClose(!0)},autoFocus:!0,children:m("yesButtonText")}),(0,a.jsx)(n.Button,{variant:"contained",color:"grey",onClick:()=>{var e;return null===(e=this.state.confirm)||void 0===e?void 0:e.handleClose(!1)},autoFocus:!0,children:m("noButtonText")})]})]}):null}renderSnackbar(){return(0,a.jsx)(n.Snackbar,{open:!!this.state.showToast,autoHideDuration:6e3,onClose:()=>this.setState({showToast:null}),message:this.state.showToast})}getOkButton(e){var t,s,o,i,l,c,d;return"string"===typeof e&&(e=void 0),(0,a.jsx)(n.Button,{disabled:!(null!==(t=this.state.form)&&void 0!==t&&t.changed),variant:(null===(s=e)||void 0===s?void 0:s.variant)||"contained",color:(null===(o=e)||void 0===o?void 0:o.color)||"primary",onClick:()=>{var e,t;return(null===(e=this.state.form)||void 0===e?void 0:e.handleClose)&&this.state.form.handleClose(null===(t=this.state.form)||void 0===t?void 0:t.data)},startIcon:null!==(i=e)&&void 0!==i&&i.icon?(0,a.jsx)(r.Icon,{src:null===(l=e)||void 0===l?void 0:l.icon}):void 0,children:m((null===(c=e)||void 0===c?void 0:c.label)||"okButtonText",null===(d=e)||void 0===d?void 0:d.noTranslation)},"apply")}getCancelButton(e){var t,s,o,i,c,d;let p=!1;return"string"===typeof e&&(p="close"===e,e=void 0),(0,a.jsx)(n.Button,{variant:(null===(t=e)||void 0===t?void 0:t.variant)||"contained",color:(null===(s=e)||void 0===s?void 0:s.color)||"grey",onClick:()=>{var e;return(null===(e=this.state.form)||void 0===e?void 0:e.handleClose)&&this.state.form.handleClose()},startIcon:p?(0,a.jsx)(l.Close,{}):null!==(o=e)&&void 0!==o&&o.icon?(0,a.jsx)(r.Icon,{src:null===(i=e)||void 0===i?void 0:i.icon}):void 0,children:m((null===(c=e)||void 0===c?void 0:c.label)||"cancelButtonText",null===(d=e)||void 0===d?void 0:d.noTranslation)},"cancel")}renderFormDialog(){var e,t,s;if(!this.state.form||!this.state.form.schema)return null;let i;return this.state.form.buttons?(i=[],this.state.form.buttons.forEach((e=>{"apply"===e||"apply"===e.type?i.push(this.getOkButton(e)):i.push(this.getCancelButton(e))}))):i=[this.getOkButton(),this.getCancelButton()],(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>{var e;return(null===(e=this.state.form)||void 0===e?void 0:e.handleClose)&&this.state.form.handleClose()},hideBackdrop:!0,fullWidth:!0,maxWidth:this.state.form.maxWidth||"md",children:[null!==(e=this.state.form)&&void 0!==e&&e.title?(0,a.jsx)(n.DialogTitle,{children:m((null===(t=this.state.form)||void 0===t?void 0:t.label)||(null===(s=this.state.form)||void 0===s?void 0:s.title),this.state.form.noTranslation)}):null,(0,a.jsx)(n.DialogContent,{children:(0,a.jsx)(T,{instanceId:this.props.selectedInstance,schema:this.state.form.schema,data:this.state.form.data||{},socket:this.props.socket,onChange:e=>{console.log("handleFormChange",{data:e});const t=(0,o.A)({},this.state.form);t&&(t.data=e,t.changed=JSON.stringify(e)!==t.originalData,this.setState({form:t}))},themeName:this.props.themeName,themeType:this.props.themeType,theme:this.props.theme,isFloatComma:this.props.isFloatComma,dateFormat:this.props.dateFormat})}),(0,a.jsx)(n.DialogActions,{children:i})]})}renderProgressDialog(){var e,t;return null!==(e=this.state.progress)&&void 0!==e&&e.open?(0,a.jsx)(n.Dialog,{open:!0,onClose:()=>{},hideBackdrop:!0,children:(0,a.jsx)(n.LinearProgress,{variant:"determinate",value:(null===(t=this.state.progress)||void 0===t?void 0:t.progress)||0})}):null}renderContent(){return null}renderSpinner(){return this.state.showSpinner?(0,a.jsx)(n.Backdrop,{style:{zIndex:1e3},open:!0,children:(0,a.jsx)(n.CircularProgress,{})}):null}renderConfirmationDialog(){return this.state.showConfirmation?(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>this.setState({showConfirmation:null}),children:[(0,a.jsx)(n.DialogTitle,{children:m(!0===this.state.showConfirmation.confirmation?m("areYouSureText"):m(this.state.showConfirmation.confirmation))}),(0,a.jsxs)(n.DialogActions,{children:[(0,a.jsx)(n.Button,{variant:"contained",color:"primary",onClick:()=>{if(!this.state.showConfirmation)return;const e=this.state.showConfirmation;this.setState({showConfirmation:null},(()=>{e.deviceId?this.sendActionToInstance("dm:deviceAction",{actionId:e.id,deviceId:e.deviceId},e.refresh):this.sendActionToInstance("dm:instanceAction",{actionId:e.id})}))},autoFocus:!0,startIcon:(0,a.jsx)(l.Check,{}),children:m("yesButtonText")}),(0,a.jsx)(n.Button,{variant:"contained",color:"grey",onClick:()=>this.setState({showConfirmation:null}),startIcon:(0,a.jsx)(l.Close,{}),children:m("cancelButtonText")})]})]}):null}onShowInputOk(){if(!this.state.showInput)return;const e=this.state.showInput;this.setState({showInput:null},(()=>{var t,s,o,i;e.deviceId?this.sendActionToInstance("dm:deviceAction",{actionId:e.id,deviceId:e.deviceId,value:"checkbox"===(null===(t=e.inputBefore)||void 0===t?void 0:t.type)?!!this.state.inputValue:"number"===(null===(s=e.inputBefore)||void 0===s?void 0:s.type)?parseFloat(this.state.inputValue)||0:this.state.inputValue},e.refresh):this.sendActionToInstance("dm:instanceAction",{actionId:e.id,value:"checkbox"===(null===(o=e.inputBefore)||void 0===o?void 0:o.type)?!!this.state.inputValue:"number"===(null===(i=e.inputBefore)||void 0===i?void 0:i.type)?parseFloat(this.state.inputValue)||0:this.state.inputValue})}))}renderInputDialog(){var e;if(!this.state.showInput||!this.state.showInput.inputBefore)return null;let t=!1;return this.state.showInput.inputBefore.allowEmptyValue||"checkbox"===this.state.showInput.inputBefore.type||(t="number"===this.state.showInput.inputBefore.type||"slider"===this.state.showInput.inputBefore.type?""===this.state.inputValue||null===this.state.inputValue||!window.isFinite(this.state.inputValue):!this.state.inputValue),(0,a.jsxs)(n.Dialog,{open:!0,onClose:()=>this.setState({showInput:null}),children:[(0,a.jsx)(n.DialogTitle,{children:m("pleaseEnterValueText")}),(0,a.jsxs)(n.DialogContent,{children:["text"!==this.state.showInput.inputBefore.type&&"number"!==this.state.showInput.inputBefore.type&&this.state.showInput.inputBefore.type?null:(0,a.jsx)(n.TextField,{autoFocus:!0,margin:"dense",label:m(this.state.showInput.inputBefore.label),slotProps:{htmlInput:"number"===this.state.showInput.inputBefore.type?{min:this.state.showInput.inputBefore.min,max:this.state.showInput.inputBefore.max,step:this.state.showInput.inputBefore.step}:void 0,input:{endAdornment:this.state.inputValue?(0,a.jsx)(n.InputAdornment,{position:"end",children:(0,a.jsx)(n.IconButton,{size:"small",onClick:()=>this.setState({inputValue:""}),children:(0,a.jsx)(l.Close,{})})}):null}},type:"number"===this.state.showInput.inputBefore.type?"number":"text",fullWidth:!0,value:this.state.inputValue,onChange:e=>this.setState({inputValue:e.target.value}),onKeyUp:e=>{"Enter"===e.key&&this.onShowInputOk()}}),"checkbox"===this.state.showInput.inputBefore.type?(0,a.jsx)(n.FormControlLabel,{control:(0,a.jsx)(n.Checkbox,{checked:!!this.state.inputValue,autoFocus:!0,onChange:e=>this.setState({inputValue:e.target.checked})}),label:m(this.state.showInput.inputBefore.label)}):null,"select"===this.state.showInput.inputBefore.type?(0,a.jsxs)(n.FormControl,{fullWidth:!0,children:[(0,a.jsx)(n.InputLabel,{children:m(this.state.showInput.inputBefore.label)}),(0,a.jsx)(n.Select,{variant:"standard",value:this.state.inputValue,onChange:e=>this.setState({inputValue:e.target.value}),children:null===(e=this.state.showInput.inputBefore.options)||void 0===e?void 0:e.map((e=>(0,a.jsx)(n.MenuItem,{value:e.value,children:m(e.label)},e.value)))})]}):null,"slider"===this.state.showInput.inputBefore.type?(0,a.jsxs)(n.Box,{sx:{width:"100%"},children:[(0,a.jsx)(n.Typography,{gutterBottom:!0,children:m(this.state.showInput.inputBefore.label)}),(0,a.jsxs)(n.Grid2,{container:!0,spacing:2,alignItems:"center",children:[(0,a.jsx)(n.Grid2,{children:(0,a.jsx)(n.Slider,{value:"number"===typeof this.state.inputValue?this.state.inputValue:0,onChange:(e,t)=>this.setState({inputValue:t})})}),(0,a.jsx)(n.Grid2,{children:(0,a.jsx)(n.Input,{value:this.state.inputValue,size:"small",onChange:e=>this.setState({inputValue:""===e.target.value?0:Number(e.target.value)}),onBlur:()=>{var e,t;if(!this.state.showInput)return;const s=void 0===(null===(e=this.state.showInput.inputBefore)||void 0===e?void 0:e.min)?0:this.state.showInput.inputBefore.min,o=void 0===(null===(t=this.state.showInput.inputBefore)||void 0===t?void 0:t.max)?100:this.state.showInput.inputBefore.max;this.state.inputValue<s?this.setState({inputValue:s}):this.state.inputValue>o&&this.setState({inputValue:o})},inputProps:{step:this.state.showInput.inputBefore.step,min:void 0===this.state.showInput.inputBefore.min?0:this.state.showInput.inputBefore.min,max:void 0===this.state.showInput.inputBefore.max?100:this.state.showInput.inputBefore.max,type:"number"}})})]})]}):null]}),(0,a.jsxs)(n.DialogActions,{children:[(0,a.jsx)(n.Button,{variant:"contained",disabled:t,color:"primary",onClick:()=>this.onShowInputOk(),startIcon:(0,a.jsx)(l.Check,{}),children:m("yesButtonText")}),(0,a.jsx)(n.Button,{variant:"contained",color:"grey",onClick:()=>this.setState({showInput:null}),startIcon:(0,a.jsx)(l.Close,{}),children:m("cancelButtonText")})]})]})}render(){return(0,a.jsxs)(a.Fragment,{children:[this.renderSnackbar(),this.renderContent(),this.renderConfirmDialog(),this.renderMessageDialog(),this.renderFormDialog(),this.renderProgressDialog(),this.renderConfirmationDialog(),this.renderInputDialog(),this.renderSpinner()]})}}const k=S;function D(e){const{action:t,instanceHandler:s}=e,o=m(null!==t&&void 0!==t&&t.description?t.description:""),i=m(null!==t&&void 0!==t&&t.title?t.title:""),n=u(t);return(0,a.jsx)(c,{tooltip:o,label:i,disabled:t.disabled,Icon:n,onClick:s(t)})}const F=JSON.parse('{"allDevicesFilteredOut":"Alle Ger\xe4te herausgefiltert","batteryTooltip":"Batterie","cancelButtonText":"Abbrechen","closeButtonText":"Schlie\xdfen","connectedIconTooltip":"Verbunden","copied":"Kopiert","disconnectedIconTooltip":"Getrennt","filterLabelText":"Nach Name filtern","instanceLabelText":"Instanz","instanceNotAlive":"Instanz ist nicht aktiv","manufacturer":"Hersteller","model":"Modell","noButtonText":"Nein","noDevicesFoundText":"Keine Ger\xe4te gefunden","noInstanceSelectedText":"Bitte Instanz ausw\xe4hlen","okButtonText":"OK","pleaseEnterValueText":"Bitte eingeben","refreshInstanceList":"Instanzliste aktualisieren","refreshTooltip":"Aktualisieren","toClipboard":"in die Zwischenablage kopiert","yesButtonText":"Ja"}'),A=JSON.parse('{"allDevicesFilteredOut":"All devices filtered out","batteryTooltip":"Battery","cancelButtonText":"Cancel","closeButtonText":"Close","connectedIconTooltip":"Connected","copied":"Copied","disconnectedIconTooltip":"Disconnected","filterLabelText":"Filter by name","instanceLabelText":"Instance","instanceNotAlive":"Instance is not alive","manufacturer":"Manufacturer","model":"Model","noButtonText":"No","noDevicesFoundText":"No devices found","noInstanceSelectedText":"Please select instance","okButtonText":"OK","pleaseEnterValueText":"Please enter","refreshInstanceList":"Refresh instance list","refreshTooltip":"Refresh","toClipboard":"to clipboard","yesButtonText":"Yes"}'),L=JSON.parse('{"allDevicesFilteredOut":"\u0412\u0441\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043e\u0442\u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u043d\u044b","batteryTooltip":"\u0411\u0430\u0442\u0430\u0440\u0435\u044f","cancelButtonText":"\u041e\u0442\u043c\u0435\u043d\u0430","closeButtonText":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","connectedIconTooltip":"\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e","copied":"\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e","disconnectedIconTooltip":"\u041e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043e","filterLabelText":"\u0424\u0438\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u0438\u043c\u0435\u043d\u0438","instanceLabelText":"\u0415\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440","instanceNotAlive":"\u042d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043d\u0435 \u0436\u0438\u0432","manufacturer":"\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c","model":"\u041c\u043e\u0434\u0435\u043b\u044c","noButtonText":"\u041d\u0435\u0442","noDevicesFoundText":"\u0423\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b","noInstanceSelectedText":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440","okButtonText":"\u0425\u041e\u0420\u041e\u0428\u041e","pleaseEnterValueText":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430 \u0432\u0445\u043e\u0434\u0438\u0442\u0435","refreshInstanceList":"\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u043e\u0432","refreshTooltip":"\u041e\u0431\u043d\u043e\u0432\u0438\u0442\u044c","toClipboard":"\u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0435\u043d\u0430","yesButtonText":"\u0414\u0430"}'),N=JSON.parse('{"allDevicesFilteredOut":"Todos os dispositivos foram filtrados","batteryTooltip":"Bateria","cancelButtonText":"Cancelar","closeButtonText":"Fechar","connectedIconTooltip":"Conectado","copied":"Copiado","disconnectedIconTooltip":"Desconectado","filterLabelText":"Filtrar por nome","instanceLabelText":"Inst\xe2ncia","instanceNotAlive":"A inst\xe2ncia n\xe3o est\xe1 ativa","manufacturer":"Fabricante","model":"Modelo","noButtonText":"N\xe3o","noDevicesFoundText":"Nenhum dispositivo encontrado","noInstanceSelectedText":"Selecione a inst\xe2ncia","okButtonText":"OK","pleaseEnterValueText":"Por favor, insira","refreshInstanceList":"Atualizar lista de inst\xe2ncias","refreshTooltip":"Atualizar","toClipboard":"para a \xe1rea de transfer\xeancia","yesButtonText":"Sim"}'),O=JSON.parse('{"allDevicesFilteredOut":"Alle apparaten zijn eruit gefilterd","batteryTooltip":"Batterij","cancelButtonText":"Annuleren","closeButtonText":"Dichtbij","connectedIconTooltip":"Verbonden","copied":"Gekopieerd","disconnectedIconTooltip":"Losgekoppeld","filterLabelText":"Filter op naam","instanceLabelText":"Voorbeeld","instanceNotAlive":"Instantie leeft niet","manufacturer":"Fabrikant","model":"Model","noButtonText":"Nee","noDevicesFoundText":"Geen apparaten gevonden","noInstanceSelectedText":"Selecteer een exemplaar","okButtonText":"OK","pleaseEnterValueText":"Kom binnen alstublieft","refreshInstanceList":"Ververs de exemplaarlijst","refreshTooltip":"Vernieuwen","toClipboard":"naar klembord","yesButtonText":"Ja"}'),V=JSON.parse('{"allDevicesFilteredOut":"Tous les appareils filtr\xe9s","batteryTooltip":"Batterie","cancelButtonText":"Annuler","closeButtonText":"Fermer","connectedIconTooltip":"Connect\xe9","copied":"Copi\xe9","disconnectedIconTooltip":"D\xe9branch\xe9","filterLabelText":"Filtrer par nom","instanceLabelText":"Exemple","instanceNotAlive":"L\'instance n\'est pas vivante","manufacturer":"Fabricant","model":"Mod\xe8le","noButtonText":"Non","noDevicesFoundText":"Aucun p\xe9riph\xe9rique trouv\xe9","noInstanceSelectedText":"Veuillez s\xe9lectionner une instance","okButtonText":"D\'ACCORD","pleaseEnterValueText":"Entrez s\'il vous plait","refreshInstanceList":"Actualiser la liste des instances","refreshTooltip":"Rafra\xeechir","toClipboard":"au presse-papiers","yesButtonText":"Oui"}'),z=JSON.parse('{"allDevicesFilteredOut":"Tutti i dispositivi sono stati filtrati","batteryTooltip":"Batteria","cancelButtonText":"Annulla","closeButtonText":"Vicino","connectedIconTooltip":"Connesso","copied":"Copiato","disconnectedIconTooltip":"Disconnesso","filterLabelText":"Filtra per nome","instanceLabelText":"Esempio","instanceNotAlive":"L\'istanza non \xe8 viva","manufacturer":"Produttore","model":"Modello","noButtonText":"NO","noDevicesFoundText":"Nessun dispositivo trovato","noInstanceSelectedText":"Seleziona l\'istanza","okButtonText":"OK","pleaseEnterValueText":"Prego entra","refreshInstanceList":"Aggiorna l\'elenco delle istanze","refreshTooltip":"ricaricare","toClipboard":"negli appunti","yesButtonText":"S\xcc"}'),H=JSON.parse('{"allDevicesFilteredOut":"Todos los dispositivos filtrados","batteryTooltip":"Bater\xeda","cancelButtonText":"Cancelar","closeButtonText":"Cerca","connectedIconTooltip":"Conectado","copied":"copiado","disconnectedIconTooltip":"Desconectado","filterLabelText":"Filtrar por nombre","instanceLabelText":"Instancia","instanceNotAlive":"La instancia no est\xe1 viva.","manufacturer":"Fabricante","model":"Modelo","noButtonText":"No","noDevicesFoundText":"No se encontraron dispositivos","noInstanceSelectedText":"Por favor seleccione instancia","okButtonText":"DE ACUERDO","pleaseEnterValueText":"Por favor escribe","refreshInstanceList":"Actualizar lista de instancias","refreshTooltip":"Actualizar","toClipboard":"al portapapeles","yesButtonText":"S\xed"}'),P=JSON.parse('{"allDevicesFilteredOut":"Wszystkie urz\u0105dzenia zosta\u0142y odfiltrowane","batteryTooltip":"Bateria","cancelButtonText":"Anulowa\u0107","closeButtonText":"Zamkn\u0105\u0107","connectedIconTooltip":"Po\u0142\u0105czono","copied":"Skopiowano","disconnectedIconTooltip":"Bez\u0142adny","filterLabelText":"Filtruj wed\u0142ug nazwy","instanceLabelText":"Instancja","instanceNotAlive":"Instancja nie \u017cyje","manufacturer":"Producent","model":"Model","noButtonText":"NIE","noDevicesFoundText":"Nie znaleziono urz\u0105dze\u0144","noInstanceSelectedText":"Wybierz instancj\u0119","okButtonText":"OK","pleaseEnterValueText":"Podaj","refreshInstanceList":"Od\u015bwie\u017c list\u0119 instancji","refreshTooltip":"Od\u015bwie\u017ca\u0107","toClipboard":"do schowka","yesButtonText":"Tak"}'),E=JSON.parse('{"allDevicesFilteredOut":"\u0423\u0441\u0456 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457 \u0432\u0456\u0434\u0444\u0456\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u043d\u043e","batteryTooltip":"\u0411\u0430\u0442\u0430\u0440\u0435\u044f","cancelButtonText":"\u0421\u043a\u0430\u0441\u0443\u0432\u0430\u0442\u0438","closeButtonText":"\u0417\u0430\u043a\u0440\u0438\u0442\u0438","connectedIconTooltip":"\u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e","copied":"\u0421\u043a\u043e\u043f\u0456\u0439\u043e\u0432\u0430\u043d\u043e","disconnectedIconTooltip":"\u0412\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043e","filterLabelText":"\u0424\u0456\u043b\u044c\u0442\u0440\u0443\u0432\u0430\u0442\u0438 \u0437\u0430 \u043d\u0430\u0437\u0432\u043e\u044e","instanceLabelText":"\u0415\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440","instanceNotAlive":"\u041f\u0440\u0438\u043c\u0456\u0440\u043d\u0438\u043a \u043d\u0435 \u0436\u0438\u0432\u0438\u0439","manufacturer":"\u0412\u0438\u0440\u043e\u0431\u043d\u0438\u043a","model":"\u041c\u043e\u0434\u0435\u043b\u044c","noButtonText":"\u041d\u0435\u043c\u0430\u0454","noDevicesFoundText":"\u041f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432 \u043d\u0435 \u0437\u043d\u0430\u0439\u0434\u0435\u043d\u043e","noInstanceSelectedText":"\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0435\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440","okButtonText":"\u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0443","pleaseEnterValueText":"\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430 \u0432\u0432\u0435\u0434\u0456\u0442\u044c","refreshInstanceList":"\u041e\u043d\u043e\u0432\u0438\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u0435\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0456\u0432","refreshTooltip":"\u041e\u043d\u043e\u0432\u0438\u0442\u0438","toClipboard":"\u0432 \u0431\u0443\u0444\u0435\u0440 \u043e\u0431\u043c\u0456\u043d\u0443","yesButtonText":"\u0422\u0430\u043a"}'),R=JSON.parse('{"allDevicesFilteredOut":"\u6240\u6709\u8bbe\u5907\u5747\u88ab\u8fc7\u6ee4\u6389","batteryTooltip":"\u7535\u6c60","cancelButtonText":"\u53d6\u6d88","closeButtonText":"\u5173\u95ed","connectedIconTooltip":"\u5df2\u8fde\u63a5","copied":"\u5df2\u590d\u5236","disconnectedIconTooltip":"\u5df2\u65ad\u5f00\u8fde\u63a5","filterLabelText":"\u6309\u540d\u79f0\u8fc7\u6ee4","instanceLabelText":"\u5b9e\u4f8b","instanceNotAlive":"\u5b9e\u4f8b\u4e0d\u5b58\u5728","manufacturer":"\u5236\u9020\u5546","model":"\u578b\u53f7","noButtonText":"\u4e0d","noDevicesFoundText":"\u672a\u627e\u5230\u8bbe\u5907","noInstanceSelectedText":"\u8bf7\u9009\u62e9\u5b9e\u4f8b","okButtonText":"\u597d\u7684","pleaseEnterValueText":"\u8bf7\u8f93\u5165","refreshInstanceList":"\u5237\u65b0\u5b9e\u4f8b\u5217\u8868","refreshTooltip":"\u5237\u65b0","toClipboard":"\u5230\u526a\u8d34\u677f","yesButtonText":"\u662f\u7684"}');class M extends k{constructor(e){super(e),this.lastPropsFilter=void 0,this.lastInstance=void 0,this.lastTriggerLoad=0,this.filterTimeout=void 0,this.language=void 0,this.aliveHandler=(e,t)=>{if(e==="system.adapter.".concat(this.props.selectedInstance,".alive")){const e=!(null===t||void 0===t||!t.val);e!==this.state.alive&&this.setState({alive:e},(()=>{e&&this.componentDidMount().catch(console.error)}))}},M.i18nInitialized||(M.i18nInitialized=!0,r.I18n.extendTranslations({en:A,de:F,ru:L,pt:N,nl:O,fr:V,it:z,es:H,pl:P,uk:E,"zh-cn":R})),Object.assign(this.state,{devices:[],filteredDevices:[],filter:"",instanceInfo:null,loading:null,alive:null,groupKey:""}),this.lastPropsFilter=this.props.filter,this.lastInstance=this.props.selectedInstance,this.lastTriggerLoad=this.props.triggerLoad||0,this.filterTimeout=null,this.language=r.I18n.getLanguage()}async componentDidMount(){let e=!1;if(null===this.state.alive){try{const t=await this.props.socket.getState("system.adapter.".concat(this.props.selectedInstance,".alive"));null!==t&&void 0!==t&&t.val&&(e=!0)}catch(t){console.error(t)}if(this.setState({alive:e},(()=>this.props.socket.subscribeState("system.adapter.".concat(this.props.selectedInstance,".alive"),this.aliveHandler))),!e)return}else e=this.state.alive;if(!this.props.embedded&&e)try{const e=await this.loadInstanceInfos();this.setState({instanceInfo:e})}catch(t){console.error(t)}e&&this.loadData()}componentWillUnmount(){this.props.socket.unsubscribeState("system.adapter.".concat(this.props.selectedInstance,".alive"),this.aliveHandler)}loadData(){this.setState({loading:!0},(async()=>{console.log("Loading devices for ".concat(this.props.selectedInstance,"..."));let e=[];try{e=await this.loadDevices(),e&&Array.isArray(e)||(console.error("Message returned from sendTo() doesn't look like one from DeviceManagement, did you accidentally handle the message in your adapter? ".concat(JSON.stringify(e))),e=[])}catch(t){console.error(t),e=[]}this.setState({devices:e,loading:!1},(()=>this.applyFilter()))}))}getText(e){return"object"===typeof e?e[this.language]||e.en:e}applyFilter(){const e=this.props.embedded?this.props.filter:this.state.filter;if(e){const t=this.state.devices.filter((t=>this.getText(t.name).toLowerCase().includes(e.toLowerCase())));this.setState({filteredDevices:t})}else this.setState({filteredDevices:this.state.devices})}handleFilterChange(e){this.setState({filter:e},(()=>{this.filterTimeout&&clearTimeout(this.filterTimeout),this.filterTimeout=setTimeout((()=>{this.filterTimeout=null,this.applyFilter()}),250)}))}renderGroups(e){return null!==e&&void 0!==e&&e.length?(0,a.jsx)(n.Select,{style:{minWidth:120,marginRight:8,marginTop:12.5},variant:"standard",value:this.state.groupKey||"_",renderValue:t=>{"_"===t&&(t="");const s=e.find((e=>e.value===t));return(0,a.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(null===s||void 0===s?void 0:s.icon)||(0,a.jsx)("div",{style:{width:24}}),(null===s||void 0===s?void 0:s.name)||t]})},onChange:e=>this.setState({groupKey:"_"===e.target.value?"":e.target.value}),children:e.map((e=>(0,a.jsxs)(n.MenuItem,{value:e.value||"_",style:{display:"flex",alignItems:"center",gap:8},children:[e.icon||(0,a.jsx)("div",{style:{width:24}}),e.name]},e.value||"_")))}):null}renderContent(){var e,t;const s={padding:25};(this.props.triggerLoad||0)!==this.lastTriggerLoad&&(this.lastTriggerLoad=this.props.triggerLoad||0,setTimeout((()=>this.loadData()),50)),this.props.embedded&&this.lastPropsFilter!==this.props.filter&&(this.lastPropsFilter=this.props.filter,setTimeout((()=>this.applyFilter()),50)),this.props.embedded&&this.lastInstance!==this.props.selectedInstance&&(this.lastInstance=this.props.selectedInstance,setTimeout((()=>this.loadData()),50));const i=[];let c;if(this.props.embedded||this.state.alive)if(!this.state.devices.length&&this.props.selectedInstance)c=[(0,a.jsx)("div",{style:s,children:(0,a.jsx)("span",{children:m("noDevicesFoundText")})},"notFound")];else if(this.state.devices.length&&!this.state.filteredDevices.length)c=[(0,a.jsx)("div",{style:s,children:(0,a.jsx)("span",{children:m("allDevicesFilteredOut")})},"filtered")];else{let e=this.state.filteredDevices;if(!this.props.embedded&&e.find((e=>e.group))){i.push({name:r.I18n.t("All"),value:"",count:e.length,icon:(0,a.jsx)(l.FilterAltOff,{})}),e.forEach((e=>{if(e.group){const t=i.find((t=>{var s;return t.value===(null===(s=e.group)||void 0===s?void 0:s.key)}));if(t)t.count++;else{const t=e.group.icon?(0,a.jsx)(r.IconDeviceType,{src:e.group.icon}):null;i.push({name:this.getText(e.group.name||e.group.key),value:e.group.key,count:1,icon:t})}}}));const t=e.filter((e=>!e.group));t.length&&i.push({name:r.I18n.t("Unknown"),value:"?",count:t.length,icon:(0,a.jsx)(l.QuestionMark,{})}),this.state.groupKey&&(e="?"===this.state.groupKey?e.filter((e=>{var t;return!(null!==(t=e.group)&&void 0!==t&&t.key)})):e.filter((e=>{var t;return(null===(t=e.group)||void 0===t?void 0:t.key)===this.state.groupKey})),e.length||(c=[(0,a.jsx)("div",{style:s,children:(0,a.jsx)("span",{children:m("allDevicesFilteredOut")})},"filtered")]))}e.length&&(c=e.map((e=>(0,a.jsx)(B,{alive:!!this.state.alive,id:e.id,title:this.getText(e.name),device:e,instanceId:this.props.selectedInstance,uploadImagesToInstance:this.props.uploadImagesToInstance,deviceHandler:this.deviceHandler,controlHandler:this.controlHandler,controlStateHandler:this.controlStateHandler,socket:this.props.socket,themeName:this.props.themeName,themeType:this.props.themeType,theme:this.props.theme,isFloatComma:this.props.isFloatComma,dateFormat:this.props.dateFormat},e.id))))}else c=[(0,a.jsx)("div",{style:s,children:(0,a.jsx)("span",{children:m("instanceNotAlive")})},"notAlive")];return this.props.embedded?(0,a.jsxs)(a.Fragment,{children:[this.state.loading?(0,a.jsx)(n.LinearProgress,{style:{width:"100%"}}):null,c]}):(0,a.jsxs)("div",{style:{width:"100%",height:"100%",overflow:"hidden"},children:[(0,a.jsxs)(n.Toolbar,{variant:"dense",style:{backgroundColor:"#777",display:"flex"},children:[this.props.title,this.props.selectedInstance?(0,a.jsx)(n.Tooltip,{title:m("refreshTooltip"),slotProps:{popper:{sx:{pointerEvents:"none"}}},children:(0,a.jsx)("span",{children:(0,a.jsx)(n.IconButton,{onClick:()=>this.loadData(),disabled:!this.state.alive,size:"small",children:(0,a.jsx)(l.Refresh,{})})})}):null,this.state.alive&&null!==(e=this.state.instanceInfo)&&void 0!==e&&null!==(t=e.actions)&&void 0!==t&&t.length?(0,a.jsx)("div",{style:{marginLeft:20},children:this.state.instanceInfo.actions.map((e=>(0,a.jsx)(D,{action:e,instanceHandler:this.instanceHandler},e.id)))}):null,(0,a.jsx)("div",{style:{flexGrow:1}}),this.renderGroups(i),this.state.alive?(0,a.jsx)(n.TextField,{variant:"standard",style:{width:200},size:"small",label:m("filterLabelText"),onChange:e=>this.handleFilterChange(e.target.value),value:this.state.filter,autoComplete:"off",slotProps:{input:{autoComplete:"new-password",endAdornment:this.state.filter?(0,a.jsx)(n.InputAdornment,{position:"end",children:(0,a.jsx)(n.IconButton,{onClick:()=>this.handleFilterChange(""),edge:"end",children:(0,a.jsx)(l.Clear,{})})}):null},htmlInput:{autoComplete:"off"}}}):null]}),(0,a.jsxs)("div",{style:(0,o.A)({width:"100%",height:"calc(100% - 56px)",marginTop:8,overflow:"auto"},this.props.style),children:[this.state.loading?(0,a.jsx)(n.LinearProgress,{style:{width:"100%"}}):null,c]})]})}}M.i18nInitialized=!1;const W=M}}]);
+//# sourceMappingURL=4720.6112531a.chunk.js.map