@deviceinsight/ng-ui-scale-lib 10.0.0 → 10.0.2

package/dist/{LicensesList-Bwb2a9OS.js → LicensesList-pAC4BDt7.js}

@@ -4,7 +4,7 @@ import { Link as h } from "react-router-dom";
 import { fetchRolesForLicense as g, fetchLicenses as N, deleteLicense as C } from "@deviceinsight/ng-ui-api-client";
 import { useConfirm as S, Button as E, Icon as w } from "@deviceinsight/ng-ui-basic-components";
 import { messageBoxError as p, ContentHeader as D } from "@deviceinsight/ng-ui-components";
-import { a, u as I, bM as T, bN as A, am as x } from "./setTitle-Ck-71vC0.js";
+import { a, u as I, bM as T, bN as A, am as x } from "./setTitle-C2aZzr0p.js";
 import "react-i18next";
 function K({ license: n }) {
   const [e, i] = c([]), [r, o] = c(!1);
@@ -146,4 +146,4 @@ function j() {
 export {
   j as default
 };
-//# sourceMappingURL=LicensesList-Bwb2a9OS.js.map
+//# sourceMappingURL=LicensesList-pAC4BDt7.js.map

package/dist/{LicensesList-Bwb2a9OS.js.map → LicensesList-pAC4BDt7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LicensesList-Bwb2a9OS.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseRoles.tsx","../ng-ui-scale/src/modules/licenses/LicensesList.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {fetchRolesForLicense, type Role} from '@deviceinsight/ng-ui-api-client';\n\nimport {Trans} from '../../i18n';\nimport './LicenseRoles.scss';\n\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\ntype Props = {\n\tlicense: string;\n};\n\nexport default function LicenseRoles({license}: Props) {\n\tconst [roles, setRoles] = useState<Role[]>([]);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetLoading(true);\n\t\tfetchRolesForLicense(license)\n\t\t\t.then(setRoles)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"license.roles.fetchingError\">\n\t\t\t\t\t\tCan't fetch the roles of the following license: {{license}}\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t})\n\t\t\t.finally(() => setLoading(false));\n\t}, [license]);\n\n\tif (loading) {\n\t\treturn <Trans i18nKey=\"general.actions.loading\">Loading...</Trans>;\n\t}\n\n\treturn (\n\t\t<span className=\"di license-roles\">\n\t\t\t{roles.map(role => (\n\t\t\t\t<Link key={role.id} to={`/roles/${role.id}`} className=\"role-link\">\n\t\t\t\t\t{role.name}\n\t\t\t\t</Link>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {deleteLicense, fetchLicenses, type License, type PaginationSettings} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, type ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {Trans, useTranslation} from 'i18n';\nimport {HasAuthorities} from '../../components/auth/HasAuthorities';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport LicenseRoles from './LicenseRoles';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'name',\n\t\tdirection: 'ASC',\n\t},\n};\n\nfunction getColumnDefs(onDelete: (license: License) => Promise<void>): Array<ReactableColumnDef<License>> {\n\treturn [\n\t\t{\n\t\t\tname: 'name',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) => item.name.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => <Link to={`licenses/${item.name}`}>{item.name}</Link>,\n\t\t},\n\t\t{\n\t\t\tname: 'displayName',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.displayName\">Display Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) =>\n\t\t\t\t\titem.displayName.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => item.displayName,\n\t\t},\n\t\t{\n\t\t\tname: 'description',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>,\n\t\t\trender: item => item.description,\n\t\t},\n\t\t{\n\t\t\tname: 'roles',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.roles\">Roles</Trans>,\n\t\t\trender: item => <LicenseRoles license={item.name} />,\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => (\n\t\t\t\t<HasAuthorities authorities={['MANAGE_LICENSES']}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tnaked\n\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\tid: 'licenses.tableHeaders.deleteLicense',\n\t\t\t\t\t\t\tdefaultValue: 'Delete this License',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onDelete(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t</Button>\n\t\t\t\t</HasAuthorities>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport default function LicensesList() {\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst confirm = useConfirm();\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.licenses.create\">Create new license</Trans>;\n\n\tuseEffect(() => {\n\t\tconst doFetch = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst licenses = await fetchLicenses();\n\t\t\t\tsetLicenses(licenses);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t};\n\t\tdoFetch();\n\t}, []);\n\n\tasync function handleDeleteLicense(license: License) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('licenses.confirmDeleteLicenseTitle', {defaultValue: 'Delete License'}),\n\t\t\tmessage: t('licenses.confirmDeleteLicenseMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this License?',\n\t\t\t}),\n\t\t});\n\t\tif (confirmed) {\n\t\t\tsetLoading(true);\n\t\t\ttry {\n\t\t\t\tawait deleteLicense(license.name);\n\t\t\t\tsetLicenses(licenses => licenses.filter(l => l.name !== license.name));\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error('Delete license error', e);\n\t\t\t\tmessageBoxError(\n\t\t\t\t\tt('licenses.deleteFailure', {defaultValue: `Can't delete license because it is in use`}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div data-testid=\"licenses-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.licenses.name',\n\t\t\t\t\tdefaultValue: 'Licenses',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"MANAGE_LICENSES\"\n\t\t\t\tpath=\"licenses/create\"\n\t\t\t\tdataTestId=\"create-license-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(handleDeleteLicense)}\n\t\t\t\titems={licenses}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.name}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"licenses-table\"\n\t\t\t\ttableName={'licenses'}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["LicenseRoles","license","roles","setRoles","useState","loading","setLoading","useEffect","fetchRolesForLicense","messageBoxError","jsxs","Trans","jsx","role","Link","INITIAL_PAGINATION_SETTINGS","getColumnDefs","onDelete","item","value","HasAuthorities","Button","Icon","LicensesList","licenses","setLicenses","confirm","useConfirm","t","useTranslation","tooltip","fetchLicenses","handleDeleteLicense","deleteLicense","l","e","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave"],"mappings":"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"}
+{"version":3,"file":"LicensesList-pAC4BDt7.js","sources":["../ng-ui-scale/src/modules/licenses/LicenseRoles.tsx","../ng-ui-scale/src/modules/licenses/LicensesList.tsx"],"sourcesContent":["import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {fetchRolesForLicense, type Role} from '@deviceinsight/ng-ui-api-client';\n\nimport {Trans} from '../../i18n';\nimport './LicenseRoles.scss';\n\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\ntype Props = {\n\tlicense: string;\n};\n\nexport default function LicenseRoles({license}: Props) {\n\tconst [roles, setRoles] = useState<Role[]>([]);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tsetLoading(true);\n\t\tfetchRolesForLicense(license)\n\t\t\t.then(setRoles)\n\t\t\t.catch(() => {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"license.roles.fetchingError\">\n\t\t\t\t\t\tCan't fetch the roles of the following license: {{license}}\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t})\n\t\t\t.finally(() => setLoading(false));\n\t}, [license]);\n\n\tif (loading) {\n\t\treturn <Trans i18nKey=\"general.actions.loading\">Loading...</Trans>;\n\t}\n\n\treturn (\n\t\t<span className=\"di license-roles\">\n\t\t\t{roles.map(role => (\n\t\t\t\t<Link key={role.id} to={`/roles/${role.id}`} className=\"role-link\">\n\t\t\t\t\t{role.name}\n\t\t\t\t</Link>\n\t\t\t))}\n\t\t</span>\n\t);\n}\n","import {useEffect, useState} from 'react';\nimport {Link} from 'react-router-dom';\n\nimport {deleteLicense, fetchLicenses, type License, type PaginationSettings} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError, type ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {Trans, useTranslation} from 'i18n';\nimport {HasAuthorities} from '../../components/auth/HasAuthorities';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport LicenseRoles from './LicenseRoles';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'name',\n\t\tdirection: 'ASC',\n\t},\n};\n\nfunction getColumnDefs(onDelete: (license: License) => Promise<void>): Array<ReactableColumnDef<License>> {\n\treturn [\n\t\t{\n\t\t\tname: 'name',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.name\">Technical Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) => item.name.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => <Link to={`licenses/${item.name}`}>{item.name}</Link>,\n\t\t},\n\t\t{\n\t\t\tname: 'displayName',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.displayName\">Display Name</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: License, value: string) =>\n\t\t\t\t\titem.displayName.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => item.displayName,\n\t\t},\n\t\t{\n\t\t\tname: 'description',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.description\">Description</Trans>,\n\t\t\trender: item => item.description,\n\t\t},\n\t\t{\n\t\t\tname: 'roles',\n\t\t\tlabel: <Trans i18nKey=\"licenses.tableHeaders.roles\">Roles</Trans>,\n\t\t\trender: item => <LicenseRoles license={item.name} />,\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => (\n\t\t\t\t<HasAuthorities authorities={['MANAGE_LICENSES']}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tnaked\n\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\tid: 'licenses.tableHeaders.deleteLicense',\n\t\t\t\t\t\t\tdefaultValue: 'Delete this License',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onDelete(item)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t</Button>\n\t\t\t\t</HasAuthorities>\n\t\t\t),\n\t\t},\n\t];\n}\n\nexport default function LicensesList() {\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst [licenses, setLicenses] = useState<License[]>([]);\n\tconst confirm = useConfirm();\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.licenses.create\">Create new license</Trans>;\n\n\tuseEffect(() => {\n\t\tconst doFetch = async () => {\n\t\t\ttry {\n\t\t\t\tsetLoading(true);\n\t\t\t\tconst licenses = await fetchLicenses();\n\t\t\t\tsetLicenses(licenses);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t};\n\t\tdoFetch();\n\t}, []);\n\n\tasync function handleDeleteLicense(license: License) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('licenses.confirmDeleteLicenseTitle', {defaultValue: 'Delete License'}),\n\t\t\tmessage: t('licenses.confirmDeleteLicenseMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this License?',\n\t\t\t}),\n\t\t});\n\t\tif (confirmed) {\n\t\t\tsetLoading(true);\n\t\t\ttry {\n\t\t\t\tawait deleteLicense(license.name);\n\t\t\t\tsetLicenses(licenses => licenses.filter(l => l.name !== license.name));\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error('Delete license error', e);\n\t\t\t\tmessageBoxError(\n\t\t\t\t\tt('licenses.deleteFailure', {defaultValue: `Can't delete license because it is in use`}),\n\t\t\t\t);\n\t\t\t}\n\t\t\tsetLoading(false);\n\t\t}\n\t}\n\n\treturn (\n\t\t<div data-testid=\"licenses-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.licenses.name',\n\t\t\t\t\tdefaultValue: 'Licenses',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"MANAGE_LICENSES\"\n\t\t\t\tpath=\"licenses/create\"\n\t\t\t\tdataTestId=\"create-license-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(handleDeleteLicense)}\n\t\t\t\titems={licenses}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.name}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"licenses-table\"\n\t\t\t\ttableName={'licenses'}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["LicenseRoles","license","roles","setRoles","useState","loading","setLoading","useEffect","fetchRolesForLicense","messageBoxError","jsxs","Trans","jsx","role","Link","INITIAL_PAGINATION_SETTINGS","getColumnDefs","onDelete","item","value","HasAuthorities","Button","Icon","LicensesList","licenses","setLicenses","confirm","useConfirm","t","useTranslation","tooltip","fetchLicenses","handleDeleteLicense","deleteLicense","l","e","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave"],"mappings":"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"}

package/dist/{PropertiesEditPage-OrwneFF4.js → PropertiesEditPage-w4A8Rdg9.js}

@@ -5,7 +5,7 @@ import { getPropertyById as X, updateProperty as H, createProperty as _ } from "
 import { Button as w, Checkbox as A, Icon as O, ButtonRow as j, Spinner as Y } from "@deviceinsight/ng-ui-basic-components";
 import { messageBoxError as K, ContentHeader as W } from "@deviceinsight/ng-ui-components";
 import "react-i18next";
-import { X as N, bS as $, a as d, u as z, P as I, bT as J, bU as C, bV as q, bW as Q, bX as Z, b8 as ee, r as re, bY as le } from "./setTitle-Ck-71vC0.js";
+import { X as N, bS as $, a as d, u as z, P as I, bT as J, bU as C, bV as q, bW as Q, bX as Z, b8 as ee, r as re, bY as le } from "./setTitle-C2aZzr0p.js";
 import te from "axios";
 import { useFormContext as ae, useController as ne, useForm as ie, FormProvider as se, Controller as f } from "react-hook-form";
 import oe from "classnames";
@@ -370,4 +370,4 @@ function xe() {
 export {
   xe as default
 };
-//# sourceMappingURL=PropertiesEditPage-OrwneFF4.js.map
+//# sourceMappingURL=PropertiesEditPage-w4A8Rdg9.js.map

package/dist/{PropertiesEditPage-OrwneFF4.js.map → PropertiesEditPage-w4A8Rdg9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PropertiesEditPage-OrwneFF4.js","sources":["../ng-ui-scale/src/components/inputs/buttonPicker/ButtonPicker.tsx","../ng-ui-scale/src/modules/properties/AllowedValues.tsx","../ng-ui-scale/src/modules/properties/PropertyForm.tsx","../ng-ui-scale/src/modules/properties/PropertiesEditPage.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport {Button} from '@deviceinsight/ng-ui-basic-components';\n\nimport type {TranslationDescriptor} from 'i18n';\nimport TransByDescriptor from 'i18n/TransByDescriptor';\nimport FieldDecorator, {type FieldDecoratorProps} from '../FieldDecorator';\n\nimport '../input.scss';\n\nexport type ButtonPickerOption<T> = {\n\tvalue: T;\n\tlabel: string | TranslationDescriptor;\n};\n\ntype OwnProps<T> = {\n\tonChange: (values: T[]) => void;\n\toptions: ButtonPickerOption<T>[];\n\tvalues: T[];\n\tdisabled?: boolean;\n};\n\ntype Props<T> = FieldDecoratorProps & OwnProps<T>;\n\nexport default function ButtonPicker<T>(props: Props<T>) {\n\tconst {options, onChange, values, ...rest} = props;\n\n\tfunction toggleOption(option: ButtonPickerOption<T>) {\n\t\tif (values.includes(option.value)) {\n\t\t\tonChange(values.filter(v => v !== option.value));\n\t\t} else {\n\t\t\tonChange([...values, option.value]);\n\t\t}\n\t}\n\n\treturn (\n\t\t<FieldDecorator {...rest}>\n\t\t\t<div className=\"buttonpicker\">\n\t\t\t\t{options.map(option => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={String(option.value)}\n\t\t\t\t\t\tonClick={() => toggleOption(option)}\n\t\t\t\t\t\tclassName={cx({\n\t\t\t\t\t\t\tactive: values.includes(option.value),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TransByDescriptor translationDescriptor={option.label} />\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</FieldDecorator>\n\t);\n}\n","import {useState} from 'react';\nimport {useController, useFormContext} from 'react-hook-form';\n\nimport type {Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Checkbox, Icon} from '@deviceinsight/ng-ui-basic-components';\n\nimport FieldDecorator from 'components/inputs/FieldDecorator';\nimport {Trans} from 'i18n';\n\nexport default function AllowedValues() {\n\tconst {\n\t\tgetValues,\n\t\tformState: {errors},\n\t\ttrigger,\n\t} = useFormContext<Property>();\n\tconst [enabled, setEnabled] = useState<boolean>(!!getValues('allowedValues'));\n\tconst {\n\t\tfield: {value: allowedValues, onChange},\n\t\tfieldState: {invalid: allowedValuesInvalid},\n\t} = useController<Property, 'allowedValues'>({\n\t\tname: 'allowedValues',\n\t\trules: {\n\t\t\tvalidate: allowedValues =>\n\t\t\t\tallowedValues == null || allowedValues?.some(v => v !== '') ? undefined : 'Required',\n\t\t},\n\t});\n\n\tfunction remove(index: number) {\n\t\tonChange(allowedValues?.filter((v, i) => i !== index));\n\t}\n\n\tfunction append(value: string) {\n\t\tonChange(allowedValues ? [...allowedValues, value] : [value]);\n\t}\n\n\tfunction change(value: string, index: number) {\n\t\tonChange(allowedValues?.map((allowedValue, i) => (index === i ? value : allowedValue)));\n\t}\n\n\tasync function handleEnabledChange(enabled: boolean) {\n\t\tonChange(enabled ? [] : null);\n\t\tsetEnabled(enabled);\n\n\t\tif (!enabled && allowedValuesInvalid) {\n\t\t\tawait trigger();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FieldDecorator\n\t\t\t\tlabel={\n\t\t\t\t\t<div className=\"di allowed-values-header\">\n\t\t\t\t\t\t<Checkbox type=\"toggle\" value={enabled} toggleSmall onChange={handleEnabledChange} />{' '}\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValues\">Allowed Values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\terror={errors.allowedValues ? 'Required' : undefined}\n\t\t\t\tclassName=\"di allowed-values-container\"\n\t\t\t>\n\t\t\t\t<Checkbox value={enabled} onChange={handleEnabledChange} />\n\t\t\t\t{allowedValues?.length === 0 ? (\n\t\t\t\t\t<div className=\"empty-placeholder\">\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesEmptyPlaceholder\">No values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{allowedValues?.map((allowedValue, index) => (\n\t\t\t\t\t\t\t<li key={index} className=\"item\">\n\t\t\t\t\t\t\t\t<FieldDecorator className=\"value-container\">\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={allowedValue}\n\t\t\t\t\t\t\t\t\t\tonChange={e => change(e.target.value, index)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FieldDecorator>\n\t\t\t\t\t\t\t\t<Button onClick={() => remove(index)}>\n\t\t\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</FieldDecorator>\n\t\t\t{enabled && (\n\t\t\t\t<Button onClick={() => append('')}>\n\t\t\t\t\t<Icon add />\n\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesAdd\">Add</Trans>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import axios from 'axios';\nimport {Controller, FormProvider, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, ButtonRow} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport ButtonPicker from 'components/inputs/buttonPicker/ButtonPicker';\nimport Checkbox from 'components/inputs/checkbox/Checkbox';\nimport NumberInput from 'components/inputs/numberInput/NumberInput';\nimport SelectInput from 'components/inputs/selectInput/SelectInput';\nimport TextInput from 'components/inputs/textInput/TextInput';\nimport {Trans, useTranslation} from 'i18n';\nimport AllowedValues from './AllowedValues';\nimport {getUnknownBackendErrorMessage, parseBackendError} from './utils';\n\nimport './propertiesEditPage.scss';\n\nconst typeOptions = ['STRING', 'TEXT', 'DATE', 'LONG', 'DOUBLE', 'BOOLEAN', 'IP', 'GEO'].map(pType => {\n\treturn {\n\t\tvalue: pType,\n\t\tname: pType,\n\t};\n});\n\nconst entityTargetOptions = (['ASSET', 'ASSET_GROUP', 'ACCOUNT', 'ACCOUNT_GROUP', 'DATAPOINT'] as EntityTarget[]).map(\n\tpType => ({\n\t\tvalue: pType,\n\t\tlabel: pType,\n\t}),\n);\n\ntype Props = {\n\teditedProperty: Property | undefined;\n\tisReadonly: boolean;\n\tonSubmit: (property: Property) => Promise<void>;\n\tonCancel: () => void;\n};\n\nfunction createEmptyFormData(): Property {\n\treturn {\n\t\tkey: '',\n\t\ttype: 'STRING',\n\t\tentityTargets: [],\n\t\taddToAll: false,\n\t\tdeletable: true,\n\t};\n}\n\nfunction PropertyForm({editedProperty, isReadonly, onSubmit, onCancel}: Props) {\n\tconst {t} = useTranslation();\n\tconst formContext = useForm<Property>({\n\t\tdefaultValues: editedProperty ? editedProperty : createEmptyFormData(),\n\t});\n\tconst {\n\t\tcontrol,\n\t\thandleSubmit,\n\t\twatch,\n\t\tsetError,\n\t\tformState: {isSubmitting, isDirty},\n\t} = formContext;\n\n\tfunction submit(): Promise<void> {\n\t\tasync function submitFunction(property: Property) {\n\t\t\ttry {\n\t\t\t\tawait onSubmit(property);\n\t\t\t} catch (error: unknown) {\n\t\t\t\tif (axios.isAxiosError(error)) {\n\t\t\t\t\tconst {fieldName, message} = parseBackendError(error, t);\n\t\t\t\t\tif (fieldName) {\n\t\t\t\t\t\tsetError(fieldName as any, {message});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmessageBoxError(message);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tmessageBoxError(getUnknownBackendErrorMessage(t));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn handleSubmit(submitFunction, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\tconst type = watch('type');\n\n\tconst isEditMode = !!editedProperty;\n\tconst isStringOrText = type === 'STRING' || type === 'TEXT';\n\tconst areAllowedValuesEnabled = !!watch('allowedValues');\n\n\treturn (\n\t\t<FormProvider {...formContext}>\n\t\t\t<div className=\"property-form\">\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"key\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{\n\t\t\t\t\t\trequired: t('properties.form.validation.key.required', {\n\t\t\t\t\t\t\tdefaultValue: 'Please enter a property key',\n\t\t\t\t\t\t}),\n\t\t\t\t\t}}\n\t\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.key\">Key</Trans>}\n\t\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"type\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<SelectInput\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.type\">Type</Trans>}\n\t\t\t\t\t\t\toptions={typeOptions}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"entityTargets\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{validate: entityTargets => (entityTargets.length === 0 ? 'Required' : undefined)}}\n\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t<ButtonPicker\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.entityTargets\">Entity targets</Trans>}\n\t\t\t\t\t\t\tvalues={value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\toptions={entityTargetOptions}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t? t('properties.form.validation.entityTargets.required', {\n\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please select a at least one entity target',\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"addToAll\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.addToSearch\">Add to Search</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"unique\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.unique\">Unique</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"final\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.final\">Final</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t{isStringOrText && !areAllowedValuesEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"minLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.minLength\">Minimum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"maxLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.maxLength\">Maximum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"regularExpression\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.regularExpression\">Regular expression</Trans>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : ''\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{type === 'STRING' && <AllowedValues />}\n\n\t\t\t\t<div className=\"formRequired\">\n\t\t\t\t\t* <Trans i18nKey=\"form.field.required\">required</Trans>\n\t\t\t\t</div>\n\t\t\t\t<ButtonRow dividing>\n\t\t\t\t\t<Button className=\"with-spinner\" primary onClick={submit} disabled={isSubmitting}>\n\t\t\t\t\t\t{<Trans i18nKey=\"general.actions.save\">Save</Trans>}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button disabled={isSubmitting} onClick={onCancel}>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonRow>\n\t\t\t\t<Prompt message=\"\" when={isDirty && !isSubmitting} />\n\t\t\t</div>\n\t\t</FormProvider>\n\t);\n}\n\nexport default PropertyForm;\n","import {useCallback, useEffect, useState} from 'react';\nimport {useHistory, useLocation, useParams} from 'react-router-dom';\n\nimport {\n\tcreateProperty as createPropertyApi,\n\tgetPropertyById,\n\ttype Property,\n\tupdateProperty as updatePropertyApi,\n} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport PageNotFound from '../../components/page/misc/PageNotFound';\nimport {hasAuthorities} from '../../utils/hasAuthorities';\nimport PropertyForm from './PropertyForm';\nimport {displaySuccessMessage} from './utils';\n\nconst getContentHeaderTitle = (createMode: boolean) => {\n\treturn createMode\n\t\t? {\n\t\t\t\tid: 'properties.create.title',\n\t\t\t\tdefaultValue: 'Create Property',\n\t\t\t}\n\t\t: {\n\t\t\t\tid: 'properties.edit.title',\n\t\t\t\tdefaultValue: 'Edit Property',\n\t\t\t};\n};\n\nconst messageSuccessSaveProperty = (\n\t<Trans i18nKey=\"properties.saveSuccessMessage\">Property has been saved successfully.</Trans>\n);\n\nfunction clearPropertyFields(property: Property): Property {\n\tif (property.type === 'STRING' && property.allowedValues && property.allowedValues.length > 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, allowedValues, ...newProperty} = property;\n\t\treturn {...newProperty, allowedValues: [...new Set(allowedValues.filter(value => value !== ''))]};\n\t}\n\n\t// The backend does not accept an empty array for allowedValues\n\tif (property.allowedValues && property.allowedValues.length === 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {allowedValues, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\tif (property.type !== 'STRING' && property.type !== 'TEXT') {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\n\treturn property;\n}\n\nexport default function PropertiesEditPage() {\n\tconst {pathname} = useLocation();\n\tconst history = useHistory();\n\tconst {propertyKey} = useParams<{propertyKey: string}>();\n\tconst [property, setProperty] = useState<Property | undefined>(undefined);\n\tconst [isLoading, setIsLoading] = useState<boolean>(true);\n\tconst [notFound, setNotFound] = useState<boolean>(false);\n\n\tconst loadProperty = useCallback(async (propertyKey: string) => {\n\t\ttry {\n\t\t\tconst property = await getPropertyById(propertyKey);\n\t\t\tsetProperty(property);\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t\tsetNotFound(true);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (propertyKey && propertyKey !== 'create') {\n\t\t\tloadProperty(propertyKey);\n\t\t} else {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [propertyKey, loadProperty]);\n\n\tfunction goToParentPage() {\n\t\thistory.push(pathname.substring(0, pathname.lastIndexOf('/')));\n\t}\n\n\tasync function handleSubmit(formData: Property) {\n\t\tif (property) {\n\t\t\tawait updatePropertyApi(clearPropertyFields(formData));\n\t\t} else {\n\t\t\tawait createPropertyApi(clearPropertyFields(formData));\n\t\t}\n\t\tdisplaySuccessMessage(messageSuccessSaveProperty);\n\t\tgoToParentPage();\n\t}\n\n\tfunction cancel() {\n\t\tgoToParentPage();\n\t}\n\n\tif (notFound) {\n\t\treturn <PageNotFound />;\n\t}\n\tconst contentHeaderTitle = getContentHeaderTitle(!property);\n\treturn !isLoading ? (\n\t\t<>\n\t\t\t<ContentHeader title={contentHeaderTitle} parentPageLink />\n\t\t\t<PropertyForm\n\t\t\t\teditedProperty={property}\n\t\t\t\tisReadonly={!!property && !hasAuthorities(['UPDATE_PROPERTY'] as string[])}\n\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\tonCancel={cancel}\n\t\t\t/>\n\t\t</>\n\t) : (\n\t\t<Spinner center />\n\t);\n}\n"],"names":["ButtonPicker","props","options","onChange","values","rest","toggleOption","option","v","jsx","FieldDecorator","Button","cx","TransByDescriptor","AllowedValues","getValues","errors","trigger","useFormContext","enabled","setEnabled","useState","allowedValues","allowedValuesInvalid","useController","remove","index","i","append","value","change","allowedValue","handleEnabledChange","jsxs","Fragment","Checkbox","Trans","e","Icon","typeOptions","pType","entityTargetOptions","createEmptyFormData","PropertyForm","editedProperty","isReadonly","onSubmit","onCancel","t","useTranslation","formContext","useForm","control","handleSubmit","watch","setError","isSubmitting","isDirty","submit","submitFunction","property","error","axios","fieldName","message","parseBackendError","messageBoxError","getUnknownBackendErrorMessage","type","isEditMode","isStringOrText","areAllowedValuesEnabled","FormProvider","Controller","field","TextInput","SelectInput","entityTargets","NumberInput","ButtonRow","Prompt","getContentHeaderTitle","createMode","messageSuccessSaveProperty","clearPropertyFields","regularExpression","maxLength","minLength","newProperty","PropertiesEditPage","pathname","useLocation","history","useHistory","propertyKey","useParams","setProperty","isLoading","setIsLoading","notFound","setNotFound","loadProperty","useCallback","getPropertyById","useEffect","goToParentPage","formData","updatePropertyApi","createPropertyApi","displaySuccessMessage","cancel","PageNotFound","contentHeaderTitle","Spinner","ContentHeader","hasAuthorities"],"mappings":"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"}
+{"version":3,"file":"PropertiesEditPage-w4A8Rdg9.js","sources":["../ng-ui-scale/src/components/inputs/buttonPicker/ButtonPicker.tsx","../ng-ui-scale/src/modules/properties/AllowedValues.tsx","../ng-ui-scale/src/modules/properties/PropertyForm.tsx","../ng-ui-scale/src/modules/properties/PropertiesEditPage.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport {Button} from '@deviceinsight/ng-ui-basic-components';\n\nimport type {TranslationDescriptor} from 'i18n';\nimport TransByDescriptor from 'i18n/TransByDescriptor';\nimport FieldDecorator, {type FieldDecoratorProps} from '../FieldDecorator';\n\nimport '../input.scss';\n\nexport type ButtonPickerOption<T> = {\n\tvalue: T;\n\tlabel: string | TranslationDescriptor;\n};\n\ntype OwnProps<T> = {\n\tonChange: (values: T[]) => void;\n\toptions: ButtonPickerOption<T>[];\n\tvalues: T[];\n\tdisabled?: boolean;\n};\n\ntype Props<T> = FieldDecoratorProps & OwnProps<T>;\n\nexport default function ButtonPicker<T>(props: Props<T>) {\n\tconst {options, onChange, values, ...rest} = props;\n\n\tfunction toggleOption(option: ButtonPickerOption<T>) {\n\t\tif (values.includes(option.value)) {\n\t\t\tonChange(values.filter(v => v !== option.value));\n\t\t} else {\n\t\t\tonChange([...values, option.value]);\n\t\t}\n\t}\n\n\treturn (\n\t\t<FieldDecorator {...rest}>\n\t\t\t<div className=\"buttonpicker\">\n\t\t\t\t{options.map(option => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={String(option.value)}\n\t\t\t\t\t\tonClick={() => toggleOption(option)}\n\t\t\t\t\t\tclassName={cx({\n\t\t\t\t\t\t\tactive: values.includes(option.value),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TransByDescriptor translationDescriptor={option.label} />\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</FieldDecorator>\n\t);\n}\n","import {useState} from 'react';\nimport {useController, useFormContext} from 'react-hook-form';\n\nimport type {Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Checkbox, Icon} from '@deviceinsight/ng-ui-basic-components';\n\nimport FieldDecorator from 'components/inputs/FieldDecorator';\nimport {Trans} from 'i18n';\n\nexport default function AllowedValues() {\n\tconst {\n\t\tgetValues,\n\t\tformState: {errors},\n\t\ttrigger,\n\t} = useFormContext<Property>();\n\tconst [enabled, setEnabled] = useState<boolean>(!!getValues('allowedValues'));\n\tconst {\n\t\tfield: {value: allowedValues, onChange},\n\t\tfieldState: {invalid: allowedValuesInvalid},\n\t} = useController<Property, 'allowedValues'>({\n\t\tname: 'allowedValues',\n\t\trules: {\n\t\t\tvalidate: allowedValues =>\n\t\t\t\tallowedValues == null || allowedValues?.some(v => v !== '') ? undefined : 'Required',\n\t\t},\n\t});\n\n\tfunction remove(index: number) {\n\t\tonChange(allowedValues?.filter((v, i) => i !== index));\n\t}\n\n\tfunction append(value: string) {\n\t\tonChange(allowedValues ? [...allowedValues, value] : [value]);\n\t}\n\n\tfunction change(value: string, index: number) {\n\t\tonChange(allowedValues?.map((allowedValue, i) => (index === i ? value : allowedValue)));\n\t}\n\n\tasync function handleEnabledChange(enabled: boolean) {\n\t\tonChange(enabled ? [] : null);\n\t\tsetEnabled(enabled);\n\n\t\tif (!enabled && allowedValuesInvalid) {\n\t\t\tawait trigger();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FieldDecorator\n\t\t\t\tlabel={\n\t\t\t\t\t<div className=\"di allowed-values-header\">\n\t\t\t\t\t\t<Checkbox type=\"toggle\" value={enabled} toggleSmall onChange={handleEnabledChange} />{' '}\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValues\">Allowed Values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\terror={errors.allowedValues ? 'Required' : undefined}\n\t\t\t\tclassName=\"di allowed-values-container\"\n\t\t\t>\n\t\t\t\t<Checkbox value={enabled} onChange={handleEnabledChange} />\n\t\t\t\t{allowedValues?.length === 0 ? (\n\t\t\t\t\t<div className=\"empty-placeholder\">\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesEmptyPlaceholder\">No values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{allowedValues?.map((allowedValue, index) => (\n\t\t\t\t\t\t\t<li key={index} className=\"item\">\n\t\t\t\t\t\t\t\t<FieldDecorator className=\"value-container\">\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={allowedValue}\n\t\t\t\t\t\t\t\t\t\tonChange={e => change(e.target.value, index)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FieldDecorator>\n\t\t\t\t\t\t\t\t<Button onClick={() => remove(index)}>\n\t\t\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</FieldDecorator>\n\t\t\t{enabled && (\n\t\t\t\t<Button onClick={() => append('')}>\n\t\t\t\t\t<Icon add />\n\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesAdd\">Add</Trans>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import axios from 'axios';\nimport {Controller, FormProvider, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, ButtonRow} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport ButtonPicker from 'components/inputs/buttonPicker/ButtonPicker';\nimport Checkbox from 'components/inputs/checkbox/Checkbox';\nimport NumberInput from 'components/inputs/numberInput/NumberInput';\nimport SelectInput from 'components/inputs/selectInput/SelectInput';\nimport TextInput from 'components/inputs/textInput/TextInput';\nimport {Trans, useTranslation} from 'i18n';\nimport AllowedValues from './AllowedValues';\nimport {getUnknownBackendErrorMessage, parseBackendError} from './utils';\n\nimport './propertiesEditPage.scss';\n\nconst typeOptions = ['STRING', 'TEXT', 'DATE', 'LONG', 'DOUBLE', 'BOOLEAN', 'IP', 'GEO'].map(pType => {\n\treturn {\n\t\tvalue: pType,\n\t\tname: pType,\n\t};\n});\n\nconst entityTargetOptions = (['ASSET', 'ASSET_GROUP', 'ACCOUNT', 'ACCOUNT_GROUP', 'DATAPOINT'] as EntityTarget[]).map(\n\tpType => ({\n\t\tvalue: pType,\n\t\tlabel: pType,\n\t}),\n);\n\ntype Props = {\n\teditedProperty: Property | undefined;\n\tisReadonly: boolean;\n\tonSubmit: (property: Property) => Promise<void>;\n\tonCancel: () => void;\n};\n\nfunction createEmptyFormData(): Property {\n\treturn {\n\t\tkey: '',\n\t\ttype: 'STRING',\n\t\tentityTargets: [],\n\t\taddToAll: false,\n\t\tdeletable: true,\n\t};\n}\n\nfunction PropertyForm({editedProperty, isReadonly, onSubmit, onCancel}: Props) {\n\tconst {t} = useTranslation();\n\tconst formContext = useForm<Property>({\n\t\tdefaultValues: editedProperty ? editedProperty : createEmptyFormData(),\n\t});\n\tconst {\n\t\tcontrol,\n\t\thandleSubmit,\n\t\twatch,\n\t\tsetError,\n\t\tformState: {isSubmitting, isDirty},\n\t} = formContext;\n\n\tfunction submit(): Promise<void> {\n\t\tasync function submitFunction(property: Property) {\n\t\t\ttry {\n\t\t\t\tawait onSubmit(property);\n\t\t\t} catch (error: unknown) {\n\t\t\t\tif (axios.isAxiosError(error)) {\n\t\t\t\t\tconst {fieldName, message} = parseBackendError(error, t);\n\t\t\t\t\tif (fieldName) {\n\t\t\t\t\t\tsetError(fieldName as any, {message});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmessageBoxError(message);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tmessageBoxError(getUnknownBackendErrorMessage(t));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn handleSubmit(submitFunction, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\tconst type = watch('type');\n\n\tconst isEditMode = !!editedProperty;\n\tconst isStringOrText = type === 'STRING' || type === 'TEXT';\n\tconst areAllowedValuesEnabled = !!watch('allowedValues');\n\n\treturn (\n\t\t<FormProvider {...formContext}>\n\t\t\t<div className=\"property-form\">\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"key\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{\n\t\t\t\t\t\trequired: t('properties.form.validation.key.required', {\n\t\t\t\t\t\t\tdefaultValue: 'Please enter a property key',\n\t\t\t\t\t\t}),\n\t\t\t\t\t}}\n\t\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.key\">Key</Trans>}\n\t\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"type\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<SelectInput\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.type\">Type</Trans>}\n\t\t\t\t\t\t\toptions={typeOptions}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"entityTargets\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{validate: entityTargets => (entityTargets.length === 0 ? 'Required' : undefined)}}\n\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t<ButtonPicker\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.entityTargets\">Entity targets</Trans>}\n\t\t\t\t\t\t\tvalues={value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\toptions={entityTargetOptions}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t? t('properties.form.validation.entityTargets.required', {\n\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please select a at least one entity target',\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"addToAll\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.addToSearch\">Add to Search</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"unique\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.unique\">Unique</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"final\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.final\">Final</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t{isStringOrText && !areAllowedValuesEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"minLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.minLength\">Minimum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"maxLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.maxLength\">Maximum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"regularExpression\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.regularExpression\">Regular expression</Trans>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : ''\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{type === 'STRING' && <AllowedValues />}\n\n\t\t\t\t<div className=\"formRequired\">\n\t\t\t\t\t* <Trans i18nKey=\"form.field.required\">required</Trans>\n\t\t\t\t</div>\n\t\t\t\t<ButtonRow dividing>\n\t\t\t\t\t<Button className=\"with-spinner\" primary onClick={submit} disabled={isSubmitting}>\n\t\t\t\t\t\t{<Trans i18nKey=\"general.actions.save\">Save</Trans>}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button disabled={isSubmitting} onClick={onCancel}>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonRow>\n\t\t\t\t<Prompt message=\"\" when={isDirty && !isSubmitting} />\n\t\t\t</div>\n\t\t</FormProvider>\n\t);\n}\n\nexport default PropertyForm;\n","import {useCallback, useEffect, useState} from 'react';\nimport {useHistory, useLocation, useParams} from 'react-router-dom';\n\nimport {\n\tcreateProperty as createPropertyApi,\n\tgetPropertyById,\n\ttype Property,\n\tupdateProperty as updatePropertyApi,\n} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport PageNotFound from '../../components/page/misc/PageNotFound';\nimport {hasAuthorities} from '../../utils/hasAuthorities';\nimport PropertyForm from './PropertyForm';\nimport {displaySuccessMessage} from './utils';\n\nconst getContentHeaderTitle = (createMode: boolean) => {\n\treturn createMode\n\t\t? {\n\t\t\t\tid: 'properties.create.title',\n\t\t\t\tdefaultValue: 'Create Property',\n\t\t\t}\n\t\t: {\n\t\t\t\tid: 'properties.edit.title',\n\t\t\t\tdefaultValue: 'Edit Property',\n\t\t\t};\n};\n\nconst messageSuccessSaveProperty = (\n\t<Trans i18nKey=\"properties.saveSuccessMessage\">Property has been saved successfully.</Trans>\n);\n\nfunction clearPropertyFields(property: Property): Property {\n\tif (property.type === 'STRING' && property.allowedValues && property.allowedValues.length > 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, allowedValues, ...newProperty} = property;\n\t\treturn {...newProperty, allowedValues: [...new Set(allowedValues.filter(value => value !== ''))]};\n\t}\n\n\t// The backend does not accept an empty array for allowedValues\n\tif (property.allowedValues && property.allowedValues.length === 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {allowedValues, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\tif (property.type !== 'STRING' && property.type !== 'TEXT') {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\n\treturn property;\n}\n\nexport default function PropertiesEditPage() {\n\tconst {pathname} = useLocation();\n\tconst history = useHistory();\n\tconst {propertyKey} = useParams<{propertyKey: string}>();\n\tconst [property, setProperty] = useState<Property | undefined>(undefined);\n\tconst [isLoading, setIsLoading] = useState<boolean>(true);\n\tconst [notFound, setNotFound] = useState<boolean>(false);\n\n\tconst loadProperty = useCallback(async (propertyKey: string) => {\n\t\ttry {\n\t\t\tconst property = await getPropertyById(propertyKey);\n\t\t\tsetProperty(property);\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t\tsetNotFound(true);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (propertyKey && propertyKey !== 'create') {\n\t\t\tloadProperty(propertyKey);\n\t\t} else {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [propertyKey, loadProperty]);\n\n\tfunction goToParentPage() {\n\t\thistory.push(pathname.substring(0, pathname.lastIndexOf('/')));\n\t}\n\n\tasync function handleSubmit(formData: Property) {\n\t\tif (property) {\n\t\t\tawait updatePropertyApi(clearPropertyFields(formData));\n\t\t} else {\n\t\t\tawait createPropertyApi(clearPropertyFields(formData));\n\t\t}\n\t\tdisplaySuccessMessage(messageSuccessSaveProperty);\n\t\tgoToParentPage();\n\t}\n\n\tfunction cancel() {\n\t\tgoToParentPage();\n\t}\n\n\tif (notFound) {\n\t\treturn <PageNotFound />;\n\t}\n\tconst contentHeaderTitle = getContentHeaderTitle(!property);\n\treturn !isLoading ? (\n\t\t<>\n\t\t\t<ContentHeader title={contentHeaderTitle} parentPageLink />\n\t\t\t<PropertyForm\n\t\t\t\teditedProperty={property}\n\t\t\t\tisReadonly={!!property && !hasAuthorities(['UPDATE_PROPERTY'] as string[])}\n\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\tonCancel={cancel}\n\t\t\t/>\n\t\t</>\n\t) : (\n\t\t<Spinner center />\n\t);\n}\n"],"names":["ButtonPicker","props","options","onChange","values","rest","toggleOption","option","v","jsx","FieldDecorator","Button","cx","TransByDescriptor","AllowedValues","getValues","errors","trigger","useFormContext","enabled","setEnabled","useState","allowedValues","allowedValuesInvalid","useController","remove","index","i","append","value","change","allowedValue","handleEnabledChange","jsxs","Fragment","Checkbox","Trans","e","Icon","typeOptions","pType","entityTargetOptions","createEmptyFormData","PropertyForm","editedProperty","isReadonly","onSubmit","onCancel","t","useTranslation","formContext","useForm","control","handleSubmit","watch","setError","isSubmitting","isDirty","submit","submitFunction","property","error","axios","fieldName","message","parseBackendError","messageBoxError","getUnknownBackendErrorMessage","type","isEditMode","isStringOrText","areAllowedValuesEnabled","FormProvider","Controller","field","TextInput","SelectInput","entityTargets","NumberInput","ButtonRow","Prompt","getContentHeaderTitle","createMode","messageSuccessSaveProperty","clearPropertyFields","regularExpression","maxLength","minLength","newProperty","PropertiesEditPage","pathname","useLocation","history","useHistory","propertyKey","useParams","setProperty","isLoading","setIsLoading","notFound","setNotFound","loadProperty","useCallback","getPropertyById","useEffect","goToParentPage","formData","updatePropertyApi","createPropertyApi","displaySuccessMessage","cancel","PageNotFound","contentHeaderTitle","Spinner","ContentHeader","hasAuthorities"],"mappings":"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"}

package/dist/{PropertiesList-DRYRjsEu.js → PropertiesList-C3bVuRua.js}

@@ -3,7 +3,7 @@ import { useContext as c, useState as y, useCallback as b, useEffect as m } from
 import { deleteProperty as T } from "@deviceinsight/ng-ui-api-client";
 import { Bubble as P, Button as h, Icon as A, withConfirm as I } from "@deviceinsight/ng-ui-basic-components";
 import { ContentHeader as g } from "@deviceinsight/ng-ui-components";
-import { r as O, a, G, u as v, bM as D, bN as E } from "./setTitle-Ck-71vC0.js";
+import { r as O, a, G, u as v, bM as D, bN as E } from "./setTitle-C2aZzr0p.js";
 import { Link as C } from "react-router-dom";
 import "react-i18next";
 const V = [
@@ -264,4 +264,4 @@ const w = {
 export {
   U as default
 };
-//# sourceMappingURL=PropertiesList-DRYRjsEu.js.map
+//# sourceMappingURL=PropertiesList-C3bVuRua.js.map

package/dist/{PropertiesList-DRYRjsEu.js.map → PropertiesList-C3bVuRua.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PropertiesList-DRYRjsEu.js","sources":["../ng-ui-scale/src/modules/properties/columnDefs/properties.tsx","../ng-ui-scale/src/modules/properties/PropertiesList.tsx"],"sourcesContent":["import {Link} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Bubble, Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport type {ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {type TFunction, Trans} from 'i18n';\nimport {hasAuthorities} from 'utils/hasAuthorities';\n\nconst nonDeletableProperties = [\n\t'name',\n\t'urn',\n\t'parentId',\n\t'createdAt',\n\t'assetGroupId',\n\t'accountNumber',\n\t'username',\n\t'emailAddress',\n\t'accountGroupId',\n\t'assetGroupDefinitionId',\n\t'description',\n\t'locale',\n\t'timezone',\n\t'state',\n\t'transitiveAssetGroupId',\n\t'transitiveAssetGroupDefinitionId',\n\t'isGateway',\n\t'gatewayId',\n\t'roleId',\n\t'displayName',\n\t'definitionId',\n];\n\nexport function getColumnDefs(\n\tt: TFunction,\n\tonDeleteProperty: (arg0: Property) => any,\n): Array<ReactableColumnDef<Property>> {\n\tconst hasDeleteProperty = hasAuthorities(['DELETE_PROPERTY'] as string[]);\n\treturn [\n\t\t{\n\t\t\tname: 'propertyKey',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.key\">Property</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: Property, value: string) => item.key.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => (\n\t\t\t\t<Link\n\t\t\t\t\tto={`properties/${item.key}`}\n\t\t\t\t\t// @ts-expect-error state does not exists in the Link definition\n\t\t\t\t\tstate={item}\n\t\t\t\t>\n\t\t\t\t\t{item.key}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'propertyType',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.type\">Type</Trans>,\n\t\t\twidth: '10%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'STRING',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'string',\n\t\t\t\t\t\t\tdefaultValue: 'String',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'TEXT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'text',\n\t\t\t\t\t\t\tdefaultValue: 'Text',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'date',\n\t\t\t\t\t\t\tdefaultValue: 'Date',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'LONG',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'long',\n\t\t\t\t\t\t\tdefaultValue: 'Long',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DOUBLE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'double',\n\t\t\t\t\t\t\tdefaultValue: 'Double',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'BOOLEAN',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'boolean',\n\t\t\t\t\t\t\tdefaultValue: 'Boolean',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'IP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'ip',\n\t\t\t\t\t\t\tdefaultValue: 'Ip',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'GEO',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'geo',\n\t\t\t\t\t\t\tdefaultValue: 'Geo',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.type === value,\n\t\t\t},\n\t\t\trender: item => item.type,\n\t\t},\n\t\t{\n\t\t\tname: 'propertyEntityTargets',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.entityTargets\">Scope</Trans>,\n\t\t\twidth: '30%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATAPOINT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.datapoint',\n\t\t\t\t\t\t\tdefaultValue: 'Datapoint',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.asset',\n\t\t\t\t\t\t\tdefaultValue: 'Asset',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.assetGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Asset Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.account',\n\t\t\t\t\t\t\tdefaultValue: 'Account',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.accountGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Account Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.entityTargets.includes(value as EntityTarget),\n\t\t\t},\n\t\t\trender: item => [...item.entityTargets].sort().join(', '),\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => {\n\t\t\t\tconst disabled = nonDeletableProperties.includes(item.key);\n\t\t\t\tif (hasDeleteProperty) {\n\t\t\t\t\tconst button = (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\t\tid: 'properties.tableHeaders.deleteProperty',\n\t\t\t\t\t\t\t\tdefaultValue: 'Delete this Property',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => onDeleteProperty(item)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.tableHeaders.reserved\">{`This property is reserved and can't be deleted`}</Trans>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button}\n\t\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t];\n}\n","import {type ComponentType, useCallback, useContext, useEffect, useState} from 'react';\n\nimport {deleteProperty, type PaginationSettings, type Property} from '@deviceinsight/ng-ui-api-client';\nimport {type ConfirmProps, withConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans, useTranslation} from 'i18n';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport {getColumnDefs} from './columnDefs/properties';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'key',\n\t\tdirection: 'ASC',\n\t},\n};\n\nconst PropertiesList = ({confirm}: ConfirmProps) => {\n\tconst {properties, reloadProperties} = useContext(GlobalResourcesContext);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.properties.create\">Create new property</Trans>;\n\n\tconst fetchProperties = useCallback(async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tawait reloadProperties();\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [reloadProperties]);\n\n\tuseEffect(() => {\n\t\tfetchProperties();\n\t}, [fetchProperties]);\n\n\tasync function handleDeleteProperty(property: Property) {\n\t\tawait confirm(\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyTitle',\n\t\t\t\tdefaultValue: 'Delete Property',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyMessage',\n\t\t\t\tdefaultValue: 'Do you really want to delete this Property?',\n\t\t\t},\n\t\t);\n\t\tsetLoading(true);\n\t\tawait deleteProperty(property);\n\t\tawait fetchProperties();\n\t}\n\n\treturn (\n\t\t<div data-testid=\"properties-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.properties.name',\n\t\t\t\t\tdefaultValue: 'Properties',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"CREATE_PROPERTY\"\n\t\t\t\tpath=\"properties/create\"\n\t\t\t\tdataTestId=\"create-property-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(t, handleDeleteProperty)}\n\t\t\t\titems={properties}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.key}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"properties-table\"\n\t\t\t\ttableName={'properties'}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default withConfirm(PropertiesList) as ComponentType;\n"],"names":["nonDeletableProperties","getColumnDefs","t","onDeleteProperty","hasDeleteProperty","hasAuthorities","jsx","Trans","item","value","Link","disabled","button","Button","Icon","Bubble","INITIAL_PAGINATION_SETTINGS","PropertiesList","confirm","properties","reloadProperties","useContext","GlobalResourcesContext","loading","setLoading","useState","useTranslation","tooltip","fetchProperties","useCallback","useEffect","handleDeleteProperty","property","deleteProperty","jsxs","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave","PropertiesList_default","withConfirm"],"mappings":"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"}
+{"version":3,"file":"PropertiesList-C3bVuRua.js","sources":["../ng-ui-scale/src/modules/properties/columnDefs/properties.tsx","../ng-ui-scale/src/modules/properties/PropertiesList.tsx"],"sourcesContent":["import {Link} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Bubble, Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport type {ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {type TFunction, Trans} from 'i18n';\nimport {hasAuthorities} from 'utils/hasAuthorities';\n\nconst nonDeletableProperties = [\n\t'name',\n\t'urn',\n\t'parentId',\n\t'createdAt',\n\t'assetGroupId',\n\t'accountNumber',\n\t'username',\n\t'emailAddress',\n\t'accountGroupId',\n\t'assetGroupDefinitionId',\n\t'description',\n\t'locale',\n\t'timezone',\n\t'state',\n\t'transitiveAssetGroupId',\n\t'transitiveAssetGroupDefinitionId',\n\t'isGateway',\n\t'gatewayId',\n\t'roleId',\n\t'displayName',\n\t'definitionId',\n];\n\nexport function getColumnDefs(\n\tt: TFunction,\n\tonDeleteProperty: (arg0: Property) => any,\n): Array<ReactableColumnDef<Property>> {\n\tconst hasDeleteProperty = hasAuthorities(['DELETE_PROPERTY'] as string[]);\n\treturn [\n\t\t{\n\t\t\tname: 'propertyKey',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.key\">Property</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: Property, value: string) => item.key.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => (\n\t\t\t\t<Link\n\t\t\t\t\tto={`properties/${item.key}`}\n\t\t\t\t\t// @ts-expect-error state does not exists in the Link definition\n\t\t\t\t\tstate={item}\n\t\t\t\t>\n\t\t\t\t\t{item.key}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'propertyType',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.type\">Type</Trans>,\n\t\t\twidth: '10%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'STRING',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'string',\n\t\t\t\t\t\t\tdefaultValue: 'String',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'TEXT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'text',\n\t\t\t\t\t\t\tdefaultValue: 'Text',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'date',\n\t\t\t\t\t\t\tdefaultValue: 'Date',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'LONG',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'long',\n\t\t\t\t\t\t\tdefaultValue: 'Long',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DOUBLE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'double',\n\t\t\t\t\t\t\tdefaultValue: 'Double',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'BOOLEAN',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'boolean',\n\t\t\t\t\t\t\tdefaultValue: 'Boolean',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'IP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'ip',\n\t\t\t\t\t\t\tdefaultValue: 'Ip',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'GEO',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'geo',\n\t\t\t\t\t\t\tdefaultValue: 'Geo',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.type === value,\n\t\t\t},\n\t\t\trender: item => item.type,\n\t\t},\n\t\t{\n\t\t\tname: 'propertyEntityTargets',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.entityTargets\">Scope</Trans>,\n\t\t\twidth: '30%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATAPOINT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.datapoint',\n\t\t\t\t\t\t\tdefaultValue: 'Datapoint',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.asset',\n\t\t\t\t\t\t\tdefaultValue: 'Asset',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.assetGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Asset Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.account',\n\t\t\t\t\t\t\tdefaultValue: 'Account',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.accountGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Account Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.entityTargets.includes(value as EntityTarget),\n\t\t\t},\n\t\t\trender: item => [...item.entityTargets].sort().join(', '),\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => {\n\t\t\t\tconst disabled = nonDeletableProperties.includes(item.key);\n\t\t\t\tif (hasDeleteProperty) {\n\t\t\t\t\tconst button = (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\t\tid: 'properties.tableHeaders.deleteProperty',\n\t\t\t\t\t\t\t\tdefaultValue: 'Delete this Property',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => onDeleteProperty(item)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.tableHeaders.reserved\">{`This property is reserved and can't be deleted`}</Trans>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button}\n\t\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t];\n}\n","import {type ComponentType, useCallback, useContext, useEffect, useState} from 'react';\n\nimport {deleteProperty, type PaginationSettings, type Property} from '@deviceinsight/ng-ui-api-client';\nimport {type ConfirmProps, withConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans, useTranslation} from 'i18n';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport {getColumnDefs} from './columnDefs/properties';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'key',\n\t\tdirection: 'ASC',\n\t},\n};\n\nconst PropertiesList = ({confirm}: ConfirmProps) => {\n\tconst {properties, reloadProperties} = useContext(GlobalResourcesContext);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.properties.create\">Create new property</Trans>;\n\n\tconst fetchProperties = useCallback(async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tawait reloadProperties();\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [reloadProperties]);\n\n\tuseEffect(() => {\n\t\tfetchProperties();\n\t}, [fetchProperties]);\n\n\tasync function handleDeleteProperty(property: Property) {\n\t\tawait confirm(\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyTitle',\n\t\t\t\tdefaultValue: 'Delete Property',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyMessage',\n\t\t\t\tdefaultValue: 'Do you really want to delete this Property?',\n\t\t\t},\n\t\t);\n\t\tsetLoading(true);\n\t\tawait deleteProperty(property);\n\t\tawait fetchProperties();\n\t}\n\n\treturn (\n\t\t<div data-testid=\"properties-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.properties.name',\n\t\t\t\t\tdefaultValue: 'Properties',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"CREATE_PROPERTY\"\n\t\t\t\tpath=\"properties/create\"\n\t\t\t\tdataTestId=\"create-property-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(t, handleDeleteProperty)}\n\t\t\t\titems={properties}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.key}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"properties-table\"\n\t\t\t\ttableName={'properties'}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default withConfirm(PropertiesList) as ComponentType;\n"],"names":["nonDeletableProperties","getColumnDefs","t","onDeleteProperty","hasDeleteProperty","hasAuthorities","jsx","Trans","item","value","Link","disabled","button","Button","Icon","Bubble","INITIAL_PAGINATION_SETTINGS","PropertiesList","confirm","properties","reloadProperties","useContext","GlobalResourcesContext","loading","setLoading","useState","useTranslation","tooltip","fetchProperties","useCallback","useEffect","handleDeleteProperty","property","deleteProperty","jsxs","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave","PropertiesList_default","withConfirm"],"mappings":"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"}

package/dist/{TemplateEditPage-B9v3VwGH.js → TemplateEditPage-D42Eb3Z2.js}

@@ -4,10 +4,10 @@ import { Prompt as M, useParams as U, useHistory as z, useLocation as H } from "
 import { fetchEmailTemplateById as Z, fetchEmailTemplates as J, createEmailTemplate as Q, updateEmailTemplate as X, deleteEmailTemplate as Y } from "@deviceinsight/ng-ui-api-client";
 import { Modal as O, Button as x, ButtonRow as ee, useConfirm as te, Accordion as ae, AccordionItem as ne, Icon as D, SpinnerContainer as ie } from "@deviceinsight/ng-ui-basic-components";
 import { ReactableWithClientSidePagination as W, nanoid10 as oe, messageBoxError as K, ContentHeader as le } from "@deviceinsight/ng-ui-components";
-import { a as s, bZ as N, aN as re, u as j, b_ as se, b$ as ce, P as q, G as de, aC as me, b8 as ue, U as fe } from "./setTitle-Ck-71vC0.js";
+import { a as s, bZ as N, aN as re, u as j, b_ as se, b$ as ce, P as q, G as de, aC as me, b8 as ue, U as fe } from "./setTitle-C2aZzr0p.js";
 import { useFormContext as _, Controller as F, useForm as pe, FormProvider as he } from "react-hook-form";
 import "react-i18next";
-import { A as be } from "./AccessEditModal-x6TMxYkb.js";
+import { A as be } from "./AccessEditModal-CjEK65sa.js";
 const Te = (t) => [
   {
     name: "locale",
@@ -103,7 +103,7 @@ const Pe = (t, a) => [
       width: 600
     }
   );
-}, G = B(() => import("./TemplateTextInput-CZFJ0oAT.js")), Ne = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
+}, G = B(() => import("./TemplateTextInput-aB48gOIi.js")), Ne = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
 function we() {
   const t = te(), [a, n] = w(!1), [c, o] = w("message"), {
     watch: u,
@@ -505,4 +505,4 @@ function Me() {
 export {
   Me as default
 };
-//# sourceMappingURL=TemplateEditPage-B9v3VwGH.js.map
+//# sourceMappingURL=TemplateEditPage-D42Eb3Z2.js.map

package/dist/{TemplateEditPage-B9v3VwGH.js.map → TemplateEditPage-D42Eb3Z2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TemplateEditPage-B9v3VwGH.js","sources":["../ng-ui-scale/src/components/template/LocalePicker.tsx","../ng-ui-scale/src/modules/templates/templateForm/FooterButtons.tsx","../ng-ui-scale/src/components/template/VariablePicker.tsx","../ng-ui-scale/src/modules/templates/templateForm/NotificationContent.tsx","../ng-ui-scale/src/modules/templates/templateForm/NotificationInfo.tsx","../ng-ui-scale/src/modules/templates/templateForm/TemplateForm.tsx","../ng-ui-scale/src/modules/templates/useInitialFormData.ts","../ng-ui-scale/src/modules/templates/TemplateEditPage.tsx"],"sourcesContent":["import type {$PropertyType} from 'utility-types';\n\nimport {Button, Modal} from '@deviceinsight/ng-ui-basic-components';\nimport {ReactableWithClientSidePagination} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tlocales: Array<string>;\n\tonSelect: (language: string) => any;\n\tonCancel: () => any;\n};\n\nconst getColumnDefs = (onSelect: $PropertyType<Props, 'onSelect'>) => [\n\t{\n\t\tname: 'locale',\n\t\tlabel: <Trans i18nKey=\"notificationTemplate.localePicker.localeCode\">Locale code</Trans>,\n\t\tsortable: true,\n\t\trender: ({locale}: Record<string, string>) => (\n\t\t\t<div onClick={() => onSelect(locale)} className=\"clickable\">\n\t\t\t\t{locale}\n\t\t\t</div>\n\t\t),\n\t},\n];\n\nexport const LocalePicker = ({locales, onSelect, onCancel}: Props) => {\n\tconst items = locales.map(locale => ({\n\t\tlocale,\n\t}));\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"di notification-template-modal\"\n\t\t\theader={<Trans i18nKey=\"notificationTemplate.localePicker.title\">Select locale</Trans>}\n\t\t\tcontent={\n\t\t\t\t<ReactableWithClientSidePagination\n\t\t\t\t\tcolumnDefs={getColumnDefs(onSelect)}\n\t\t\t\t\tuniqueItemKey={item => `${item.locale}`}\n\t\t\t\t\titems={items}\n\t\t\t\t\tpaginationSettings={{\n\t\t\t\t\t\tpage: 0,\n\t\t\t\t\t\tsize: items.length,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tproperty: 'locale',\n\t\t\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\ttableName={'localePicker'}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<Button onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\twidth={600}\n\t\t/>\n\t);\n};\n","import {Button, ButtonRow} from '@deviceinsight/ng-ui-basic-components';\n\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tonCancel: () => void;\n\tonSubmit: () => Promise<any> | void;\n\tdisabled: boolean;\n};\n\nexport default function FooterButtons({onCancel, onSubmit, disabled}: Props) {\n\treturn (\n\t\t<ButtonRow dividing>\n\t\t\t<Button primary onClick={onSubmit} disabled={disabled}>\n\t\t\t\t<Trans i18nKey={messages.save.id}>{messages.save.defaultValue}</Trans>\n\t\t\t</Button>\n\t\t\t<Button onClick={onCancel}>\n\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t</Button>\n\t\t</ButtonRow>\n\t);\n}\n","import type {$PropertyType} from 'utility-types';\n\nimport type {Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Modal} from '@deviceinsight/ng-ui-basic-components';\nimport {ReactableWithClientSidePagination} from '@deviceinsight/ng-ui-components';\n\nimport useProperties from 'hooks/useProperties';\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tonSelect: (variable: string) => any;\n\tonCancel: () => any;\n};\n\nconst generateVariables = (assetProperties: Array<Property>, assetGroupProperties: Array<Property>) => [\n\t'asset.name',\n\t...assetProperties.map(({key}) => `asset.properties.${key}`),\n\t...assetGroupProperties.map(({key}) => `assetGroup.${key}`),\n\t'event.key',\n\t'event.ruleId',\n\t'event.timestamp?datetime',\n];\n\nconst getColumnDefs = (onSelect: $PropertyType<Props, 'onSelect'>) => [\n\t{\n\t\tname: 'variable',\n\t\tlabel: <Trans i18nKey=\"notificationTemplate.variablePicker.variable\">Variable</Trans>,\n\t\trender: (variable: string) => (\n\t\t\t<div onClick={() => onSelect(variable)} className=\"clickable\">\n\t\t\t\t{variable}\n\t\t\t</div>\n\t\t),\n\t},\n];\n\nconst useFilteredProperties = () => {\n\tconst {assetProperties, assetGroupProperties} = useProperties();\n\treturn {\n\t\tassetProperties: assetProperties.filter(property => !property.key.startsWith('_') && property.deletable),\n\t\tassetGroupProperties: assetGroupProperties.filter(\n\t\t\tproperty => !property.key.startsWith('_') && property.deletable,\n\t\t),\n\t};\n};\n\nexport const VariablePicker = ({onSelect, onCancel}: Props) => {\n\tconst {assetProperties, assetGroupProperties} = useFilteredProperties();\n\tconst items = generateVariables(assetProperties, assetGroupProperties);\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"di notification-template-modal\"\n\t\t\theader={<Trans i18nKey=\"notificationTemplate.variablePicker.title\">Select variable</Trans>}\n\t\t\tcontent={\n\t\t\t\t<ReactableWithClientSidePagination\n\t\t\t\t\tcolumnDefs={getColumnDefs(onSelect)}\n\t\t\t\t\tuniqueItemKey={item => item}\n\t\t\t\t\titems={items}\n\t\t\t\t\tpaginationSettings={{\n\t\t\t\t\t\tpage: 0,\n\t\t\t\t\t\tsize: 10,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tproperty: 'locale',\n\t\t\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\ttableName={'variablePicker'}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<Button onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\twidth={600}\n\t\t/>\n\t);\n};\n","import type {EditorView} from '@codemirror/view';\nimport {lazy, useRef, useState} from 'react';\nimport {Controller, useFormContext} from 'react-hook-form';\n\nimport {Accordion, AccordionItem, Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\n\nimport {VariablePicker} from 'components/template/VariablePicker';\nimport {Trans, useTranslation} from 'i18n';\nimport warningIcon from '../../../assets/svg/icon_warning.svg';\nimport type {LocaleData, TemplateFormData} from '../types';\n\nconst TemplateTextInput = lazy(() => import('components/template/TemplateTextInput'));\n\nconst compareSelectedLocalesDefaultFirst = (locale1: LocaleData, locale2: LocaleData) => {\n\tif (locale1.locale === 'default') {\n\t\treturn -1;\n\t}\n\n\tif (locale2.locale === 'default') {\n\t\treturn 1;\n\t}\n\n\treturn locale1.locale.localeCompare(locale2.locale);\n};\n\nfunction NotificationContent() {\n\tconst confirm = useConfirm();\n\tconst [variablePickerVisible, setVariablePickerVisible] = useState<boolean>(false);\n\tconst [focusedField, setFocusedField] = useState<'subject' | 'message' | 'text'>('message');\n\tconst {\n\t\twatch,\n\t\tcontrol,\n\t\tsetValue,\n\t\tformState: {errors},\n\t} = useFormContext<TemplateFormData>();\n\tconst {t} = useTranslation();\n\tconst subjectEditorRef = useRef<EditorView | null>(null);\n\tconst messageFieldRef = useRef<EditorView | null>(null);\n\n\tconst locales = watch('locales');\n\n\tasync function handleDelete(locale: string) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('notificationTemplate.form.confirmDeleteTitle', {defaultValue: 'Delete translation'}),\n\t\t\tmessage: t('notificationTemplate.form.confirmDeleteMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this translation?',\n\t\t\t}),\n\t\t});\n\n\t\tif (confirmed) {\n\t\t\tsetValue(\n\t\t\t\t'locales',\n\t\t\t\tlocales.filter(localeData => localeData.locale !== locale),\n\t\t\t\t{shouldDirty: true},\n\t\t\t);\n\t\t}\n\t}\n\n\tfunction handleShowVariablePicker() {\n\t\tsetVariablePickerVisible(true);\n\t}\n\n\tfunction handleSelectVariable(variable: string) {\n\t\tconst editor = focusedField === 'subject' ? subjectEditorRef.current : messageFieldRef.current;\n\t\tif (editor) {\n\t\t\tconst transaction = editor.state.update({\n\t\t\t\tchanges: {\n\t\t\t\t\tfrom: editor.state.selection.main.head,\n\t\t\t\t\tinsert: `\\${${variable}}`,\n\t\t\t\t},\n\t\t\t});\n\t\t\teditor.dispatch(transaction);\n\t\t\tsetVariablePickerVisible(false);\n\t\t} else {\n\t\t\tthrow new Error('Codemirror field not found');\n\t\t}\n\t}\n\n\treturn (\n\t\t<div className=\"notification-content\">\n\t\t\t<h2>{<Trans i18nKey=\"notificationTemplates.form.languages\">Languages</Trans>}</h2>\n\t\t\t<Accordion>\n\t\t\t\t{[...locales].sort(compareSelectedLocalesDefaultFirst).map(localeData => {\n\t\t\t\t\tconst {locale} = localeData;\n\t\t\t\t\tconst textLabel = <Trans i18nKey=\"notificationTemplate.form.message\">Message</Trans>;\n\t\t\t\t\tconst index = locales.indexOf(localeData);\n\t\t\t\t\tconst isError = !!errors.locales?.[index];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<AccordionItem\n\t\t\t\t\t\t\tkey={locale}\n\t\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\t<span className=\"notification-locale-header\">\n\t\t\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t\t\t{isError && <img src={warningIcon} alt=\"\" />}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttools={[\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\t\t\tdisabled={locale === 'default'}\n\t\t\t\t\t\t\t\t\tonClick={() => handleDelete(locale)}\n\t\t\t\t\t\t\t\t\tdata-testid=\"delete-locale-button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon del large />\n\t\t\t\t\t\t\t\t</Button>,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"notification-content-fields\">\n\t\t\t\t\t\t\t\t<div className=\"notification-content-fields-wrapper\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\t\t\t\t\tname={`locales.${index}.subject`}\n\t\t\t\t\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\t\t\t\t\trules={{\n\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<TemplateTextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => setFocusedField('subject')}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t('notificationTemplates.form.subjectRequired', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please input subject',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.subject\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubject\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Trans>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\t\t\t\t\trefField={field => (subjectEditorRef.current = field)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\t\t\t\t\tname={`locales.${locales.indexOf(localeData)}.text`}\n\t\t\t\t\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\t\t\t\t\trules={{\n\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<TemplateTextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => setFocusedField('text')}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t('notificationTemplates.form.messageRequired', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please input message',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={textLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\trefField={field => (messageFieldRef.current = field)}\n\t\t\t\t\t\t\t\t\t\t\t\t\trenderAs=\"textarea\"\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"notification-content-variables-wrapper\">\n\t\t\t\t\t\t\t\t\t<Button naked onClick={handleShowVariablePicker} data-testid=\"add-button\">\n\t\t\t\t\t\t\t\t\t\t<Icon add />\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.addVariables\">\n\t\t\t\t\t\t\t\t\t\t\t\tAdd variables...\n\t\t\t\t\t\t\t\t\t\t\t</Trans>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AccordionItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Accordion>\n\n\t\t\t{variablePickerVisible && (\n\t\t\t\t<VariablePicker onSelect={handleSelectVariable} onCancel={() => setVariablePickerVisible(false)} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default NotificationContent;\n","import {Controller, useFormContext} from 'react-hook-form';\n\nimport FormRow from 'components/inputs/formRow/FormRow';\nimport TextInput from 'components/inputs/textInput/TextInput';\nimport {Trans, useTranslation} from 'i18n';\n\nfunction NotificationInfo() {\n\tconst {t} = useTranslation();\n\tconst {control} = useFormContext();\n\n\treturn (\n\t\t<FormRow>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"displayName\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: true,\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t? t('notificationTemplates.form.nameRequired', {\n\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please enter a name',\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"notificationTemplate.form.name\">Name</Trans>}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"name\"\n\t\t\t\trender={({field}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"notificationTemplate.form.technicalName\">Technical Name</Trans>}\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</FormRow>\n\t);\n}\n\nexport default NotificationInfo;\n","import {useContext, useState} from 'react';\nimport {FormProvider, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {nanoid10} from '@deviceinsight/ng-ui-components';\n\nimport {LocalePicker} from 'components/template/LocalePicker';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans} from 'i18n';\nimport type {TemplateFormData} from '../types';\nimport AccessEditModal from './AccessEditModal';\nimport FooterButtons from './FooterButtons';\nimport NotificationContent from './NotificationContent';\nimport NotificationInfo from './NotificationInfo';\nimport './templateForm.scss';\n\ntype Props = {\n\tonCancel: () => void;\n\tonSubmit: (formValues: TemplateFormData) => Promise<void>;\n\teditedTemplateData: TemplateFormData | undefined;\n};\n\nfunction createEmptyTemplateFormData(): TemplateFormData {\n\treturn {\n\t\tname: `__${nanoid10()}`,\n\t\tlocales: [\n\t\t\t{\n\t\t\t\tlocale: 'default',\n\t\t\t\tsubject: '',\n\t\t\t\ttext: '',\n\t\t\t\tid: 0,\n\t\t\t},\n\t\t],\n\t\tdisplayName: '',\n\t};\n}\n\nexport default function TemplateForm({onCancel, onSubmit, editedTemplateData}: Props) {\n\tconst {locales: availableLocales} = useContext(GlobalResourcesContext);\n\tconst formContext = useForm<TemplateFormData>({\n\t\tdefaultValues: editedTemplateData ?? createEmptyTemplateFormData(),\n\t});\n\tconst {\n\t\thandleSubmit,\n\t\tsetValue,\n\t\twatch,\n\t\tformState: {isSubmitting, isDirty},\n\t} = formContext;\n\tconst [accessPickerVisible, setAccessPickerVisible] = useState<boolean>(false);\n\tconst [localePickerVisible, setLocalPickerVisible] = useState<boolean>(false);\n\tconst formLocales = watch('locales');\n\n\tfunction submit(): Promise<void> {\n\t\treturn handleSubmit(onSubmit, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\tasync function handleAccountGroupsSelect(accountGroupIdsWithAccess: number[]) {\n\t\tsetAccessPickerVisible(false);\n\t\tsetValue('accountGroupsWithAccess', accountGroupIdsWithAccess);\n\t\tawait submit();\n\t}\n\n\tfunction handleSelectLocale(locale: string) {\n\t\tsetLocalPickerVisible(false);\n\t\tsetValue('locales', [...formLocales, {locale, id: 0, text: '', subject: ''}], {shouldDirty: true});\n\t}\n\n\tfunction getUnusedLocales() {\n\t\treturn availableLocales.filter(locale => !formLocales.some(localeData => localeData.locale === locale));\n\t}\n\n\treturn (\n\t\t<FormProvider {...formContext}>\n\t\t\t<div className=\"template-form\">\n\t\t\t\t<NotificationInfo />\n\t\t\t\t<NotificationContent />\n\t\t\t\t<div className=\"di button-row add-locale\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={() => setLocalPickerVisible(true)}\n\t\t\t\t\t\tdata-testid=\"add-locale-button\"\n\t\t\t\t\t\tdisabled={!getUnusedLocales().length}\n\t\t\t\t\t\tnaked\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon add />\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.addLocale\">Add locale...</Trans>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t<FooterButtons\n\t\t\t\t\tonCancel={onCancel}\n\t\t\t\t\tonSubmit={editedTemplateData ? submit : () => setAccessPickerVisible(true)}\n\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t/>\n\t\t\t\t{localePickerVisible && (\n\t\t\t\t\t<LocalePicker\n\t\t\t\t\t\tlocales={getUnusedLocales()}\n\t\t\t\t\t\tonSelect={handleSelectLocale}\n\t\t\t\t\t\tonCancel={() => setLocalPickerVisible(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{accessPickerVisible && (\n\t\t\t\t\t<AccessEditModal\n\t\t\t\t\t\tonSave={handleAccountGroupsSelect}\n\t\t\t\t\t\tonCancel={() => setAccessPickerVisible(false)}\n\t\t\t\t\t\tloading={isSubmitting}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Prompt message=\"\" when={isDirty && !isSubmitting} />\n\t\t\t</div>\n\t\t</FormProvider>\n\t);\n}\n","import type {AxiosError} from 'axios';\nimport {useEffect, useState} from 'react';\nimport {useParams} from 'react-router-dom';\n\nimport {fetchEmailTemplateById, fetchEmailTemplates} from '@deviceinsight/ng-ui-api-client';\n\nimport type {LocaleData, TemplateFormData} from './types';\n\ntype InitialFormDataContainer = {\n\tinitialFormData: TemplateFormData | undefined;\n\terror: AxiosError | undefined;\n\tloading: boolean;\n};\n\ntype UrlParams = {\n\ttemplateId: string;\n};\n\nexport default function useInitialFormData(): InitialFormDataContainer {\n\tconst {templateId} = useParams<UrlParams>();\n\tconst [initialData, setInitialData] = useState<TemplateFormData | undefined>(undefined);\n\tconst [error, setError] = useState<AxiosError | undefined>(undefined);\n\tconst [loading, setLoading] = useState<boolean>(true);\n\n\tuseEffect(() => {\n\t\tif (!templateId || templateId === 'create') {\n\t\t\tsetLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\t(async () => {\n\t\t\ttry {\n\t\t\t\tconst defaultTemplate = await fetchEmailTemplateById(parseInt(templateId));\n\t\t\t\tconst fetchedTemplates = await fetchEmailTemplates({\n\t\t\t\t\tname: defaultTemplate.name,\n\t\t\t\t\tpage: 0,\n\t\t\t\t\tsize: 2000,\n\t\t\t\t});\n\t\t\t\tconst allTemplateVersions = fetchedTemplates // filter must be performed because the backend returns all templates starting with the given name\n\t\t\t\t\t.filter(template => template.name === defaultTemplate.name);\n\n\t\t\t\tconst locales = allTemplateVersions.map<LocaleData>(template => ({\n\t\t\t\t\tid: template.id,\n\t\t\t\t\tlocale: template.locale ?? 'default',\n\t\t\t\t\ttext: template.text,\n\t\t\t\t\tsubject: template.subject ?? '',\n\t\t\t\t}));\n\n\t\t\t\tsetInitialData({\n\t\t\t\t\taccountGroupsWithAccess: undefined,\n\t\t\t\t\tname: defaultTemplate.name,\n\t\t\t\t\tdisplayName: defaultTemplate.displayName,\n\t\t\t\t\tlocales,\n\t\t\t\t});\n\t\t\t} catch (e: any) {\n\t\t\t\tsetError(e);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t})();\n\t}, [templateId]);\n\n\treturn {\n\t\tloading,\n\t\terror,\n\t\tinitialFormData: initialData,\n\t};\n}\n","import {useContext, useEffect} from 'react';\nimport {useHistory, useLocation} from 'react-router-dom';\n\nimport {\n\tcreateEmailTemplate,\n\tdeleteEmailTemplate,\n\ttype NotificationTemplate,\n\ttype NotificationTemplateNew,\n\tupdateEmailTemplate,\n} from '@deviceinsight/ng-ui-api-client';\nimport {SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport PageNotFound from 'components/page/misc/PageNotFound';\nimport {ContextInfoContext} from 'contexts/contextInfo/ContextInfoContext';\nimport UIConfiguration from 'customization/UIConfiguration';\nimport {Trans, useTranslation} from 'i18n';\nimport TemplateForm from './templateForm/TemplateForm';\nimport type {LocaleData, TemplateFormData} from './types';\nimport useInitialFormData from './useInitialFormData';\n\nfunction addEmailTemplates(templates: NotificationTemplateNew[]) {\n\treturn templates.map(template => createEmailTemplate(template));\n}\n\nfunction updateEmailTemplates(templates: NotificationTemplate[]) {\n\treturn templates.map(template => updateEmailTemplate(template));\n}\n\nfunction deleteEmailTemplates(templates: number[]) {\n\treturn templates.map(id => deleteEmailTemplate(id));\n}\n\nfunction transformLocaleFormDataToNotificationTemplateNew(\n\tlocale: string,\n\ttemplateFormData: TemplateFormData,\n): NotificationTemplateNew {\n\tconst {name, displayName, accountGroupsWithAccess} = templateFormData;\n\tconst localeData = templateFormData.locales.find(localeData => localeData.locale === locale);\n\tif (!localeData) {\n\t\tthrow new Error(`Locale ${locale} not found`);\n\t}\n\tconst {subject, text} = localeData;\n\treturn {\n\t\taccountGroupsWithAccess,\n\t\tname,\n\t\tdisplayName,\n\t\ttenant: UIConfiguration.getTenant(),\n\t\tlocale: locale === 'default' ? null : locale,\n\t\tsubject,\n\t\ttext,\n\t\tscope: 'CONDITION_MONITORING',\n\t};\n}\n\nfunction transformLocaleFormDataToNotificationTemplate(id: number, locale: string, formValues: TemplateFormData) {\n\treturn {\n\t\tid,\n\t\t...transformLocaleFormDataToNotificationTemplateNew(locale, formValues),\n\t};\n}\n\nconst isNotificationChanged = (prevNotification: LocaleData, currentNotification: LocaleData) =>\n\tprevNotification.subject !== currentNotification.subject || prevNotification.text !== currentNotification.text;\n\nexport default function TemplateEditPage() {\n\tconst {t} = useTranslation();\n\tconst {setContextInfo} = useContext(ContextInfoContext);\n\tconst history = useHistory();\n\tconst {pathname} = useLocation();\n\tconst {initialFormData, error, loading} = useInitialFormData();\n\n\tasync function saveChanges(toAdd: NotificationTemplateNew[], toUpdate: NotificationTemplate[], toRemove: number[]) {\n\t\tconst addPromises = addEmailTemplates(toAdd);\n\t\tconst updatePromises = updateEmailTemplates(toUpdate);\n\t\tconst removePromises = deleteEmailTemplates(toRemove);\n\t\tawait Promise.all([...addPromises, ...updatePromises, ...removePromises]);\n\t}\n\n\tfunction createTemplates(formValues: TemplateFormData) {\n\t\tconst {locales} = formValues;\n\t\treturn saveChanges(\n\t\t\tlocales.map(({locale}) => transformLocaleFormDataToNotificationTemplateNew(locale, formValues)),\n\t\t\t[],\n\t\t\t[],\n\t\t);\n\t}\n\n\tfunction updateTemplates(formValues: TemplateFormData) {\n\t\tconst {locales: newLocales} = formValues;\n\t\tconst previousName = initialFormData?.displayName;\n\t\tconst previousLocales = initialFormData?.locales ?? [];\n\t\tconst toRemove = previousLocales.filter(\n\t\t\t({locale}) => !newLocales.some(localeData => localeData.locale === locale),\n\t\t);\n\t\tconst toAdd = newLocales.filter(\n\t\t\t({locale}) => !previousLocales.some(localeData => localeData.locale === locale),\n\t\t);\n\t\tconst toUpdate =\n\t\t\tpreviousName === formValues.displayName\n\t\t\t\t? newLocales.filter(newLocaleData => {\n\t\t\t\t\t\tconst previousLocaleData = previousLocales.find(\n\t\t\t\t\t\t\tlocaleData => localeData.locale === newLocaleData.locale,\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn previousLocaleData && isNotificationChanged(previousLocaleData, newLocaleData);\n\t\t\t\t\t})\n\t\t\t\t: newLocales.filter(newLocaleData =>\n\t\t\t\t\t\tpreviousLocales.some(previousLocaleData => previousLocaleData.locale === newLocaleData.locale),\n\t\t\t\t\t);\n\t\treturn saveChanges(\n\t\t\ttoAdd.map(({locale}) => transformLocaleFormDataToNotificationTemplateNew(locale, formValues)),\n\t\t\ttoUpdate.map(({locale, id}) => transformLocaleFormDataToNotificationTemplate(id, locale, formValues)),\n\t\t\ttoRemove.map(({id}) => id),\n\t\t);\n\t}\n\n\tasync function handleSubmit(formData: TemplateFormData) {\n\t\ttry {\n\t\t\tif (initialFormData) {\n\t\t\t\tawait updateTemplates(formData);\n\t\t\t} else {\n\t\t\t\tawait createTemplates(formData);\n\t\t\t}\n\n\t\t\tgoToTemplatesList();\n\t\t} catch (e: any) {\n\t\t\tconsole.error('An error occured while trying to submit the template(s): ', e);\n\n\t\t\tif (e.response && e.response.status === 400) {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"notificationTemplates.form.nameOccupied\">\n\t\t\t\t\t\tTemplate with this name already exists\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmessageBoxError(<Trans i18nKey=\"notificationTemplates.form.unknownError\">Unknown error occured</Trans>);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction goToTemplatesList() {\n\t\thistory.push('/portaladmin/templates');\n\t}\n\n\tuseEffect(() => {\n\t\tsetContextInfo({\n\t\t\ttype: 'string',\n\t\t\tvalue: initialFormData?.displayName || initialFormData?.name || '',\n\t\t\tpathname,\n\t\t});\n\t}, [initialFormData, pathname, setContextInfo]);\n\n\tuseEffect(() => {\n\t\treturn () => setContextInfo();\n\t}, [setContextInfo]);\n\n\tuseEffect(() => {\n\t\tif (error) {\n\t\t\tconsole.error(error);\n\t\t\tmessageBoxError(\n\t\t\t\t<Trans i18nKey=\"notificationTemplates.form.fetchFailed\">\n\t\t\t\t\tAn error occurred while trying to fetch the template(s)\n\t\t\t\t</Trans>,\n\t\t\t);\n\t\t}\n\t}, [error]);\n\n\tif (error) {\n\t\treturn <PageNotFound />;\n\t}\n\n\treturn (\n\t\t<SpinnerContainer show={loading}>\n\t\t\t<ContentHeader\n\t\t\t\tparentPageLink\n\t\t\t\tsubPagePathPrefixArray={['/email', '/sms']}\n\t\t\t\ttitle={\n\t\t\t\t\tinitialFormData\n\t\t\t\t\t\t? t('notificationTemplate.form.editTemplate', {\n\t\t\t\t\t\t\t\tdefaultValue: 'Edit Template',\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: t('notificationTemplate.form.createTemplate', {\n\t\t\t\t\t\t\t\tdefaultValue: 'Create Template',\n\t\t\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{!loading && (\n\t\t\t\t<TemplateForm\n\t\t\t\t\tonCancel={goToTemplatesList}\n\t\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\t\teditedTemplateData={initialFormData}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</SpinnerContainer>\n\t);\n}\n"],"names":["getColumnDefs","onSelect","jsx","Trans","locale","LocalePicker","locales","onCancel","items","Modal","ReactableWithClientSidePagination","item","Button","messages","FooterButtons","onSubmit","disabled","jsxs","ButtonRow","generateVariables","assetProperties","assetGroupProperties","key","variable","useFilteredProperties","useProperties","property","VariablePicker","TemplateTextInput","lazy","compareSelectedLocalesDefaultFirst","locale1","locale2","NotificationContent","confirm","useConfirm","variablePickerVisible","setVariablePickerVisible","useState","focusedField","setFocusedField","watch","control","setValue","errors","useFormContext","t","useTranslation","subjectEditorRef","useRef","messageFieldRef","handleDelete","localeData","handleShowVariablePicker","handleSelectVariable","editor","transaction","Accordion","textLabel","index","isError","AccordionItem","warningIcon","Icon","Controller","value","onChange","error","field","NotificationInfo","FormRow","TextInput","createEmptyTemplateFormData","nanoid10","TemplateForm","editedTemplateData","availableLocales","useContext","GlobalResourcesContext","formContext","useForm","handleSubmit","isSubmitting","isDirty","accessPickerVisible","setAccessPickerVisible","localePickerVisible","setLocalPickerVisible","formLocales","submit","handleAccountGroupsSelect","accountGroupIdsWithAccess","handleSelectLocale","getUnusedLocales","FormProvider","AccessEditModal","Prompt","useInitialFormData","templateId","useParams","initialData","setInitialData","setError","loading","setLoading","useEffect","defaultTemplate","fetchEmailTemplateById","fetchEmailTemplates","template","e","addEmailTemplates","templates","createEmailTemplate","updateEmailTemplates","updateEmailTemplate","deleteEmailTemplates","id","deleteEmailTemplate","transformLocaleFormDataToNotificationTemplateNew","templateFormData","name","displayName","accountGroupsWithAccess","subject","text","UIConfiguration","transformLocaleFormDataToNotificationTemplate","formValues","isNotificationChanged","prevNotification","currentNotification","TemplateEditPage","setContextInfo","ContextInfoContext","history","useHistory","pathname","useLocation","initialFormData","saveChanges","toAdd","toUpdate","toRemove","addPromises","updatePromises","removePromises","createTemplates","updateTemplates","newLocales","previousName","previousLocales","newLocaleData","previousLocaleData","formData","goToTemplatesList","messageBoxError","PageNotFound","SpinnerContainer","ContentHeader"],"mappings":"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"}
+{"version":3,"file":"TemplateEditPage-D42Eb3Z2.js","sources":["../ng-ui-scale/src/components/template/LocalePicker.tsx","../ng-ui-scale/src/modules/templates/templateForm/FooterButtons.tsx","../ng-ui-scale/src/components/template/VariablePicker.tsx","../ng-ui-scale/src/modules/templates/templateForm/NotificationContent.tsx","../ng-ui-scale/src/modules/templates/templateForm/NotificationInfo.tsx","../ng-ui-scale/src/modules/templates/templateForm/TemplateForm.tsx","../ng-ui-scale/src/modules/templates/useInitialFormData.ts","../ng-ui-scale/src/modules/templates/TemplateEditPage.tsx"],"sourcesContent":["import type {$PropertyType} from 'utility-types';\n\nimport {Button, Modal} from '@deviceinsight/ng-ui-basic-components';\nimport {ReactableWithClientSidePagination} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tlocales: Array<string>;\n\tonSelect: (language: string) => any;\n\tonCancel: () => any;\n};\n\nconst getColumnDefs = (onSelect: $PropertyType<Props, 'onSelect'>) => [\n\t{\n\t\tname: 'locale',\n\t\tlabel: <Trans i18nKey=\"notificationTemplate.localePicker.localeCode\">Locale code</Trans>,\n\t\tsortable: true,\n\t\trender: ({locale}: Record<string, string>) => (\n\t\t\t<div onClick={() => onSelect(locale)} className=\"clickable\">\n\t\t\t\t{locale}\n\t\t\t</div>\n\t\t),\n\t},\n];\n\nexport const LocalePicker = ({locales, onSelect, onCancel}: Props) => {\n\tconst items = locales.map(locale => ({\n\t\tlocale,\n\t}));\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"di notification-template-modal\"\n\t\t\theader={<Trans i18nKey=\"notificationTemplate.localePicker.title\">Select locale</Trans>}\n\t\t\tcontent={\n\t\t\t\t<ReactableWithClientSidePagination\n\t\t\t\t\tcolumnDefs={getColumnDefs(onSelect)}\n\t\t\t\t\tuniqueItemKey={item => `${item.locale}`}\n\t\t\t\t\titems={items}\n\t\t\t\t\tpaginationSettings={{\n\t\t\t\t\t\tpage: 0,\n\t\t\t\t\t\tsize: items.length,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tproperty: 'locale',\n\t\t\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\ttableName={'localePicker'}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<Button onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\twidth={600}\n\t\t/>\n\t);\n};\n","import {Button, ButtonRow} from '@deviceinsight/ng-ui-basic-components';\n\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tonCancel: () => void;\n\tonSubmit: () => Promise<any> | void;\n\tdisabled: boolean;\n};\n\nexport default function FooterButtons({onCancel, onSubmit, disabled}: Props) {\n\treturn (\n\t\t<ButtonRow dividing>\n\t\t\t<Button primary onClick={onSubmit} disabled={disabled}>\n\t\t\t\t<Trans i18nKey={messages.save.id}>{messages.save.defaultValue}</Trans>\n\t\t\t</Button>\n\t\t\t<Button onClick={onCancel}>\n\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t</Button>\n\t\t</ButtonRow>\n\t);\n}\n","import type {$PropertyType} from 'utility-types';\n\nimport type {Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Modal} from '@deviceinsight/ng-ui-basic-components';\nimport {ReactableWithClientSidePagination} from '@deviceinsight/ng-ui-components';\n\nimport useProperties from 'hooks/useProperties';\nimport {Trans} from 'i18n';\nimport messages from 'i18n/messages';\n\ntype Props = {\n\tonSelect: (variable: string) => any;\n\tonCancel: () => any;\n};\n\nconst generateVariables = (assetProperties: Array<Property>, assetGroupProperties: Array<Property>) => [\n\t'asset.name',\n\t...assetProperties.map(({key}) => `asset.properties.${key}`),\n\t...assetGroupProperties.map(({key}) => `assetGroup.${key}`),\n\t'event.key',\n\t'event.ruleId',\n\t'event.timestamp?datetime',\n];\n\nconst getColumnDefs = (onSelect: $PropertyType<Props, 'onSelect'>) => [\n\t{\n\t\tname: 'variable',\n\t\tlabel: <Trans i18nKey=\"notificationTemplate.variablePicker.variable\">Variable</Trans>,\n\t\trender: (variable: string) => (\n\t\t\t<div onClick={() => onSelect(variable)} className=\"clickable\">\n\t\t\t\t{variable}\n\t\t\t</div>\n\t\t),\n\t},\n];\n\nconst useFilteredProperties = () => {\n\tconst {assetProperties, assetGroupProperties} = useProperties();\n\treturn {\n\t\tassetProperties: assetProperties.filter(property => !property.key.startsWith('_') && property.deletable),\n\t\tassetGroupProperties: assetGroupProperties.filter(\n\t\t\tproperty => !property.key.startsWith('_') && property.deletable,\n\t\t),\n\t};\n};\n\nexport const VariablePicker = ({onSelect, onCancel}: Props) => {\n\tconst {assetProperties, assetGroupProperties} = useFilteredProperties();\n\tconst items = generateVariables(assetProperties, assetGroupProperties);\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"di notification-template-modal\"\n\t\t\theader={<Trans i18nKey=\"notificationTemplate.variablePicker.title\">Select variable</Trans>}\n\t\t\tcontent={\n\t\t\t\t<ReactableWithClientSidePagination\n\t\t\t\t\tcolumnDefs={getColumnDefs(onSelect)}\n\t\t\t\t\tuniqueItemKey={item => item}\n\t\t\t\t\titems={items}\n\t\t\t\t\tpaginationSettings={{\n\t\t\t\t\t\tpage: 0,\n\t\t\t\t\t\tsize: 10,\n\t\t\t\t\t\tsort: {\n\t\t\t\t\t\t\tproperty: 'locale',\n\t\t\t\t\t\t\tdirection: 'ASC',\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tisLoading={false}\n\t\t\t\t\ttableName={'variablePicker'}\n\t\t\t\t/>\n\t\t\t}\n\t\t\tfooter={\n\t\t\t\t<Button onClick={onCancel}>\n\t\t\t\t\t<Trans i18nKey={messages.cancel.id}>{messages.cancel.defaultValue}</Trans>\n\t\t\t\t</Button>\n\t\t\t}\n\t\t\twidth={600}\n\t\t/>\n\t);\n};\n","import type {EditorView} from '@codemirror/view';\nimport {lazy, useRef, useState} from 'react';\nimport {Controller, useFormContext} from 'react-hook-form';\n\nimport {Accordion, AccordionItem, Button, Icon, useConfirm} from '@deviceinsight/ng-ui-basic-components';\n\nimport {VariablePicker} from 'components/template/VariablePicker';\nimport {Trans, useTranslation} from 'i18n';\nimport warningIcon from '../../../assets/svg/icon_warning.svg';\nimport type {LocaleData, TemplateFormData} from '../types';\n\nconst TemplateTextInput = lazy(() => import('components/template/TemplateTextInput'));\n\nconst compareSelectedLocalesDefaultFirst = (locale1: LocaleData, locale2: LocaleData) => {\n\tif (locale1.locale === 'default') {\n\t\treturn -1;\n\t}\n\n\tif (locale2.locale === 'default') {\n\t\treturn 1;\n\t}\n\n\treturn locale1.locale.localeCompare(locale2.locale);\n};\n\nfunction NotificationContent() {\n\tconst confirm = useConfirm();\n\tconst [variablePickerVisible, setVariablePickerVisible] = useState<boolean>(false);\n\tconst [focusedField, setFocusedField] = useState<'subject' | 'message' | 'text'>('message');\n\tconst {\n\t\twatch,\n\t\tcontrol,\n\t\tsetValue,\n\t\tformState: {errors},\n\t} = useFormContext<TemplateFormData>();\n\tconst {t} = useTranslation();\n\tconst subjectEditorRef = useRef<EditorView | null>(null);\n\tconst messageFieldRef = useRef<EditorView | null>(null);\n\n\tconst locales = watch('locales');\n\n\tasync function handleDelete(locale: string) {\n\t\tconst confirmed = await confirm({\n\t\t\ttitle: t('notificationTemplate.form.confirmDeleteTitle', {defaultValue: 'Delete translation'}),\n\t\t\tmessage: t('notificationTemplate.form.confirmDeleteMessage', {\n\t\t\t\tdefaultValue: 'Do you really want to delete this translation?',\n\t\t\t}),\n\t\t});\n\n\t\tif (confirmed) {\n\t\t\tsetValue(\n\t\t\t\t'locales',\n\t\t\t\tlocales.filter(localeData => localeData.locale !== locale),\n\t\t\t\t{shouldDirty: true},\n\t\t\t);\n\t\t}\n\t}\n\n\tfunction handleShowVariablePicker() {\n\t\tsetVariablePickerVisible(true);\n\t}\n\n\tfunction handleSelectVariable(variable: string) {\n\t\tconst editor = focusedField === 'subject' ? subjectEditorRef.current : messageFieldRef.current;\n\t\tif (editor) {\n\t\t\tconst transaction = editor.state.update({\n\t\t\t\tchanges: {\n\t\t\t\t\tfrom: editor.state.selection.main.head,\n\t\t\t\t\tinsert: `\\${${variable}}`,\n\t\t\t\t},\n\t\t\t});\n\t\t\teditor.dispatch(transaction);\n\t\t\tsetVariablePickerVisible(false);\n\t\t} else {\n\t\t\tthrow new Error('Codemirror field not found');\n\t\t}\n\t}\n\n\treturn (\n\t\t<div className=\"notification-content\">\n\t\t\t<h2>{<Trans i18nKey=\"notificationTemplates.form.languages\">Languages</Trans>}</h2>\n\t\t\t<Accordion>\n\t\t\t\t{[...locales].sort(compareSelectedLocalesDefaultFirst).map(localeData => {\n\t\t\t\t\tconst {locale} = localeData;\n\t\t\t\t\tconst textLabel = <Trans i18nKey=\"notificationTemplate.form.message\">Message</Trans>;\n\t\t\t\t\tconst index = locales.indexOf(localeData);\n\t\t\t\t\tconst isError = !!errors.locales?.[index];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<AccordionItem\n\t\t\t\t\t\t\tkey={locale}\n\t\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\t<span className=\"notification-locale-header\">\n\t\t\t\t\t\t\t\t\t{locale}\n\t\t\t\t\t\t\t\t\t{isError && <img src={warningIcon} alt=\"\" />}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ttools={[\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\t\t\tdisabled={locale === 'default'}\n\t\t\t\t\t\t\t\t\tonClick={() => handleDelete(locale)}\n\t\t\t\t\t\t\t\t\tdata-testid=\"delete-locale-button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon del large />\n\t\t\t\t\t\t\t\t</Button>,\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"notification-content-fields\">\n\t\t\t\t\t\t\t\t<div className=\"notification-content-fields-wrapper\">\n\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\t\t\t\t\tname={`locales.${index}.subject`}\n\t\t\t\t\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\t\t\t\t\trules={{\n\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<TemplateTextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => setFocusedField('subject')}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t('notificationTemplates.form.subjectRequired', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please input subject',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.subject\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSubject\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Trans>\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\t\t\t\t\trefField={field => (subjectEditorRef.current = field)}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 10,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\t\t\t\t\tname={`locales.${locales.indexOf(localeData)}.text`}\n\t\t\t\t\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\t\t\t\t\trules={{\n\t\t\t\t\t\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<TemplateTextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\tonFocus={() => setFocusedField('text')}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t('notificationTemplates.form.messageRequired', {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please input message',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={textLabel}\n\t\t\t\t\t\t\t\t\t\t\t\t\trefField={field => (messageFieldRef.current = field)}\n\t\t\t\t\t\t\t\t\t\t\t\t\trenderAs=\"textarea\"\n\t\t\t\t\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"notification-content-variables-wrapper\">\n\t\t\t\t\t\t\t\t\t<Button naked onClick={handleShowVariablePicker} data-testid=\"add-button\">\n\t\t\t\t\t\t\t\t\t\t<Icon add />\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.addVariables\">\n\t\t\t\t\t\t\t\t\t\t\t\tAdd variables...\n\t\t\t\t\t\t\t\t\t\t\t</Trans>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</AccordionItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Accordion>\n\n\t\t\t{variablePickerVisible && (\n\t\t\t\t<VariablePicker onSelect={handleSelectVariable} onCancel={() => setVariablePickerVisible(false)} />\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport default NotificationContent;\n","import {Controller, useFormContext} from 'react-hook-form';\n\nimport FormRow from 'components/inputs/formRow/FormRow';\nimport TextInput from 'components/inputs/textInput/TextInput';\nimport {Trans, useTranslation} from 'i18n';\n\nfunction NotificationInfo() {\n\tconst {t} = useTranslation();\n\tconst {control} = useFormContext();\n\n\treturn (\n\t\t<FormRow>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"displayName\"\n\t\t\t\trules={{\n\t\t\t\t\trequired: true,\n\t\t\t\t}}\n\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t? t('notificationTemplates.form.nameRequired', {\n\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please enter a name',\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"notificationTemplate.form.name\">Name</Trans>}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<Controller\n\t\t\t\tcontrol={control}\n\t\t\t\tname=\"name\"\n\t\t\t\trender={({field}) => (\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\tlabel={<Trans i18nKey=\"notificationTemplate.form.technicalName\">Technical Name</Trans>}\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</FormRow>\n\t);\n}\n\nexport default NotificationInfo;\n","import {useContext, useState} from 'react';\nimport {FormProvider, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport {Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport {nanoid10} from '@deviceinsight/ng-ui-components';\n\nimport {LocalePicker} from 'components/template/LocalePicker';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans} from 'i18n';\nimport type {TemplateFormData} from '../types';\nimport AccessEditModal from './AccessEditModal';\nimport FooterButtons from './FooterButtons';\nimport NotificationContent from './NotificationContent';\nimport NotificationInfo from './NotificationInfo';\nimport './templateForm.scss';\n\ntype Props = {\n\tonCancel: () => void;\n\tonSubmit: (formValues: TemplateFormData) => Promise<void>;\n\teditedTemplateData: TemplateFormData | undefined;\n};\n\nfunction createEmptyTemplateFormData(): TemplateFormData {\n\treturn {\n\t\tname: `__${nanoid10()}`,\n\t\tlocales: [\n\t\t\t{\n\t\t\t\tlocale: 'default',\n\t\t\t\tsubject: '',\n\t\t\t\ttext: '',\n\t\t\t\tid: 0,\n\t\t\t},\n\t\t],\n\t\tdisplayName: '',\n\t};\n}\n\nexport default function TemplateForm({onCancel, onSubmit, editedTemplateData}: Props) {\n\tconst {locales: availableLocales} = useContext(GlobalResourcesContext);\n\tconst formContext = useForm<TemplateFormData>({\n\t\tdefaultValues: editedTemplateData ?? createEmptyTemplateFormData(),\n\t});\n\tconst {\n\t\thandleSubmit,\n\t\tsetValue,\n\t\twatch,\n\t\tformState: {isSubmitting, isDirty},\n\t} = formContext;\n\tconst [accessPickerVisible, setAccessPickerVisible] = useState<boolean>(false);\n\tconst [localePickerVisible, setLocalPickerVisible] = useState<boolean>(false);\n\tconst formLocales = watch('locales');\n\n\tfunction submit(): Promise<void> {\n\t\treturn handleSubmit(onSubmit, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\tasync function handleAccountGroupsSelect(accountGroupIdsWithAccess: number[]) {\n\t\tsetAccessPickerVisible(false);\n\t\tsetValue('accountGroupsWithAccess', accountGroupIdsWithAccess);\n\t\tawait submit();\n\t}\n\n\tfunction handleSelectLocale(locale: string) {\n\t\tsetLocalPickerVisible(false);\n\t\tsetValue('locales', [...formLocales, {locale, id: 0, text: '', subject: ''}], {shouldDirty: true});\n\t}\n\n\tfunction getUnusedLocales() {\n\t\treturn availableLocales.filter(locale => !formLocales.some(localeData => localeData.locale === locale));\n\t}\n\n\treturn (\n\t\t<FormProvider {...formContext}>\n\t\t\t<div className=\"template-form\">\n\t\t\t\t<NotificationInfo />\n\t\t\t\t<NotificationContent />\n\t\t\t\t<div className=\"di button-row add-locale\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={() => setLocalPickerVisible(true)}\n\t\t\t\t\t\tdata-testid=\"add-locale-button\"\n\t\t\t\t\t\tdisabled={!getUnusedLocales().length}\n\t\t\t\t\t\tnaked\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon add />\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<Trans i18nKey=\"notificationTemplate.form.addLocale\">Add locale...</Trans>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t<FooterButtons\n\t\t\t\t\tonCancel={onCancel}\n\t\t\t\t\tonSubmit={editedTemplateData ? submit : () => setAccessPickerVisible(true)}\n\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t/>\n\t\t\t\t{localePickerVisible && (\n\t\t\t\t\t<LocalePicker\n\t\t\t\t\t\tlocales={getUnusedLocales()}\n\t\t\t\t\t\tonSelect={handleSelectLocale}\n\t\t\t\t\t\tonCancel={() => setLocalPickerVisible(false)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{accessPickerVisible && (\n\t\t\t\t\t<AccessEditModal\n\t\t\t\t\t\tonSave={handleAccountGroupsSelect}\n\t\t\t\t\t\tonCancel={() => setAccessPickerVisible(false)}\n\t\t\t\t\t\tloading={isSubmitting}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Prompt message=\"\" when={isDirty && !isSubmitting} />\n\t\t\t</div>\n\t\t</FormProvider>\n\t);\n}\n","import type {AxiosError} from 'axios';\nimport {useEffect, useState} from 'react';\nimport {useParams} from 'react-router-dom';\n\nimport {fetchEmailTemplateById, fetchEmailTemplates} from '@deviceinsight/ng-ui-api-client';\n\nimport type {LocaleData, TemplateFormData} from './types';\n\ntype InitialFormDataContainer = {\n\tinitialFormData: TemplateFormData | undefined;\n\terror: AxiosError | undefined;\n\tloading: boolean;\n};\n\ntype UrlParams = {\n\ttemplateId: string;\n};\n\nexport default function useInitialFormData(): InitialFormDataContainer {\n\tconst {templateId} = useParams<UrlParams>();\n\tconst [initialData, setInitialData] = useState<TemplateFormData | undefined>(undefined);\n\tconst [error, setError] = useState<AxiosError | undefined>(undefined);\n\tconst [loading, setLoading] = useState<boolean>(true);\n\n\tuseEffect(() => {\n\t\tif (!templateId || templateId === 'create') {\n\t\t\tsetLoading(false);\n\t\t\treturn;\n\t\t}\n\n\t\t(async () => {\n\t\t\ttry {\n\t\t\t\tconst defaultTemplate = await fetchEmailTemplateById(parseInt(templateId));\n\t\t\t\tconst fetchedTemplates = await fetchEmailTemplates({\n\t\t\t\t\tname: defaultTemplate.name,\n\t\t\t\t\tpage: 0,\n\t\t\t\t\tsize: 2000,\n\t\t\t\t});\n\t\t\t\tconst allTemplateVersions = fetchedTemplates // filter must be performed because the backend returns all templates starting with the given name\n\t\t\t\t\t.filter(template => template.name === defaultTemplate.name);\n\n\t\t\t\tconst locales = allTemplateVersions.map<LocaleData>(template => ({\n\t\t\t\t\tid: template.id,\n\t\t\t\t\tlocale: template.locale ?? 'default',\n\t\t\t\t\ttext: template.text,\n\t\t\t\t\tsubject: template.subject ?? '',\n\t\t\t\t}));\n\n\t\t\t\tsetInitialData({\n\t\t\t\t\taccountGroupsWithAccess: undefined,\n\t\t\t\t\tname: defaultTemplate.name,\n\t\t\t\t\tdisplayName: defaultTemplate.displayName,\n\t\t\t\t\tlocales,\n\t\t\t\t});\n\t\t\t} catch (e: any) {\n\t\t\t\tsetError(e);\n\t\t\t} finally {\n\t\t\t\tsetLoading(false);\n\t\t\t}\n\t\t})();\n\t}, [templateId]);\n\n\treturn {\n\t\tloading,\n\t\terror,\n\t\tinitialFormData: initialData,\n\t};\n}\n","import {useContext, useEffect} from 'react';\nimport {useHistory, useLocation} from 'react-router-dom';\n\nimport {\n\tcreateEmailTemplate,\n\tdeleteEmailTemplate,\n\ttype NotificationTemplate,\n\ttype NotificationTemplateNew,\n\tupdateEmailTemplate,\n} from '@deviceinsight/ng-ui-api-client';\nimport {SpinnerContainer} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader, messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport PageNotFound from 'components/page/misc/PageNotFound';\nimport {ContextInfoContext} from 'contexts/contextInfo/ContextInfoContext';\nimport UIConfiguration from 'customization/UIConfiguration';\nimport {Trans, useTranslation} from 'i18n';\nimport TemplateForm from './templateForm/TemplateForm';\nimport type {LocaleData, TemplateFormData} from './types';\nimport useInitialFormData from './useInitialFormData';\n\nfunction addEmailTemplates(templates: NotificationTemplateNew[]) {\n\treturn templates.map(template => createEmailTemplate(template));\n}\n\nfunction updateEmailTemplates(templates: NotificationTemplate[]) {\n\treturn templates.map(template => updateEmailTemplate(template));\n}\n\nfunction deleteEmailTemplates(templates: number[]) {\n\treturn templates.map(id => deleteEmailTemplate(id));\n}\n\nfunction transformLocaleFormDataToNotificationTemplateNew(\n\tlocale: string,\n\ttemplateFormData: TemplateFormData,\n): NotificationTemplateNew {\n\tconst {name, displayName, accountGroupsWithAccess} = templateFormData;\n\tconst localeData = templateFormData.locales.find(localeData => localeData.locale === locale);\n\tif (!localeData) {\n\t\tthrow new Error(`Locale ${locale} not found`);\n\t}\n\tconst {subject, text} = localeData;\n\treturn {\n\t\taccountGroupsWithAccess,\n\t\tname,\n\t\tdisplayName,\n\t\ttenant: UIConfiguration.getTenant(),\n\t\tlocale: locale === 'default' ? null : locale,\n\t\tsubject,\n\t\ttext,\n\t\tscope: 'CONDITION_MONITORING',\n\t};\n}\n\nfunction transformLocaleFormDataToNotificationTemplate(id: number, locale: string, formValues: TemplateFormData) {\n\treturn {\n\t\tid,\n\t\t...transformLocaleFormDataToNotificationTemplateNew(locale, formValues),\n\t};\n}\n\nconst isNotificationChanged = (prevNotification: LocaleData, currentNotification: LocaleData) =>\n\tprevNotification.subject !== currentNotification.subject || prevNotification.text !== currentNotification.text;\n\nexport default function TemplateEditPage() {\n\tconst {t} = useTranslation();\n\tconst {setContextInfo} = useContext(ContextInfoContext);\n\tconst history = useHistory();\n\tconst {pathname} = useLocation();\n\tconst {initialFormData, error, loading} = useInitialFormData();\n\n\tasync function saveChanges(toAdd: NotificationTemplateNew[], toUpdate: NotificationTemplate[], toRemove: number[]) {\n\t\tconst addPromises = addEmailTemplates(toAdd);\n\t\tconst updatePromises = updateEmailTemplates(toUpdate);\n\t\tconst removePromises = deleteEmailTemplates(toRemove);\n\t\tawait Promise.all([...addPromises, ...updatePromises, ...removePromises]);\n\t}\n\n\tfunction createTemplates(formValues: TemplateFormData) {\n\t\tconst {locales} = formValues;\n\t\treturn saveChanges(\n\t\t\tlocales.map(({locale}) => transformLocaleFormDataToNotificationTemplateNew(locale, formValues)),\n\t\t\t[],\n\t\t\t[],\n\t\t);\n\t}\n\n\tfunction updateTemplates(formValues: TemplateFormData) {\n\t\tconst {locales: newLocales} = formValues;\n\t\tconst previousName = initialFormData?.displayName;\n\t\tconst previousLocales = initialFormData?.locales ?? [];\n\t\tconst toRemove = previousLocales.filter(\n\t\t\t({locale}) => !newLocales.some(localeData => localeData.locale === locale),\n\t\t);\n\t\tconst toAdd = newLocales.filter(\n\t\t\t({locale}) => !previousLocales.some(localeData => localeData.locale === locale),\n\t\t);\n\t\tconst toUpdate =\n\t\t\tpreviousName === formValues.displayName\n\t\t\t\t? newLocales.filter(newLocaleData => {\n\t\t\t\t\t\tconst previousLocaleData = previousLocales.find(\n\t\t\t\t\t\t\tlocaleData => localeData.locale === newLocaleData.locale,\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn previousLocaleData && isNotificationChanged(previousLocaleData, newLocaleData);\n\t\t\t\t\t})\n\t\t\t\t: newLocales.filter(newLocaleData =>\n\t\t\t\t\t\tpreviousLocales.some(previousLocaleData => previousLocaleData.locale === newLocaleData.locale),\n\t\t\t\t\t);\n\t\treturn saveChanges(\n\t\t\ttoAdd.map(({locale}) => transformLocaleFormDataToNotificationTemplateNew(locale, formValues)),\n\t\t\ttoUpdate.map(({locale, id}) => transformLocaleFormDataToNotificationTemplate(id, locale, formValues)),\n\t\t\ttoRemove.map(({id}) => id),\n\t\t);\n\t}\n\n\tasync function handleSubmit(formData: TemplateFormData) {\n\t\ttry {\n\t\t\tif (initialFormData) {\n\t\t\t\tawait updateTemplates(formData);\n\t\t\t} else {\n\t\t\t\tawait createTemplates(formData);\n\t\t\t}\n\n\t\t\tgoToTemplatesList();\n\t\t} catch (e: any) {\n\t\t\tconsole.error('An error occured while trying to submit the template(s): ', e);\n\n\t\t\tif (e.response && e.response.status === 400) {\n\t\t\t\tmessageBoxError(\n\t\t\t\t\t<Trans i18nKey=\"notificationTemplates.form.nameOccupied\">\n\t\t\t\t\t\tTemplate with this name already exists\n\t\t\t\t\t</Trans>,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmessageBoxError(<Trans i18nKey=\"notificationTemplates.form.unknownError\">Unknown error occured</Trans>);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction goToTemplatesList() {\n\t\thistory.push('/portaladmin/templates');\n\t}\n\n\tuseEffect(() => {\n\t\tsetContextInfo({\n\t\t\ttype: 'string',\n\t\t\tvalue: initialFormData?.displayName || initialFormData?.name || '',\n\t\t\tpathname,\n\t\t});\n\t}, [initialFormData, pathname, setContextInfo]);\n\n\tuseEffect(() => {\n\t\treturn () => setContextInfo();\n\t}, [setContextInfo]);\n\n\tuseEffect(() => {\n\t\tif (error) {\n\t\t\tconsole.error(error);\n\t\t\tmessageBoxError(\n\t\t\t\t<Trans i18nKey=\"notificationTemplates.form.fetchFailed\">\n\t\t\t\t\tAn error occurred while trying to fetch the template(s)\n\t\t\t\t</Trans>,\n\t\t\t);\n\t\t}\n\t}, [error]);\n\n\tif (error) {\n\t\treturn <PageNotFound />;\n\t}\n\n\treturn (\n\t\t<SpinnerContainer show={loading}>\n\t\t\t<ContentHeader\n\t\t\t\tparentPageLink\n\t\t\t\tsubPagePathPrefixArray={['/email', '/sms']}\n\t\t\t\ttitle={\n\t\t\t\t\tinitialFormData\n\t\t\t\t\t\t? t('notificationTemplate.form.editTemplate', {\n\t\t\t\t\t\t\t\tdefaultValue: 'Edit Template',\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: t('notificationTemplate.form.createTemplate', {\n\t\t\t\t\t\t\t\tdefaultValue: 'Create Template',\n\t\t\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{!loading && (\n\t\t\t\t<TemplateForm\n\t\t\t\t\tonCancel={goToTemplatesList}\n\t\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\t\teditedTemplateData={initialFormData}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</SpinnerContainer>\n\t);\n}\n"],"names":["getColumnDefs","onSelect","jsx","Trans","locale","LocalePicker","locales","onCancel","items","Modal","ReactableWithClientSidePagination","item","Button","messages","FooterButtons","onSubmit","disabled","jsxs","ButtonRow","generateVariables","assetProperties","assetGroupProperties","key","variable","useFilteredProperties","useProperties","property","VariablePicker","TemplateTextInput","lazy","compareSelectedLocalesDefaultFirst","locale1","locale2","NotificationContent","confirm","useConfirm","variablePickerVisible","setVariablePickerVisible","useState","focusedField","setFocusedField","watch","control","setValue","errors","useFormContext","t","useTranslation","subjectEditorRef","useRef","messageFieldRef","handleDelete","localeData","handleShowVariablePicker","handleSelectVariable","editor","transaction","Accordion","textLabel","index","isError","AccordionItem","warningIcon","Icon","Controller","value","onChange","error","field","NotificationInfo","FormRow","TextInput","createEmptyTemplateFormData","nanoid10","TemplateForm","editedTemplateData","availableLocales","useContext","GlobalResourcesContext","formContext","useForm","handleSubmit","isSubmitting","isDirty","accessPickerVisible","setAccessPickerVisible","localePickerVisible","setLocalPickerVisible","formLocales","submit","handleAccountGroupsSelect","accountGroupIdsWithAccess","handleSelectLocale","getUnusedLocales","FormProvider","AccessEditModal","Prompt","useInitialFormData","templateId","useParams","initialData","setInitialData","setError","loading","setLoading","useEffect","defaultTemplate","fetchEmailTemplateById","fetchEmailTemplates","template","e","addEmailTemplates","templates","createEmailTemplate","updateEmailTemplates","updateEmailTemplate","deleteEmailTemplates","id","deleteEmailTemplate","transformLocaleFormDataToNotificationTemplateNew","templateFormData","name","displayName","accountGroupsWithAccess","subject","text","UIConfiguration","transformLocaleFormDataToNotificationTemplate","formValues","isNotificationChanged","prevNotification","currentNotification","TemplateEditPage","setContextInfo","ContextInfoContext","history","useHistory","pathname","useLocation","initialFormData","saveChanges","toAdd","toUpdate","toRemove","addPromises","updatePromises","removePromises","createTemplates","updateTemplates","newLocales","previousName","previousLocales","newLocaleData","previousLocaleData","formData","goToTemplatesList","messageBoxError","PageNotFound","SpinnerContainer","ContentHeader"],"mappings":"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"}