@iobroker/json-config 7.6.17 → 7.6.18

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",
+       "label": "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

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

@@ -31,6 +31,7 @@ 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';
@@ -87,6 +88,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":"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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 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 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    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/ConfigSetState.js

@@ -1,17 +1,12 @@
 import React from 'react';
 import { Button } from '@mui/material';
 import { Warning as IconWarning, Error as IconError, Info as IconInfo } from '@mui/icons-material';
-import { DialogConfirm, Icon, I18n } from '@iobroker/adapter-react-v5';
+import { DialogConfirm, I18n } from '@iobroker/adapter-react-v5';
 import ConfigGeneric from './ConfigGeneric';
 const styles = {
     fullWidth: {
         width: '100%',
     },
-    icon: {
-        width: 24,
-        height: 24,
-        marginRight: 4,
-    },
 };
 class ConfigSetState extends ConfigGeneric {
     async _onClick() {
@@ -61,6 +56,7 @@ class ConfigSetState extends ConfigGeneric {
         return (React.createElement(DialogConfirm, { title: this.getText(confirm.title) || I18n.t('ra_Please confirm'), text: this.getText(confirm.text), ok: this.getText(confirm.ok) || I18n.t('ra_Ok'), cancel: this.getText(confirm.cancel) || I18n.t('ra_Cancel'), icon: icon, onClose: isOk => this.setState({ confirmDialog: false }, () => isOk && this._onClick()) }));
     }
     renderItem(_error, disabled /* , defaultValue */) {
+        const icon = this.getIcon();
         return (React.createElement(Button, { variant: this.props.schema.variant || undefined, color: this.props.schema.color || 'grey', style: styles.fullWidth, disabled: disabled, onClick: async () => {
                 if (this.props.schema.confirm) {
                     this.setState({ confirmDialog: true });
@@ -68,9 +64,7 @@ class ConfigSetState extends ConfigGeneric {
                 else {
                     await this._onClick();
                 }
-            } },
-            this.props.schema.icon ? (React.createElement(Icon, { src: this.props.schema.icon, style: styles.icon })) : null,
-            this.getText(this.props.schema.label, this.props.schema.noTranslation)));
+            }, startIcon: icon || undefined }, this.getText(this.props.schema.label, this.props.schema.noTranslation)));
     }
 }
 export default ConfigSetState;

package/build/JsonConfigComponent/ConfigSetState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSetState.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigSetState.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Button } from '@mui/material';\n\nimport { Warning as IconWarning, Error as IconError, Info as IconInfo } from '@mui/icons-material';\n\nimport { DialogConfirm, Icon, I18n } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemSetState } from '../types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n    icon: {\n        width: 24,\n        height: 24,\n        marginRight: 4,\n    },\n};\n\ninterface ConfigInstanceSelectProps extends ConfigGenericProps {\n    schema: ConfigItemSetState;\n}\n\nclass ConfigSetState extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {\n    async _onClick(): Promise<void> {\n        let val = this.props.schema.val;\n        if (typeof val === 'string' && val.includes('${')) {\n            val = this.getPattern(val, null, true);\n            const obj = await this.props.oContext.socket.getObject(this.props.schema.id);\n            if (obj?.common?.type === 'number') {\n                val = parseFloat(val);\n            } else if (obj?.common?.type === 'boolean') {\n                // @ts-expect-error val could be anything\n                val = val === 'true' || val === true || val === '1' || val === 1;\n            }\n        }\n\n        const id = (this.props.schema.id || '').replace(/%INSTANCE%/g, (this.props.oContext.instance || 0).toString());\n\n        try {\n            await this.props.oContext.socket.setState(id, { val, ack: !!this.props.schema.ack });\n            if (this.props.schema.okText) {\n                window.alert(this.getText(this.props.schema.okText));\n            }\n        } catch (e) {\n            if (this.props.schema.error && this.props.schema.error[e.toString()]) {\n                window.alert(this.getText(this.props.schema.error[e.toString()]));\n            } else {\n                window.alert(I18n.t(e.toString()) || I18n.t('ra_Error'));\n            }\n        }\n    }\n\n    renderDialogConfirm(): JSX.Element | null {\n        if (!this.state.confirmDialog) {\n            return null;\n        }\n        const confirm = this.state.confirmData || this.props.schema.confirm;\n        let icon = null;\n        if (confirm.type === 'warning') {\n            icon = <IconWarning />;\n        } else if (confirm.type === 'error') {\n            icon = <IconError />;\n        } else if (confirm.type === 'info') {\n            icon = <IconInfo />;\n        }\n\n        return (\n            <DialogConfirm\n                title={this.getText(confirm.title) || I18n.t('ra_Please confirm')}\n                text={this.getText(confirm.text)}\n                ok={this.getText(confirm.ok) || I18n.t('ra_Ok')}\n                cancel={this.getText(confirm.cancel) || I18n.t('ra_Cancel')}\n                icon={icon}\n                onClose={isOk => this.setState({ confirmDialog: false }, () => isOk && this._onClick())}\n            />\n        );\n    }\n\n    renderItem(_error: string, disabled: boolean /* , defaultValue */): JSX.Element | null {\n        return (\n            <Button\n                variant={this.props.schema.variant || undefined}\n                color={this.props.schema.color || 'grey'}\n                style={styles.fullWidth}\n                disabled={disabled}\n                onClick={async () => {\n                    if (this.props.schema.confirm) {\n                        this.setState({ confirmDialog: true });\n                    } else {\n                        await this._onClick();\n                    }\n                }}\n            >\n                {this.props.schema.icon ? (\n                    <Icon\n                        src={this.props.schema.icon}\n                        style={styles.icon}\n                    />\n                ) : null}\n                {this.getText(this.props.schema.label, this.props.schema.noTranslation)}\n            </Button>\n        );\n    }\n}\n\nexport default ConfigSetState;\n"]}
+{"version":3,"file":"ConfigSetState.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigSetState.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { Button } from '@mui/material';\n\nimport { Warning as IconWarning, Error as IconError, Info as IconInfo } from '@mui/icons-material';\n\nimport { DialogConfirm, Icon, I18n } from '@iobroker/adapter-react-v5';\nimport type { ConfigItemSetState } from '../types';\nimport ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';\n\nconst styles: Record<string, React.CSSProperties> = {\n    fullWidth: {\n        width: '100%',\n    },\n};\n\ninterface ConfigInstanceSelectProps extends ConfigGenericProps {\n    schema: ConfigItemSetState;\n}\n\nclass ConfigSetState extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {\n    async _onClick(): Promise<void> {\n        let val = this.props.schema.val;\n        if (typeof val === 'string' && val.includes('${')) {\n            val = this.getPattern(val, null, true);\n            const obj = await this.props.oContext.socket.getObject(this.props.schema.id);\n            if (obj?.common?.type === 'number') {\n                val = parseFloat(val);\n            } else if (obj?.common?.type === 'boolean') {\n                // @ts-expect-error val could be anything\n                val = val === 'true' || val === true || val === '1' || val === 1;\n            }\n        }\n\n        const id = (this.props.schema.id || '').replace(/%INSTANCE%/g, (this.props.oContext.instance || 0).toString());\n\n        try {\n            await this.props.oContext.socket.setState(id, { val, ack: !!this.props.schema.ack });\n            if (this.props.schema.okText) {\n                window.alert(this.getText(this.props.schema.okText));\n            }\n        } catch (e) {\n            if (this.props.schema.error && this.props.schema.error[e.toString()]) {\n                window.alert(this.getText(this.props.schema.error[e.toString()]));\n            } else {\n                window.alert(I18n.t(e.toString()) || I18n.t('ra_Error'));\n            }\n        }\n    }\n\n    renderDialogConfirm(): JSX.Element | null {\n        if (!this.state.confirmDialog) {\n            return null;\n        }\n        const confirm = this.state.confirmData || this.props.schema.confirm;\n        let icon = null;\n        if (confirm.type === 'warning') {\n            icon = <IconWarning />;\n        } else if (confirm.type === 'error') {\n            icon = <IconError />;\n        } else if (confirm.type === 'info') {\n            icon = <IconInfo />;\n        }\n\n        return (\n            <DialogConfirm\n                title={this.getText(confirm.title) || I18n.t('ra_Please confirm')}\n                text={this.getText(confirm.text)}\n                ok={this.getText(confirm.ok) || I18n.t('ra_Ok')}\n                cancel={this.getText(confirm.cancel) || I18n.t('ra_Cancel')}\n                icon={icon}\n                onClose={isOk => this.setState({ confirmDialog: false }, () => isOk && this._onClick())}\n            />\n        );\n    }\n\n    renderItem(_error: string, disabled: boolean /* , defaultValue */): JSX.Element | null {\n        const icon = this.getIcon();\n        return (\n            <Button\n                variant={this.props.schema.variant || undefined}\n                color={this.props.schema.color || 'grey'}\n                style={styles.fullWidth}\n                disabled={disabled}\n                onClick={async () => {\n                    if (this.props.schema.confirm) {\n                        this.setState({ confirmDialog: true });\n                    } else {\n                        await this._onClick();\n                    }\n                }}\n                startIcon={icon || undefined}\n            >\n                {this.getText(this.props.schema.label, this.props.schema.noTranslation)}\n            </Button>\n        );\n    }\n}\n\nexport default ConfigSetState;\n"]}

package/build/types.d.ts

@@ -72,6 +72,7 @@ export type ConfigItemType =
     | 'deviceManager'
     | 'topic'
     | 'qrCode'
+    | 'oauth2'
     | 'state';
 
 type ConfigIconType =
@@ -318,6 +319,14 @@ export interface ConfigItemNumber extends ConfigItem {
     unit?: string;
 }
 
+export interface ConfigItemOAuth2 extends ConfigItem {
+    type: 'oauth2';
+    saveTokenIn?: string; // default is `oauth2Tokens`
+    identifier: 'spotify' | 'google' | 'dropbox' | 'microsoft' | string;
+    scope?: string; // optional scopes divided by space, e.g. `user-read-private user-read-email`
+    refreshLabel?: ioBroker.StringOrTranslated; // label for the refresh button
+}
+
 export interface ConfigItemQrCode extends ConfigItem {
     type: 'qrCode';
     /** Data to show in the QR code */
@@ -978,6 +987,7 @@ export type ConfigItemAny =
     | ConfigItemTabs
     | ConfigItemText
     | ConfigItemNumber
+    | ConfigItemOAuth2
     | ConfigItemColor
     | ConfigItemCheckbox
     | ConfigItemSlider

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@iobroker/json-config",
     "description": "This package contains the ioBroker JSON config UI components",
-    "version": "7.6.17",
+    "version": "7.6.18",
     "main": "./build/index.js",
     "types": "./build/index.d.ts",
     "scripts": {
@@ -18,7 +18,7 @@
         "access": "public"
     },
     "dependencies": {
-        "@iobroker/adapter-react-v5": "7.6.17",
+        "@iobroker/adapter-react-v5": "7.6.18",
         "@module-federation/runtime": "^0.11.4",
         "@mui/x-date-pickers": "^7.28.3",
         "crypto-js": "^4.2.0",
@@ -36,5 +36,5 @@
         "build/",
         "LICENSE"
     ],
-    "gitHead": "d64077fb7249005a1253de90eb54d0d84f019679"
+    "gitHead": "24c6e6b9d17a9bb8a8811afc6213b6da08a20cfe"
 }