@iobroker/json-config 7.6.17 → 7.6.19

package/README.md

@@ -158,6 +158,7 @@ You can install it via GitHub icon in admin by entering `iobroker.jsonconfig-dem
 - [**`language`:**](#language) Selects the user interface language
 - [**`license`:**](#license) shows the license information if not already accepted.
 - [**`number`:**](#number) Numeric input field with min/max values and step size
+- [**`oauth2`:**](#oauth2) Make OAuth2 authentication for the adapter (Admin 7.6.18 or newer)
 - [**`objectId`:**](#objectid) Selects an object ID with name, color, and icon
 - [**`panel`:**](#panel) Tab with items
 - [**`password`:**](#password) Password input field
@@ -513,6 +514,33 @@ saves image as a file of the `adapter.X` object or as base64 in attribute
   }
 ```
 
+### `oauth2`
+(admin >= 6.17.18)
+
+Shows OAuth2 Authentication button to get the refresh and access tokens for the adapter.
+
+To use this, you must first provide the OAuth2 data (client ID, secret, etc.) to ioBroker maintenance team, so they can add it to the cloud.
+
+| Property       | Description                                                                                                                                                   |
+|----------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `identifier`   | Oauth2 identifier, like `spotify`, `google`, `dropbox`, `microsoft`                                                                                           |                                                                      
+| `saveTokenIn`  | Optional state name where the token will be saved. Default is `oauth2Tokens`. The path is relative to the adapter instance, like `adapterName.X.oauth2Tokens` |
+| `scope`        | Optional scopes divided by space, e.g. `user-read-private user-read-email`                                                                                    |
+| `refreshLabel` | Optional button label for refreshing the token                                                                                                                |
+
+#### Example for `oauth2`
+
+```json
+  "_oauth2": {
+       "type": "oauth2",
+       "identifier": "spotify",
+       "label": "Get Spotify OAuth2 Token",
+       "refreshLabel": "Refresh Spotify OAuth2 Token",
+       "icon": "data:image/svg+xml;base64,...",
+  }
+```
+See also [OAUTH2.md](OAUTH2.md) for more information.
+
 ### `objectId`
 
 object ID: show it with name, color and icon
@@ -1102,34 +1130,35 @@ Special input for ports. It checks automatically if port is used by other instan
 (admin >= 7.1.0) Show control or information from the state
 (admin >= 7.6.4) attributes `showEnterButton` and `setOnEnterKey`
 
-| Property          | Description                                                                                                                                                                                 |
-|-------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `oid`             | Which object ID should be taken for the controlling. The ID is without `adapter.X.` prefix                                                                                                  |
-| `system`          | If true, the state will be taken from `system.adapter.X.` and not from `adapter.X`                                                                                                          |
-| `foreign`         | The `oid` is absolute and no need to add `adapter.X` or `system.adapter.X.` to oid                                                                                                          |
-| `control`         | How the value of the state should be shown: `text`, `html`, `input`, `slider`, `select`, `button`, `switch`, `number`                                                                       |
-| `controlled`      | If true, the state will be shown as switch, select, button, slider or text input. Used only if no control property is defined                                                               |
-| `unit`            | Add unit to the value                                                                                                                                                                       |
-| `trueText`        | this text will be shown if the value is true                                                                                                                                                |
-| `trueTextStyle`   | Style of the text if the value is true                                                                                                                                                      |
-| `falseText`       | this text will be shown if the value is false or if the control is a "button"                                                                                                               |
-| `falseTextStyle`  | Style of the text if the value is false or if the control is a "button"                                                                                                                     |
-| `trueImage`       | This image will be shown if the value is true                                                                                                                                               |
-| `falseImage`      | This image will be shown if the value is false or if the control is a "button"                                                                                                              |
-| `min`             | Minimum value for control type slider or number                                                                                                                                             |
-| `max`             | Maximum value for control type slider or number                                                                                                                                             |
-| `step`            | Step value for control type slider or number                                                                                                                                                |
-| `controlDelay`    | delay in ms for slider or number                                                                                                                                                            |
-| `variant`         | Variant of button: `contained`, `outlined`, `text`                                                                                                                                          |
-| `readOnly`        | Defines if the control is read-only                                                                                                                                                         |
-| `narrow`          | Normally the title and value are shown on the left and right of the line. With this flag, the value will appear just after the label                                                        |
-| `blinkOnUpdate`   | Value should blink when updated (true or color)                                                                                                                                             |
-| `size`            | Font size: small, normal, large or number                                                                                                                                                   |
-| `addColon`        | Add to label the colon at the end if not exist in label                                                                                                                                     |
-| `labelIcon`       | Base64 icon for label                                                                                                                                                                       |
-| `buttonValue`     | Optional value, that will be sent for button                                                                                                                                                |
-| `showEnterButton` | Show SET button. The value in this case will be sent only when the button is pressed. You can define the text of the button. Default text is "Set" (Only for "input", "number" or "slider") |
-| `setOnEnterKey`   | The value in this case will be sent only when the "Enter" button is pressed. It can be combined with `showEnterButton`                                                                      |
+| Property          | Description                                                                                                                                                                                          |
+|-------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `oid`             | Which object ID should be taken for the controlling. The ID is without `adapter.X.` prefix                                                                                                           |
+| `system`          | If true, the state will be taken from `system.adapter.X.` and not from `adapter.X`                                                                                                                   |
+| `foreign`         | The `oid` is absolute and no need to add `adapter.X` or `system.adapter.X.` to oid                                                                                                                   |
+| `control`         | How the value of the state should be shown: `text`, `html`, `input`, `slider`, `select`, `button`, `switch`, `number`                                                                                |
+| `controlled`      | If true, the state will be shown as switch, select, button, slider or text input. Used only if no control property is defined                                                                        |
+| `unit`            | Add unit to the value                                                                                                                                                                                |
+| `trueText`        | this text will be shown if the value is true                                                                                                                                                         |
+| `trueTextStyle`   | Style of the text if the value is true                                                                                                                                                               |
+| `falseText`       | this text will be shown if the value is false or if the control is a "button"                                                                                                                        |
+| `falseTextStyle`  | Style of the text if the value is false or if the control is a "button"                                                                                                                              |
+| `trueImage`       | This image will be shown if the value is true                                                                                                                                                        |
+| `falseImage`      | This image will be shown if the value is false or if the control is a "button"                                                                                                                       |
+| `min`             | Minimum value for control type slider or number                                                                                                                                                      |
+| `max`             | Maximum value for control type slider or number                                                                                                                                                      |
+| `step`            | Step value for control type slider or number                                                                                                                                                         |
+| `controlDelay`    | delay in ms for slider or number                                                                                                                                                                     |
+| `variant`         | Variant of button: `contained`, `outlined`, `text`                                                                                                                                                   |
+| `readOnly`        | Defines if the control is read-only                                                                                                                                                                  |
+| `narrow`          | Normally the title and value are shown on the left and right of the line. With this flag, the value will appear just after the label                                                                 |
+| `blinkOnUpdate`   | Value should blink when updated (true or color)                                                                                                                                                      |
+| `size`            | Font size: small, normal, large or number                                                                                                                                                            |
+| `addColon`        | Add to label the colon at the end if not exist in label                                                                                                                                              |
+| `labelIcon`       | Base64 icon for label                                                                                                                                                                                |
+| `buttonValue`     | Optional value, that will be sent for button                                                                                                                                                         |
+| `showEnterButton` | Show SET button. The value in this case will be sent only when the button is pressed. You can define the text of the button. Default text is "Set" (Only for "input", "number" or "slider")          |
+| `setOnEnterKey`   | The value in this case will be sent only when the "Enter" button is pressed. It can be combined with `showEnterButton`                                                                               |
+| `options`         | Options for `select` in form `["value1", "value2", ...]` or `[{"value": "value", "label": "Value1", "color": "red"}, "value2", ...]`. If not defiled, the `common.states` in the object must exist.  |
 
 ### `staticInfo`
 
@@ -1154,6 +1183,19 @@ This control is used mostly in dynamic forms
 | `highlight`         | (optional) Highlight line on mouse over                                                                                                         |
 | `booleanAsCheckbox` | (optional) Show boolean values as checkbox                                                                                                      |
 
+### `infoBox`
+
+Shows closable static text with optional title and icon. (From admin >= 7.6.19)
+
+| Property       | Description                                                   |
+|----------------|---------------------------------------------------------------|
+| `text`         | Text to be shown                                              |
+| `title`        | (optional) title for info box                                 |
+| `boxType`      | (optional) `warning`, `info`, `error`, `ok`. (Default `info`) |
+| `closeable`    | (optional) If the box is closeable (Default `true`)           |
+| `iconPosition` | (optional) `top`, `middle`  (Default `middle`)                |
+| `closed`       | (optional) Will be shown as closed at the beginning           |
+
 ### `deviceManager`
 
 show device manager. For that, the adapter must support device manager protocol. See iobroker/dm-utils.

package/build/JsonConfigComponent/ConfigInfoBox.d.ts

@@ -0,0 +1,10 @@
+import { type JSX } from 'react';
+import type { ConfigItemInfoBox } from '../types';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
+interface ConfigInfoBoxProps extends ConfigGenericProps {
+    schema: ConfigItemInfoBox;
+}
+export default class ConfigInfoBox extends ConfigGeneric<ConfigInfoBoxProps, ConfigGenericState> {
+    renderItem(): JSX.Element;
+}
+export {};

package/build/JsonConfigComponent/ConfigInfoBox.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { InfoBox } from '@iobroker/adapter-react-v5';
+import ConfigGeneric from './ConfigGeneric';
+export default class ConfigInfoBox extends ConfigGeneric {
+    renderItem() {
+        return (React.createElement(InfoBox, { type: this.props.schema.boxType || 'info', closeable: this.props.schema.closeable !== undefined ? this.props.schema.closeable : true, storeId: this.props.schema.closed !== undefined ? undefined : `${!!this.props.oContext.adapterName} ${this.props.attr}`, closed: this.props.schema.closed, style: { width: '100%', ...this.props.schema.style } },
+            this.props.schema.title ? (React.createElement(Box, { component: "div", sx: { fontWeight: 'bold', fontSize: 'larger' } }, this.getText(this.props.schema.title))) : null,
+            this.getText(this.props.schema.text)));
+    }
+}
+//# sourceMappingURL=ConfigInfoBox.js.map

package/build/JsonConfigComponent/ConfigInfoBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigInfoBox.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigInfoBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAGrD,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAMlG,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,aAAqD;IAC5F,UAAU;QACN,OAAO,CACH,oBAAC,OAAO,IACJ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,EACzC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACzF,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EACvH,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAChC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;YAEnD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CACvB,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAE7C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CACpC,CACT,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAC/B,CACb,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport { InfoBox } from '@iobroker/adapter-react-v5';\n\nimport type { ConfigItemInfoBox } from '../types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\ninterface ConfigInfoBoxProps extends ConfigGenericProps {\n    schema: ConfigItemInfoBox;\n}\n\nexport default class ConfigInfoBox extends ConfigGeneric<ConfigInfoBoxProps, ConfigGenericState> {\n    renderItem(): JSX.Element {\n        return (\n            <InfoBox\n                type={this.props.schema.boxType || 'info'}\n                closeable={this.props.schema.closeable !== undefined ? this.props.schema.closeable : true}\n                storeId={this.props.schema.closed !== undefined ? undefined : `${!!this.props.oContext.adapterName} ${this.props.attr}`}\n                closed={this.props.schema.closed}\n                style={{ width: '100%', ...this.props.schema.style }}\n            >\n                {this.props.schema.title ? (\n                    <Box\n                        component=\"div\"\n                        sx={{ fontWeight: 'bold', fontSize: 'larger' }}\n                    >\n                        {this.getText(this.props.schema.title)}\n                    </Box>\n                ) : null}\n                {this.getText(this.props.schema.text)}\n            </InfoBox>\n        );\n    }\n}\n"]}

package/build/JsonConfigComponent/ConfigOAuth2.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
+import type { ConfigItemOAuth2 } from '../types';
+declare global {
+    interface Window {
+        attachEvent: Window['addEventListener'];
+        detachEvent: Window['removeEventListener'];
+    }
+}
+interface ConfigOAuth2Props extends ConfigGenericProps {
+    schema: ConfigItemOAuth2;
+}
+export interface AccessTokens {
+    access_token: string;
+    expires_in: number;
+    access_token_expires_on: string;
+    ext_expires_in: number;
+    token_type: 'Bearer';
+    scope: string;
+    refresh_token: string;
+}
+interface ConfigOAuth2State extends ConfigGenericState {
+    accessTokens: string;
+    success: boolean;
+    blocked: boolean;
+    running: boolean;
+    pressed: boolean;
+}
+export default class ConfigOAuth2 extends ConfigGeneric<ConfigOAuth2Props, ConfigOAuth2State> {
+    private authWindow?;
+    private readonly oid;
+    private readonly url;
+    constructor(props: ConfigOAuth2Props);
+    componentDidMount(): Promise<void>;
+    onTokensUpdated: (_id: string, state: ioBroker.State | null | undefined) => void;
+    componentWillUnmount(): void;
+    saveToken(accessTokens: string): void;
+    onMessage: (event: MessageEvent) => void;
+    onOpenUrl(): void;
+    renderItem(): React.JSX.Element;
+}
+export {};

package/build/JsonConfigComponent/ConfigOAuth2.js

@@ -0,0 +1,170 @@
+import React from 'react';
+import { Button, TextField } from '@mui/material';
+import { CloudUpload } from '@mui/icons-material';
+import { I18n } from '@iobroker/adapter-react-v5';
+import ConfigGeneric from './ConfigGeneric';
+export default class ConfigOAuth2 extends ConfigGeneric {
+    authWindow;
+    oid;
+    url;
+    constructor(props) {
+        super(props);
+        this.state = {
+            ...this.state,
+            accessTokens: '',
+            success: false,
+            blocked: false,
+            running: false,
+            pressed: false,
+        };
+        this.url = `https://oauth2.iobroker.in/${props.schema.identifier}?redirect=true`;
+        if (props.schema.scope) {
+            this.url += `&scope=${encodeURIComponent(props.schema.scope)}`;
+        }
+        this.oid = `${this.props.oContext.adapterName}.${this.props.oContext.instance}.${this.props.schema.saveTokenIn || 'oauth2Tokens'}`;
+    }
+    async componentDidMount() {
+        super.componentDidMount();
+        if (window.addEventListener) {
+            window.addEventListener('message', this.onMessage, false);
+        }
+        else {
+            window.attachEvent('onmessage', this.onMessage, false);
+        }
+        await this.props.oContext.socket.subscribeState(this.oid, this.onTokensUpdated);
+        // read tokens
+        const tokens = await this.props.oContext.socket.getState(this.oid);
+        if (tokens) {
+            const accessTokens = JSON.parse(tokens.val);
+            if (new Date(accessTokens.access_token_expires_on).getTime() > Date.now()) {
+                this.setState({ accessTokens: tokens.val });
+            }
+        }
+    }
+    onTokensUpdated = (_id, state) => {
+        if (state?.val) {
+            const accessTokens = JSON.parse(state.val);
+            if (new Date(accessTokens.access_token_expires_on).getTime() > Date.now()) {
+                if (this.state.accessTokens !== state.val) {
+                    this.setState({ accessTokens: state.val });
+                }
+                return;
+            }
+        }
+        this.setState({ accessTokens: '' });
+    };
+    componentWillUnmount() {
+        super.componentWillUnmount();
+        if (window.removeEventListener) {
+            window.removeEventListener('message', this.onMessage, false);
+        }
+        else {
+            window.detachEvent('onmessage', this.onMessage, false);
+        }
+        this.props.oContext.socket.unsubscribeState(this.oid, this.onTokensUpdated);
+    }
+    saveToken(accessTokens) {
+        try {
+            if (accessTokens && !accessTokens.startsWith('{')) {
+                // convert base64 to string
+                accessTokens = atob(accessTokens);
+            }
+            const accessTokensParsed = JSON.parse(accessTokens);
+            if (accessTokensParsed.access_token && accessTokensParsed.refresh_token && accessTokensParsed.expires_in) {
+                // Give 10 seconds to user to copy the token
+                accessTokensParsed.access_token_expires_on ||= new Date(Date.now() + accessTokensParsed.expires_in * 1000).toISOString();
+                this.props.oContext.socket
+                    .setState(this.oid, JSON.stringify(accessTokensParsed), true)
+                    .catch((e) => console.log(`Error occurred: ${e.toString()}`));
+            }
+        }
+        catch (e) {
+            // ignore
+            console.warn(e);
+        }
+    }
+    onMessage = (event) => {
+        if (event.origin !== 'https://oauth2.iobroker.in') {
+            return;
+        }
+        if ((typeof event.data === 'string' &&
+            event.data.startsWith(`${this.props.schema.identifier}-authentication:`)) ||
+            (typeof event.message === 'string' &&
+                event.message.startsWith(`${this.props.schema.identifier}-authentication:`))) {
+            const parts = (event.data || event.message).split(':');
+            if (parts[1] === 'success') {
+                this.setState({ accessTokens: parts[2], success: true, pressed: false }, () => this.saveToken(this.state.accessTokens));
+                // send message to auth window to close it
+                this.authWindow?.postMessage('close', event.origin);
+                this.authWindow = null;
+            }
+            else {
+                this.props.onError?.(parts[2]);
+            }
+        }
+    };
+    onOpenUrl() {
+        this.authWindow = window.open(this.url, this.props.schema.identifier);
+        if (!this.authWindow || this.authWindow.closed || typeof this.authWindow.closed === 'undefined') {
+            this.setState({ blocked: true });
+        }
+        else {
+            this.setState({ pressed: true });
+        }
+    }
+    renderItem() {
+        let validTill = '';
+        if (this.state.accessTokens) {
+            try {
+                const accessTokensParsed = JSON.parse(this.state.accessTokens);
+                validTill = new Date(accessTokensParsed.access_token_expires_on).toLocaleString();
+            }
+            catch {
+                // ignore
+            }
+        }
+        let label;
+        if (this.state.accessTokens) {
+            label = this.props.schema.refreshLabel
+                ? this.getText(this.props.schema.refreshLabel)
+                : I18n.t('ra_Renew %s access', this.props.schema.identifier[0].toUpperCase() + this.props.schema.identifier.slice(1));
+        }
+        else {
+            label = this.props.schema.label
+                ? this.getText(this.props.schema.label)
+                : I18n.t('ra_Get %s access', this.props.schema.identifier[0].toUpperCase() + this.props.schema.identifier.slice(1));
+        }
+        const icon = this.getIcon();
+        return (React.createElement("div", { style: { width: '100%', margin: '0 0 1rem 0' } },
+            React.createElement(Button, { disabled: this.state.running, endIcon: icon || React.createElement(CloudUpload, null), variant: "contained", onClick: () => this.onOpenUrl() }, label),
+            this.state.blocked ? (React.createElement("div", { style: { color: 'red', fontSize: 16, marginTop: 20 } }, I18n.t('ra_Please allow popups in your browser for this page!'))) : null,
+            this.state.accessTokens ? (React.createElement("div", { style: { color: 'green', fontSize: 16, marginTop: 20 } }, this.props.alive
+                ? I18n.t('ra_Successfully authorized. Token valid till %s and will be automatically renewed.', validTill)
+                : I18n.t('ra_Successfully authorized. Token valid till %s but it can expire as the instance is not running.', validTill))) : null,
+            this.state.pressed ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { style: { width: '100%', margin: '1rem 0 1rem 0' } },
+                    React.createElement("span", { style: { marginRight: 4 } },
+                        `${I18n.t('ra_If the button above does not work, you can authorize manually this app by visiting this url')}`,
+                        ":"),
+                    React.createElement("br", null),
+                    React.createElement("a", { target: this.props.schema.identifier, href: this.url, rel: "noreferrer" }, this.url)),
+                React.createElement(TextField, { value: this.state.accessTokens, label: I18n.t('ra_Enter the code from that page here'), variant: "standard", onChange: e => {
+                        let accessTokens = e.target.value;
+                        if (accessTokens && !accessTokens.startsWith('{')) {
+                            // convert base64 to string
+                            accessTokens = atob(accessTokens);
+                        }
+                        try {
+                            const accessTokensParsed = JSON.parse(accessTokens);
+                            if (accessTokensParsed.access_token) {
+                                accessTokensParsed.access_token_expires_on = new Date(Date.now() + (accessTokensParsed.expires_in - 10) * 1000).toISOString();
+                                this.setState({ accessTokens: JSON.stringify(accessTokensParsed) }, () => this.saveToken(this.state.accessTokens));
+                            }
+                        }
+                        catch {
+                            // ignore
+                        }
+                    }, fullWidth: true }))) : null));
+    }
+}
+//# sourceMappingURL=ConfigOAuth2.js.map

package/build/JsonConfigComponent/ConfigOAuth2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigOAuth2.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigOAuth2.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Button, TextField } from '@mui/material';\nimport { CloudUpload } from '@mui/icons-material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\n\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\nimport type { ConfigItemOAuth2 } from '../types';\n\ndeclare global {\n    interface Window {\n        attachEvent: Window['addEventListener'];\n        detachEvent: Window['removeEventListener'];\n    }\n}\n\ninterface ConfigOAuth2Props extends ConfigGenericProps {\n    schema: ConfigItemOAuth2;\n}\n\nexport interface AccessTokens {\n    access_token: string;\n    expires_in: number;\n    access_token_expires_on: string;\n    ext_expires_in: number;\n    token_type: 'Bearer';\n    scope: string;\n    refresh_token: string;\n}\n\ninterface ConfigOAuth2State extends ConfigGenericState {\n    accessTokens: string;\n    success: boolean;\n    blocked: boolean;\n    running: boolean;\n    pressed: boolean;\n}\n\nexport default class ConfigOAuth2 extends ConfigGeneric<ConfigOAuth2Props, ConfigOAuth2State> {\n    private authWindow?: WindowProxy | null;\n    private readonly oid: string;\n    private readonly url: string;\n\n    constructor(props: ConfigOAuth2Props) {\n        super(props);\n\n        this.state = {\n            ...this.state,\n            accessTokens: '',\n            success: false,\n            blocked: false,\n            running: false,\n            pressed: false,\n        };\n\n        this.url = `https://oauth2.iobroker.in/${props.schema.identifier}?redirect=true`;\n        if (props.schema.scope) {\n            this.url += `&scope=${encodeURIComponent(props.schema.scope)}`;\n        }\n\n        this.oid = `${this.props.oContext.adapterName}.${this.props.oContext.instance}.${this.props.schema.saveTokenIn || 'oauth2Tokens'}`;\n    }\n\n    async componentDidMount(): Promise<void> {\n        super.componentDidMount();\n        if (window.addEventListener) {\n            window.addEventListener('message', this.onMessage as any, false);\n        } else {\n            window.attachEvent('onmessage', this.onMessage as any, false);\n        }\n\n        await this.props.oContext.socket.subscribeState(this.oid, this.onTokensUpdated);\n\n        // read tokens\n        const tokens = await this.props.oContext.socket.getState(this.oid);\n        if (tokens) {\n            const accessTokens: AccessTokens = JSON.parse(tokens.val as string);\n            if (new Date(accessTokens.access_token_expires_on).getTime() > Date.now()) {\n                this.setState({ accessTokens: tokens.val as string });\n            }\n        }\n    }\n\n    onTokensUpdated = (_id: string, state: ioBroker.State | null | undefined): void => {\n        if (state?.val) {\n            const accessTokens: AccessTokens = JSON.parse(state.val as string);\n            if (new Date(accessTokens.access_token_expires_on).getTime() > Date.now()) {\n                if (this.state.accessTokens !== state.val) {\n                    this.setState({ accessTokens: state.val as string });\n                }\n                return;\n            }\n        }\n        this.setState({ accessTokens: '' });\n    };\n\n    componentWillUnmount(): void {\n        super.componentWillUnmount();\n        if (window.removeEventListener) {\n            window.removeEventListener('message', this.onMessage as any, false);\n        } else {\n            window.detachEvent('onmessage', this.onMessage as any, false);\n        }\n        this.props.oContext.socket.unsubscribeState(this.oid, this.onTokensUpdated);\n    }\n\n    saveToken(accessTokens: string): void {\n        try {\n            if (accessTokens && !accessTokens.startsWith('{')) {\n                // convert base64 to string\n                accessTokens = atob(accessTokens);\n            }\n\n            const accessTokensParsed: AccessTokens = JSON.parse(accessTokens);\n            if (accessTokensParsed.access_token && accessTokensParsed.refresh_token && accessTokensParsed.expires_in) {\n                // Give 10 seconds to user to copy the token\n                accessTokensParsed.access_token_expires_on ||= new Date(\n                    Date.now() + accessTokensParsed.expires_in * 1000,\n                ).toISOString();\n\n                this.props.oContext.socket\n                    .setState(this.oid, JSON.stringify(accessTokensParsed), true)\n                    .catch((e: Error) => console.log(`Error occurred: ${e.toString()}`));\n            }\n        } catch (e) {\n            // ignore\n            console.warn(e);\n        }\n    }\n\n    onMessage = (event: MessageEvent): void => {\n        if (event.origin !== 'https://oauth2.iobroker.in') {\n            return;\n        }\n        if (\n            (typeof event.data === 'string' &&\n                event.data.startsWith(`${this.props.schema.identifier}-authentication:`)) ||\n            (typeof (event as any).message === 'string' &&\n                (event as any).message.startsWith(`${this.props.schema.identifier}-authentication:`))\n        ) {\n            const parts = (event.data || (event as any).message).split(':');\n            if (parts[1] === 'success') {\n                this.setState({ accessTokens: parts[2], success: true, pressed: false }, () =>\n                    this.saveToken(this.state.accessTokens),\n                );\n\n                // send message to auth window to close it\n                this.authWindow?.postMessage('close', event.origin);\n                this.authWindow = null;\n            } else {\n                this.props.onError?.(parts[2]);\n            }\n        }\n    };\n\n    onOpenUrl(): void {\n        this.authWindow = window.open(this.url, this.props.schema.identifier);\n        if (!this.authWindow || this.authWindow.closed || typeof this.authWindow.closed === 'undefined') {\n            this.setState({ blocked: true });\n        } else {\n            this.setState({ pressed: true });\n        }\n    }\n\n    renderItem(): React.JSX.Element {\n        let validTill = '';\n        if (this.state.accessTokens) {\n            try {\n                const accessTokensParsed: AccessTokens = JSON.parse(this.state.accessTokens);\n                validTill = new Date(accessTokensParsed.access_token_expires_on).toLocaleString();\n            } catch {\n                // ignore\n            }\n        }\n\n        let label: string;\n        if (this.state.accessTokens) {\n            label = this.props.schema.refreshLabel\n                ? this.getText(this.props.schema.refreshLabel)\n                : I18n.t(\n                      'ra_Renew %s access',\n                      this.props.schema.identifier[0].toUpperCase() + this.props.schema.identifier.slice(1),\n                  );\n        } else {\n            label = this.props.schema.label\n                ? this.getText(this.props.schema.label)\n                : I18n.t(\n                      'ra_Get %s access',\n                      this.props.schema.identifier[0].toUpperCase() + this.props.schema.identifier.slice(1),\n                  );\n        }\n        const icon = this.getIcon();\n\n        return (\n            <div style={{ width: '100%', margin: '0 0 1rem 0' }}>\n                <Button\n                    disabled={this.state.running}\n                    endIcon={icon || <CloudUpload />}\n                    variant=\"contained\"\n                    onClick={() => this.onOpenUrl()}\n                >\n                    {label}\n                </Button>\n                {this.state.blocked ? (\n                    <div style={{ color: 'red', fontSize: 16, marginTop: 20 }}>\n                        {I18n.t('ra_Please allow popups in your browser for this page!')}\n                    </div>\n                ) : null}\n                {this.state.accessTokens ? (\n                    <div style={{ color: 'green', fontSize: 16, marginTop: 20 }}>\n                        {this.props.alive\n                            ? I18n.t(\n                                  'ra_Successfully authorized. Token valid till %s and will be automatically renewed.',\n                                  validTill,\n                              )\n                            : I18n.t(\n                                  'ra_Successfully authorized. Token valid till %s but it can expire as the instance is not running.',\n                                  validTill,\n                              )}\n                    </div>\n                ) : null}\n                {this.state.pressed ? (\n                    <>\n                        <div style={{ width: '100%', margin: '1rem 0 1rem 0' }}>\n                            <span style={{ marginRight: 4 }}>\n                                {`${I18n.t('ra_If the button above does not work, you can authorize manually this app by visiting this url')}`}\n                                :\n                            </span>\n                            <br />\n                            <a\n                                target={this.props.schema.identifier}\n                                href={this.url}\n                                rel=\"noreferrer\"\n                            >\n                                {this.url}\n                            </a>\n                        </div>\n                        <TextField\n                            value={this.state.accessTokens}\n                            label={I18n.t('ra_Enter the code from that page here')}\n                            variant=\"standard\"\n                            onChange={e => {\n                                let accessTokens = e.target.value;\n                                if (accessTokens && !accessTokens.startsWith('{')) {\n                                    // convert base64 to string\n                                    accessTokens = atob(accessTokens);\n                                }\n                                try {\n                                    const accessTokensParsed: AccessTokens = JSON.parse(accessTokens);\n                                    if (accessTokensParsed.access_token) {\n                                        accessTokensParsed.access_token_expires_on = new Date(\n                                            Date.now() + (accessTokensParsed.expires_in - 10) * 1000,\n                                        ).toISOString();\n                                        this.setState({ accessTokens: JSON.stringify(accessTokensParsed) }, () =>\n                                            this.saveToken(this.state.accessTokens),\n                                        );\n                                    }\n                                } catch {\n                                    // ignore\n                                }\n                            }}\n                            fullWidth\n                        />\n                    </>\n                ) : null}\n            </div>\n        );\n    }\n}\n"]}

package/build/JsonConfigComponent/ConfigPanel.js

@@ -25,12 +25,14 @@ import ConfigFunc from './ConfigFunc';
 import ConfigIP from './ConfigIP';
 import ConfigImageSendTo from './ConfigImageSendTo';
 import ConfigImageUpload from './ConfigImageUpload';
+import ConfigInfoBox from './ConfigInfoBox';
 import ConfigInstanceSelect from './ConfigInstanceSelect';
 import ConfigInterface from './ConfigInterface';
 import ConfigJsonEditor from './ConfigJsonEditor';
 import ConfigLanguage from './ConfigLanguage';
 import ConfigLicense from './ConfigLicense';
 import ConfigNumber from './ConfigNumber';
+import ConfigOauth2 from './ConfigOAuth2';
 import ConfigObjectId from './ConfigObjectId';
 import ConfigPassword from './ConfigPassword';
 import ConfigPattern from './ConfigPattern';
@@ -80,6 +82,7 @@ const components = {
     header: ConfigStaticHeader,
     image: ConfigImageUpload,
     imageSendTo: ConfigImageSendTo,
+    infoBox: ConfigInfoBox,
     instance: ConfigInstanceSelect,
     interface: ConfigInterface,
     ip: ConfigIP,
@@ -87,6 +90,7 @@ const components = {
     language: ConfigLanguage,
     license: ConfigLicense,
     number: ConfigNumber,
+    oauth2: ConfigOauth2,
     objectId: ConfigObjectId,
     password: ConfigPassword,
     pattern: ConfigPattern,

package/build/JsonConfigComponent/ConfigPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigPanel.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEtG,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAuC,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAGxF,OAAO,aAAmE,MAAM,iBAAiB,CAAC;AAClG,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,MAAM,UAAU,GAAmD;IAC/D,SAAS,EAAE,eAAe;IAC1B,KAAK,EAAE,WAAW;IAClB,YAAY,EAAE,kBAAkB;IAChC,kBAAkB,EAAE,wBAAwB;IAC5C,cAAc,EAAE,oBAAoB;IACpC,WAAW,EAAE,uBAAuB;IACpC,YAAY,EAAE,kBAAkB;IAChC,QAAQ,EAAE,cAAc;IACxB,YAAY,EAAE,kBAAkB;IAChC,IAAI,EAAE,UAAU,EAAE,0BAA0B;IAC5C,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,iBAAiB;IAC9B,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE,gBAAgB;IAC5B,aAAa,EAAE,mBAAmB;IAClC,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,kBAAkB;IAChC,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,kBAAkB;IAC1B,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,iBAAiB;IAC9B,QAAQ,EAAE,oBAAoB;IAC9B,SAAS,EAAE,eAAe;IAC1B,EAAE,EAAE,QAAQ;IACZ,UAAU,EAAE,gBAAgB;IAC5B,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,YAAY;IACpB,YAAY,EAAE,kBAAkB;IAChC,2BAA2B;IAC3B,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE,YAAY;IACpB,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,iBAAiB;IAC9B,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,MAAM,GAAwB;IAChC,SAAS,EAAE;QACP,KAAK,EAAE,MAAM;QACb,kBAAkB;KACrB;IACD,KAAK,EAAE;QACH,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,CAAC;KACnB;IACD,cAAc,EAAE;QACZ,MAAM,EAAE,gCAAgC;KAC3C;IACD,iBAAiB,EAAE;QACf,MAAM,EAAE,gCAAgC;KAC3C;IACD,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;KAClB;IACD,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,CAAC,KAAe,EAAuB,EAAE,CAAC,CAAC;QAChD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC5D,CAAC;IACF,SAAS,EAAE,CAAC,KAAe,EAAuB,EAAE,CAAC,CAAC;QAClD,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;KAChD,CAAC;CACL,CAAC;AAWF,MAAM,WAAY,SAAQ,aAAiD;IACvE,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC;gBACV,QAAQ,EACJ,CAAG,MAAc,CAAC,aAAyB,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CACvE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAC1D,KAAK,MAAM;aACnB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,WAAW,CAAC,KAA0B,EAAE,QAAiB;QACrD,OAAO,KAAK;YACR,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;oBAC3D,OAAO,IAAI,CAAC;gBAChB,CAAC;gBAED,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC;gBACzC,IAAI,aAA4D,CAAC;gBACjE,IAAI,MAAM,GAA6B,iCAAiC,CAAC;gBACzE,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;oBACpB,OAAO;oBACP,MAAM;oBACN,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,CAAC;wBAClB,aAAa,GAAG,YAAY,CAAC;oBACjC,CAAC;yBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC;wBAC3F,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;oBACvE,CAAC;yBAAM,CAAC;wBACJ,OAAO,CAAC,KAAK,CAAC,iCAAiC,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;wBACxE,aAAa,GAAG,aAAa,CAAC;oBAClC,CAAC;oBACD,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACxC,CAAC;qBAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;oBAC1B,aAAa,GAAG,WAAW,CAAC;gBAChC,CAAC;qBAAM,CAAC;oBACJ,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC;gBACtD,CAAC;gBAED,OAAO,CACH,oBAAC,aAAa;gBACV,kGAAkG;;oBAAlG,kGAAkG;oBAClG,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,GAAG,EAAE,GAAG,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EACxE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,EACnB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GACzB,CACL,CAAC;YACN,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI,CAAC;IACf,CAAC;IAED,MAAM;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAEjC,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAEpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QAElD,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,CACT,oBAAC,KAAK,IACF,IAAI,EAAE;wBACF,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;wBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;wBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;wBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;wBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;qBAC7B,EACD,EAAE,EAAE,KAAK,CAAC,QAAQ,CACd,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EACzB,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAE,EAC5D,WAAW,EACX,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,KAAK,MAAM,IAAI,MAAM,CAAC,SAAS,CAC/D,GACH,CACL,CAAC;gBAEF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;oBACjB,OAAO,CACH;wBACI,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI;wBAC/C,IAAI,CACN,CACN,CAAC;gBACN,CAAC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAuB,CAAC;QACnE,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,OAAO,CACH,oBAAC,KAAK,IACF,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAC7C,SAAS,QACT,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,WAAW,IAEd,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAC9B,CACX,CAAC;QACN,CAAC;QAED,IAAI,OAAO,CAAC;QACZ,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,GAAG,CACN,oBAAC,SAAS,IACN,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAC7C,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC/B,QAAQ,EAAE,GAAG,EAAE;oBACX,CAAG,MAAc,CAAC,aAAyB,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CACvE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EACvD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACzC,CAAC;oBACF,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACtD,CAAC;gBAED,oBAAC,gBAAgB,IACb,UAAU,EAAE,oBAAC,cAAc,OAAG,EAC9B,EAAE,EAAE,KAAK,CAAC,QAAQ,CACd,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EACzB,WAAW,EACX,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,EACjD,MAAM,CAAC,KAAK,KAAK,SAAS;wBACtB,CAAC,CAAC,MAAM,CAAC,OAAO;wBAChB,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,WAAW,IAAI,MAAM,CAAC,SAAS,EACtD,EAAE,KAAK,EAAE,MAAM,EAAE,CACpB;oBAED,oBAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAc,CAC7D;gBACnB,oBAAC,gBAAgB;oBACb,oBAAC,KAAK,IACF,SAAS,QACT,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAErD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAC9B,CACO,CACX,CACf,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EACzB,IAAI,CAAC,KAAK,CAAC,KAAK,EAChB,WAAW,EACX,EAAE,KAAK,EAAE,MAAM,EAAE,EACjB,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,EACtC,IAAI,CAAC,KAAK,CAAC,WAAW;gBAClB,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC1B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;wBAClB,CAAC,CAAC,EAAE,MAAM,EAAE,8BAA8B,EAAE;wBAC5C,CAAC,CAAC,EAAE,MAAM,EAAE,8BAA8B,EAAE;oBAChD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;wBACpB,CAAC,CAAC,MAAM,CAAC,cAAc;wBACvB,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CACxC,CAAC;YAEF,OAAO,GAAG,CACN,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,EAC7C,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,EAAE,EAAE,EAAE;gBAEN,oBAAC,KAAK,IACF,SAAS,QACT,aAAa,EAAE,CAAC,EAChB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,KAAK,CAAC,QAAQ,CACd,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EACzB,EAAE,KAAK,EAAE,MAAM,EAAE,EACjB,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,EACxC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAC/B,IAEA,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAC9B,CACN,CACT,CAAC;QACN,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAC1B,MAAM,IAAI,GAAG,CACT,oBAAC,KAAK,IACF,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EACnC,IAAI,EAAE;oBACF,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;oBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;oBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;oBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;oBAC1B,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,SAAS;iBAC7B,EACD,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,qBAAqB,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,IAE/E,OAAO,CACJ,CACX,CAAC;YAEF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,OAAO,CACH;oBACI,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI;oBAC/C,IAAI,CACN,CACN,CAAC;YACN,CAAC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;CACJ;AAED,eAAe,WAAW,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Grid2, Accordion, AccordionSummary, AccordionDetails, Typography, Box } from '@mui/material';\n\nimport { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';\n\nimport { type AdminConnection, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemPanel } from '../types';\n\nimport ConfigGeneric, { type ConfigGenericState, type ConfigGenericProps } from './ConfigGeneric';\nimport ConfigAccordion from './ConfigAccordion';\nimport ConfigAlive from './ConfigAlive';\nimport ConfigAutocomplete from './ConfigAutocomplete';\nimport ConfigAutocompleteSendTo from './ConfigAutocompleteSendTo';\nimport ConfigCRON from './ConfigCRON';\nimport ConfigCertificateSelect from './ConfigCertificateSelect';\nimport ConfigCertificates from './ConfigCertificates';\nimport ConfigCertCollection from './ConfigCertCollection';\nimport ConfigCheckLicense from './ConfigCheckLicense';\nimport ConfigCheckbox from './ConfigCheckbox';\nimport ConfigChip from './ConfigChip';\nimport ConfigColor from './ConfigColor';\nimport ConfigCoordinates from './ConfigCoordinates';\nimport ConfigCustom from './ConfigCustom';\nimport ConfigDatePicker from './ConfigDatePicker';\nimport ConfigDeviceManager from './ConfigDeviceManager';\nimport ConfigFile from './ConfigFile';\nimport ConfigFileSelector from './ConfigFileSelector';\nimport ConfigFunc from './ConfigFunc';\nimport ConfigIP from './ConfigIP';\nimport ConfigImageSendTo from './ConfigImageSendTo';\nimport ConfigImageUpload from './ConfigImageUpload';\nimport ConfigInstanceSelect from './ConfigInstanceSelect';\nimport ConfigInterface from './ConfigInterface';\nimport ConfigJsonEditor from './ConfigJsonEditor';\nimport ConfigLanguage from './ConfigLanguage';\nimport ConfigLicense from './ConfigLicense';\nimport ConfigNumber from './ConfigNumber';\nimport ConfigObjectId from './ConfigObjectId';\nimport ConfigPassword from './ConfigPassword';\nimport ConfigPattern from './ConfigPattern';\nimport ConfigPort from './ConfigPort';\nimport ConfigRoom from './ConfigRoom';\nimport ConfigSelect from './ConfigSelect';\nimport ConfigSelectSendTo from './ConfigSelectSendTo';\nimport ConfigSendTo from './ConfigSendto';\nimport ConfigSetState from './ConfigSetState';\nimport ConfigSlider from './ConfigSlider';\nimport ConfigState from './ConfigState';\nimport ConfigStaticDivider from './ConfigStaticDivider';\nimport ConfigStaticHeader from './ConfigStaticHeader';\nimport ConfigStaticImage from './ConfigStaticImage';\nimport ConfigStaticInfo from './ConfigStaticInfo';\nimport ConfigStaticText from './ConfigStaticText';\nimport ConfigTable from './ConfigTable';\nimport ConfigText from './ConfigText';\nimport ConfigTextSendTo from './ConfigTextSendTo';\nimport ConfigTimePicker from './ConfigTimePicker';\nimport ConfigTopic from './ConfigTopic';\nimport ConfigUUID from './ConfigUUID';\nimport ConfigUser from './ConfigUser';\nimport ConfigQrCode from './ConfigQrCode';\n\nconst components: Record<string, typeof ConfigGeneric<any, any>> = {\n    accordion: ConfigAccordion,\n    alive: ConfigAlive,\n    autocomplete: ConfigAutocomplete,\n    autocompleteSendTo: ConfigAutocompleteSendTo,\n    certCollection: ConfigCertCollection,\n    certificate: ConfigCertificateSelect,\n    certificates: ConfigCertificates,\n    checkbox: ConfigCheckbox,\n    checkLicense: ConfigCheckLicense,\n    chip: ConfigChip, // deprecated. Use \"chips\"\n    chips: ConfigChip,\n    color: ConfigColor,\n    coordinates: ConfigCoordinates,\n    cron: ConfigCRON,\n    custom: ConfigCustom,\n    datePicker: ConfigDatePicker,\n    deviceManager: ConfigDeviceManager,\n    divider: ConfigStaticDivider,\n    file: ConfigFile,\n    fileSelector: ConfigFileSelector,\n    func: ConfigFunc,\n    header: ConfigStaticHeader,\n    image: ConfigImageUpload,\n    imageSendTo: ConfigImageSendTo,\n    instance: ConfigInstanceSelect,\n    interface: ConfigInterface,\n    ip: ConfigIP,\n    jsonEditor: ConfigJsonEditor,\n    language: ConfigLanguage,\n    license: ConfigLicense,\n    number: ConfigNumber,\n    objectId: ConfigObjectId,\n    password: ConfigPassword,\n    pattern: ConfigPattern,\n    port: ConfigPort,\n    qrCode: ConfigQrCode,\n    room: ConfigRoom,\n    select: ConfigSelect,\n    selectSendTo: ConfigSelectSendTo,\n    // @deprecated Use \"sendTo\"\n    sendto: ConfigSendTo,\n    sendTo: ConfigSendTo,\n    setState: ConfigSetState,\n    slider: ConfigSlider,\n    state: ConfigState,\n    staticImage: ConfigStaticImage,\n    staticInfo: ConfigStaticInfo,\n    staticLink: ConfigStaticText,\n    staticText: ConfigStaticText,\n    table: ConfigTable,\n    text: ConfigText,\n    textSendTo: ConfigTextSendTo,\n    timePicker: ConfigTimePicker,\n    topic: ConfigTopic,\n    uuid: ConfigUUID,\n    user: ConfigUser,\n};\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        width: '100%',\n        // height: '100%',\n    },\n    paper: {\n        margin: 1,\n        width: 'auto !important',\n        overflowY: 'auto',\n        paddingBottom: 1,\n    },\n    paperWithIcons: {\n        height: 'calc(100vh - 259px) !important',\n    },\n    paperWithoutIcons: {\n        height: 'calc(100vh - 235px) !important',\n    },\n    padding: {\n        padding: '10px',\n    },\n    heading: {},\n    primary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.mode === 'dark' ? 'inherit' : '#FFF',\n    }),\n    secondary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.secondary.main,\n    }),\n};\n\ninterface ConfigPanelProps extends ConfigGenericProps {\n    schema: ConfigItemPanel;\n    withIcons?: boolean;\n    withoutSaveButtons?: boolean;\n}\ninterface ConfigPanelState extends ConfigGenericState {\n    expanded?: boolean;\n}\n\nclass ConfigPanel extends ConfigGeneric<ConfigPanelProps, ConfigPanelState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        if (this.props.schema?.collapsable) {\n            this.setState({\n                expanded:\n                    (((window as any)._localStorage as Storage) || window.localStorage).getItem(\n                        `${this.props.oContext.adapterName}.${this.props.attr}`,\n                    ) === 'true',\n            });\n        }\n    }\n\n    renderItems(items: Record<string, any>, disabled: boolean): JSX.Element[] | null {\n        return items\n            ? Object.keys(items).map(attr => {\n                  if (this.props.oContext.multiEdit && items[attr].noMultiEdit) {\n                      return null;\n                  }\n\n                  const type = items[attr].type || 'panel';\n                  let ItemComponent: typeof ConfigGeneric<ConfigGenericProps, any>;\n                  let socket: string | AdminConnection = 'Use this.props.oContext.socket!';\n                  if (type === 'custom') {\n                      // name\n                      // url\n                      if (items[attr].url) {\n                          ItemComponent = ConfigCustom;\n                      } else if (this.props.oContext.customs && this.props.oContext.customs[items[attr].component]) {\n                          ItemComponent = this.props.oContext.customs[items[attr].component];\n                      } else {\n                          console.error(`Cannot find custom component: ${items[attr].component}`);\n                          ItemComponent = ConfigGeneric;\n                      }\n                      socket = this.props.oContext.socket;\n                  } else if (type === 'panel') {\n                      ItemComponent = ConfigPanel;\n                  } else {\n                      ItemComponent = components[type] || ConfigGeneric;\n                  }\n\n                  return (\n                      <ItemComponent\n                          // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext\n                          socket={socket}\n                          globalData={this.props.globalData}\n                          oContext={this.props.oContext}\n                          key={`${attr}_${this.props.index === undefined ? '' : this.props.index}`}\n                          index={this.props.index}\n                          changed={this.props.changed}\n                          arrayIndex={this.props.arrayIndex}\n                          expertMode={this.props.expertMode}\n                          commandRunning={this.props.commandRunning}\n                          style={styles.panel}\n                          common={this.props.common}\n                          alive={this.props.alive}\n                          themeName={this.props.themeName}\n                          data={this.props.data}\n                          originalData={this.props.originalData}\n                          onError={this.props.onError}\n                          onChange={this.props.onChange}\n                          disabled={disabled}\n                          customObj={this.props.customObj}\n                          custom={this.props.custom}\n                          schema={items[attr]}\n                          attr={attr}\n                          table={this.props.table}\n                      />\n                  );\n              })\n            : null;\n    }\n\n    render(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        const { disabled, hidden } = this.calculate(schema);\n\n        const items = this.props.schema.items;\n        const schemaStyle = this.props.schema.style || {};\n\n        if (hidden) {\n            if (schema.hideOnlyControl) {\n                const item = (\n                    <Grid2\n                        size={{\n                            xs: schema.xs || undefined,\n                            sm: schema.sm || undefined,\n                            md: schema.md || undefined,\n                            lg: schema.lg || undefined,\n                            xl: schema.xl || undefined,\n                        }}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { marginBottom: 0, textAlign: 'left' /* marginRight: 8, */ },\n                            schemaStyle,\n                            this.props.oContext.themeType === 'dark' && schema.darkStyle,\n                        )}\n                    />\n                );\n\n                if (schema.newLine) {\n                    return (\n                        <>\n                            <div style={{ flexBasis: '100%', height: 0 }} />\n                            {item}\n                        </>\n                    );\n                }\n                return item;\n            }\n            return null;\n        }\n\n        if (this.props.table) {\n            return this.renderItems(items, disabled) as any as JSX.Element;\n        }\n\n        if (this.props.custom) {\n            return (\n                <Grid2\n                    key={`${this.props.attr}_${this.props.index}`}\n                    container\n                    style={styles.fullWidth}\n                    columnSpacing={2}\n                    rowSpacing={1}\n                    sx={schemaStyle}\n                >\n                    {this.renderItems(items, disabled)}\n                </Grid2>\n            );\n        }\n\n        let content;\n        if (schema.collapsable) {\n            content = (\n                <Accordion\n                    key={`${this.props.attr}_${this.props.index}`}\n                    style={styles.fullWidth}\n                    expanded={!!this.state.expanded}\n                    onChange={() => {\n                        (((window as any)._localStorage as Storage) || window.localStorage).setItem(\n                            `${this.props.oContext.adapterName}.${this.props.attr}`,\n                            this.state.expanded ? 'false' : 'true',\n                        );\n                        this.setState({ expanded: !this.state.expanded });\n                    }}\n                >\n                    <AccordionSummary\n                        expandIcon={<ExpandMoreIcon />}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            schemaStyle,\n                            this.props.oContext.themeType && schema.darkStyle,\n                            schema.color === 'primary'\n                                ? styles.primary\n                                : schema.color === 'secondary' && styles.secondary,\n                            { width: '100%' },\n                        )}\n                    >\n                        <Typography style={styles.heading}>{this.getText(schema.label)}</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <Grid2\n                            container\n                            columnSpacing={2}\n                            rowSpacing={1}\n                            sx={{ ...schemaStyle, width: '100%', padding: '10px' }}\n                        >\n                            {this.renderItems(items, disabled)}\n                        </Grid2>\n                    </AccordionDetails>\n                </Accordion>\n            );\n        } else {\n            const sx = Utils.getStyle(\n                this.props.oContext.theme,\n                this.props.style,\n                schemaStyle,\n                { width: '100%' },\n                this.props.isParentTab && styles.paper,\n                this.props.isParentTab &&\n                    (this.props.withoutSaveButtons\n                        ? this.props.withIcons\n                            ? { height: 'calc(100% - 88px) !important' }\n                            : { height: 'calc(100% - 64px) !important' }\n                        : this.props.withIcons\n                          ? styles.paperWithIcons\n                          : styles.paperWithoutIcons),\n            );\n\n            content = (\n                <Box\n                    component=\"div\"\n                    key={`${this.props.attr}_${this.props.index}`}\n                    className={this.props.className}\n                    sx={sx}\n                >\n                    <Grid2\n                        container\n                        columnSpacing={2}\n                        rowSpacing={1}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { width: '100%' },\n                            this.props.isParentTab && styles.padding,\n                            this.props.schema.innerStyle,\n                        )}\n                    >\n                        {this.renderItems(items, disabled)}\n                    </Grid2>\n                </Box>\n            );\n        }\n\n        if (!this.props.isParentTab) {\n            const item = (\n                <Grid2\n                    title={this.getText(schema.tooltip)}\n                    size={{\n                        xs: schema.xs || undefined,\n                        sm: schema.sm || undefined,\n                        md: schema.md || undefined,\n                        lg: schema.lg || undefined,\n                        xl: schema.xl || undefined,\n                    }}\n                    sx={{ marginBottom: 0, /* marginRight: 8, */ textAlign: 'left', ...schemaStyle }}\n                >\n                    {content}\n                </Grid2>\n            );\n\n            if (schema.newLine) {\n                return (\n                    <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>\n                );\n            }\n            return item;\n        }\n        return content;\n    }\n}\n\nexport default ConfigPanel;\n"]}
+{"version":3,"file":"ConfigPanel.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Grid2, Accordion, AccordionSummary, AccordionDetails, Typography, Box } from '@mui/material';\n\nimport { ExpandMore as ExpandMoreIcon } from '@mui/icons-material';\n\nimport { type AdminConnection, type IobTheme, Utils } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemPanel } from '../types';\n\nimport ConfigGeneric, { type ConfigGenericState, type ConfigGenericProps } from './ConfigGeneric';\nimport ConfigAccordion from './ConfigAccordion';\nimport ConfigAlive from './ConfigAlive';\nimport ConfigAutocomplete from './ConfigAutocomplete';\nimport ConfigAutocompleteSendTo from './ConfigAutocompleteSendTo';\nimport ConfigCRON from './ConfigCRON';\nimport ConfigCertificateSelect from './ConfigCertificateSelect';\nimport ConfigCertificates from './ConfigCertificates';\nimport ConfigCertCollection from './ConfigCertCollection';\nimport ConfigCheckLicense from './ConfigCheckLicense';\nimport ConfigCheckbox from './ConfigCheckbox';\nimport ConfigChip from './ConfigChip';\nimport ConfigColor from './ConfigColor';\nimport ConfigCoordinates from './ConfigCoordinates';\nimport ConfigCustom from './ConfigCustom';\nimport ConfigDatePicker from './ConfigDatePicker';\nimport ConfigDeviceManager from './ConfigDeviceManager';\nimport ConfigFile from './ConfigFile';\nimport ConfigFileSelector from './ConfigFileSelector';\nimport ConfigFunc from './ConfigFunc';\nimport ConfigIP from './ConfigIP';\nimport ConfigImageSendTo from './ConfigImageSendTo';\nimport ConfigImageUpload from './ConfigImageUpload';\nimport ConfigInfoBox from './ConfigInfoBox';\nimport ConfigInstanceSelect from './ConfigInstanceSelect';\nimport ConfigInterface from './ConfigInterface';\nimport ConfigJsonEditor from './ConfigJsonEditor';\nimport ConfigLanguage from './ConfigLanguage';\nimport ConfigLicense from './ConfigLicense';\nimport ConfigNumber from './ConfigNumber';\nimport ConfigOauth2 from './ConfigOAuth2';\nimport ConfigObjectId from './ConfigObjectId';\nimport ConfigPassword from './ConfigPassword';\nimport ConfigPattern from './ConfigPattern';\nimport ConfigPort from './ConfigPort';\nimport ConfigRoom from './ConfigRoom';\nimport ConfigSelect from './ConfigSelect';\nimport ConfigSelectSendTo from './ConfigSelectSendTo';\nimport ConfigSendTo from './ConfigSendto';\nimport ConfigSetState from './ConfigSetState';\nimport ConfigSlider from './ConfigSlider';\nimport ConfigState from './ConfigState';\nimport ConfigStaticDivider from './ConfigStaticDivider';\nimport ConfigStaticHeader from './ConfigStaticHeader';\nimport ConfigStaticImage from './ConfigStaticImage';\nimport ConfigStaticInfo from './ConfigStaticInfo';\nimport ConfigStaticText from './ConfigStaticText';\nimport ConfigTable from './ConfigTable';\nimport ConfigText from './ConfigText';\nimport ConfigTextSendTo from './ConfigTextSendTo';\nimport ConfigTimePicker from './ConfigTimePicker';\nimport ConfigTopic from './ConfigTopic';\nimport ConfigUUID from './ConfigUUID';\nimport ConfigUser from './ConfigUser';\nimport ConfigQrCode from './ConfigQrCode';\n\nconst components: Record<string, typeof ConfigGeneric<any, any>> = {\n    accordion: ConfigAccordion,\n    alive: ConfigAlive,\n    autocomplete: ConfigAutocomplete,\n    autocompleteSendTo: ConfigAutocompleteSendTo,\n    certCollection: ConfigCertCollection,\n    certificate: ConfigCertificateSelect,\n    certificates: ConfigCertificates,\n    checkbox: ConfigCheckbox,\n    checkLicense: ConfigCheckLicense,\n    chip: ConfigChip, // deprecated. Use \"chips\"\n    chips: ConfigChip,\n    color: ConfigColor,\n    coordinates: ConfigCoordinates,\n    cron: ConfigCRON,\n    custom: ConfigCustom,\n    datePicker: ConfigDatePicker,\n    deviceManager: ConfigDeviceManager,\n    divider: ConfigStaticDivider,\n    file: ConfigFile,\n    fileSelector: ConfigFileSelector,\n    func: ConfigFunc,\n    header: ConfigStaticHeader,\n    image: ConfigImageUpload,\n    imageSendTo: ConfigImageSendTo,\n    infoBox: ConfigInfoBox,\n    instance: ConfigInstanceSelect,\n    interface: ConfigInterface,\n    ip: ConfigIP,\n    jsonEditor: ConfigJsonEditor,\n    language: ConfigLanguage,\n    license: ConfigLicense,\n    number: ConfigNumber,\n    oauth2: ConfigOauth2,\n    objectId: ConfigObjectId,\n    password: ConfigPassword,\n    pattern: ConfigPattern,\n    port: ConfigPort,\n    qrCode: ConfigQrCode,\n    room: ConfigRoom,\n    select: ConfigSelect,\n    selectSendTo: ConfigSelectSendTo,\n    // @deprecated Use \"sendTo\"\n    sendto: ConfigSendTo,\n    sendTo: ConfigSendTo,\n    setState: ConfigSetState,\n    slider: ConfigSlider,\n    state: ConfigState,\n    staticImage: ConfigStaticImage,\n    staticInfo: ConfigStaticInfo,\n    staticLink: ConfigStaticText,\n    staticText: ConfigStaticText,\n    table: ConfigTable,\n    text: ConfigText,\n    textSendTo: ConfigTextSendTo,\n    timePicker: ConfigTimePicker,\n    topic: ConfigTopic,\n    uuid: ConfigUUID,\n    user: ConfigUser,\n};\n\nconst styles: Record<string, any> = {\n    fullWidth: {\n        width: '100%',\n        // height: '100%',\n    },\n    paper: {\n        margin: 1,\n        width: 'auto !important',\n        overflowY: 'auto',\n        paddingBottom: 1,\n    },\n    paperWithIcons: {\n        height: 'calc(100vh - 259px) !important',\n    },\n    paperWithoutIcons: {\n        height: 'calc(100vh - 235px) !important',\n    },\n    padding: {\n        padding: '10px',\n    },\n    heading: {},\n    primary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.primary.main,\n        color: theme.palette.mode === 'dark' ? 'inherit' : '#FFF',\n    }),\n    secondary: (theme: IobTheme): React.CSSProperties => ({\n        backgroundColor: theme.palette.secondary.main,\n    }),\n};\n\ninterface ConfigPanelProps extends ConfigGenericProps {\n    schema: ConfigItemPanel;\n    withIcons?: boolean;\n    withoutSaveButtons?: boolean;\n}\ninterface ConfigPanelState extends ConfigGenericState {\n    expanded?: boolean;\n}\n\nclass ConfigPanel extends ConfigGeneric<ConfigPanelProps, ConfigPanelState> {\n    componentDidMount(): void {\n        super.componentDidMount();\n        if (this.props.schema?.collapsable) {\n            this.setState({\n                expanded:\n                    (((window as any)._localStorage as Storage) || window.localStorage).getItem(\n                        `${this.props.oContext.adapterName}.${this.props.attr}`,\n                    ) === 'true',\n            });\n        }\n    }\n\n    renderItems(items: Record<string, any>, disabled: boolean): JSX.Element[] | null {\n        return items\n            ? Object.keys(items).map(attr => {\n                  if (this.props.oContext.multiEdit && items[attr].noMultiEdit) {\n                      return null;\n                  }\n\n                  const type = items[attr].type || 'panel';\n                  let ItemComponent: typeof ConfigGeneric<ConfigGenericProps, any>;\n                  let socket: string | AdminConnection = 'Use this.props.oContext.socket!';\n                  if (type === 'custom') {\n                      // name\n                      // url\n                      if (items[attr].url) {\n                          ItemComponent = ConfigCustom;\n                      } else if (this.props.oContext.customs && this.props.oContext.customs[items[attr].component]) {\n                          ItemComponent = this.props.oContext.customs[items[attr].component];\n                      } else {\n                          console.error(`Cannot find custom component: ${items[attr].component}`);\n                          ItemComponent = ConfigGeneric;\n                      }\n                      socket = this.props.oContext.socket;\n                  } else if (type === 'panel') {\n                      ItemComponent = ConfigPanel;\n                  } else {\n                      ItemComponent = components[type] || ConfigGeneric;\n                  }\n\n                  return (\n                      <ItemComponent\n                          // @ts-expect-error Temporary work-around, till all custom components will not migrate to oContext\n                          socket={socket}\n                          globalData={this.props.globalData}\n                          oContext={this.props.oContext}\n                          key={`${attr}_${this.props.index === undefined ? '' : this.props.index}`}\n                          index={this.props.index}\n                          changed={this.props.changed}\n                          arrayIndex={this.props.arrayIndex}\n                          expertMode={this.props.expertMode}\n                          commandRunning={this.props.commandRunning}\n                          style={styles.panel}\n                          common={this.props.common}\n                          alive={this.props.alive}\n                          themeName={this.props.themeName}\n                          data={this.props.data}\n                          originalData={this.props.originalData}\n                          onError={this.props.onError}\n                          onChange={this.props.onChange}\n                          disabled={disabled}\n                          customObj={this.props.customObj}\n                          custom={this.props.custom}\n                          schema={items[attr]}\n                          attr={attr}\n                          table={this.props.table}\n                      />\n                  );\n              })\n            : null;\n    }\n\n    render(): JSX.Element | null {\n        const schema = this.props.schema;\n\n        if (!schema) {\n            return null;\n        }\n\n        const { disabled, hidden } = this.calculate(schema);\n\n        const items = this.props.schema.items;\n        const schemaStyle = this.props.schema.style || {};\n\n        if (hidden) {\n            if (schema.hideOnlyControl) {\n                const item = (\n                    <Grid2\n                        size={{\n                            xs: schema.xs || undefined,\n                            sm: schema.sm || undefined,\n                            md: schema.md || undefined,\n                            lg: schema.lg || undefined,\n                            xl: schema.xl || undefined,\n                        }}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { marginBottom: 0, textAlign: 'left' /* marginRight: 8, */ },\n                            schemaStyle,\n                            this.props.oContext.themeType === 'dark' && schema.darkStyle,\n                        )}\n                    />\n                );\n\n                if (schema.newLine) {\n                    return (\n                        <>\n                            <div style={{ flexBasis: '100%', height: 0 }} />\n                            {item}\n                        </>\n                    );\n                }\n                return item;\n            }\n            return null;\n        }\n\n        if (this.props.table) {\n            return this.renderItems(items, disabled) as any as JSX.Element;\n        }\n\n        if (this.props.custom) {\n            return (\n                <Grid2\n                    key={`${this.props.attr}_${this.props.index}`}\n                    container\n                    style={styles.fullWidth}\n                    columnSpacing={2}\n                    rowSpacing={1}\n                    sx={schemaStyle}\n                >\n                    {this.renderItems(items, disabled)}\n                </Grid2>\n            );\n        }\n\n        let content;\n        if (schema.collapsable) {\n            content = (\n                <Accordion\n                    key={`${this.props.attr}_${this.props.index}`}\n                    style={styles.fullWidth}\n                    expanded={!!this.state.expanded}\n                    onChange={() => {\n                        (((window as any)._localStorage as Storage) || window.localStorage).setItem(\n                            `${this.props.oContext.adapterName}.${this.props.attr}`,\n                            this.state.expanded ? 'false' : 'true',\n                        );\n                        this.setState({ expanded: !this.state.expanded });\n                    }}\n                >\n                    <AccordionSummary\n                        expandIcon={<ExpandMoreIcon />}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            schemaStyle,\n                            this.props.oContext.themeType && schema.darkStyle,\n                            schema.color === 'primary'\n                                ? styles.primary\n                                : schema.color === 'secondary' && styles.secondary,\n                            { width: '100%' },\n                        )}\n                    >\n                        <Typography style={styles.heading}>{this.getText(schema.label)}</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails>\n                        <Grid2\n                            container\n                            columnSpacing={2}\n                            rowSpacing={1}\n                            sx={{ ...schemaStyle, width: '100%', padding: '10px' }}\n                        >\n                            {this.renderItems(items, disabled)}\n                        </Grid2>\n                    </AccordionDetails>\n                </Accordion>\n            );\n        } else {\n            const sx = Utils.getStyle(\n                this.props.oContext.theme,\n                this.props.style,\n                schemaStyle,\n                { width: '100%' },\n                this.props.isParentTab && styles.paper,\n                this.props.isParentTab &&\n                    (this.props.withoutSaveButtons\n                        ? this.props.withIcons\n                            ? { height: 'calc(100% - 88px) !important' }\n                            : { height: 'calc(100% - 64px) !important' }\n                        : this.props.withIcons\n                          ? styles.paperWithIcons\n                          : styles.paperWithoutIcons),\n            );\n\n            content = (\n                <Box\n                    component=\"div\"\n                    key={`${this.props.attr}_${this.props.index}`}\n                    className={this.props.className}\n                    sx={sx}\n                >\n                    <Grid2\n                        container\n                        columnSpacing={2}\n                        rowSpacing={1}\n                        sx={Utils.getStyle(\n                            this.props.oContext.theme,\n                            { width: '100%' },\n                            this.props.isParentTab && styles.padding,\n                            this.props.schema.innerStyle,\n                        )}\n                    >\n                        {this.renderItems(items, disabled)}\n                    </Grid2>\n                </Box>\n            );\n        }\n\n        if (!this.props.isParentTab) {\n            const item = (\n                <Grid2\n                    title={this.getText(schema.tooltip)}\n                    size={{\n                        xs: schema.xs || undefined,\n                        sm: schema.sm || undefined,\n                        md: schema.md || undefined,\n                        lg: schema.lg || undefined,\n                        xl: schema.xl || undefined,\n                    }}\n                    sx={{ marginBottom: 0, /* marginRight: 8, */ textAlign: 'left', ...schemaStyle }}\n                >\n                    {content}\n                </Grid2>\n            );\n\n            if (schema.newLine) {\n                return (\n                    <>\n                        <div style={{ flexBasis: '100%', height: 0 }} />\n                        {item}\n                    </>\n                );\n            }\n            return item;\n        }\n        return content;\n    }\n}\n\nexport default ConfigPanel;\n"]}

package/build/JsonConfigComponent/ConfigSelect.d.ts

@@ -10,6 +10,7 @@ interface ConfigInstanceSelectState extends ConfigGenericState {
         value: number | string;
         group?: boolean;
         hidden?: string | boolean;
+        color?: string;
     }[];
 }
 declare class ConfigSelect extends ConfigGeneric<ConfigInstanceSelectProps, ConfigInstanceSelectState> {