npm - iobroker.admin - Versions diffs - 7.4.0 → 7.4.1 - Mend

iobroker.admin 7.4.0 → 7.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/adminWww/static/js/4720.a3767f97.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunksrc_rx=self.webpackChunksrc_rx\|\|[]).push([[4720],{84720:(e,t,s)=>{s.r(t),s.d(t,{default:()=>E});var o=s(29183),i=s(89303),n=s(32075),r=s(16904),l=s(79159);function a(e){const{tooltip:t,label:s,disabled:o,Icon:n,onClick:r}=e,a=!!s&&(0,l.jsx)(i.Typography,{variant:"button",style:{marginLeft:4},children:s});return t?(0,l.jsx)(i.Tooltip,{title:t,slotProps:{popper:{sx:{pointerEvents:"none"}}},children:(0,l.jsx)("span",{children:(0,l.jsxs)(i.IconButton,{onClick:r,disabled:o,size:"small",children:[n,a]})})}):(0,l.jsxs)(i.IconButton,{onClick:r,disabled:o,size:"small",children:[n,a]})}function c(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,l.jsx)(n.Delete,{style:{color:t}}):s.includes("fa-pen")?(0,l.jsx)(n.Edit,{style:{color:t}}):s.includes("fa-redo-alt")?(0,l.jsx)(n.Refresh,{style:{color:t}}):s.includes("fa-plus")?(0,l.jsx)(n.Add,{style:{color:t}}):s.includes("fa-qrcode")\|\|s.includes("qrcode")?(0,l.jsx)(n.QrCode,{style:{color:t}}):s.includes("fa-wifi")?(0,l.jsx)(n.Wifi,{style:{color:t}}):s.includes("fa-wifi-slash")?(0,l.jsx)(n.WifiOff,{style:{color:t}}):s.includes("fa-bluetooth")?(0,l.jsx)(n.Bluetooth,{style:{color:t}}):s.includes("fa-bluetooth-slash")?(0,l.jsx)(n.BluetoothDisabled,{style:{color:t}}):s.includes("fa-eye")?(0,l.jsx)(n.Visibility,{style:{color:t}}):s.includes("fa-search")?(0,l.jsx)(n.Search,{style:{color:t}}):s.includes("fa-unlink")?(0,l.jsx)(n.LinkOff,{style:{color:t}}):s.includes("fa-link")?(0,l.jsx)(n.Link,{style:{color:t}}):s.includes("fa-search-location")?(0,l.jsx)(n.NotListedLocation,{style:{color:t}}):s.includes("fa-play")?(0,l.jsx)(n.PlayArrow,{style:{color:t}}):s.includes("fa-stop")?(0,l.jsx)(n.Stop,{style:{color:t}}):s.includes("fa-pause")?(0,l.jsx)(n.Pause,{style:{color:t}}):s.includes("forward")?(0,l.jsx)(n.FastForward,{style:{color:t}}):s.includes("rewind")?(0,l.jsx)(n.FastRewind,{style:{color:t}}):s.includes("users")\|\|s.includes("group")?(0,l.jsx)(n.Group,{style:{color:t}}):s.includes("user")?(0,l.jsx)(n.Person,{style:{color:t}}):(0,l.jsx)(n.QuestionMark,{style:{color:t}})}function d(e,t,s){return"edit"===e\|\|"rename"===e\|\|"edit"===t\|\|"rename"===t?(0,l.jsx)(n.Edit,{style:{color:s}}):"delete"===e\|\|"delete"===t?(0,l.jsx)(n.Delete,{style:{color:s}}):"refresh"===e\|\|"refresh"===t?(0,l.jsx)(n.Refresh,{style:{color:s}}):"newDevice"===e\|\|"new"===e\|\|"add"===e\|\|"newDevice"===t\|\|"new"===t\|\|"add"===t?(0,l.jsx)(n.Add,{style:{color:s}}):"discover"===e\|\|"search"===e\|\|"discover"===t\|\|"search"===t?(0,l.jsx)(n.Search,{style:{color:s}}):"unpairDevice"===e\|\|"unpair"===e\|\|"unpairDevice"===t\|\|"unpair"===t?(0,l.jsx)(n.LinkOff,{style:{color:s}}):"pairDevice"===e\|\|"pair"===e\|\|"pairDevice"===t\|\|"pair"===t?(0,l.jsx)(n.Link,{style:{color:s}}):"identify"===e\|\|"identify"===t?(0,l.jsx)(n.NotListedLocation,{style:{color:s}}):"play"===e\|\|"play"===t?(0,l.jsx)(n.PlayArrow,{style:{color:s}}):"stop"===e\|\|"stop"===t?(0,l.jsx)(n.Stop,{style:{color:s}}):"pause"===e\|\|"pause"===t?(0,l.jsx)(n.Pause,{style:{color:s}}):"forward"===e\|\|"next"===e\|\|"forward"===t\|\|"next"===t?(0,l.jsx)(n.FastForward,{style:{color:s}}):"rewind"===e\|\|"previous"===e\|\|"rewind"===t\|\|"previous"===t?(0,l.jsx)(n.FastRewind,{style:{color:s}}):"lamp"===e\|\|"light"===e\|\|"lamp"===t\|\|"light"===t?(0,l.jsx)(n.Lightbulb,{style:{color:s}}):"backlight"===e\|\|"backlight"===t?(0,l.jsx)(n.Fluorescent,{style:{color:s}}):"dimmer"===e\|\|"dimmer"===t?(0,l.jsx)(n.WbIncandescent,{style:{color:s}}):"socket"===e\|\|"socket"===t?(0,l.jsx)(n.Power,{style:{color:s}}):"settings"===e\|\|"settings"===t?(0,l.jsx)(n.Settings,{style:{color:s}}):"users"===e\|\|"group"===e\|\|"users"===t\|\|"group"===t?(0,l.jsx)(n.Group,{style:{color:s}}):"user"===e\|\|"user"===t?(0,l.jsx)(n.Person,{style:{color:s}}):"qrcode"===e\|\|"qrcode"===t?(0,l.jsx)(n.QrCode,{style:{color:s}}):"identify"===e\|\|"identify"===t?(0,l.jsx)(n.WifiFind,{style:{color:s}}):"info"===e\|\|"info"===t?(0,l.jsx)(n.Info,{style:{color:s}}):(0,l.jsx)(n.QuestionMark,{style:{color:s}})}function p(e,t,s){var o,i,n,a;if(!e)return null;let p=s&&e.colorOn\|\|e.color\|\|(e.state?"primary":"inherit");return t&&("primary"===p?p=t.primary:"secondary"===p&&(p=t.secondary)),null!==(o=e.icon)&&void 0!==o&&o.startsWith("fa-")\|\|null!==(i=e.icon)&&void 0!==i&&i.startsWith("fas")?c(e.icon,p):s&&null!==(n=e.iconOn)&&void 0!==n&&n.startsWith("data:image")?(0,l.jsx)(r.Icon,{src:e.iconOn,style:{color:p}}):null!==(a=e.icon)&&void 0!==a&&a.startsWith("data:image")?(0,l.jsx)(r.Icon,{src:e.icon,style:{color:p}}):d(e.id,e.icon,p)}function h(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")?c(e.icon,e.color):null!==(o=e.icon)&&void 0!==o&&o.startsWith("data:image")?(0,l.jsx)(r.Icon,{src:e.icon,style:{color:e.color}}):d(e.id,e.icon,e.color):null}let u;function x(e){return u=u\|\|r.I18n.getLanguage(),"object"===typeof e?e[u]\|\|e.en:r.I18n.t(e)}function m(e){var t;const{deviceId:s,action:o,refresh:i,deviceHandler:n,disabled:r}=e,c=h(o),d=x(null!==(t=o.description)&&void 0!==t?t:"")\|\|(c?null:o.id);return(0,l.jsx)(a,{tooltip:d\|\|void 0,disabled:r\|\|o.disabled,Icon:c,onClick:n(s,o,i)})}class v extends o.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=x(null!==(e=this.props.control.description)&&void 0!==e?e:""),s=p(this.props.control,this.props.colors,this.state.value);return this.props.control.label?(0,l.jsx)(i.Button,{disabled:this.props.disabled,title:t,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!0),startIcon:s,children:x(this.props.control.label)}):(0,l.jsx)(i.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=x(null!==(e=this.props.control.description)&&void 0!==e?e:"");return(0,l.jsx)(i.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=x(null!==(e=this.props.control.description)&&void 0!==e?e:""),s=p(this.props.control,this.props.colors,this.state.value),o=this.getColor(),n=o===this.props.colors.primary\|\|o===this.props.colors.secondary?{}:{color:o},r=o===this.props.colors.primary?"primary":o===this.props.colors.secondary?"secondary":void 0;return this.props.control.label?(0,l.jsx)(i.Button,{disabled:this.props.disabled,title:t,color:r,style:n,onClick:()=>this.sendControl(this.props.deviceId,this.props.control,!this.state.value),startIcon:s,children:x(this.props.control.label)}):(n.width=34,n.height=34,n.minHeight=34,(0,l.jsx)(i.Fab,{disabled:this.props.disabled,size:"small",title:t,color:r,style:n,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,l.jsx)("div",{style:{color:"red"},children:this.props.control.type})}}const f={tooltip:{pointerEvents:"none"}};function g(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"},r={fill:"#ff9900"};let a=null;return"number"===typeof t.battery&&(a=t.battery>=96&&t.battery<=100?(0,l.jsx)(n.BatteryFull,{style:s}):t.battery>=90&&t.battery<=95?(0,l.jsx)(n.Battery90,{style:s}):t.battery>=80&&t.battery<=89?(0,l.jsx)(n.Battery80,{style:s}):t.battery>=60&&t.battery<=79?(0,l.jsx)(n.Battery60,{style:s}):t.battery>=50&&t.battery<=59?(0,l.jsx)(n.Battery50,{style:s}):t.battery>=30&&t.battery<=49?(0,l.jsx)(n.Battery30,{style:s}):t.battery>=20&&t.battery<=29?(0,l.jsx)(n.Battery20,{style:o}):(0,l.jsx)(n.BatteryAlert,{style:o})),(0,l.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:["connected"===t.connection&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:x("connectedIconTooltip"),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,l.jsx)(n.Link,{style:s})})})}),"disconnected"===t.connection&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:x("disconnectedIconTooltip"),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,l.jsx)(n.LinkOff,{style:o})})})}),t.rssi&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:"RSSI",slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,l.jsx)(n.NetworkCheck,{}),(0,l.jsx)("p",{style:{fontSize:"small",margin:0},children:t.rssi})]})})}),"number"===typeof t.battery&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:x("batteryTooltip"),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[a,(0,l.jsxs)("p",{style:{fontSize:"small",margin:0},children:[t.battery,"%"]})]})})}),"string"===typeof t.battery&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:x("batteryTooltip"),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:["charging"===t.battery?(0,l.jsx)(n.BatteryCharging50,{}):(0,l.jsx)(n.BatteryFull,{}),"charging"!==t.battery?t.battery.includes("V")\|\|t.battery.includes("mV")?(0,l.jsx)("p",{style:{fontSize:"small",margin:0},children:t.battery}):(0,l.jsxs)("p",{style:{fontSize:"small",margin:0},children:[(0,l.jsx)("span",{style:{marginRight:4},children:t.battery}),"mV"]}):null]})})}),"boolean"===typeof t.battery&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,l.jsx)(i.Tooltip,{title:x("batteryTooltip"),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:t.battery?(0,l.jsx)(n.BatteryFull,{style:s}):(0,l.jsx)(n.BatteryAlert,{style:o})})})}),t.warning&&(0,l.jsx)("div",{style:{display:"flex",alignItems:"center"},children:"string"===typeof t.warning\|\|"object"===typeof t.warning?(0,l.jsx)(i.Tooltip,{title:x(t.warning),slotProps:{popper:{sx:f.tooltip}},children:(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,l.jsx)(n.Warning,{style:r})})}):(0,l.jsx)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:(0,l.jsx)(n.Warning,{style:r})})})]})}var y=s(4531);function I(e){var t,s;const{instanceId:i,socket:n,schema:r,data:a,onChange:c}=e,[d,p]=(0,o.useState)(!1);if(void 0===r)return null;const[h,u]=i.split(".",2);return(0,l.jsxs)(l.Fragment,{children:[d&&(0,l.jsx)("div",{children:d}),(0,l.jsx)(y.JsonConfigComponent,{socket:n,adapterName:h,instance:parseInt(u,10),schema:r,data:a,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:r}=e;return(0,l.jsx)("div",{children:(0,l.jsx)("input",{style:{opacity:0,position:"absolute",width:"45px",height:"45px",zIndex:3},type:"file",accept:"image/",onChange:e=>{const l=e.target.files;if(!l\|\|0===l.length)return;const a=l[0];if(a){const e=new FileReader;e.onload=e=>{if(!e.target\|\|!e.target.result)return;const l=new Image;l.src=e.target.result,l.onload=async()=>{let e=l.width,a=l.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(l,0,0,e,a);const p=c.toDataURL("image/webp"),h=`${s?`${s}_`:""}${o\|\|i}`,u=p.replace(/^data:image\/webp;base64,/,""),x=await t.writeFile64(r,h,u);console.log(`saveImage response: ${JSON.stringify(x)}`),n&&n(p)}}},e.readAsDataURL(a)}}})})};function T(e){return(0,l.jsx)("svg",{viewBox:"0 0 24 24",width:"24",height:"24",style:e.style,className:e.className,children:(0,l.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 b(e){return"object"===typeof e?e[r.I18n.getLanguage()]\|\|e.en:e}class C extends o.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(`${x("copied")} ${e} ${x("toClipboard")}!`)},this.state={open:!1,details:null,data:{},icon:e.device.icon,showControlDialog:!1}}async fetchIcon(){if(!this.props.device.icon){const e=r.I18n.getLanguage(),t=this.props.device.manufacturer&&"object"===typeof this.props.device.manufacturer?this.props.device.manufacturer[e]\|\|this.props.device.manufacturer.en:this.props.device.manufacturer,s=`${t?`${t}_`:""}${(this.props.device.model&&"object"===typeof this.props.device.model?this.props.device.model[e]\|\|this.props.device.model.en:this.props.device.model)\|\|this.props.device.id}`;try{const e=await this.props.socket.readFile(this.props.instanceId.replace("system.adapter.",""),`${s}.webp`,!0);e?this.setState({icon:`data:image/${e.mimeType},${e.file}`}):this.setState({icon:""})}catch{this.state.icon&&this.setState({icon:""})}}}componentDidMount(){this.fetchIcon().catch((e=>console.error(e)))}async loadDetails(){console.log(`Loading device details for ${this.props.device.id}... from ${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 ${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,l.jsxs)(i.Dialog,{open:!0,maxWidth:"md",onClose:()=>this.setState({open:!1}),children:[(0,l.jsx)(i.DialogContent,{children:(0,l.jsx)(I,{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,l.jsx)(i.DialogActions,{children:(0,l.jsx)(i.Button,{disabled:!this.props.alive,variant:"contained",color:"primary",onClick:()=>this.setState({open:!1}),autoFocus:!0,children:x("closeButtonText")})})]}):null}renderControlDialog(){var e;if(!this.state.showControlDialog\|\|!this.props.alive)return null;const t={primary:"#111",secondary:"#888"};return(0,l.jsxs)(i.Dialog,{open:!0,onClose:()=>this.setState({showControlDialog:!1}),children:[(0,l.jsxs)(i.DialogTitle,{children:[this.props.title,(0,l.jsx)(i.IconButton,{style:{position:"absolute",top:5,right:5,zIndex:10},onClick:()=>this.setState({showControlDialog:!1}),children:(0,l.jsx)(n.Close,{})})]}),(0,l.jsx)(i.DialogContent,{style:{display:"flex",flexDirection:"column"},children:null===(e=this.props.device.controls)\|\|void 0===e?void 0:e.map((e=>(0,l.jsx)(v,{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"},r=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)\|\|!r\|\|"icon"!==r.type&&"switch"!==r.type\|\|r.label?null!==(s=this.props.device.controls)&&void 0!==s&&s.length?(0,l.jsx)(i.Fab,{size:"small",disabled:!this.props.alive,onClick:()=>this.setState({showControlDialog:!0}),children:(0,l.jsx)(n.VideogameAsset,{})}):null:(0,l.jsx)(v,{disabled:!this.props.alive,control:r,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,l.jsx)(m,{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,l.jsx)(r.IconDeviceType,{src:this.state.icon}):(0,l.jsx)(T,{});return(0,l.jsxs)(i.Card,{sx:{maxWidth:345,minWidth:200},children:[(0,l.jsx)(i.CardHeader,{sx:e=>({backgroundColor:this.props.device.color\|\|e.palette.secondary.main,color:this.props.device.color?r.Utils.invertColor(this.props.device.color,!0):e.palette.secondary.contrastText,maxWidth:345}),avatar:(0,l.jsxs)("div",{children:[this.props.uploadImagesToInstance?(0,l.jsx)(j,{uploadImagesToInstance:this.props.uploadImagesToInstance,deviceId:this.props.device.id,manufacturer:b(this.props.device.manufacturer),model:b(this.props.device.model),onImageSelect:e=>{e&&this.setState({icon:e})},socket:this.props.socket}):null,s]}),action:e?(0,l.jsx)(i.IconButton,{"aria-label":"settings",onClick:()=>{this.state.open\|\|(this.loadDetails().catch(console.error),this.setState({open:!0}))},children:(0,l.jsx)(n.MoreVert,{})}):null,title:this.props.title,subheader:this.props.device.manufacturer?(0,l.jsxs)("span",{children:[(0,l.jsxs)("b",{style:{marginRight:4},children:[x("manufacturer"),":"]}),b(this.props.device.manufacturer)]}):null}),(0,l.jsxs)(i.CardContent,{style:{position:"relative"},children:[null!==t&&void 0!==t&&t.length?(0,l.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,l.jsx)(g,{status:e},t)))}):null,(0,l.jsx)("div",{children:(0,l.jsxs)(i.Typography,{variant:"body1",children:[(0,l.jsxs)("div",{onClick:this.copyToClipboard,style:{textOverflow:"ellipsis",overflow:"hidden"},children:[(0,l.jsx)("b",{children:"ID:"}),(0,l.jsx)("span",{style:{marginLeft:4},children:this.props.device.id.replace(/.\.\d\./,"")})]}),this.props.device.manufacturer?(0,l.jsxs)("div",{children:[(0,l.jsxs)("b",{style:{marginRight:4},children:[x("manufacturer"),":"]}),b(this.props.device.manufacturer)]}):null,this.props.device.model?(0,l.jsxs)("div",{children:[(0,l.jsxs)("b",{style:{marginRight:4},children:[x("model"),":"]}),b(this.props.device.model)]}):null]})})]}),(0,l.jsxs)(i.CardActions,{disableSpacing:!0,children:[this.renderActions(),(0,l.jsx)("div",{style:{flexGrow:1}}),this.renderControls()]}),this.renderDialog(),this.renderControlDialog()]})}renderBig(){var e,t,s,o,a;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,l.jsx)(r.IconDeviceType,{src:this.state.icon,style:c}):(0,l.jsx)(T,{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,l.jsxs)(i.Paper,{style:{width:300,minHeight:280,margin:10,overflow:"hidden",display:"inline-block"},children:[(0,l.jsxs)(i.Box,{sx:e=>({backgroundColor:e.palette.secondary.main}),style:{display:"flex",alignItems:"center",gap:8,paddingLeft:8,position:"relative",minHeight:60,color:"#000"},children:[(0,l.jsxs)("div",{style:{height:45,width:45,justifyContent:"center",display:"flex",alignItems:"center"},children:[this.props.uploadImagesToInstance?(0,l.jsx)(j,{uploadImagesToInstance:this.props.uploadImagesToInstance,deviceId:this.props.device.id,manufacturer:b(this.props.device.manufacturer),model:b(this.props.device.model),onImageSelect:e=>{e&&this.setState({icon:e})},socket:this.props.socket}):null,p]}),(0,l.jsx)(i.Box,{style:{fontSize:16,fontWeight:"bold",whiteSpace:"nowrap",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,l.jsx)(i.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,l.jsx)(n.MoreVert,{})}):null]}),(0,l.jsx)("div",{style:{padding:"15px 15px 0 15px",height:41},children:d.map(((e,t)=>(0,l.jsx)(g,{status:e},t)))}),(0,l.jsxs)("div",{style:{height:"calc(100% - 116px)"},children:[(0,l.jsxs)(i.Typography,{variant:"body1",style:{padding:"20px 16px 0 16px",height:133},children:[(0,l.jsxs)("div",{onClick:this.copyToClipboard,children:[(0,l.jsx)("b",{style:{marginRight:4},children:"ID:"}),this.props.device.id.replace(/.*\.\d\./,"")]}),this.props.device.manufacturer?(0,l.jsxs)("div",{children:[(0,l.jsxs)("b",{style:{marginRight:4},children:[x("manufacturer"),":"]}),b(this.props.device.manufacturer)]}):null,this.props.device.model?(0,l.jsxs)("div",{children:[(0,l.jsxs)("b",{style:{marginRight:4},children:[x("model"),":"]}),b(this.props.device.model)]}):null]}),!(null===(a=this.props.device.actions)\|\|void 0===a\|\|!a.length)&&(0,l.jsxs)("div",{style:{flex:1,position:"relative",display:"flex",gap:8,paddingBottom:5,height:34,paddingLeft:10,paddingRight:10},children:[this.renderActions(),(0,l.jsx)("div",{style:{flexGrow:1}}),this.renderControls()]})]}),this.renderDialog(),this.renderControlDialog()]},this.props.id)}render(){return this.props.smallCards?this.renderSmall():this.renderBig()}}const w=C;class B extends o.Component{constructor(e){super(e),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});const o=await this.props.socket.sendTo(this.props.selectedInstance,e,t),i=o.type;switch(console.log(`Response: ${o.type}`),i){case"message":console.log(`Message received: ${o.message}`),o.message&&this.setState({message:{message:o.message,handleClose:()=>this.setState({message:null},(()=>this.sendActionToInstance("dm:actionProgress",{origin:o.origin},s)))}});break;case"confirm":console.log(`Confirm received: ${o.confirm}`),o.confirm&&this.setState({confirm:{message:o.confirm,handleClose:e=>this.setState({confirm:null},(()=>this.sendActionToInstance("dm:actionProgress",{origin:o.origin,confirm:e},s)))}});break;case"form":console.log("Form received"),o.form&&this.setState({form:{...o.form,handleClose:e=>this.setState({form:null},(()=>{console.log(`Form ${JSON.stringify(e)}`),this.sendActionToInstance("dm:actionProgress",{origin:o.origin,data:e},s)}))}});break;case"progress":if(o.progress)if(this.state.progress){const e={...this.state.progress,...o.progress};this.setState({progress:e})}else this.setState({progress:o.progress});this.sendActionToInstance("dm:actionProgress",{origin:o.origin},s);break;case"result":console.log("Response content",o.result),o.result.refresh&&(!0===o.result.refresh?(console.log("Refreshing all"),this.loadData()):"instance"===o.result.refresh?console.log(`Refreshing instance infos: ${this.props.selectedInstance}`):"device"===o.result.refresh?s?(console.log(`Refreshing device infos: ${this.props.selectedInstance}`),s()):console.log('No refresh function provided to refresh "device"'):console.log("Not refreshing anything")),o.result.error&&(console.error(`Error: ${o.result.error.message}`),this.setState({showToast:o.result.error.message})),this.setState({showSpinner:!1});break;default:console.log(`Unknown response type: ${i}`),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: ${s.type}`),"result"===s.type){if(console.log("Response content",s.result),s.result.error)console.error(`Error: ${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:{...t,deviceId:e,refresh:s}}):t.inputBefore?this.setState({showInput:{...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()))}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,l.jsxs)(i.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,l.jsx)(i.DialogContent,{children:(0,l.jsx)(i.DialogContentText,{id:"message-dialog-description",children:null===(e=this.state.message)\|\|void 0===e?void 0:e.message})}),(0,l.jsx)(i.DialogActions,{children:(0,l.jsx)(i.Button,{color:"primary",onClick:()=>{var e;return null===(e=this.state.message)\|\|void 0===e?void 0:e.handleClose()},variant:"contained",autoFocus:!0,children:x("okButtonText")})})]}):null}renderConfirmDialog(){var e;return this.state.confirm?(0,l.jsxs)(i.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,l.jsx)(i.DialogContent,{children:(0,l.jsx)(i.DialogContentText,{id:"confirm-dialog-description",children:x(null===(e=this.state.confirm)\|\|void 0===e?void 0:e.message)})}),(0,l.jsxs)(i.DialogActions,{children:[(0,l.jsx)(i.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:x("yesButtonText")}),(0,l.jsx)(i.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:x("noButtonText")})]})]}):null}renderSnackbar(){return(0,l.jsx)(i.Snackbar,{open:!!this.state.showToast,autoHideDuration:6e3,onClose:()=>this.setState({showToast:null}),message:this.state.showToast})}renderFormDialog(){var e,t;return this.state.form&&this.state.form.schema&&this.state.form.data?(0,l.jsxs)(i.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,children:[null!==(e=this.state.form)&&void 0!==e&&e.title?(0,l.jsx)(i.DialogTitle,{children:x(null===(t=this.state.form)\|\|void 0===t?void 0:t.title)}):null,(0,l.jsx)(i.DialogContent,{children:(0,l.jsx)(I,{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={...this.state.form};t&&(t.data=e,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,l.jsxs)(i.DialogActions,{children:[(0,l.jsx)(i.Button,{variant:"contained",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)},autoFocus:!0,children:x("okButtonText")}),(0,l.jsx)(i.Button,{variant:"contained",color:"grey",onClick:()=>{var e;return(null===(e=this.state.form)\|\|void 0===e?void 0:e.handleClose)&&this.state.form.handleClose()},children:x("cancelButtonText")})]})]}):null}renderProgressDialog(){var e,t;return null!==(e=this.state.progress)&&void 0!==e&&e.open?(0,l.jsx)(i.Dialog,{open:!0,onClose:()=>{},hideBackdrop:!0,children:(0,l.jsx)(i.LinearProgress,{variant:"determinate",value:(null===(t=this.state.progress)\|\|void 0===t?void 0:t.progress)\|\|0})}):null}renderContent(){return null}renderSpinner(){var e;return this.state.showSpinner\|\|null!==(e=this.state.progress)&&void 0!==e&&e.open\|\|this.state.message\|\|this.state.confirm\|\|this.state.form?(0,l.jsx)(i.Backdrop,{style:{zIndex:1e3},open:!0,children:(0,l.jsx)(i.CircularProgress,{})}):null}renderConfirmationDialog(){return this.state.showConfirmation?(0,l.jsxs)(i.Dialog,{open:!0,onClose:()=>this.setState({showConfirmation:null}),children:[(0,l.jsx)(i.DialogTitle,{children:x(!0===this.state.showConfirmation.confirmation?x("areYouSureText"):x(this.state.showConfirmation.confirmation))}),(0,l.jsxs)(i.DialogActions,{children:[(0,l.jsx)(i.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,l.jsx)(n.Check,{}),children:x("yesButtonText")}),(0,l.jsx)(i.Button,{variant:"contained",color:"grey",onClick:()=>this.setState({showConfirmation:null}),startIcon:(0,l.jsx)(n.Close,{}),children:x("cancelButtonText")})]})]}):null}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,l.jsxs)(i.Dialog,{open:!0,onClose:()=>this.setState({showInput:null}),children:[(0,l.jsx)(i.DialogTitle,{children:x("pleaseEnterValueText")}),(0,l.jsxs)(i.DialogContent,{children:["text"!==this.state.showInput.inputBefore.type&&"number"!==this.state.showInput.inputBefore.type&&this.state.showInput.inputBefore.type?null:(0,l.jsx)(i.TextField,{autoFocus:!0,margin:"dense",label:x(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,l.jsx)(i.InputAdornment,{position:"end",children:(0,l.jsx)(i.IconButton,{size:"small",onClick:()=>this.setState({inputValue:""}),children:(0,l.jsx)(n.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})}),"checkbox"===this.state.showInput.inputBefore.type?(0,l.jsx)(i.FormControlLabel,{control:(0,l.jsx)(i.Checkbox,{checked:!!this.state.inputValue,autoFocus:!0,onChange:e=>this.setState({inputValue:e.target.checked})}),label:x(this.state.showInput.inputBefore.label)}):null,"select"===this.state.showInput.inputBefore.type?(0,l.jsxs)(i.FormControl,{fullWidth:!0,children:[(0,l.jsx)(i.InputLabel,{children:x(this.state.showInput.inputBefore.label)}),(0,l.jsx)(i.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,l.jsx)(i.MenuItem,{value:e.value,children:x(e.label)},e.value)))})]}):null,"slider"===this.state.showInput.inputBefore.type?(0,l.jsxs)(i.Box,{sx:{width:"100%"},children:[(0,l.jsx)(i.Typography,{gutterBottom:!0,children:x(this.state.showInput.inputBefore.label)}),(0,l.jsxs)(i.Grid2,{container:!0,spacing:2,alignItems:"center",children:[(0,l.jsx)(i.Grid2,{children:(0,l.jsx)(i.Slider,{value:"number"===typeof this.state.inputValue?this.state.inputValue:0,onChange:(e,t)=>this.setState({inputValue:t})})}),(0,l.jsx)(i.Grid2,{children:(0,l.jsx)(i.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,l.jsxs)(i.DialogActions,{children:[(0,l.jsx)(i.Button,{variant:"contained",disabled:t,color:"primary",onClick:()=>{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})}))},startIcon:(0,l.jsx)(n.Check,{}),children:x("yesButtonText")}),(0,l.jsx)(i.Button,{variant:"contained",color:"grey",onClick:()=>this.setState({showInput:null}),startIcon:(0,l.jsx)(n.Close,{}),children:x("cancelButtonText")})]})]})}render(){return(0,l.jsxs)(l.Fragment,{children:[this.renderSnackbar(),this.renderContent(),this.renderSpinner(),this.renderConfirmDialog(),this.renderMessageDialog(),this.renderFormDialog(),this.renderProgressDialog(),this.renderConfirmationDialog(),this.renderInputDialog()]})}}const S=B;function D(e){const{action:t,instanceHandler:s}=e,o=x(null!==t&&void 0!==t&&t.description?t.description:""),i=x(null!==t&&void 0!==t&&t.title?t.title:""),n=h(t);return(0,l.jsx)(a,{tooltip:o,label:i,disabled:t.disabled,Icon:n,onClick:s(t)})}const k=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"}'),F=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"}'),A=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"}'),V=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"}'),N=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"}'),O=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"}'),H=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"}'),P=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"}'),$=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 R extends S{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.${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)}))}},R.i18nInitialized\|\|(R.i18nInitialized=!0,r.I18n.extendTranslations({en:F,de:k,ru:L,pt:A,nl:V,fr:N,it:z,es:O,pl:H,uk:P,"zh-cn":$})),Object.assign(this.state,{devices:[],filteredDevices:[],filter:"",instanceInfo:null,loading:null,alive:null}),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.${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.${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.${this.props.selectedInstance}.alive`,this.aliveHandler)}loadData(){this.setState({loading:!0},(async()=>{console.log(`Loading devices for ${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? ${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)}))}renderContent(){var e,t;const s={padding:25};let o;return(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)),o=this.props.embedded\|\|this.state.alive?!this.state.devices.length&&this.props.selectedInstance?(0,l.jsx)("div",{style:s,children:(0,l.jsx)("span",{children:x("noDevicesFoundText")})}):this.state.devices.length&&!this.state.filteredDevices.length?(0,l.jsx)("div",{style:s,children:(0,l.jsx)("span",{children:x("allDevicesFilteredOut")})}):this.state.filteredDevices.map((e=>(0,l.jsx)(w,{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))):(0,l.jsx)("div",{style:s,children:(0,l.jsx)("span",{children:x("instanceNotAlive")})}),this.props.embedded?(0,l.jsxs)(l.Fragment,{children:[this.state.loading?(0,l.jsx)(i.LinearProgress,{style:{width:"100%"}}):null,o]}):(0,l.jsxs)("div",{style:{width:"100%",height:"100%",overflow:"hidden"},children:[(0,l.jsxs)(i.Toolbar,{variant:"dense",style:{backgroundColor:"#777",display:"flex"},children:[this.props.title,this.props.selectedInstance?(0,l.jsx)(i.Tooltip,{title:x("refreshTooltip"),slotProps:{popper:{sx:{pointerEvents:"none"}}},children:(0,l.jsx)("span",{children:(0,l.jsx)(i.IconButton,{onClick:()=>this.loadData(),disabled:!this.state.alive,size:"small",children:(0,l.jsx)(n.Refresh,{})})})}):null,this.state.alive&&null!==(e=this.state.instanceInfo)&&void 0!==e&&null!==(t=e.actions)&&void 0!==t&&t.length?(0,l.jsx)("div",{style:{marginLeft:20},children:this.state.instanceInfo.actions.map((e=>(0,l.jsx)(D,{action:e,instanceHandler:this.instanceHandler},e.id)))}):null,(0,l.jsx)("div",{style:{flexGrow:1}}),this.state.alive?(0,l.jsx)(i.TextField,{variant:"standard",style:{width:200},size:"small",label:x("filterLabelText"),onChange:e=>this.handleFilterChange(e.target.value),value:this.state.filter,autoComplete:"off",slotProps:{input:{autoComplete:"new-password",endAdornment:this.state.filter?(0,l.jsx)(i.InputAdornment,{position:"end",children:(0,l.jsx)(i.IconButton,{onClick:()=>this.handleFilterChange(""),edge:"end",children:(0,l.jsx)(n.Clear,{})})}):null},htmlInput:{autoComplete:"off"}}}):null]}),(0,l.jsxs)("div",{style:{width:"100%",height:"calc(100% - 56px)",marginTop:8,overflow:"auto",...this.props.style},children:[this.state.loading?(0,l.jsx)(i.LinearProgress,{style:{width:"100%"}}):null,o]})]})}}R.i18nInitialized=!1;const E=R}}]);
2	- //# sourceMappingURL=4720.a3767f97.chunk.js.map

package/adminWww/static/js/4720.a3767f97.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/4720.a3767f97.chunk.js","mappings":"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","sources":["../../../dm-gui-components/src/TooltipButton.tsx","../../../dm-gui-components/src/Utils.tsx","../../../dm-gui-components/src/DeviceActionButton.tsx","../../../dm-gui-components/src/DeviceControl.tsx","../../../dm-gui-components/src/DeviceStatus.tsx","../../../dm-gui-components/src/JsonConfig.tsx","../../../dm-gui-components/src/DeviceImageUpload.tsx","../../../dm-gui-components/src/DeviceCard.tsx","../../../dm-gui-components/src/Communication.tsx","../../../dm-gui-components/src/InstanceActionButton.tsx","../../../dm-gui-components/src/DeviceList.tsx","../../../dm-gui-components/src/index.ts"],"sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip, Typography } from '@mui/material';\n\ninterface TooltipButtonProps {\n tooltip?: string;\n label?: string;\n disabled?: boolean;\n Icon: React.JSX.Element | null;\n onClick?: () => void;\n}\n\nexport default function TooltipButton(props: TooltipButtonProps): React.JSX.Element {\n const { tooltip, label, disabled, Icon, onClick } = props;\n\n const text = !!label && (\n <Typography\n variant=\"button\"\n style={{ marginLeft: 4 }}\n >\n {label}\n </Typography>\n );\n\n if (tooltip) {\n return (\n <Tooltip\n title={tooltip}\n slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n >\n <span>\n <IconButton\n onClick={onClick}\n disabled={disabled}\n size=\"small\"\n >\n {Icon}\n {text}\n </IconButton>\n </span>\n </Tooltip>\n );\n }\n\n return (\n <IconButton\n onClick={onClick}\n disabled={disabled}\n size=\"small\"\n >\n {Icon}\n {text}\n </IconButton>\n );\n}\n","import React from 'react';\n\nimport type { ControlBase } from '@iobroker/dm-utils/build/types/base';\nimport type { ActionBase } from '@iobroker/dm-utils/build/types/api';\nimport {\n Add,\n Bluetooth,\n BluetoothDisabled,\n Delete,\n Edit,\n FastForward,\n FastRewind,\n Fluorescent,\n Group,\n Info,\n Lightbulb,\n Link as LinkIcon,\n LinkOff,\n NotListedLocation,\n Pause,\n Person,\n PlayArrow,\n Power,\n QrCode,\n QuestionMark,\n Refresh,\n Search,\n Settings,\n Stop,\n Visibility,\n WbIncandescent,\n Wifi,\n WifiFind,\n WifiOff,\n} from '@mui/icons-material';\n\nimport { I18n, Icon } from '@iobroker/adapter-react-v5';\n\nfunction getFaIcon(icon: string, color?: string): React.JSX.Element | null {\n const iconStyle = icon\n .split(' ')\n .map(s => s.trim())\n .filter(s => s !== 'fa-solid');\n\n if (iconStyle.includes('fa-trash-can') || iconStyle.includes('fa-trash')) {\n return <Delete style={{ color }} />;\n }\n if (iconStyle.includes('fa-pen')) {\n return <Edit style={{ color }} />;\n }\n if (iconStyle.includes('fa-redo-alt')) {\n return <Refresh style={{ color }} />;\n }\n if (iconStyle.includes('fa-plus')) {\n return <Add style={{ color }} />;\n }\n if (iconStyle.includes('fa-qrcode') || iconStyle.includes('qrcode')) {\n return <QrCode style={{ color }} />;\n }\n if (iconStyle.includes('fa-wifi')) {\n return <Wifi style={{ color }} />;\n }\n if (iconStyle.includes('fa-wifi-slash')) {\n return <WifiOff style={{ color }} />;\n }\n if (iconStyle.includes('fa-bluetooth')) {\n return <Bluetooth style={{ color }} />;\n }\n if (iconStyle.includes('fa-bluetooth-slash')) {\n return <BluetoothDisabled style={{ color }} />;\n }\n if (iconStyle.includes('fa-eye')) {\n return <Visibility style={{ color }} />;\n }\n if (iconStyle.includes('fa-search')) {\n return <Search style={{ color }} />;\n }\n if (iconStyle.includes('fa-unlink')) {\n return <LinkOff style={{ color }} />;\n }\n if (iconStyle.includes('fa-link')) {\n return <LinkIcon style={{ color }} />;\n }\n if (iconStyle.includes('fa-search-location')) {\n return <NotListedLocation style={{ color }} />;\n }\n if (iconStyle.includes('fa-play')) {\n return <PlayArrow style={{ color }} />;\n }\n if (iconStyle.includes('fa-stop')) {\n return <Stop style={{ color }} />;\n }\n if (iconStyle.includes('fa-pause')) {\n return <Pause style={{ color }} />;\n }\n if (iconStyle.includes('forward')) {\n return <FastForward style={{ color }} />;\n }\n if (iconStyle.includes('rewind')) {\n return <FastRewind style={{ color }} />;\n }\n if (iconStyle.includes('users') || iconStyle.includes('group')) {\n return <Group style={{ color }} />;\n }\n if (iconStyle.includes('user')) {\n return <Person style={{ color }} />;\n }\n return <QuestionMark style={{ color }} />;\n}\n\nfunction getIconByName(name: string, altName?: string, color?: string): React.JSX.Element | null {\n if (name === 'edit' || name === 'rename' || altName === 'edit' || altName === 'rename') {\n return <Edit style={{ color }} />;\n }\n if (name === 'delete' || altName === 'delete') {\n return <Delete style={{ color }} />;\n }\n if (name === 'refresh' || altName === 'refresh') {\n return <Refresh style={{ color }} />;\n }\n if (\n name === 'newDevice' ||\n name === 'new' ||\n name === 'add' ||\n altName === 'newDevice' ||\n altName === 'new' ||\n altName === 'add'\n ) {\n return <Add style={{ color }} />;\n }\n if (name === 'discover' || name === 'search' || altName === 'discover' || altName === 'search') {\n return <Search style={{ color }} />;\n }\n if (name === 'unpairDevice' || name === 'unpair' || altName === 'unpairDevice' || altName === 'unpair') {\n return <LinkOff style={{ color }} />;\n }\n if (name === 'pairDevice' || name === 'pair' || altName === 'pairDevice' || altName === 'pair') {\n return <LinkIcon style={{ color }} />;\n }\n if (name === 'identify' || altName === 'identify') {\n return <NotListedLocation style={{ color }} />;\n }\n if (name === 'play' || altName === 'play') {\n return <PlayArrow style={{ color }} />;\n }\n if (name === 'stop' || altName === 'stop') {\n return <Stop style={{ color }} />;\n }\n if (name === 'pause' || altName === 'pause') {\n return <Pause style={{ color }} />;\n }\n if (name === 'forward' || name === 'next' || altName === 'forward' || altName === 'next') {\n return <FastForward style={{ color }} />;\n }\n if (name === 'rewind' || name === 'previous' || altName === 'rewind' || altName === 'previous') {\n return <FastRewind style={{ color }} />;\n }\n if (name === 'lamp' || name === 'light' || altName === 'lamp' || altName === 'light') {\n return <Lightbulb style={{ color }} />;\n }\n if (name === 'backlight' || altName === 'backlight') {\n return <Fluorescent style={{ color }} />;\n }\n if (name === 'dimmer' || altName === 'dimmer') {\n return <WbIncandescent style={{ color }} />;\n }\n if (name === 'socket' || altName === 'socket') {\n return <Power style={{ color }} />;\n }\n if (name === 'settings' || altName === 'settings') {\n return <Settings style={{ color }} />;\n }\n if (name === 'users' || name === 'group' || altName === 'users' || altName === 'group') {\n return <Group style={{ color }} />;\n }\n if (name === 'user' || altName === 'user') {\n return <Person style={{ color }} />;\n }\n if (name === 'qrcode' || altName === 'qrcode') {\n return <QrCode style={{ color }} />;\n }\n if (name === 'identify' || altName === 'identify') {\n return <WifiFind style={{ color }} />;\n }\n if (name === 'info' || altName === 'info') {\n return <Info style={{ color }} />;\n }\n return <QuestionMark style={{ color }} />;\n}\n\nexport function renderControlIcon(\n action: ControlBase,\n colors?: { primary: string; secondary: string },\n value?: string | number | boolean | null,\n): React.JSX.Element | null {\n if (!action) {\n return null;\n }\n\n let color = (value && action.colorOn) || action.color || (action.state ? 'primary' : 'inherit');\n\n if (colors) {\n if (color === 'primary') {\n color = colors.primary;\n } else if (color === 'secondary') {\n color = colors.secondary;\n }\n }\n\n if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n return getFaIcon(action.icon, color);\n }\n if (value && action.iconOn?.startsWith('data:image')) {\n return (\n <Icon\n src={action.iconOn}\n style={{ color }}\n />\n );\n }\n if (action.icon?.startsWith('data:image')) {\n return (\n <Icon\n src={action.icon}\n style={{ color }}\n />\n );\n }\n return getIconByName(action.id, action.icon, color);\n}\n\nexport function renderActionIcon(action: ActionBase): React.JSX.Element | null {\n if (!action) {\n return null;\n }\n\n if (action.icon?.startsWith('fa-') || action.icon?.startsWith('fas')) {\n return getFaIcon(action.icon, action.color);\n }\n if (action.icon?.startsWith('data:image')) {\n return (\n <Icon\n src={action.icon}\n style={{ color: action.color }}\n />\n );\n }\n return getIconByName(action.id, action.icon, action.color);\n}\n\nlet language: ioBroker.Languages;\n\n/**\n * Get Translation\n */\nexport function getTranslation(\n /** Text to translate */\n text: ioBroker.StringOrTranslated,\n): string {\n language = language || I18n.getLanguage();\n\n if (typeof text === 'object') {\n return text[language] || text.en;\n }\n\n return I18n.t(text);\n}\n","import React from 'react';\n\nimport type { ActionBase, DeviceAction } from '@iobroker/dm-utils';\nimport TooltipButton from './TooltipButton';\nimport { renderActionIcon, getTranslation } from './Utils';\n\ninterface DeviceActionButtonProps {\n deviceId: string;\n action: DeviceAction;\n refresh: () => void;\n deviceHandler: (deviceId: string, action: ActionBase, refresh: () => void) => () => void;\n disabled?: boolean;\n}\n\nexport default function DeviceActionButton(props: DeviceActionButtonProps): React.JSX.Element {\n const { deviceId, action, refresh, deviceHandler, disabled } = props;\n\n const icon = renderActionIcon(action);\n\n const tooltip = getTranslation(action.description ?? '') || (icon ? null : action.id);\n\n return (\n <TooltipButton\n tooltip={tooltip || undefined}\n disabled={disabled || action.disabled}\n Icon={icon}\n onClick={deviceHandler(deviceId, action, refresh)}\n />\n );\n}\n","import React, { Component, type JSX } from 'react';\nimport { Button, Fab, Switch } from '@mui/material';\n\nimport type { Connection } from '@iobroker/adapter-react-v5';\nimport type { ControlBase, ControlState, DeviceControl } from '@iobroker/dm-utils';\n\nimport { renderControlIcon, getTranslation } from './Utils';\n\ninterface DeviceControlProps {\n deviceId: string;\n /** Control object */\n control: DeviceControl;\n socket: Connection;\n /** Control handler to set the state */\n controlHandler: (\n deviceId: string,\n control: ControlBase,\n state: ControlState,\n ) => () => Promise<ioBroker.State | null>;\n /** Control handler to read the state */\n controlStateHandler: (deviceId: string, control: ControlBase) => () => Promise<ioBroker.State | null>;\n colors: { primary: string; secondary: string };\n disabled?: boolean;\n}\n\ninterface DeviceControlState {\n value?: ControlState;\n ts?: number;\n}\n\n/**\n * Device Control component\n */\nexport default class DeviceControlComponent extends Component<DeviceControlProps, DeviceControlState> {\n constructor(props: DeviceControlProps) {\n super(props);\n this.state = {\n value: props.control.state?.val,\n ts: props.control.state?.ts,\n };\n }\n\n async componentDidMount(): Promise<void> {\n if (this.props.control.stateId) {\n const mayBePromise = this.props.socket.subscribeState(this.props.control.stateId, this.stateHandler);\n if (mayBePromise instanceof Promise) {\n await mayBePromise;\n }\n }\n }\n\n stateHandler = async (id: string, state: ioBroker.State): Promise<void> => {\n if (id === this.props.control.stateId && state) {\n // request new state\n const newState: ioBroker.State | null = await this.props.controlStateHandler(\n this.props.deviceId,\n this.props.control,\n )();\n if (newState?.ts && (!this.state.ts || newState.ts > this.state.ts)) {\n this.setState({\n value: newState.val,\n ts: newState.ts,\n });\n }\n }\n };\n\n componentWillUnmount(): void {\n if (this.props.control.stateId) {\n this.props.socket.unsubscribeState(this.props.control.stateId, this.stateHandler);\n }\n }\n\n static getDerivedStateFromProps(\n props: DeviceControlProps,\n state: DeviceControlState,\n ): Partial<DeviceControlState> | null {\n if (props.control.state?.ts && (!state.ts || props.control.state?.ts > state.ts)) {\n return {\n value: props.control.state.val,\n ts: props.control.state.ts,\n };\n }\n\n return null;\n }\n\n async sendControl(deviceId: string, control: ControlBase, value: ControlState): Promise<void> {\n const result = await this.props.controlHandler(deviceId, control, value)();\n if (result?.ts && (!this.state.ts || result?.ts > this.state.ts)) {\n this.setState({\n value: result.val,\n ts: result.ts,\n });\n }\n }\n\n renderButton(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value);\n\n if (!this.props.control.label) {\n return (\n <Fab\n size=\"small\"\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, true)}\n startIcon={icon}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n renderSwitch(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n // const icon = renderIcon(this.props.control, this.props.colors, this.state.value);\n\n return (\n <Switch\n disabled={this.props.disabled}\n title={tooltip}\n checked={!!this.state.value}\n onChange={e => this.sendControl(this.props.deviceId, this.props.control, e.target.checked)}\n />\n );\n }\n\n getColor(): string | undefined {\n let color: string | undefined;\n if (this.state.value) {\n color = this.props.control.colorOn || 'primary';\n } else if (this.props.control.type === 'switch') {\n color = this.props.control.color;\n }\n if (color === 'primary') {\n return this.props.colors.primary;\n }\n if (color === 'secondary') {\n return this.props.colors.secondary;\n }\n return color;\n }\n\n // TODO: implement the following render methods\n // eslint-disable-next-line react/no-unused-class-component-methods,class-methods-use-this\n renderSelect(): JSX.Element | null {\n return null;\n }\n\n // eslint-disable-next-line react/no-unused-class-component-methods,class-methods-use-this\n renderSlider(): JSX.Element | null {\n return null;\n }\n\n // eslint-disable-next-line react/no-unused-class-component-methods,class-methods-use-this\n renderColor(): JSX.Element | null {\n return null;\n }\n\n renderIcon(): JSX.Element {\n const tooltip = getTranslation(this.props.control.description ?? '');\n const icon = renderControlIcon(this.props.control, this.props.colors, this.state.value);\n const color = this.getColor();\n const style: React.CSSProperties | undefined =\n color === this.props.colors.primary || color === this.props.colors.secondary ? {} : { color };\n const colorProps =\n color === this.props.colors.primary\n ? 'primary'\n : color === this.props.colors.secondary\n ? 'secondary'\n : undefined;\n\n if (!this.props.control.label) {\n style.width = 34;\n style.height = 34;\n style.minHeight = 34;\n\n return (\n <Fab\n disabled={this.props.disabled}\n size=\"small\"\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n >\n {icon}\n </Fab>\n );\n }\n return (\n <Button\n disabled={this.props.disabled}\n title={tooltip}\n color={colorProps}\n style={style}\n onClick={() => this.sendControl(this.props.deviceId, this.props.control, !this.state.value)}\n startIcon={icon}\n >\n {getTranslation(this.props.control.label)}\n </Button>\n );\n }\n\n render(): JSX.Element {\n if (this.props.control.type === 'button') {\n return this.renderButton();\n }\n\n if (this.props.control.type === 'icon') {\n return this.renderIcon();\n }\n\n if (this.props.control.type === 'switch') {\n return this.renderSwitch();\n }\n\n return <div style={{ color: 'red' }}>{this.props.control.type}</div>;\n }\n}\n","import React from 'react';\nimport { Tooltip } from '@mui/material';\n\nimport {\n Link as LinkIcon,\n LinkOff as LinkOffIcon,\n NetworkCheck as NetworkCheckIcon,\n Battery20 as Battery20Icon,\n Battery30 as Battery30Icon,\n Battery50 as Battery50Icon,\n Battery60 as Battery60Icon,\n Battery80 as Battery80Icon,\n Battery90 as Battery90Icon,\n BatteryFull as BatteryFullIcon,\n BatteryAlert as BatteryAlertIcon,\n Warning as WarningIcon,\n BatteryCharging50 as BatteryCharging50Icon,\n} from '@mui/icons-material';\n\nimport type { DeviceStatus } from '@iobroker/dm-utils';\n\nimport { getTranslation } from './Utils';\n\nconst styles: Record<string, React.CSSProperties> = {\n tooltip: {\n pointerEvents: 'none',\n },\n};\n\ninterface DeviceStatusProps {\n status: DeviceStatus | null;\n}\n/**\n * Device Status component\n *\n * @param params - Parameters\n * @param params.status - Status object, e.g. { connection: 'connected', battery: 100, rssi: -50 }\n */\nexport default function DeviceStatus(params: DeviceStatusProps): React.JSX.Element | null {\n if (!params.status) {\n return null;\n }\n\n let status: DeviceStatus;\n\n if (typeof params.status === 'string') {\n status = {\n connection: params.status,\n };\n } else {\n status = params.status;\n }\n\n const iconStyleOK = {\n fill: '#00ac00',\n };\n const iconStyleNotOK = {\n fill: '#ff0000',\n };\n const iconStyleWarning = {\n fill: '#ff9900',\n };\n\n let batteryIconTooltip: React.ReactNode = null;\n if (typeof status.battery === 'number') {\n if (status.battery >= 96 && status.battery <= 100) {\n batteryIconTooltip = <BatteryFullIcon style={iconStyleOK} />;\n } else if (status.battery >= 90 && status.battery <= 95) {\n batteryIconTooltip = <Battery90Icon style={iconStyleOK} />;\n } else if (status.battery >= 80 && status.battery <= 89) {\n batteryIconTooltip = <Battery80Icon style={iconStyleOK} />;\n } else if (status.battery >= 60 && status.battery <= 79) {\n batteryIconTooltip = <Battery60Icon style={iconStyleOK} />;\n } else if (status.battery >= 50 && status.battery <= 59) {\n batteryIconTooltip = <Battery50Icon style={iconStyleOK} />;\n } else if (status.battery >= 30 && status.battery <= 49) {\n batteryIconTooltip = <Battery30Icon style={iconStyleOK} />;\n } else if (status.battery >= 20 && status.battery <= 29) {\n batteryIconTooltip = <Battery20Icon style={iconStyleNotOK} />;\n } else {\n batteryIconTooltip = <BatteryAlertIcon style={iconStyleNotOK} />;\n }\n }\n\n return (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n {status.connection === 'connected' && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title={getTranslation('connectedIconTooltip')}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n <LinkIcon style={iconStyleOK} />\n </div>\n </Tooltip>\n </div>\n )}\n\n {status.connection === 'disconnected' && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title={getTranslation('disconnectedIconTooltip')}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n <LinkOffIcon style={iconStyleNotOK} />\n </div>\n </Tooltip>\n </div>\n )}\n\n {status.rssi && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title=\"RSSI\"\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n <NetworkCheckIcon />\n <p style={{ fontSize: 'small', margin: 0 }}>{status.rssi}</p>\n </div>\n </Tooltip>\n </div>\n )}\n\n {typeof status.battery === 'number' && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title={getTranslation('batteryTooltip')}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n {batteryIconTooltip}\n <p style={{ fontSize: 'small', margin: 0 }}>{status.battery}%</p>\n </div>\n </Tooltip>\n </div>\n )}\n\n {typeof status.battery === 'string' && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title={getTranslation('batteryTooltip')}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n {status.battery === 'charging' ? <BatteryCharging50Icon /> : <BatteryFullIcon />}\n {status.battery !== 'charging' ? (\n status.battery.includes('V') || status.battery.includes('mV') ? (\n <p style={{ fontSize: 'small', margin: 0 }}>{status.battery}</p>\n ) : (\n <p style={{ fontSize: 'small', margin: 0 }}>\n <span style={{ marginRight: 4 }}>{status.battery}</span>\n mV\n </p>\n )\n ) : null}\n </div>\n </Tooltip>\n </div>\n )}\n\n {typeof status.battery === 'boolean' && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <Tooltip\n title={getTranslation('batteryTooltip')}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n {status.battery ? (\n <BatteryFullIcon style={iconStyleOK} />\n ) : (\n <BatteryAlertIcon style={iconStyleNotOK} />\n )}\n </div>\n </Tooltip>\n </div>\n )}\n\n {status.warning && (\n <div style={{ display: 'flex', alignItems: 'center' }}>\n {typeof status.warning === 'string' || typeof status.warning === 'object' ? (\n <Tooltip\n title={getTranslation(status.warning)}\n slotProps={{ popper: { sx: styles.tooltip } }}\n >\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n <WarningIcon style={iconStyleWarning} />\n </div>\n </Tooltip>\n ) : (\n <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n <WarningIcon style={iconStyleWarning} />\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n","import React, { useState } from 'react';\nimport type { Connection, AdminConnection, ThemeName, ThemeType, IobTheme } from '@iobroker/adapter-react-v5';\nimport { JsonConfigComponent, type ConfigItemPanel } from '@iobroker/json-config';\n\ninterface JsonConfigDmProps {\n instanceId: string;\n socket: Connection;\n schema: ConfigItemPanel;\n data: Record<string, any>;\n onChange: (data: Record<string, any>) => void;\n themeName: ThemeName;\n themeType: ThemeType;\n theme: IobTheme;\n isFloatComma?: boolean;\n dateFormat?: string;\n}\n\nexport default function JsonConfig(props: JsonConfigDmProps): React.JSX.Element | null {\n const { instanceId, socket, schema, data, onChange } = props;\n const [error, setError] = useState(false);\n\n if (schema === undefined) {\n return null;\n }\n\n const [adapterName, instance] = instanceId.split('.', 2);\n\n return (\n <>\n {error && <div>{error}</div>}\n <JsonConfigComponent\n socket={socket as any as AdminConnection}\n adapterName={adapterName}\n instance={parseInt(instance, 10)}\n schema={schema}\n data={data}\n onError={setError}\n onChange={(_data: Record<string, any>) => onChange(_data)}\n embedded\n themeName={props.themeName}\n themeType={props.themeType}\n theme={props.theme}\n isFloatComma={\n props.isFloatComma === undefined\n ? !!props.socket.systemConfig?.common.isFloatComma\n : props.isFloatComma\n }\n dateFormat={\n props.dateFormat === undefined\n ? (props.socket.systemConfig?.common.dateFormat as string)\n : props.dateFormat\n }\n />\n </>\n );\n\n /*\n JSON adapter config:\n className={classes.scroll}\n socket={socket}\n theme={this.props.theme}\n themeName={this.props.themeName}\n themeType={this.props.themeType}\n adapterName={this.props.adapterName}\n instance={this.props.instance}\n isFloatComma={this.props.isFloatComma}\n dateFormat={this.props.dateFormat}\n schema={this.state.schema}\n common={this.state.common}\n data={this.state.data}\n updateData={this.state.updateData}\n onError={(error) => this.setState({ error })}\n onChange={(data, changed) => this.setState({ data, changed })}\n customs={{ configCustomEasyAccess: ConfigCustomEasyAccess }}\n Object custom:\n instanceObj={instanceObj}\n customObj={customObj}\n custom={true}\n className={ '' }\n adapterName={adapter}\n instance={parseInt(instance.split('.').pop(), 10) || 0}\n socket={this.props.socket}\n theme={this.props.theme}\n themeName={this.props.themeName}\n themeType={this.props.themeType}\n multiEdit={this.props.objectIDs.length > 1}\n\n schema={this.jsonConfigs[adapter].json}\n data={data}\n onError={error =>\n this.setState({error}, () => this.props.onError && this.props.onError(error))}\n onValueChange={(attr, value) => {\n console.log(attr + ' => ' + value);\n const newValues = JSON.parse(JSON.stringify(this.state.newValues));\n newValues[instance] = newValues[instance] || {};\n if (this.commonConfig[instance][attr] === value) {\n delete newValues[instance][attr];\n if (!Object.keys(newValues[instance]).length) {\n delete newValues[instance];\n }\n } else {\n newValues[instance][attr] = value;\n }\n this.setState({newValues, hasChanges: this.isChanged(newValues)}, () =>\n this.props.onChange && this.props.onChange(this.state.hasChanges));\n }}\n */\n}\n","import React, { type ChangeEvent, type ChangeEventHandler } from 'react';\nimport type { Connection } from '@iobroker/adapter-react-v5';\n\ninterface DeviceImageUploadProps {\n socket: Connection;\n manufacturer?: string;\n model?: string;\n deviceId: string;\n onImageSelect: (image: string) => void;\n uploadImagesToInstance: string;\n}\n\nfunction DeviceImageUpload(params: DeviceImageUploadProps): React.JSX.Element | null {\n const { socket, manufacturer, model, deviceId, onImageSelect, uploadImagesToInstance } = params;\n\n const handleImageUpload: ChangeEventHandler<HTMLInputElement> = (event: ChangeEvent<HTMLInputElement>): void => {\n const target = event.target as HTMLInputElement;\n const files: FileList | null = target.files;\n if (!files || files.length === 0) {\n return;\n }\n\n const file = files[0];\n\n if (file) {\n const reader = new FileReader();\n\n reader.onload = (e: ProgressEvent<FileReader>): void => {\n if (!e.target || !e.target.result) {\n return;\n }\n\n const img = new Image();\n img.src = e.target.result as string;\n\n img.onload = async () => {\n const maxWidth = 50;\n const maxHeight = 50;\n let width = img.width;\n let height = img.height;\n\n if (width > height) {\n if (width > maxWidth) {\n height *= maxWidth / width;\n width = maxWidth;\n }\n } else if (height > maxHeight) {\n width *= maxHeight / height;\n height = maxHeight;\n }\n\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n if (ctx) {\n canvas.width = width;\n canvas.height = height;\n ctx.drawImage(img, 0, 0, width, height);\n\n const resizedImage = canvas.toDataURL('image/webp');\n\n // Build the file name from a manufacturer and model, if not available, use device id\n const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || deviceId}`;\n const base64Data = resizedImage.replace(/^data:image\\/webp;base64,/, '');\n const response = await socket.writeFile64(uploadImagesToInstance, fileName, base64Data);\n console.log(`saveImage response: ${JSON.stringify(response)}`);\n\n if (onImageSelect) {\n onImageSelect(resizedImage);\n }\n }\n };\n };\n\n reader.readAsDataURL(file);\n }\n };\n\n const imageUploadButtonStyle: React.CSSProperties = {\n // make the button invisible but still clickable\n opacity: 0,\n position: 'absolute',\n width: '45px',\n height: '45px',\n zIndex: 3,\n };\n\n return (\n <div>\n <input\n style={imageUploadButtonStyle}\n type=\"file\"\n accept=\"image/*\"\n onChange={handleImageUpload}\n />\n </div>\n );\n}\n\nexport default DeviceImageUpload;\n","import React, { Component, type JSX } from 'react';\n\nimport {\n Button,\n Typography,\n Dialog,\n DialogActions,\n DialogContent,\n IconButton,\n Fab,\n DialogTitle,\n Card,\n CardActions,\n CardHeader,\n CardContent,\n Paper,\n Box,\n} from '@mui/material';\n\nimport { MoreVert as MoreVertIcon, VideogameAsset as ControlIcon, Close as CloseIcon } from '@mui/icons-material';\n\nimport {\n Utils,\n type Connection,\n I18n,\n type ThemeName,\n type ThemeType,\n type IobTheme,\n IconDeviceType,\n} from '@iobroker/adapter-react-v5';\nimport type { DeviceDetails, DeviceInfo, ActionBase, ControlBase, ControlState } from '@iobroker/dm-utils';\n\nimport DeviceActionButton from './DeviceActionButton';\nimport DeviceControlComponent from './DeviceControl';\nimport DeviceStatusComponent from './DeviceStatus';\nimport JsonConfig from './JsonConfig';\nimport DeviceImageUpload from './DeviceImageUpload';\nimport { getTranslation } from './Utils';\n\nfunction NoImageIcon(props: { style?: React.CSSProperties; className?: string }): JSX.Element {\n return (\n <svg\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n style={props.style}\n className={props.className}\n >\n <path\n fill=\"currentColor\"\n 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\"\n />\n </svg>\n );\n}\n\ninterface DeviceCardProps {\n title?: string;\n /* Device ID */\n id: string;\n device: DeviceInfo;\n instanceId: string;\n socket: Connection;\n /* Instance, where the images should be uploaded to */\n uploadImagesToInstance?: string;\n deviceHandler: (deviceId: string, action: ActionBase, refresh: () => void) => () => void;\n controlHandler: (\n deviceId: string,\n control: ControlBase,\n state: ControlState,\n ) => () => Promise<ioBroker.State | null>;\n controlStateHandler: (deviceId: string, control: ControlBase) => () => Promise<ioBroker.State | null>;\n smallCards?: boolean;\n alive: boolean;\n themeName: ThemeName;\n themeType: ThemeType;\n theme: IobTheme;\n isFloatComma: boolean;\n dateFormat: string;\n}\n\nfunction getText(text: ioBroker.StringOrTranslated | undefined): string | undefined {\n if (typeof text === 'object') {\n return text[I18n.getLanguage()] || text.en;\n }\n\n return text;\n}\n\ninterface DeviceCardState {\n open: boolean;\n details: DeviceDetails | null;\n data: Record<string, any>;\n icon: string | undefined;\n showControlDialog: boolean;\n}\n\n/**\n * Device Card Component\n */\nclass DeviceCard extends Component<DeviceCardProps, DeviceCardState> {\n constructor(props: DeviceCardProps) {\n super(props);\n\n this.state = {\n open: false,\n details: null,\n data: {},\n icon: props.device.icon,\n showControlDialog: false,\n };\n }\n\n async fetchIcon(): Promise<void> {\n if (!this.props.device.icon) {\n const lang = I18n.getLanguage();\n const manufacturer =\n this.props.device.manufacturer && typeof this.props.device.manufacturer === 'object'\n ? this.props.device.manufacturer[lang] || this.props.device.manufacturer.en\n : this.props.device.manufacturer;\n const model =\n this.props.device.model && typeof this.props.device.model === 'object'\n ? this.props.device.model[lang] || this.props.device.model.en\n : this.props.device.model;\n\n // try to load the icon from file storage\n const fileName = `${manufacturer ? `${manufacturer}_` : ''}${model || this.props.device.id}`;\n\n try {\n const file = await this.props.socket.readFile(\n this.props.instanceId.replace('system.adapter.', ''),\n `${fileName}.webp`,\n true,\n );\n if (file) {\n this.setState({ icon: `data:image/${file.mimeType},${file.file}` });\n } else {\n this.setState({ icon: '' });\n }\n // const response = await fetch(url);\n // if (response.ok) {\n // const blob = await response.blob();\n // const reader = new FileReader();\n // reader.onloadend = () => {\n // setIcon(reader.result);\n // };\n // reader.readAsDataURL(blob);\n // } else {\n // throw new Error('Response not ok');\n // }\n } catch {\n if (this.state.icon) {\n this.setState({ icon: '' });\n }\n }\n }\n }\n\n componentDidMount(): void {\n this.fetchIcon().catch(e => console.error(e));\n }\n\n /**\n * Load the device details\n */\n async loadDetails(): Promise<void> {\n console.log(`Loading device details for ${this.props.device.id}... from ${this.props.instanceId}`);\n const details: DeviceDetails | null = await this.props.socket.sendTo(\n this.props.instanceId,\n 'dm:deviceDetails',\n this.props.device.id,\n );\n console.log(`Got device details for ${this.props.device.id}:`, details);\n this.setState({ details, data: details?.data || {} });\n }\n\n /**\n * Refresh the device details\n */\n refresh = (): void => {\n this.setState({ details: null });\n this.loadDetails().catch(console.error);\n };\n\n /**\n * Copy the device ID to the clipboard\n */\n copyToClipboard = (): void => {\n const textToCopy = this.props.device.id;\n Utils.copyToClipboard(textToCopy);\n alert(`${getTranslation('copied')} ${textToCopy} ${getTranslation('toClipboard')}!`);\n };\n\n renderDialog(): JSX.Element | null {\n if (!this.state.open || !this.state.details) {\n return null;\n }\n\n return (\n <Dialog\n open={!0}\n maxWidth=\"md\"\n onClose={() => this.setState({ open: false })}\n >\n <DialogContent>\n <JsonConfig\n instanceId={this.props.instanceId}\n socket={this.props.socket}\n schema={this.state.details.schema}\n data={this.state.data}\n onChange={(data: Record<string, any>) => this.setState({ data })}\n themeName={this.props.themeName}\n themeType={this.props.themeType}\n theme={this.props.theme}\n isFloatComma={this.props.isFloatComma}\n dateFormat={this.props.dateFormat}\n />\n </DialogContent>\n <DialogActions>\n <Button\n disabled={!this.props.alive}\n variant=\"contained\"\n color=\"primary\"\n onClick={() => this.setState({ open: false })}\n autoFocus\n >\n {getTranslation('closeButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n renderControlDialog(): JSX.Element | null {\n if (!this.state.showControlDialog || !this.props.alive) {\n return null;\n }\n const colors = { primary: '#111', secondary: '#888' };\n return (\n <Dialog\n open={!0}\n onClose={() => this.setState({ showControlDialog: false })}\n >\n <DialogTitle>\n {this.props.title}\n <IconButton\n style={{\n position: 'absolute',\n top: 5,\n right: 5,\n zIndex: 10,\n }}\n onClick={() => this.setState({ showControlDialog: false })}\n >\n <CloseIcon />\n </IconButton>\n </DialogTitle>\n <DialogContent style={{ display: 'flex', flexDirection: 'column' }}>\n {this.props.device.controls?.map(control => (\n <DeviceControlComponent\n disabled={false}\n key={control.id}\n control={control}\n socket={this.props.socket}\n colors={colors}\n deviceId={this.props.device.id}\n controlHandler={this.props.controlHandler}\n controlStateHandler={this.props.controlStateHandler}\n />\n ))}\n </DialogContent>\n </Dialog>\n );\n }\n\n renderControls(): JSX.Element | null {\n const colors = { primary: '#111', secondary: '#888' };\n const firstControl = this.props.device.controls?.[0];\n if (\n this.props.device.controls?.length === 1 &&\n firstControl &&\n (firstControl.type === 'icon' || firstControl.type === 'switch') &&\n !firstControl.label\n ) {\n // control can be placed in button icon\n return (\n <DeviceControlComponent\n disabled={!this.props.alive}\n control={firstControl}\n colors={colors}\n socket={this.props.socket}\n deviceId={this.props.device.id}\n controlHandler={this.props.controlHandler}\n controlStateHandler={this.props.controlStateHandler}\n />\n );\n }\n\n if (this.props.device.controls?.length) {\n // place button and show controls dialog\n return (\n <Fab\n size=\"small\"\n disabled={!this.props.alive}\n onClick={() => this.setState({ showControlDialog: true })}\n >\n <ControlIcon />\n </Fab>\n );\n }\n return null;\n }\n\n renderActions(): JSX.Element[] | null {\n return this.props.device.actions?.length\n ? this.props.device.actions.map(a => (\n <DeviceActionButton\n disabled={!this.props.alive}\n key={a.id}\n deviceId={this.props.device.id}\n action={a}\n deviceHandler={this.props.deviceHandler}\n refresh={this.refresh}\n />\n ))\n : null;\n }\n\n renderSmall(): JSX.Element {\n const hasDetails = this.props.device.hasDetails;\n const status = !this.props.device.status\n ? []\n : Array.isArray(this.props.device.status)\n ? this.props.device.status\n : [this.props.device.status];\n\n const icon = this.state.icon ? <IconDeviceType src={this.state.icon} /> : <NoImageIcon />;\n\n return (\n <Card\n sx={{\n maxWidth: 345,\n minWidth: 200,\n }}\n >\n <CardHeader\n sx={theme => ({\n backgroundColor: this.props.device.color || theme.palette.secondary.main,\n color: this.props.device.color\n ? Utils.invertColor(this.props.device.color, true)\n : theme.palette.secondary.contrastText,\n maxWidth: 345,\n })}\n avatar={\n <div>\n {this.props.uploadImagesToInstance ? (\n <DeviceImageUpload\n uploadImagesToInstance={this.props.uploadImagesToInstance}\n deviceId={this.props.device.id}\n manufacturer={getText(this.props.device.manufacturer)}\n model={getText(this.props.device.model)}\n onImageSelect={(imageData: string): void => {\n if (imageData) {\n this.setState({ icon: imageData });\n }\n }}\n socket={this.props.socket}\n />\n ) : null}\n {icon}\n </div>\n }\n action={\n hasDetails ? (\n <IconButton\n aria-label=\"settings\"\n onClick={() => {\n if (!this.state.open) {\n this.loadDetails().catch(console.error);\n this.setState({ open: true });\n }\n }}\n >\n <MoreVertIcon />\n </IconButton>\n ) : null\n }\n title={this.props.title}\n subheader={\n this.props.device.manufacturer ? (\n <span>\n <b style={{ marginRight: 4 }}>{getTranslation('manufacturer')}:</b>\n {getText(this.props.device.manufacturer)}\n </span>\n ) : null\n }\n />\n <CardContent style={{ position: 'relative' }}>\n {status?.length ? (\n <div\n style={{\n display: 'flex',\n position: 'absolute',\n top: -11,\n background: '#88888880',\n padding: '0 8px',\n borderRadius: 5,\n width: 'calc(100% - 46px)',\n }}\n >\n {status.map((s, i) => (\n <DeviceStatusComponent\n key={i}\n status={s}\n />\n ))}\n </div>\n ) : null}\n <div>\n <Typography variant=\"body1\">\n <div\n onClick={this.copyToClipboard}\n style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n >\n <b>ID:</b>\n <span style={{ marginLeft: 4 }}>{this.props.device.id.replace(/.*\\.\\d\\./, '')}</span>\n </div>\n {this.props.device.manufacturer ? (\n <div>\n <b style={{ marginRight: 4 }}>{getTranslation('manufacturer')}:</b>\n {getText(this.props.device.manufacturer)}\n </div>\n ) : null}\n {this.props.device.model ? (\n <div>\n <b style={{ marginRight: 4 }}>{getTranslation('model')}:</b>\n {getText(this.props.device.model)}\n </div>\n ) : null}\n </Typography>\n </div>\n </CardContent>\n <CardActions disableSpacing>\n {this.renderActions()}\n <div style={{ flexGrow: 1 }} />\n {this.renderControls()}\n </CardActions>\n {this.renderDialog()}\n {this.renderControlDialog()}\n </Card>\n );\n }\n\n renderBig(): JSX.Element {\n const cardStyle: React.CSSProperties = {\n width: 300,\n minHeight: 280,\n margin: 10,\n overflow: 'hidden',\n display: 'inline-block',\n };\n const headerStyle: React.CSSProperties = {\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n paddingLeft: 8,\n position: 'relative',\n minHeight: 60,\n color: '#000',\n };\n const imgAreaStyle: React.CSSProperties = {\n height: 45,\n width: 45,\n justifyContent: 'center',\n display: 'flex',\n alignItems: 'center',\n };\n const imgStyle: React.CSSProperties = {\n zIndex: 2,\n maxWidth: '100%',\n maxHeight: '100%',\n color: '#FFF',\n };\n const titleStyle: React.CSSProperties = {\n fontSize: 16,\n fontWeight: 'bold',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n };\n const detailsButtonStyle: React.CSSProperties = {\n right: 20,\n bottom: -20,\n position: 'absolute',\n };\n const bodyStyle: React.CSSProperties = {\n height: 'calc(100% - 116px)',\n };\n const deviceInfoStyle: React.CSSProperties = {\n padding: '20px 16px 0 16px',\n height: 133,\n };\n const statusStyle: React.CSSProperties = {\n padding: '15px 15px 0 15px',\n height: 41,\n };\n const status = !this.props.device.status\n ? []\n : Array.isArray(this.props.device.status)\n ? this.props.device.status\n : [this.props.device.status];\n\n const icon = this.state.icon ? (\n <IconDeviceType\n src={this.state.icon}\n style={imgStyle}\n />\n ) : (\n <NoImageIcon style={imgStyle} />\n );\n\n const title: string = this.state.details?.data?.name || this.props.title || '';\n\n return (\n <Paper\n style={cardStyle}\n key={this.props.id}\n >\n <Box\n sx={theme => ({ backgroundColor: theme.palette.secondary.main })}\n style={headerStyle}\n >\n <div style={imgAreaStyle}>\n {this.props.uploadImagesToInstance ? (\n <DeviceImageUpload\n uploadImagesToInstance={this.props.uploadImagesToInstance}\n deviceId={this.props.device.id}\n manufacturer={getText(this.props.device.manufacturer)}\n model={getText(this.props.device.model)}\n onImageSelect={(imageData: string): void => {\n if (imageData) {\n this.setState({ icon: imageData });\n }\n }}\n socket={this.props.socket}\n />\n ) : null}\n {icon}\n </div>\n <Box\n style={titleStyle}\n title={title.length > 20 ? title : undefined}\n sx={theme => ({ color: theme.palette.secondary.contrastText })}\n >\n {this.state.details?.data?.name || this.props.title}\n </Box>\n {this.props.device.hasDetails ? (\n <Fab\n disabled={!this.props.alive}\n size=\"small\"\n style={detailsButtonStyle}\n onClick={() => {\n if (!this.state.open) {\n this.loadDetails().catch(console.error);\n this.setState({ open: true });\n }\n }}\n color=\"primary\"\n >\n <MoreVertIcon />\n </Fab>\n ) : null}\n </Box>\n <div style={statusStyle}>\n {status.map((s, i) => (\n <DeviceStatusComponent\n key={i}\n status={s}\n />\n ))}\n </div>\n <div style={bodyStyle}>\n <Typography\n variant=\"body1\"\n style={deviceInfoStyle}\n >\n <div onClick={this.copyToClipboard}>\n <b style={{ marginRight: 4 }}>ID:</b>\n {this.props.device.id.replace(/.*\\.\\d\\./, '')}\n </div>\n {this.props.device.manufacturer ? (\n <div>\n <b style={{ marginRight: 4 }}>{getTranslation('manufacturer')}:</b>\n {getText(this.props.device.manufacturer)}\n </div>\n ) : null}\n {this.props.device.model ? (\n <div>\n <b style={{ marginRight: 4 }}>{getTranslation('model')}:</b>\n {getText(this.props.device.model)}\n </div>\n ) : null}\n </Typography>\n {!!this.props.device.actions?.length && (\n <div\n style={{\n flex: 1,\n position: 'relative',\n display: 'flex',\n gap: 8,\n paddingBottom: 5,\n height: 34,\n paddingLeft: 10,\n paddingRight: 10,\n }}\n >\n {this.renderActions()}\n <div style={{ flexGrow: 1 }} />\n {this.renderControls()}\n </div>\n )}\n </div>\n {this.renderDialog()}\n {this.renderControlDialog()}\n </Paper>\n );\n }\n\n render(): JSX.Element {\n if (this.props.smallCards) {\n return this.renderSmall();\n }\n\n return this.renderBig();\n }\n}\n\nexport default DeviceCard;\n","import React, { Component } from 'react';\n\nimport {\n Backdrop,\n Box,\n Button,\n Checkbox,\n CircularProgress,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n FormControl,\n FormControlLabel,\n Grid2,\n IconButton,\n Input,\n InputAdornment,\n InputLabel,\n LinearProgress,\n MenuItem,\n Select,\n Slider,\n Snackbar,\n TextField,\n Typography,\n} from '@mui/material';\n\nimport { Close, Check } from '@mui/icons-material';\n\nimport type { Connection, AdminConnection, ThemeName, ThemeType, IobTheme } from '@iobroker/adapter-react-v5';\nimport { type ConfigItemPanel } from '@iobroker/json-config';\nimport type {\n ActionBase,\n ControlBase,\n ControlState,\n DeviceInfo,\n DeviceRefresh,\n InstanceDetails,\n} from '@iobroker/dm-utils';\n\nimport { getTranslation } from './Utils';\nimport JsonConfig from './JsonConfig';\n\ndeclare module '@mui/material/Button' {\n interface ButtonPropsColorOverrides {\n grey: true;\n }\n}\n\nexport type CommunicationProps = {\n /** Socket connection */\n socket: Connection;\n /** Instance to communicate with device-manager backend, like `adapterName.X` */\n selectedInstance: string; // adapterName.X\n registerHandler?: (handler: null | ((command: string) => void)) => void;\n themeName: ThemeName;\n themeType: ThemeType;\n theme: IobTheme;\n isFloatComma: boolean;\n dateFormat: string;\n};\n\ninterface CommunicationForm {\n title?: string | null | undefined;\n schema?: ConfigItemPanel;\n data?: Record<string, any>;\n handleClose?: (data?: Record<string, any>) => void;\n}\n\ninterface InputAction extends ActionBase {\n /** If it is a device action */\n deviceId?: string;\n /** Optional refresh function to execute */\n refresh?: () => void;\n}\n\nexport type CommunicationState = {\n showSpinner: boolean;\n showToast: string | null;\n message: {\n message: string;\n handleClose: () => void;\n } | null;\n confirm: {\n message: string;\n handleClose: (confirmation?: boolean) => void;\n } | null;\n form: CommunicationForm | null;\n progress: {\n open: boolean;\n progress: number;\n } | null;\n showConfirmation: InputAction | null;\n showInput: InputAction | null;\n inputValue: string | boolean | number | null;\n};\n\ninterface DmResponse {\n /* Type of message */\n type: 'message' | 'confirm' | 'progress' | 'result' | 'form';\n /* Origin */\n origin: string;\n}\n\ninterface DmControlResponse extends DmResponse {\n result: {\n error?: {\n code: number;\n message: string;\n };\n state?: ioBroker.State;\n deviceId: string;\n controlId: string;\n };\n}\n\ninterface Message {\n actionId?: string;\n deviceId?: string;\n value?: unknown;\n origin?: string;\n confirm?: boolean;\n data?: any;\n}\n\ninterface DmActionResponse extends DmResponse {\n result: {\n refresh?: DeviceRefresh;\n error?: {\n code: number;\n message: string;\n };\n };\n message?: string;\n confirm?: string;\n form?: any;\n progress?: {\n open: boolean;\n progress: number;\n };\n}\n\n/**\n * Device List Component\n */\nclass Communication<P extends CommunicationProps, S extends CommunicationState> extends Component<P, S> {\n // eslint-disable-next-line react/no-unused-class-component-methods\n instanceHandler: (action: ActionBase) => () => void;\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n deviceHandler: (deviceId: string, action: ActionBase, refresh: () => void) => () => void;\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n controlHandler: (\n deviceId: string,\n control: ControlBase,\n state: ControlState,\n ) => () => Promise<ioBroker.State | null>;\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n controlStateHandler: (deviceId: string, control: ControlBase) => () => Promise<ioBroker.State | null>;\n\n constructor(props: P) {\n super(props);\n\n this.state = {\n showSpinner: false,\n showToast: null,\n message: null,\n confirm: null,\n form: null,\n progress: null,\n showConfirmation: null,\n showInput: null,\n inputValue: null,\n } as S;\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n this.instanceHandler = action => () => {\n if (action.confirmation) {\n this.setState({ showConfirmation: action });\n return;\n }\n if (action.inputBefore) {\n this.setState({ showInput: action });\n return;\n }\n\n this.sendActionToInstance('dm:instanceAction', { actionId: action.id });\n };\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n this.deviceHandler = (deviceId, action, refresh) => () => {\n if (action.confirmation) {\n this.setState({ showConfirmation: { ...action, deviceId, refresh } });\n return;\n }\n if (action.inputBefore) {\n this.setState({\n showInput: { ...action, deviceId, refresh },\n inputValue: action.inputBefore.defaultValue || '',\n });\n return;\n }\n\n this.sendActionToInstance('dm:deviceAction', { deviceId, actionId: action.id }, refresh);\n };\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n this.controlHandler = (deviceId, control, state) => () =>\n this.sendControlToInstance('dm:deviceControl', { deviceId, controlId: control.id, state });\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n this.controlStateHandler = (deviceId, control) => () =>\n this.sendControlToInstance('dm:deviceControlState', { deviceId, controlId: control.id });\n\n if (this.props.registerHandler) {\n this.props.registerHandler(() => this.loadData());\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n loadData(): void {\n console.error('loadData not implemented');\n }\n\n sendActionToInstance = (command: `dm:${string}`, messageToSend: Message, refresh?: () => void): void => {\n const send = async (): Promise<void> => {\n this.setState({ showSpinner: true });\n const response: DmActionResponse = await this.props.socket.sendTo(\n this.props.selectedInstance,\n command,\n messageToSend,\n );\n\n const type: string = response.type;\n console.log(`Response: ${response.type}`);\n switch (type) {\n case 'message':\n console.log(`Message received: ${response.message}`);\n if (response.message) {\n this.setState({\n message: {\n message: response.message,\n handleClose: () =>\n this.setState({ message: null }, () =>\n this.sendActionToInstance(\n 'dm:actionProgress',\n { origin: response.origin },\n refresh,\n ),\n ),\n },\n });\n }\n break;\n\n case 'confirm':\n console.log(`Confirm received: ${response.confirm}`);\n if (response.confirm) {\n this.setState({\n confirm: {\n message: response.confirm,\n handleClose: (confirm?: boolean) =>\n this.setState({ confirm: null }, () =>\n this.sendActionToInstance(\n 'dm:actionProgress',\n {\n origin: response.origin,\n confirm,\n },\n refresh,\n ),\n ),\n },\n });\n }\n break;\n\n case 'form':\n console.log('Form received');\n if (response.form) {\n this.setState({\n form: {\n ...response.form,\n handleClose: (data: any) =>\n this.setState({ form: null }, () => {\n console.log(`Form ${JSON.stringify(data)}`);\n this.sendActionToInstance(\n 'dm:actionProgress',\n {\n origin: response.origin,\n data,\n },\n refresh,\n );\n }),\n },\n });\n }\n break;\n\n case 'progress':\n if (response.progress) {\n if (this.state.progress) {\n const progress = { ...this.state.progress, ...response.progress };\n this.setState({ progress });\n } else {\n this.setState({ progress: response.progress });\n }\n }\n this.sendActionToInstance('dm:actionProgress', { origin: response.origin }, refresh);\n break;\n\n case 'result':\n console.log('Response content', response.result);\n if (response.result.refresh) {\n if (response.result.refresh === true) {\n console.log('Refreshing all');\n this.loadData();\n } else if (response.result.refresh === 'instance') {\n console.log(`Refreshing instance infos: ${this.props.selectedInstance}`);\n } else if (response.result.refresh === 'device') {\n if (!refresh) {\n console.log('No refresh function provided to refresh \"device\"');\n } else {\n console.log(`Refreshing device infos: ${this.props.selectedInstance}`);\n refresh();\n }\n } else {\n console.log('Not refreshing anything');\n }\n }\n if (response.result.error) {\n console.error(`Error: ${response.result.error.message}`);\n this.setState({ showToast: response.result.error.message });\n }\n this.setState({ showSpinner: false });\n break;\n\n default:\n console.log(`Unknown response type: ${type}`);\n this.setState({ showSpinner: false });\n break;\n }\n };\n\n void send().catch(console.error);\n };\n\n sendControlToInstance = async (\n command: string,\n messageToSend: { deviceId: string; controlId: string; state?: ControlState },\n ): Promise<null | ioBroker.State> => {\n const response: DmControlResponse = await this.props.socket.sendTo(\n this.props.selectedInstance,\n command,\n messageToSend,\n );\n const type = response.type;\n console.log(`Response: ${response.type}`);\n if (response.type === 'result') {\n console.log('Response content', response.result);\n if (response.result.error) {\n console.error(`Error: ${response.result.error.message}`);\n this.setState({ showToast: response.result.error.message });\n } else if (response.result.state !== undefined) {\n return response.result.state;\n }\n } else {\n console.warn('Unexpected response type', type);\n }\n\n return null;\n };\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n loadDevices(): Promise<DeviceInfo[]> {\n return this.props.socket.sendTo(this.props.selectedInstance, 'dm:listDevices');\n }\n\n // eslint-disable-next-line react/no-unused-class-component-methods\n loadInstanceInfos(): Promise<InstanceDetails> {\n return this.props.socket.sendTo(this.props.selectedInstance, 'dm:instanceInfo');\n }\n\n renderMessageDialog(): React.JSX.Element | null {\n if (!this.state.message) {\n return null;\n }\n\n return (\n <Dialog\n open={!0}\n onClose={() => this.state.message?.handleClose()}\n hideBackdrop\n aria-describedby=\"message-dialog-description\"\n >\n <DialogContent>\n <DialogContentText id=\"message-dialog-description\">{this.state.message?.message}</DialogContentText>\n </DialogContent>\n <DialogActions>\n <Button\n color=\"primary\"\n onClick={() => this.state.message?.handleClose()}\n variant=\"contained\"\n autoFocus\n >\n {getTranslation('okButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n renderConfirmDialog(): React.JSX.Element | null {\n if (!this.state.confirm) {\n return null;\n }\n\n return (\n <Dialog\n open={!0}\n onClose={() => this.state.confirm?.handleClose()}\n hideBackdrop\n aria-describedby=\"confirm-dialog-description\"\n >\n <DialogContent>\n <DialogContentText id=\"confirm-dialog-description\">\n {getTranslation(this.state.confirm?.message)}\n </DialogContentText>\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => this.state.confirm?.handleClose(true)}\n autoFocus\n >\n {getTranslation('yesButtonText')}\n </Button>\n <Button\n variant=\"contained\"\n color=\"grey\"\n onClick={() => this.state.confirm?.handleClose(false)}\n autoFocus\n >\n {getTranslation('noButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n renderSnackbar(): React.JSX.Element {\n return (\n <Snackbar\n open={!!this.state.showToast}\n autoHideDuration={6_000}\n onClose={() => this.setState({ showToast: null })}\n message={this.state.showToast}\n />\n );\n }\n\n renderFormDialog(): React.JSX.Element | null {\n if (!this.state.form || !this.state.form.schema || !this.state.form.data) {\n return null;\n }\n return (\n <Dialog\n open={!0}\n onClose={() => this.state.form?.handleClose && this.state.form.handleClose()}\n hideBackdrop\n >\n {this.state.form?.title ? <DialogTitle>{getTranslation(this.state.form?.title)}</DialogTitle> : null}\n <DialogContent>\n <JsonConfig\n instanceId={this.props.selectedInstance}\n schema={this.state.form.schema}\n data={this.state.form.data}\n socket={this.props.socket as AdminConnection}\n onChange={(data: Record<string, any>) => {\n console.log('handleFormChange', { data });\n const form: CommunicationForm | null | undefined = { ...this.state.form };\n if (form) {\n form.data = data;\n this.setState({ form });\n }\n }}\n themeName={this.props.themeName}\n themeType={this.props.themeType}\n theme={this.props.theme}\n isFloatComma={this.props.isFloatComma}\n dateFormat={this.props.dateFormat}\n />\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() =>\n this.state.form?.handleClose && this.state.form.handleClose(this.state.form?.data)\n }\n autoFocus\n >\n {getTranslation('okButtonText')}\n </Button>\n <Button\n variant=\"contained\"\n color=\"grey\"\n onClick={() => this.state.form?.handleClose && this.state.form.handleClose()}\n >\n {getTranslation('cancelButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n renderProgressDialog(): React.JSX.Element | null {\n if (!this.state.progress?.open) {\n return null;\n }\n\n return (\n <Dialog\n open={!0}\n onClose={() => {}}\n hideBackdrop\n >\n <LinearProgress\n variant=\"determinate\"\n value={this.state.progress?.progress || 0}\n />\n </Dialog>\n );\n }\n\n // eslint-disable-next-line class-methods-use-this\n renderContent(): React.JSX.Element | React.JSX.Element[] | null {\n return null;\n }\n\n renderSpinner(): React.JSX.Element | null {\n if (\n !this.state.showSpinner &&\n !this.state.progress?.open &&\n !this.state.message &&\n !this.state.confirm &&\n !this.state.form\n ) {\n return null;\n }\n return (\n <Backdrop\n style={{ zIndex: 1000 }}\n open={!0}\n >\n <CircularProgress />\n </Backdrop>\n );\n }\n\n renderConfirmationDialog(): React.JSX.Element | null {\n if (!this.state.showConfirmation) {\n return null;\n }\n return (\n <Dialog\n open={!0}\n onClose={() => this.setState({ showConfirmation: null })}\n >\n <DialogTitle>\n {getTranslation(\n this.state.showConfirmation.confirmation === true\n ? getTranslation('areYouSureText')\n : getTranslation(this.state.showConfirmation.confirmation as ioBroker.StringOrTranslated),\n )}\n </DialogTitle>\n <DialogActions>\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={() => {\n if (!this.state.showConfirmation) {\n return;\n }\n\n const showConfirmation = this.state.showConfirmation;\n this.setState({ showConfirmation: null }, () => {\n if (showConfirmation.deviceId) {\n this.sendActionToInstance(\n 'dm:deviceAction',\n { actionId: showConfirmation.id, deviceId: showConfirmation.deviceId },\n showConfirmation.refresh,\n );\n } else {\n this.sendActionToInstance('dm:instanceAction', { actionId: showConfirmation.id });\n }\n });\n }}\n autoFocus\n startIcon={<Check />}\n >\n {getTranslation('yesButtonText')}\n </Button>\n <Button\n variant=\"contained\"\n color=\"grey\"\n onClick={() => this.setState({ showConfirmation: null })}\n startIcon={<Close />}\n >\n {getTranslation('cancelButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n renderInputDialog(): React.JSX.Element | null {\n if (!this.state.showInput || !this.state.showInput.inputBefore) {\n return null;\n }\n let okDisabled = false;\n if (!this.state.showInput.inputBefore.allowEmptyValue && this.state.showInput.inputBefore.type !== 'checkbox') {\n if (\n this.state.showInput.inputBefore.type === 'number' ||\n this.state.showInput.inputBefore.type === 'slider'\n ) {\n okDisabled =\n this.state.inputValue === '' ||\n this.state.inputValue === null ||\n !window.isFinite(this.state.inputValue as number);\n } else {\n okDisabled = !this.state.inputValue;\n }\n }\n\n return (\n <Dialog\n open={!0}\n onClose={() => this.setState({ showInput: null })}\n >\n <DialogTitle>{getTranslation('pleaseEnterValueText')}</DialogTitle>\n <DialogContent>\n {this.state.showInput.inputBefore.type === 'text' ||\n this.state.showInput.inputBefore.type === 'number' ||\n !this.state.showInput.inputBefore.type ? (\n <TextField\n autoFocus\n margin=\"dense\"\n label={getTranslation(this.state.showInput.inputBefore.label)}\n slotProps={{\n htmlInput:\n this.state.showInput.inputBefore.type === 'number'\n ? {\n min: this.state.showInput.inputBefore.min,\n max: this.state.showInput.inputBefore.max,\n step: this.state.showInput.inputBefore.step,\n }\n : undefined,\n input: {\n endAdornment: this.state.inputValue ? (\n <InputAdornment position=\"end\">\n <IconButton\n size=\"small\"\n onClick={() => this.setState({ inputValue: '' })}\n >\n <Close />\n </IconButton>\n </InputAdornment>\n ) : null,\n },\n }}\n type={this.state.showInput.inputBefore.type === 'number' ? 'number' : 'text'}\n fullWidth\n value={this.state.inputValue}\n onChange={e => this.setState({ inputValue: e.target.value })}\n />\n ) : null}\n {this.state.showInput.inputBefore.type === 'checkbox' ? (\n <FormControlLabel\n control={\n <Checkbox\n checked={!!this.state.inputValue}\n autoFocus\n onChange={e => this.setState({ inputValue: e.target.checked })}\n />\n }\n label={getTranslation(this.state.showInput.inputBefore.label)}\n />\n ) : null}\n {this.state.showInput.inputBefore.type === 'select' ? (\n <FormControl fullWidth>\n <InputLabel>{getTranslation(this.state.showInput.inputBefore.label)}</InputLabel>\n <Select\n variant=\"standard\"\n value={this.state.inputValue}\n onChange={e => this.setState({ inputValue: e.target.value })}\n >\n {this.state.showInput.inputBefore.options?.map(item => (\n <MenuItem\n key={item.value}\n value={item.value}\n >\n {getTranslation(item.label)}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n ) : null}\n {this.state.showInput.inputBefore.type === 'slider' ? (\n <Box sx={{ width: '100%' }}>\n <Typography gutterBottom>\n {getTranslation(this.state.showInput.inputBefore.label)}\n </Typography>\n <Grid2\n container\n spacing={2}\n alignItems=\"center\"\n >\n <Grid2>\n <Slider\n value={typeof this.state.inputValue === 'number' ? this.state.inputValue : 0}\n onChange={(event: Event, newValue: number) =>\n this.setState({ inputValue: newValue })\n }\n />\n </Grid2>\n <Grid2>\n <Input\n value={this.state.inputValue}\n size=\"small\"\n onChange={e =>\n this.setState({\n inputValue: e.target.value === '' ? 0 : Number(e.target.value),\n })\n }\n onBlur={() => {\n if (!this.state.showInput) {\n return;\n }\n\n const min =\n this.state.showInput.inputBefore?.min === undefined\n ? 0\n : this.state.showInput.inputBefore.min;\n const max =\n this.state.showInput.inputBefore?.max === undefined\n ? 100\n : this.state.showInput.inputBefore.max;\n\n if ((this.state.inputValue as number) < min) {\n this.setState({ inputValue: min });\n } else if ((this.state.inputValue as number) > max) {\n this.setState({ inputValue: max });\n }\n }}\n inputProps={{\n step: this.state.showInput.inputBefore.step,\n min:\n this.state.showInput.inputBefore.min === undefined\n ? 0\n : this.state.showInput.inputBefore.min,\n max:\n this.state.showInput.inputBefore.max === undefined\n ? 100\n : this.state.showInput.inputBefore.max,\n type: 'number',\n }}\n />\n </Grid2>\n </Grid2>\n </Box>\n ) : null}\n </DialogContent>\n <DialogActions>\n <Button\n variant=\"contained\"\n disabled={okDisabled}\n color=\"primary\"\n onClick={() => {\n if (!this.state.showInput) {\n return;\n }\n\n const showInput = this.state.showInput;\n this.setState({ showInput: null }, () => {\n if (showInput.deviceId) {\n this.sendActionToInstance(\n 'dm:deviceAction',\n {\n actionId: showInput.id,\n deviceId: showInput.deviceId,\n value:\n showInput.inputBefore?.type === 'checkbox'\n ? !!this.state.inputValue\n : showInput.inputBefore?.type === 'number'\n ? parseFloat(this.state.inputValue as string) || 0\n : this.state.inputValue,\n },\n showInput.refresh,\n );\n } else {\n this.sendActionToInstance('dm:instanceAction', {\n actionId: showInput.id,\n value:\n showInput.inputBefore?.type === 'checkbox'\n ? !!this.state.inputValue\n : showInput.inputBefore?.type === 'number'\n ? parseFloat(this.state.inputValue as string) || 0\n : this.state.inputValue,\n });\n }\n });\n }}\n startIcon={<Check />}\n >\n {getTranslation('yesButtonText')}\n </Button>\n <Button\n variant=\"contained\"\n color=\"grey\"\n onClick={() => this.setState({ showInput: null })}\n startIcon={<Close />}\n >\n {getTranslation('cancelButtonText')}\n </Button>\n </DialogActions>\n </Dialog>\n );\n }\n\n render(): React.JSX.Element {\n return (\n <>\n {this.renderSnackbar()}\n {this.renderContent()}\n {this.renderSpinner()}\n {this.renderConfirmDialog()}\n {this.renderMessageDialog()}\n {this.renderFormDialog()}\n {this.renderProgressDialog()}\n {this.renderConfirmationDialog()}\n {this.renderInputDialog()}\n </>\n );\n }\n}\n\nexport default Communication;\n","import React from 'react';\n\nimport type { ActionBase, InstanceAction } from '@iobroker/dm-utils';\n\nimport TooltipButton from './TooltipButton';\nimport { getTranslation, renderActionIcon } from './Utils';\n\ninterface InstanceActionButtonProps {\n action: InstanceAction;\n instanceHandler: (action: ActionBase) => () => void;\n}\n\nexport default function InstanceActionButton(params: InstanceActionButtonProps): React.JSX.Element | null {\n const { action, instanceHandler } = params;\n\n const tooltip = getTranslation(action?.description ? action.description : '');\n const title = getTranslation(action?.title ? action.title : '');\n\n const icon = renderActionIcon(action);\n\n return (\n <TooltipButton\n tooltip={tooltip}\n label={title}\n disabled={action.disabled}\n Icon={icon}\n onClick={instanceHandler(action)}\n />\n );\n}\n","import React, { type JSX } from 'react';\nimport { IconButton, InputAdornment, TextField, Toolbar, Tooltip, LinearProgress } from '@mui/material';\n\nimport { Clear, Refresh } from '@mui/icons-material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\nimport type { DeviceInfo, InstanceDetails } from '@iobroker/dm-utils';\n\nimport DeviceCard from './DeviceCard';\nimport { getTranslation } from './Utils';\nimport Communication, { type CommunicationProps, type CommunicationState } from './Communication';\nimport InstanceActionButton from './InstanceActionButton';\n\nimport de from './i18n/de.json';\nimport en from './i18n/en.json';\nimport ru from './i18n/ru.json';\nimport pt from './i18n/pt.json';\nimport nl from './i18n/nl.json';\nimport fr from './i18n/fr.json';\nimport it from './i18n/it.json';\nimport es from './i18n/es.json';\nimport pl from './i18n/pl.json';\nimport uk from './i18n/uk.json';\nimport zhCn from './i18n/zh-cn.json';\n\ninterface DeviceListProps extends CommunicationProps {\n /** Instance to upload images to, like `adapterName.X` */\n uploadImagesToInstance?: string;\n /** Filter devices with this string */\n filter?: string;\n /** If this component is used in GUI with own toolbar. `false` if this list is used with multiple instances and true if only with one (in this case, it will monitor alive itself */\n embedded?: boolean;\n /** If embedded, this text is shown in the toolbar */\n title?: string;\n /** Style of a component that displays all devices */\n style?: React.CSSProperties;\n /** Use small cards for devices */\n smallCards?: boolean;\n /** To trigger the reload of devices, just change this variable */\n triggerLoad?: number;\n}\n\ninterface DeviceListState extends CommunicationState {\n devices: DeviceInfo[];\n filteredDevices: DeviceInfo[];\n filter: string;\n instanceInfo: InstanceDetails;\n loading: boolean;\n alive: boolean | null;\n triggerLoad: number;\n}\n\n/**\n * Device List Component\n */\nexport default class DeviceList extends Communication<DeviceListProps, DeviceListState> {\n static i18nInitialized = false;\n\n private lastPropsFilter: string | undefined;\n\n private lastInstance: string;\n\n private lastTriggerLoad = 0;\n\n private filterTimeout: ReturnType<typeof setTimeout> | null;\n\n private readonly language: ioBroker.Languages;\n\n constructor(props: DeviceListProps) {\n super(props);\n\n if (!DeviceList.i18nInitialized) {\n DeviceList.i18nInitialized = true;\n I18n.extendTranslations({\n en,\n de,\n ru,\n pt,\n nl,\n fr,\n it,\n es,\n pl,\n uk,\n 'zh-cn': zhCn,\n });\n }\n\n Object.assign(this.state, {\n devices: [],\n filteredDevices: [],\n filter: '',\n instanceInfo: null,\n loading: null,\n alive: null,\n });\n\n this.lastPropsFilter = this.props.filter;\n this.lastInstance = this.props.selectedInstance;\n this.lastTriggerLoad = this.props.triggerLoad || 0;\n this.filterTimeout = null;\n this.language = I18n.getLanguage();\n }\n\n async componentDidMount(): Promise<void> {\n let alive = false;\n if (this.state.alive === null) {\n try {\n // check if instance is alive\n const stateAlive = await this.props.socket.getState(\n `system.adapter.${this.props.selectedInstance}.alive`,\n );\n if (stateAlive?.val) {\n alive = true;\n }\n } catch (error) {\n console.error(error);\n }\n this.setState({ alive }, () =>\n this.props.socket.subscribeState(\n `system.adapter.${this.props.selectedInstance}.alive`,\n this.aliveHandler,\n ),\n );\n if (!alive) {\n return;\n }\n } else {\n alive = this.state.alive;\n }\n\n if (!this.props.embedded && alive) {\n try {\n const instanceInfo = await this.loadInstanceInfos();\n this.setState({ instanceInfo });\n } catch (error) {\n console.error(error);\n }\n }\n if (alive) {\n this.loadData();\n }\n }\n\n componentWillUnmount(): void {\n this.props.socket.unsubscribeState(`system.adapter.${this.props.selectedInstance}.alive`, this.aliveHandler);\n }\n\n aliveHandler: ioBroker.StateChangeHandler = (id: string, state: ioBroker.State | null | undefined): void => {\n if (id === `system.adapter.${this.props.selectedInstance}.alive`) {\n const alive = !!state?.val;\n if (alive !== this.state.alive) {\n this.setState({ alive }, () => {\n if (alive) {\n this.componentDidMount().catch(console.error);\n }\n });\n }\n }\n };\n\n /**\n * Load devices\n */\n override loadData(): void {\n this.setState({ loading: true }, async () => {\n console.log(`Loading devices for ${this.props.selectedInstance}...`);\n let devices: DeviceInfo[] = [];\n try {\n devices = await this.loadDevices();\n\n if (!devices || !Array.isArray(devices)) {\n console.error(\n `Message returned from sendTo() doesn't look like one from DeviceManagement, did you accidentally handle the message in your adapter? ${JSON.stringify(\n devices,\n )}`,\n );\n devices = [];\n }\n } catch (error) {\n console.error(error);\n devices = [];\n }\n\n this.setState({ devices, loading: false }, () => this.applyFilter());\n });\n }\n\n getText(text: ioBroker.StringOrTranslated): string {\n if (typeof text === 'object') {\n return text[this.language] || text.en;\n }\n\n return text;\n }\n\n applyFilter(): void {\n const filter = this.props.embedded ? this.props.filter : this.state.filter;\n\n // filter devices name\n if (filter) {\n const filteredDevices = this.state.devices.filter(device =>\n this.getText(device.name).toLowerCase().includes(filter.toLowerCase()),\n );\n this.setState({ filteredDevices });\n } else {\n this.setState({ filteredDevices: this.state.devices });\n }\n }\n\n handleFilterChange(filter: string): void {\n this.setState({ filter }, () => {\n if (this.filterTimeout) {\n clearTimeout(this.filterTimeout);\n }\n this.filterTimeout = setTimeout(() => {\n this.filterTimeout = null;\n this.applyFilter();\n }, 250);\n });\n }\n\n renderContent(): JSX.Element | JSX.Element[] | null {\n const emptyStyle: React.CSSProperties = {\n padding: 25,\n };\n\n if ((this.props.triggerLoad || 0) !== this.lastTriggerLoad) {\n this.lastTriggerLoad = this.props.triggerLoad || 0;\n setTimeout(() => this.loadData(), 50);\n }\n\n if (this.props.embedded && this.lastPropsFilter !== this.props.filter) {\n this.lastPropsFilter = this.props.filter;\n setTimeout(() => this.applyFilter(), 50);\n }\n if (this.props.embedded && this.lastInstance !== this.props.selectedInstance) {\n this.lastInstance = this.props.selectedInstance;\n setTimeout(() => this.loadData(), 50);\n }\n\n let list;\n if (!this.props.embedded && !this.state.alive) {\n list = (\n <div style={emptyStyle}>\n <span>{getTranslation('instanceNotAlive')}</span>\n </div>\n );\n } else if (!this.state.devices.length && this.props.selectedInstance) {\n list = (\n <div style={emptyStyle}>\n <span>{getTranslation('noDevicesFoundText')}</span>\n </div>\n );\n } else if (this.state.devices.length && !this.state.filteredDevices.length) {\n list = (\n <div style={emptyStyle}>\n <span>{getTranslation('allDevicesFilteredOut')}</span>\n </div>\n );\n } else {\n list = this.state.filteredDevices.map(device => (\n <DeviceCard\n alive={!!this.state.alive}\n key={device.id}\n id={device.id}\n title={this.getText(device.name)}\n device={device}\n instanceId={this.props.selectedInstance}\n uploadImagesToInstance={this.props.uploadImagesToInstance}\n deviceHandler={this.deviceHandler}\n controlHandler={this.controlHandler}\n controlStateHandler={this.controlStateHandler}\n socket={this.props.socket}\n themeName={this.props.themeName}\n themeType={this.props.themeType}\n theme={this.props.theme}\n isFloatComma={this.props.isFloatComma}\n dateFormat={this.props.dateFormat}\n />\n ));\n }\n\n if (this.props.embedded) {\n return (\n <>\n {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n {list}\n </>\n );\n }\n\n return (\n <div style={{ width: '100%', height: '100%', overflow: 'hidden' }}>\n <Toolbar\n variant=\"dense\"\n style={{ backgroundColor: '#777', display: 'flex' }}\n >\n {this.props.title}\n {this.props.selectedInstance ? (\n <Tooltip\n title={getTranslation('refreshTooltip')}\n slotProps={{ popper: { sx: { pointerEvents: 'none' } } }}\n >\n <span>\n <IconButton\n onClick={() => this.loadData()}\n disabled={!this.state.alive}\n size=\"small\"\n >\n <Refresh />\n </IconButton>\n </span>\n </Tooltip>\n ) : null}\n {this.state.alive && this.state.instanceInfo?.actions?.length ? (\n <div style={{ marginLeft: 20 }}>\n {this.state.instanceInfo.actions.map(action => (\n <InstanceActionButton\n key={action.id}\n action={action}\n instanceHandler={this.instanceHandler}\n />\n ))}\n </div>\n ) : null}\n\n <div style={{ flexGrow: 1 }} />\n\n {this.state.alive ? (\n <TextField\n variant=\"standard\"\n style={{ width: 200 }}\n size=\"small\"\n label={getTranslation('filterLabelText')}\n onChange={e => this.handleFilterChange(e.target.value)}\n value={this.state.filter}\n autoComplete=\"off\"\n slotProps={{\n input: {\n autoComplete: 'new-password',\n endAdornment: this.state.filter ? (\n <InputAdornment position=\"end\">\n <IconButton\n onClick={() => this.handleFilterChange('')}\n edge=\"end\"\n >\n <Clear />\n </IconButton>\n </InputAdornment>\n ) : null,\n },\n htmlInput: {\n autoComplete: 'off',\n },\n }}\n />\n ) : null}\n </Toolbar>\n <div\n style={{\n width: '100%',\n height: 'calc(100% - 56px)',\n marginTop: 8,\n overflow: 'auto',\n // justifyContent: 'center',\n // alignItems: 'stretch',\n // display: 'grid',\n // columnGap: 8,\n // rowGap: 8,\n ...this.props.style,\n }}\n >\n {this.state.loading ? <LinearProgress style={{ width: '100%' }} /> : null}\n {list}\n </div>\n </div>\n );\n }\n}\n","import DeviceList from './DeviceList';\n\nexport default DeviceList;\n"],"names":["TooltipButton","props","tooltip","label","disabled","Icon","onClick","text","_jsx","Typography","variant","style","marginLeft","children","Tooltip","title","slotProps","popper","sx","pointerEvents","_jsxs","IconButton","size","getFaIcon","icon","color","iconStyle","split","map","s","trim","filter","includes","Delete","Edit","Refresh","Add","QrCode","Wifi","WifiOff","Bluetooth","BluetoothDisabled","Visibility","Search","LinkOff","LinkIcon","NotListedLocation","PlayArrow","Stop","Pause","FastForward","FastRewind","Group","Person","QuestionMark","getIconByName","name","altName","Lightbulb","Fluorescent","WbIncandescent","Power","Settings","WifiFind","Info","renderControlIcon","action","colors","value","_action$icon","_action$icon2","_action$iconOn","_action$icon3","colorOn","state","primary","secondary","startsWith","iconOn","src","id","renderActionIcon","_action$icon4","_action$icon5","_action$icon6","language","getTranslation","I18n","getLanguage","en","t","DeviceActionButton","_action$description","deviceId","refresh","deviceHandler","description","undefined","DeviceControlComponent","Component","constructor","_props$control$state","_props$control$state2","super","stateHandler","async","this","control","stateId","newState","controlStateHandler","ts","setState","val","componentDidMount","mayBePromise","socket","subscribeState","Promise","componentWillUnmount","unsubscribeState","getDerivedStateFromProps","_props$control$state3","_props$control$state4","sendControl","result","controlHandler","renderButton","_this$props$control$d","Button","startIcon","Fab","renderSwitch","_this$props$control$d2","Switch","checked","onChange","e","target","getColor","type","renderSelect","renderSlider","renderColor","renderIcon","_this$props$control$d3","colorProps","width","height","minHeight","render","styles","DeviceStatus","params","status","connection","iconStyleOK","fill","iconStyleNotOK","iconStyleWarning","batteryIconTooltip","battery","BatteryFullIcon","Battery90Icon","Battery80Icon","Battery60Icon","Battery50Icon","Battery30Icon","Battery20Icon","BatteryAlertIcon","display","alignItems","flexDirection","LinkOffIcon","rssi","NetworkCheckIcon","fontSize","margin","BatteryCharging50Icon","marginRight","warning","WarningIcon","JsonConfig","_props$socket$systemC","_props$socket$systemC2","instanceId","schema","data","error","setError","useState","adapterName","instance","_Fragment","JsonConfigComponent","parseInt","onError","_data","embedded","themeName","themeType","theme","isFloatComma","systemConfig","common","dateFormat","manufacturer","model","onImageSelect","uploadImagesToInstance","opacity","position","zIndex","accept","event","files","length","file","reader","FileReader","onload","img","Image","canvas","document","createElement","ctx","getContext","drawImage","resizedImage","toDataURL","fileName","base64Data","replace","response","writeFile64","console","log","JSON","stringify","readAsDataURL","NoImageIcon","viewBox","className","d","getText","DeviceCard","details","loadDetails","catch","copyToClipboard","textToCopy","device","Utils","alert","open","showControlDialog","fetchIcon","lang","readFile","mimeType","sendTo","renderDialog","Dialog","maxWidth","onClose","DialogContent","DialogActions","alive","autoFocus","renderControlDialog","_this$props$device$co","DialogTitle","top","right","CloseIcon","controls","renderControls","_this$props$device$co2","_this$props$device$co3","_this$props$device$co4","firstControl","ControlIcon","renderActions","_this$props$device$ac","actions","a","renderSmall","hasDetails","Array","isArray","IconDeviceType","Card","minWidth","CardHeader","backgroundColor","palette","main","invertColor","contrastText","avatar","DeviceImageUpload","imageData","MoreVertIcon","subheader","CardContent","background","padding","borderRadius","i","DeviceStatusComponent","textOverflow","overflow","CardActions","disableSpacing","flexGrow","renderBig","_this$state$details","_this$state$details$d","_this$state$details2","_this$state$details2$","_this$props$device$ac2","imgStyle","maxHeight","Paper","Box","gap","paddingLeft","justifyContent","fontWeight","whiteSpace","bottom","flex","paddingBottom","paddingRight","smallCards","Communication","instanceHandler","sendActionToInstance","command","messageToSend","showSpinner","selectedInstance","message","handleClose","origin","confirm","form","progress","loadData","showToast","send","sendControlToInstance","warn","showConfirmation","showInput","inputValue","confirmation","inputBefore","actionId","defaultValue","controlId","registerHandler","loadDevices","loadInstanceInfos","renderMessageDialog","_this$state$message2","_this$state$message","hideBackdrop","DialogContentText","_this$state$message3","renderConfirmDialog","_this$state$confirm2","_this$state$confirm","_this$state$confirm3","_this$state$confirm4","renderSnackbar","Snackbar","autoHideDuration","renderFormDialog","_this$state$form2","_this$state$form3","_this$state$form","_this$state$form4","_this$state$form5","_this$state$form6","renderProgressDialog","_this$state$progress","_this$state$progress2","LinearProgress","renderContent","renderSpinner","_this$state$progress3","Backdrop","CircularProgress","renderConfirmationDialog","Check","Close","renderInputDialog","_this$state$showInput","okDisabled","allowEmptyValue","window","isFinite","TextField","htmlInput","min","max","step","input","endAdornment","InputAdornment","fullWidth","FormControlLabel","Checkbox","FormControl","InputLabel","Select","options","item","MenuItem","gutterBottom","Grid2","container","spacing","Slider","newValue","Input","Number","onBlur","_this$state$showInput2","_this$state$showInput3","inputProps","_showInput$inputBefor","_showInput$inputBefor2","_showInput$inputBefor3","_showInput$inputBefor4","parseFloat","InstanceActionButton","DeviceList","lastPropsFilter","lastInstance","lastTriggerLoad","filterTimeout","aliveHandler","i18nInitialized","extendTranslations","de","ru","pt","nl","fr","it","es","pl","uk","zhCn","Object","assign","devices","filteredDevices","instanceInfo","loading","triggerLoad","stateAlive","getState","applyFilter","toLowerCase","handleFilterChange","clearTimeout","setTimeout","_this$state$instanceI","_this$state$instanceI2","emptyStyle","list","Toolbar","autoComplete","edge","Clear","marginTop"],"sourceRoot":""}