theme.keycloak.v2.admin.resources.assets.RealmSettingsSection-bfad9929.js.map Maven / Gradle / Ivy
{"version":3,"file":"RealmSettingsSection-bfad9929.js","sources":["../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/uniqWith.js","../../../../node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@patternfly/react-table/dist/esm/components/Table/EditableTextCell.js","../../src/utils/useCurrentUser.ts","../../src/realm-settings/EmailTab.tsx","../../src/realm-settings/GeneralTab.tsx","../../src/realm-settings/AddMessageBundleModal.tsx","../../src/realm-settings/LocalizationTab.tsx","../../src/realm-settings/LoginTab.tsx","../../src/realm-settings/PartialExport.tsx","../../src/realm-settings/PartialImport.tsx","../../src/realm-settings/PoliciesTab.tsx","../../src/realm-settings/ProfilesTab.tsx","../../src/realm-settings/SessionsTab.tsx","../../src/realm-settings/ThemesTab.tsx","../../src/realm-settings/TokensTab.tsx","../../src/realm-settings/DefaultGroupsTab.tsx","../../src/realm-settings/UserRegistration.tsx","../../src/realm-settings/event-config/EventsTypeTable.tsx","../../src/realm-settings/event-config/AddEventTypesDialog.tsx","../../src/realm-settings/event-config/EventConfigForm.tsx","../../src/realm-settings/event-config/EventListenersForm.tsx","../../src/realm-settings/event-config/EventsTab.tsx","../../src/realm-settings/keys/KeysListTab.tsx","../../src/realm-settings/keys/key-providers/KeyProviderModal.tsx","../../src/realm-settings/keys/key-providers/KeyProvidersPicker.tsx","../../src/realm-settings/keys/KeysProvidersTab.tsx","../../src/realm-settings/keys/KeysTab.tsx","../../src/realm-settings/security-defences/HelpLinkTextInput.tsx","../../src/realm-settings/security-defences/HeadersForm.tsx","../../src/realm-settings/security-defences/Time.tsx","../../src/realm-settings/security-defences/BruteForceDetection.tsx","../../src/realm-settings/security-defences/SecurityDefenses.tsx","../../src/realm-settings/user-profile/AttributesGroupTab.tsx","../../src/realm-settings/user-profile/AttributesTab.tsx","../../src/realm-settings/user-profile/JsonEditorTab.tsx","../../src/realm-settings/user-profile/UserProfileTab.tsx","../../src/realm-settings/RealmSettingsTabs.tsx","../../src/realm-settings/RealmSettingsSection.tsx"],"sourcesContent":["import baseUniq from './_baseUniq.js';\n\n/**\n * This method is like `_.uniq` except that it accepts `comparator` which\n * is invoked to compare elements of `array`. The order of result values is\n * determined by the order they occur in the array.The comparator is invoked\n * with two arguments: (arrVal, othVal).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new duplicate free array.\n * @example\n *\n * var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }, { 'x': 1, 'y': 2 }];\n *\n * _.uniqWith(objects, _.isEqual);\n * // => [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }]\n */\nfunction uniqWith(array, comparator) {\n comparator = typeof comparator == 'function' ? comparator : undefined;\n return (array && array.length) ? baseUniq(array, undefined, comparator) : [];\n}\n\nexport default uniqWith;\n","import * as React from 'react';\nimport { TextInput } from '@patternfly/react-core/dist/esm/components/TextInput';\nimport inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';\nimport formStyles from '@patternfly/react-styles/css/components/Form/form';\nimport { css } from '@patternfly/react-styles';\nexport const EditableTextCell = ({ value, rowIndex, cellIndex, props, handleTextInputChange, inputAriaLabel, isDisabled = false }) => (React.createElement(React.Fragment, null,\n React.createElement(\"div\", { className: inlineStyles.inlineEditValue }, value),\n React.createElement(\"div\", { className: inlineStyles.inlineEditInput },\n React.createElement(TextInput, { isDisabled: isDisabled, value: props.editableValue !== undefined ? props.editableValue : value, validated: props.isValid !== false ? 'default' : 'error', type: \"text\", onChange: (newValue, event) => {\n handleTextInputChange(newValue, event, rowIndex, cellIndex);\n }, \"aria-label\": inputAriaLabel }),\n React.createElement(\"div\", { className: css(formStyles.formHelperText, formStyles.modifiers.error), \"aria-live\": \"polite\" }, props.errorText))));\nEditableTextCell.displayName = 'EditableTextCell';\n//# sourceMappingURL=EditableTextCell.js.map","import UserRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/userRepresentation\";\nimport { useState } from \"react\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport { useFetch } from \"./useFetch\";\n\nexport function useCurrentUser() {\n const { whoAmI } = useWhoAmI();\n const [currentUser, setCurrentUser] = useState();\n\n const userId = whoAmI.getUserId();\n\n useFetch(() => adminClient.users.findOne({ id: userId }), setCurrentUser, [\n userId,\n ]);\n\n return currentUser;\n}\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n ActionListItem,\n Alert,\n AlertActionLink,\n AlertVariant,\n Button,\n Checkbox,\n FormGroup,\n PageSection,\n Switch,\n} from \"@patternfly/react-core\";\nimport { Controller, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\nimport { HelpItem } from \"ui-shared\";\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { KeycloakTextInput } from \"../components/keycloak-text-input/KeycloakTextInput\";\nimport { PasswordInput } from \"../components/password-input/PasswordInput\";\nimport { FormPanel } from \"../components/scroll-form/FormPanel\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { toUser } from \"../user/routes/User\";\nimport { emailRegexPattern } from \"../util\";\nimport { useCurrentUser } from \"../utils/useCurrentUser\";\nimport useToggle from \"../utils/useToggle\";\n\nimport \"./realm-settings-section.css\";\n\ntype RealmSettingsEmailTabProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n};\n\ntype FormFields = Omit;\n\nexport const RealmSettingsEmailTab = ({\n realm,\n save,\n}: RealmSettingsEmailTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { realm: realmName } = useRealm();\n const { addAlert, addError } = useAlerts();\n const currentUser = useCurrentUser();\n\n const {\n register,\n control,\n handleSubmit,\n watch,\n reset: resetForm,\n getValues,\n formState: { errors },\n } = useForm({ defaultValues: realm });\n\n const reset = () => resetForm(realm);\n const watchFromValue = watch(\"smtpServer.from\", \"\");\n const watchHostValue = watch(\"smtpServer.host\", \"\");\n const [isTesting, toggleTest] = useToggle();\n\n const authenticationEnabled = useWatch({\n control,\n name: \"smtpServer.auth\",\n defaultValue: \"\",\n });\n\n const testConnection = async () => {\n const toNumber = (value: string) => Number(value);\n const toBoolean = (value: string) => value === true.toString();\n const valueMapper = new Map unknown>([\n [\"port\", toNumber],\n [\"ssl\", toBoolean],\n [\"starttls\", toBoolean],\n [\"auth\", toBoolean],\n ]);\n\n const serverSettings = { ...getValues()[\"smtpServer\"] };\n\n for (const [key, mapperFn] of valueMapper.entries()) {\n serverSettings[key] = mapperFn(serverSettings[key]);\n }\n\n // For default value, back end is expecting null instead of 0\n if (serverSettings.port === 0) serverSettings.port = null;\n\n try {\n toggleTest();\n await adminClient.realms.testSMTPConnection(\n { realm: realm.realm! },\n serverSettings,\n );\n addAlert(t(\"testConnectionSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"realm-settings:testConnectionError\", error);\n }\n toggleTest();\n };\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n (\n field.onChange(\"\" + value)}\n />\n )}\n />\n (\n field.onChange(\"\" + value)}\n />\n )}\n />\n \n \n (\n {\n field.onChange(\"\" + value);\n }}\n aria-label={t(\"authentication\")}\n />\n )}\n />\n \n {authenticationEnabled === \"true\" && (\n <>\n \n \n {currentUser.email ? (\n (\n \n )}\n \n \n \n {t(\"common:save\")}\n \n \n \n testConnection()}\n data-testid=\"test-connection-button\"\n isDisabled={\n !(emailRegexPattern.test(watchFromValue) && watchHostValue) ||\n !currentUser?.email\n }\n aria-describedby=\"descriptionTestConnection\"\n isLoading={isTesting}\n spinnerAriaValueText={t(\"testingConnection\")}\n >\n {t(\"common:testConnection\")}\n \n \n \n \n {t(\"common:revert\")}\n \n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n Button,\n ClipboardCopy,\n FormGroup,\n PageSection,\n Select,\n SelectOption,\n SelectVariant,\n Stack,\n StackItem,\n Switch,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { HelpItem } from \"ui-shared\";\n\nimport { adminClient } from \"../admin-client\";\nimport { FormattedLink } from \"../components/external-link/FormattedLink\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { KeyValueInput } from \"../components/key-value-form/KeyValueInput\";\nimport { KeycloakTextInput } from \"../components/keycloak-text-input/KeycloakTextInput\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport {\n addTrailingSlash,\n convertAttributeNameToForm,\n convertToFormValues,\n} from \"../util\";\nimport useIsFeatureEnabled, { Feature } from \"../utils/useIsFeatureEnabled\";\n\ntype RealmSettingsGeneralTabProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n};\n\ntype FormFields = Omit;\n\nexport const RealmSettingsGeneralTab = ({\n realm,\n save,\n}: RealmSettingsGeneralTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { realm: realmName } = useRealm();\n const form = useForm();\n const {\n register,\n control,\n handleSubmit,\n setValue,\n formState: { isDirty, errors },\n } = form;\n const isFeatureEnabled = useIsFeatureEnabled();\n const [open, setOpen] = useState(false);\n\n const requireSslTypes = [\"all\", \"external\", \"none\"];\n\n const setupForm = () => {\n convertToFormValues(realm, setValue);\n if (realm.attributes?.[\"acr.loa.map\"]) {\n const result = Object.entries(\n JSON.parse(realm.attributes[\"acr.loa.map\"]),\n ).flatMap(([key, value]) => ({ key, value }));\n result.concat({ key: \"\", value: \"\" });\n setValue(\n convertAttributeNameToForm(\"attributes.acr.loa.map\") as any,\n result,\n );\n }\n };\n\n useEffect(setupForm, []);\n\n return (\n \n \n \n (\n \n {field.value}\n \n )}\n />\n \n \n \n \n \n (\n setOpen(!open)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n aria-label={t(\"requireSsl\")}\n isOpen={open}\n >\n {requireSslTypes.map((sslType) => (\n \n {t(`sslType.${sslType}`)}\n \n ))}\n \n )}\n />\n \n \n \n \n (\n (\n field.onChange(value.toString())}\n aria-label={t(\"userProfileEnabled\")}\n />\n )}\n />\n \n )}\n \n \n \n \n \n \n \n\n \n \n {t(\"common:save\")}\n \n \n {t(\"common:revert\")}\n \n \n \n \n );\n};\n","import {\n Button,\n ButtonVariant,\n Form,\n FormGroup,\n Modal,\n ModalVariant,\n ValidatedOptions,\n} from \"@patternfly/react-core\";\nimport { SubmitHandler, UseFormReturn } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { KeyValueType } from \"../components/key-value-form/key-value-convert\";\nimport { KeycloakTextInput } from \"../components/keycloak-text-input/KeycloakTextInput\";\n\ntype AddMessageBundleModalProps = {\n id?: string;\n form: UseFormReturn;\n save: SubmitHandler;\n handleModalToggle: () => void;\n};\n\nexport type BundleForm = {\n key: string;\n value: string;\n messageBundle: KeyValueType;\n};\n\nexport const AddMessageBundleModal = ({\n handleModalToggle,\n save,\n form: {\n register,\n handleSubmit,\n formState: { errors },\n },\n}: AddMessageBundleModalProps) => {\n const { t } = useTranslation(\"realm-settings\");\n\n return (\n \n {t(\"common:create\")}\n ,\n {\n handleModalToggle();\n }}\n >\n {t(\"common:cancel\")}\n ,\n ]}\n >\n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n AlertVariant,\n Button,\n Divider,\n FormGroup,\n PageSection,\n Select,\n SelectGroup,\n SelectOption,\n SelectVariant,\n Switch,\n TextContent,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { SearchIcon } from \"@patternfly/react-icons\";\nimport {\n EditableTextCell,\n IEditableTextCell,\n IRow,\n IRowCell,\n RowEditType,\n RowErrors,\n Table,\n TableBody,\n TableHeader,\n TableVariant,\n applyCellEdits,\n cancelCellEdits,\n validateCellEdits,\n} from \"@patternfly/react-table\";\nimport { cloneDeep, isEqual, uniqWith } from \"lodash-es\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { Controller, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { HelpItem } from \"ui-shared\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport type { KeyValueType } from \"../components/key-value-form/key-value-convert\";\nimport { ListEmptyState } from \"../components/list-empty-state/ListEmptyState\";\nimport { FormPanel } from \"../components/scroll-form/FormPanel\";\nimport { PaginatingTableToolbar } from \"../components/table-toolbar/PaginatingTableToolbar\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { useServerInfo } from \"../context/server-info/ServerInfoProvider\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport { DEFAULT_LOCALE } from \"../i18n/i18n\";\nimport { convertToFormValues } from \"../util\";\nimport { useFetch } from \"../utils/useFetch\";\nimport { AddMessageBundleModal } from \"./AddMessageBundleModal\";\n\ntype LocalizationTabProps = {\n save: (realm: RealmRepresentation) => void;\n refresh: () => void;\n realm: RealmRepresentation;\n};\n\nexport enum RowEditAction {\n Save = \"save\",\n Cancel = \"cancel\",\n Edit = \"edit\",\n Delete = \"delete\",\n}\n\nexport type BundleForm = {\n key: string;\n value: string;\n messageBundle: KeyValueType;\n};\n\nconst localeToDisplayName = (locale: string) => {\n try {\n return new Intl.DisplayNames([locale], { type: \"language\" }).of(locale);\n } catch (error) {\n return locale;\n }\n};\n\nexport const LocalizationTab = ({ save, realm }: LocalizationTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const [addMessageBundleModalOpen, setAddMessageBundleModalOpen] =\n useState(false);\n\n const [supportedLocalesOpen, setSupportedLocalesOpen] = useState(false);\n const [defaultLocaleOpen, setDefaultLocaleOpen] = useState(false);\n const [filterDropdownOpen, setFilterDropdownOpen] = useState(false);\n const [selectMenuLocale, setSelectMenuLocale] = useState(DEFAULT_LOCALE);\n\n const { setValue, getValues, control, handleSubmit, formState } = useForm();\n const [selectMenuValueSelected, setSelectMenuValueSelected] = useState(false);\n const [messageBundles, setMessageBundles] = useState<[string, string][]>([]);\n const [tableRows, setTableRows] = useState([]);\n\n const themeTypes = useServerInfo().themes!;\n const allLocales = useMemo(() => {\n const locales = Object.values(themeTypes).flatMap((theme) =>\n theme.flatMap(({ locales }) => (locales ? locales : [])),\n );\n return Array.from(new Set(locales));\n }, [themeTypes]);\n const bundleForm = useForm({ mode: \"onChange\" });\n const { addAlert, addError } = useAlerts();\n const { realm: currentRealm } = useRealm();\n const { whoAmI } = useWhoAmI();\n\n const defaultSupportedLocales = realm.supportedLocales?.length\n ? realm.supportedLocales\n : [DEFAULT_LOCALE];\n\n const setupForm = () => {\n convertToFormValues(realm, setValue);\n setValue(\"supportedLocales\", defaultSupportedLocales);\n };\n\n useEffect(setupForm, []);\n\n const watchSupportedLocales: string[] = useWatch({\n control,\n name: \"supportedLocales\",\n defaultValue: defaultSupportedLocales,\n });\n const internationalizationEnabled = useWatch({\n control,\n name: \"internationalizationEnabled\",\n defaultValue: realm.internationalizationEnabled,\n });\n\n const [tableKey, setTableKey] = useState(0);\n const [max, setMax] = useState(10);\n const [first, setFirst] = useState(0);\n const [filter, setFilter] = useState(\"\");\n\n const refreshTable = () => {\n setTableKey(tableKey + 1);\n };\n\n useFetch(\n async () => {\n let result = await adminClient.realms\n .getRealmLocalizationTexts({\n first,\n max,\n realm: realm.realm!,\n selectedLocale:\n selectMenuLocale ||\n getValues(\"defaultLocale\") ||\n whoAmI.getLocale(),\n })\n // prevents server error in dev mode due to snowpack\n .catch(() => []);\n\n const searchInBundles = (idx: number) => {\n return Object.entries(result).filter((i) => i[idx].includes(filter));\n };\n\n if (filter) {\n const filtered = uniqWith(\n searchInBundles(0).concat(searchInBundles(1)),\n isEqual,\n );\n\n result = Object.fromEntries(filtered);\n }\n\n return { result };\n },\n ({ result }) => {\n const bundles = Object.entries(result).slice(first, first + max + 1);\n setMessageBundles(bundles);\n\n const updatedRows = bundles.map((messageBundle) => ({\n rowEditBtnAriaLabel: () =>\n t(\"rowEditBtnAriaLabel\", {\n messageBundle: messageBundle[1],\n }),\n rowSaveBtnAriaLabel: () =>\n t(\"rowSaveBtnAriaLabel\", {\n messageBundle: messageBundle[1],\n }),\n rowCancelBtnAriaLabel: () =>\n t(\"rowCancelBtnAriaLabel\", {\n messageBundle: messageBundle[1],\n }),\n cells: [\n {\n title: (value, rowIndex, cellIndex, props) => (\n \n \n {localeToDisplayName(DEFAULT_LOCALE)}\n \n ,\n \n {watchSupportedLocales.map((locale) => (\n \n {localeToDisplayName(locale)}\n \n ))}\n ,\n ];\n\n const addKeyValue = async (pair: KeyValueType): Promise => {\n try {\n await adminClient.realms.addLocalization(\n {\n realm: currentRealm!,\n selectedLocale:\n selectMenuLocale || getValues(\"defaultLocale\") || DEFAULT_LOCALE,\n key: pair.key,\n },\n pair.value,\n );\n\n adminClient.setConfig({\n realmName: currentRealm!,\n });\n refreshTable();\n addAlert(t(\"addMessageBundleSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(t(\"addMessageBundleError\"), error);\n }\n };\n\n const deleteKey = async (key: string) => {\n try {\n await adminClient.realms.deleteRealmLocalizationTexts({\n realm: currentRealm!,\n selectedLocale: selectMenuLocale,\n key,\n });\n refreshTable();\n addAlert(t(\"deleteMessageBundleSuccess\"));\n } catch (error) {\n addError(\"realm-settings:deleteMessageBundleError\", error);\n }\n };\n\n return (\n <>\n {addMessageBundleModalOpen && (\n {\n addKeyValue(pair);\n handleModalToggle();\n }}\n form={bundleForm}\n />\n )}\n \n \n (\n \n (\n {\n setSupportedLocalesOpen(open);\n }}\n onSelect={(_, v) => {\n const option = v as string;\n if (field.value.includes(option)) {\n field.onChange(\n field.value.filter(\n (item: string) => item !== option,\n ),\n );\n } else {\n field.onChange([...field.value, option]);\n }\n }}\n onClear={() => {\n field.onChange([]);\n }}\n selections={field.value}\n variant={SelectVariant.typeaheadMulti}\n aria-label={t(\"supportedLocales\")}\n isOpen={supportedLocalesOpen}\n placeholderText={t(\"selectLocales\")}\n >\n {allLocales.map((locale) => (\n \n {localeToDisplayName(locale)}\n \n ))}\n \n )}\n />\n \n \n (\n setDefaultLocaleOpen(!defaultLocaleOpen)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setDefaultLocaleOpen(false);\n }}\n selections={\n field.value\n ? localeToDisplayName(field.value)\n : realm.defaultLocale !== \"\"\n ? localeToDisplayName(\n realm.defaultLocale || DEFAULT_LOCALE,\n )\n : t(\"placeholderText\")\n }\n variant={SelectVariant.single}\n aria-label={t(\"defaultLocale\")}\n isOpen={defaultLocaleOpen}\n placeholderText={t(\"placeholderText\")}\n data-testid=\"select-default-locale\"\n >\n {watchSupportedLocales.map((locale, idx) => (\n \n {localeToDisplayName(locale)}\n \n ))}\n \n )}\n />\n \n \n )}\n \n \n {t(\"common:save\")}\n \n \n \n \n\n \n \n {t(\"messageBundleDescription\")}\n \n \n {\n setFirst(first);\n setMax(max);\n }}\n inputGroupName={\"common:search\"}\n inputGroupOnEnter={(search) => {\n setFilter(search);\n setFirst(0);\n setMax(10);\n }}\n inputGroupPlaceholder={t(\"searchForMessageBundle\")}\n toolbarItem={\n setAddMessageBundleModalOpen(true)}\n >\n {t(\"addMessageBundle\")}\n \n }\n searchTypeComponent={\n \n setFilterDropdownOpen(isExpanded)}\n onSelect={(_, value) => {\n setSelectMenuLocale(value.toString());\n setSelectMenuValueSelected(true);\n refreshTable();\n setFilterDropdownOpen(false);\n }}\n selections={\n selectMenuValueSelected\n ? localeToDisplayName(selectMenuLocale)\n : realm.defaultLocale !== \"\"\n ? localeToDisplayName(DEFAULT_LOCALE)\n : t(\"placeholderText\")\n }\n >\n {options}\n \n \n }\n >\n {messageBundles.length === 0 && !filter && (\n \n updateEditableRows(type, rowIndex, validation)\n }\n actions={[\n {\n title: t(\"common:delete\"),\n onClick: (_, row) =>\n deleteKey(\n (tableRows[row].cells?.[0] as IRowCell).props.value,\n ),\n },\n ]}\n >\n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport { FormGroup, PageSection, Switch } from \"@patternfly/react-core\";\nimport { useTranslation } from \"react-i18next\";\nimport { HelpItem } from \"ui-shared\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { FormPanel } from \"../components/scroll-form/FormPanel\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\n\ntype RealmSettingsLoginTabProps = {\n realm: RealmRepresentation;\n refresh: () => void;\n};\n\ntype SwitchType = { [K in keyof RealmRepresentation]: boolean };\n\nexport const RealmSettingsLoginTab = ({\n realm,\n refresh,\n}: RealmSettingsLoginTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n\n const { addAlert, addError } = useAlerts();\n const { realm: realmName } = useRealm();\n\n const updateSwitchValue = async (switches: SwitchType | SwitchType[]) => {\n const name = Array.isArray(switches)\n ? Object.keys(switches[0])[0]\n : Object.keys(switches)[0];\n\n try {\n await adminClient.realms.update(\n {\n realm: realmName,\n },\n Array.isArray(switches)\n ? switches.reduce((realm, s) => Object.assign(realm, s), realm)\n : Object.assign(realm, switches),\n );\n addAlert(t(\"enableSwitchSuccess\", { switch: t(name) }));\n refresh();\n } catch (error) {\n addError(t(\"enableSwitchError\"), error);\n }\n };\n\n return (\n \n \n \n {\n updateSwitchValue({ registrationAllowed: value });\n }}\n aria-label={t(\"registrationAllowed\")}\n />\n \n {\n updateSwitchValue({ resetPasswordAllowed: value });\n }}\n aria-label={t(\"resetPasswordAllowed\")}\n />\n \n {\n updateSwitchValue({ rememberMe: value });\n }}\n aria-label={t(\"rememberMe\")}\n />\n \n \n \n \n \n {\n updateSwitchValue([\n {\n registrationEmailAsUsername: value,\n },\n {\n duplicateEmailsAllowed: false,\n },\n ]);\n }}\n aria-label={t(\"registrationEmailAsUsername\")}\n />\n \n {\n updateSwitchValue([\n {\n loginWithEmailAllowed: value,\n },\n { duplicateEmailsAllowed: false },\n ]);\n }}\n aria-label={t(\"loginWithEmailAllowed\")}\n />\n \n {\n updateSwitchValue({\n duplicateEmailsAllowed: value,\n });\n }}\n isDisabled={\n realm.loginWithEmailAllowed || realm.registrationEmailAsUsername\n }\n aria-label={t(\"duplicateEmailsAllowed\")}\n />\n \n {\n updateSwitchValue({ verifyEmail: value });\n }}\n aria-label={t(\"verifyEmail\")}\n />\n \n \n \n \n \n {\n updateSwitchValue({ editUsernameAllowed: value });\n }}\n aria-label={t(\"editUsernameAllowed\")}\n />\n \n \n \n \n );\n};\n","import {\n Alert,\n AlertVariant,\n Button,\n ButtonVariant,\n Form,\n FormGroup,\n Modal,\n ModalVariant,\n Switch,\n Text,\n TextContent,\n} from \"@patternfly/react-core\";\nimport { saveAs } from \"file-saver\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { prettyPrintJSON } from \"../util\";\n\nimport \"./partial-export.css\";\n\nexport type PartialExportDialogProps = {\n isOpen: boolean;\n onClose: () => void;\n};\n\nexport const PartialExportDialog = ({\n isOpen,\n onClose,\n}: PartialExportDialogProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { realm } = useRealm();\n const { addAlert, addError } = useAlerts();\n\n const [exportGroupsAndRoles, setExportGroupsAndRoles] = useState(false);\n const [exportClients, setExportClients] = useState(false);\n const [isExporting, setIsExporting] = useState(false);\n\n const showWarning = exportGroupsAndRoles || exportClients;\n\n async function exportRealm() {\n setIsExporting(true);\n\n try {\n const realmExport = await adminClient.realms.export({\n realm,\n exportClients,\n exportGroupsAndRoles,\n });\n\n saveAs(\n new Blob([prettyPrintJSON(realmExport)], {\n type: \"application/json\",\n }),\n \"realm-export.json\",\n );\n\n addAlert(t(\"exportSuccess\"), AlertVariant.success);\n onClose();\n } catch (error) {\n addError(\"exportFail\", error);\n }\n\n setIsExporting(false);\n }\n\n return (\n \n {t(\"common:export\")}\n ,\n \n {t(\"common:cancel\")}\n ,\n ]}\n >\n \n {t(\"partialExportHeaderText\")} \n \n \n \n \n \n {t(\"exportWarningDescription\")}\n \n )}\n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport type {\n PartialImportRealmRepresentation,\n PartialImportResponse,\n PartialImportResult,\n} from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport type RoleRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/roleRepresentation\";\nimport {\n Alert,\n Button,\n ButtonVariant,\n Checkbox,\n DataList,\n DataListCell,\n DataListItem,\n DataListItemCells,\n DataListItemRow,\n Divider,\n Label,\n Modal,\n ModalVariant,\n Select,\n SelectOption,\n SelectOptionObject,\n Stack,\n StackItem,\n Text,\n TextContent,\n} from \"@patternfly/react-core\";\nimport {\n ChangeEvent,\n FormEvent,\n MouseEvent as ReactMouseEvent,\n useEffect,\n useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { JsonFileUpload } from \"../components/json-file-upload/JsonFileUpload\";\nimport { KeycloakDataTable } from \"../components/table-toolbar/KeycloakDataTable\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\n\nexport type PartialImportProps = {\n open: boolean;\n toggleDialog: () => void;\n};\n\n// An imported JSON file can either be an array of realm objects\n// or a single realm object.\ntype ImportedMultiRealm = RealmRepresentation | RealmRepresentation[];\n\ntype NonRoleResource = \"users\" | \"clients\" | \"groups\" | \"identityProviders\";\ntype RoleResource = \"realmRoles\" | \"clientRoles\";\ntype Resource = NonRoleResource | RoleResource;\n\ntype CollisionOption = \"FAIL\" | \"SKIP\" | \"OVERWRITE\";\n\ntype ResourceChecked = { [k in Resource]: boolean };\n\nconst INITIAL_RESOURCES: Readonly = {\n users: false,\n clients: false,\n groups: false,\n identityProviders: false,\n realmRoles: false,\n clientRoles: false,\n};\n\nexport const PartialImportDialog = (props: PartialImportProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { realm } = useRealm();\n\n const [importedFile, setImportedFile] = useState();\n const isFileSelected = !!importedFile;\n const [isRealmSelectOpen, setIsRealmSelectOpen] = useState(false);\n const [isCollisionSelectOpen, setIsCollisionSelectOpen] = useState(false);\n const [importInProgress, setImportInProgress] = useState(false);\n const [collisionOption, setCollisionOption] =\n useState(\"FAIL\");\n const [targetRealm, setTargetRealm] = useState({});\n const [importResponse, setImportResponse] = useState();\n const { addError } = useAlerts();\n\n const [resourcesToImport, setResourcesToImport] = useState(INITIAL_RESOURCES);\n const isAnyResourceChecked = Object.values(resourcesToImport).some(\n (checked) => checked,\n );\n\n const resetResourcesToImport = () => {\n setResourcesToImport(INITIAL_RESOURCES);\n };\n\n const resetInputState = () => {\n setImportedFile(undefined);\n setTargetRealm({});\n setCollisionOption(\"FAIL\");\n resetResourcesToImport();\n };\n\n // when dialog opens or closes, clear state\n useEffect(() => {\n setImportInProgress(false);\n setImportResponse(undefined);\n resetInputState();\n }, [props.open]);\n\n const handleFileChange = (value: ImportedMultiRealm) => {\n resetInputState();\n setImportedFile(value);\n\n if (!Array.isArray(value)) {\n setTargetRealm(value);\n } else if (value.length > 0) {\n setTargetRealm(value[0]);\n }\n };\n\n const handleRealmSelect = (realm: string | SelectOptionObject) => {\n setTargetRealm(realm as RealmRepresentation);\n setIsRealmSelectOpen(false);\n resetResourcesToImport();\n };\n\n const handleResourceCheckBox = (\n checked: boolean,\n event: FormEvent,\n ) => {\n const resource = event.currentTarget.name as Resource;\n\n setResourcesToImport({\n ...resourcesToImport,\n [resource]: checked,\n });\n };\n\n const realmSelectOptions = (realms: RealmRepresentation[]) =>\n realms.map((realm) => (\n \n {realm.realm || realm.id}\n \n ));\n\n const handleCollisionSelect = (\n event: ChangeEvent | ReactMouseEvent,\n option: string | SelectOptionObject,\n ) => {\n setCollisionOption(option as CollisionOption);\n setIsCollisionSelectOpen(false);\n };\n\n const collisionOptions = () => {\n return [\n \n {t(\"FAIL\")}\n ,\n \n {t(\"SKIP\")}\n ,\n \n {t(\"OVERWRITE\")}\n ,\n ];\n };\n\n const targetHasResources = () => {\n return (\n targetHasResource(\"users\") ||\n targetHasResource(\"groups\") ||\n targetHasResource(\"clients\") ||\n targetHasResource(\"identityProviders\") ||\n targetHasRealmRoles() ||\n targetHasClientRoles()\n );\n };\n\n const targetHasResource = (resource: NonRoleResource) => {\n const value = targetRealm[resource];\n return value !== undefined && value.length > 0;\n };\n\n const targetHasRealmRoles = () => {\n const value = targetRealm.roles?.realm;\n return value !== undefined && value.length > 0;\n };\n\n const targetHasClientRoles = () => {\n const value = targetRealm.roles?.client;\n return value !== undefined && Object.keys(value).length > 0;\n };\n\n const itemCount = (resource: Resource) => {\n if (!isFileSelected) return 0;\n\n if (resource === \"realmRoles\") {\n return targetRealm.roles?.realm?.length ?? 0;\n }\n\n if (resource === \"clientRoles\") {\n return targetHasClientRoles()\n ? clientRolesCount(targetRealm.roles!.client!)\n : 0;\n }\n\n return targetRealm[resource]?.length ?? 0;\n };\n\n const clientRolesCount = (\n clientRoles: Record,\n ) =>\n Object.values(clientRoles).reduce((total, role) => total + role.length, 0);\n\n const resourceDataListItem = (\n resource: Resource,\n resourceDisplayName: string,\n ) => {\n return (\n \n \n \n \n \n );\n };\n\n const jsonForImport = () => {\n const jsonToImport: PartialImportRealmRepresentation = {\n ifResourceExists: collisionOption,\n id: targetRealm.id,\n realm: targetRealm.realm,\n };\n\n if (resourcesToImport[\"users\"]) jsonToImport.users = targetRealm.users;\n if (resourcesToImport[\"groups\"]) jsonToImport.groups = targetRealm.groups;\n if (resourcesToImport[\"identityProviders\"])\n jsonToImport.identityProviders = targetRealm.identityProviders;\n if (resourcesToImport[\"clients\"])\n jsonToImport.clients = targetRealm.clients;\n if (resourcesToImport[\"realmRoles\"] || resourcesToImport[\"clientRoles\"]) {\n jsonToImport.roles = targetRealm.roles;\n if (!resourcesToImport[\"realmRoles\"]) delete jsonToImport.roles?.realm;\n if (!resourcesToImport[\"clientRoles\"]) delete jsonToImport.roles?.client;\n }\n return jsonToImport;\n };\n\n async function doImport() {\n if (importInProgress) return;\n\n setImportInProgress(true);\n\n try {\n const importResults = await adminClient.realms.partialImport({\n realm,\n rep: jsonForImport(),\n });\n setImportResponse(importResults);\n } catch (error) {\n addError(\"realm-settings:importFail\", error);\n }\n\n setImportInProgress(false);\n }\n\n const importModal = () => {\n return (\n {\n doImport();\n }}\n >\n {t(\"import\")}\n ,\n {\n props.toggleDialog();\n }}\n >\n {t(\"common:cancel\")}\n ,\n ]}\n >\n \n \n \n {t(\"partialImportHeaderText\")} \n \n \n \n \n\n {isFileSelected && targetHasResources() && (\n <>\n \n \n {Array.isArray(importedFile) && importedFile.length > 1 && (\n \n {t(\"selectRealm\")}: \n setIsRealmSelectOpen(!isRealmSelectOpen)}\n onSelect={(_, value) => handleRealmSelect(value)}\n placeholderText={targetRealm.realm || targetRealm.id}\n >\n {realmSelectOptions(importedFile)}\n \n \n )}\n \n {t(\"chooseResources\")}: \n \n \n \n {t(\"selectIfResourceExists\")}: \n {\n setIsCollisionSelectOpen(!isCollisionSelectOpen);\n }}\n onSelect={handleCollisionSelect}\n placeholderText={t(collisionOption)}\n >\n {collisionOptions()}\n \n \n \n )}\n \n \n );\n };\n\n const importCompleteMessage = () => {\n return `${t(\"importAdded\", {\n count: importResponse?.added,\n })} ${t(\"importSkipped\", {\n count: importResponse?.skipped,\n })} ${t(\"importOverwritten\", {\n count: importResponse?.overwritten,\n })}`;\n };\n\n const loader = async (first = 0, max = 15) => {\n if (!importResponse) {\n return [];\n }\n\n const last = Math.min(first + max, importResponse.results.length);\n\n return importResponse.results.slice(first, last);\n };\n\n const ActionLabel = (importRecord: PartialImportResult) => {\n switch (importRecord.action) {\n case \"ADDED\":\n return (\n \n );\n case \"SKIPPED\":\n return (\n \n );\n case \"OVERWRITTEN\":\n return (\n \n );\n default:\n return \"\";\n }\n };\n\n const TypeRenderer = (importRecord: PartialImportResult) => {\n const typeMap = new Map([\n [\"CLIENT\", t(\"common:clients\")],\n [\"REALM_ROLE\", t(\"common:realmRoles\")],\n [\"USER\", t(\"common:users\")],\n [\"CLIENT_ROLE\", t(\"common:clientRoles\")],\n [\"IDP\", t(\"common:identityProviders\")],\n [\"GROUP\", t(\"common:groups\")],\n ]);\n\n return {typeMap.get(importRecord.resourceType)};\n };\n\n const importCompletedModal = () => {\n return (\n {\n props.toggleDialog();\n }}\n >\n {t(\"common:close\")}\n ,\n ]}\n >\n ();\n const [selectedPolicy, setSelectedPolicy] =\n useState();\n const [key, setKey] = useState(0);\n const [code, setCode] = useState();\n const [tablePolicies, setTablePolicies] =\n useState();\n const refresh = () => setKey(key + 1);\n\n const form = useForm>({ mode: \"onChange\" });\n\n useFetch(\n () => adminClient.clientPolicies.listPolicies(),\n (policies) => {\n setPolicies(policies.policies),\n setTablePolicies(policies.policies || []),\n setCode(prettyPrintJSON(policies.policies));\n },\n [key],\n );\n\n const loader = async () => policies ?? [];\n\n const saveStatus = async () => {\n const switchValues = form.getValues();\n\n const updatedPolicies = policies?.map(\n (policy) => {\n const enabled = switchValues[policy.name!];\n\n return {\n ...policy,\n enabled,\n };\n },\n );\n\n try {\n await adminClient.clientPolicies.updatePolicy({\n policies: updatedPolicies,\n });\n navigate(toClientPolicies({ realm, tab: \"policies\" }));\n addAlert(\n t(\"realm-settings:updateClientPolicySuccess\"),\n AlertVariant.success,\n );\n } catch (error) {\n addError(\"realm-settings:updateClientPolicyError\", error);\n }\n };\n\n const ClientPolicyDetailLink = ({ name }: ClientPolicyRepresentation) => (\n {name}\n );\n\n const SwitchRenderer = ({\n clientPolicy,\n }: {\n clientPolicy: ClientPolicyRepresentation;\n }) => {\n const [toggleDisableDialog, DisableConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:disablePolicyConfirmTitle\",\n messageKey: \"realm-settings:disablePolicyConfirm\",\n continueButtonLabel: \"common:disable\",\n onConfirm: () => {\n form.setValue(clientPolicy.name!, false);\n saveStatus();\n },\n });\n\n return (\n <>\n (\n {\n if (!value) {\n toggleDisableDialog();\n } else {\n field.onChange(value);\n saveStatus();\n }\n }}\n aria-label={clientPolicy.name!}\n />\n )}\n />\n \n );\n };\n\n const save = async () => {\n if (!code) {\n return;\n }\n\n try {\n const obj: ClientPolicyRepresentation[] = JSON.parse(code);\n\n try {\n await adminClient.clientPolicies.updatePolicy({\n policies: obj,\n });\n addAlert(\n t(\"realm-settings:updateClientPoliciesSuccess\"),\n AlertVariant.success,\n );\n refresh();\n } catch (error) {\n addError(\"realm-settings:updateClientPoliciesError\", error);\n }\n } catch (error) {\n console.warn(\"Invalid json, ignoring value using {}\");\n addError(\"realm-settings:updateClientPoliciesError\", error);\n }\n };\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: t(\"deleteClientPolicyConfirmTitle\"),\n messageKey: t(\"deleteClientPolicyConfirm\", {\n policyName: selectedPolicy?.name,\n }),\n continueButtonLabel: t(\"delete\"),\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n const updatedPolicies = policies?.filter(\n (policy) => policy.name !== selectedPolicy?.name,\n );\n\n try {\n await adminClient.clientPolicies.updatePolicy({\n policies: updatedPolicies,\n });\n addAlert(t(\"deleteClientPolicySuccess\"), AlertVariant.success);\n refresh();\n } catch (error) {\n addError(t(\"deleteClientPolicyError\"), error);\n }\n },\n });\n\n if (!policies) {\n return \n \n \n \n {t(\"policiesConfigType\")}\n \n \n \n setShow(false)}\n label={t(\"policiesConfigTypes.formView\")}\n id=\"formView-policiesView\"\n data-testid=\"formView-policiesView\"\n className=\"kc-form-radio-btn pf-u-mr-sm pf-u-ml-sm\"\n />\n \n \n setShow(true)}\n label={t(\"policiesConfigTypes.jsonEditor\")}\n id=\"jsonEditor-policiesView\"\n data-testid=\"jsonEditor-policiesView\"\n className=\"kc-editor-radio-btn\"\n />\n \n \n \n navigate(toAddClientPolicy({ realm }))}\n />\n }\n ariaLabelKey=\"realm-settings:clientPolicies\"\n searchPlaceholderKey=\"realm-settings:clientPolicySearch\"\n loader={loader}\n toolbarItem={\n \n (\n \n )}\n data-testid=\"createPolicy\"\n >\n {t(\"createClientPolicy\")}\n \n \n }\n actions={[\n {\n title: t(\"common:delete\"),\n onRowClick: (item) => {\n toggleDeleteDialog();\n setSelectedPolicy(item);\n },\n } as Action,\n ]}\n columns={[\n {\n name: \"name\",\n cellRenderer: ClientPolicyDetailLink,\n },\n {\n name: \"enabled\",\n displayKey: \"realm-settings:status\",\n cellRenderer: (clientPolicy) => (\n \n {t(\"save\")}\n \n {\n setCode(prettyPrintJSON(tablePolicies));\n }}\n >\n {t(\"reload\")}\n \n \n \n )}\n \n );\n};\n","import type ClientProfileRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/clientProfileRepresentation\";\nimport { CodeEditor, Language } from \"@patternfly/react-code-editor\";\nimport {\n ActionGroup,\n AlertVariant,\n Button,\n ButtonVariant,\n Divider,\n Flex,\n FlexItem,\n FormGroup,\n Label,\n PageSection,\n Radio,\n Title,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { omit } from \"lodash-es\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../components/confirm-dialog/ConfirmDialog\";\nimport { KeycloakSpinner } from \"../components/keycloak-spinner/KeycloakSpinner\";\nimport { ListEmptyState } from \"../components/list-empty-state/ListEmptyState\";\nimport {\n Action,\n KeycloakDataTable,\n} from \"../components/table-toolbar/KeycloakDataTable\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { prettyPrintJSON } from \"../util\";\nimport { useFetch } from \"../utils/useFetch\";\nimport { toAddClientProfile } from \"./routes/AddClientProfile\";\nimport { toClientProfile } from \"./routes/ClientProfile\";\n\nimport \"./realm-settings-section.css\";\n\ntype ClientProfile = ClientProfileRepresentation & {\n global: boolean;\n};\n\nexport default function ProfilesTab() {\n const { t } = useTranslation(\"realm-settings\");\n const { realm } = useRealm();\n const { addAlert, addError } = useAlerts();\n const [tableProfiles, setTableProfiles] = useState();\n const [globalProfiles, setGlobalProfiles] =\n useState();\n const [selectedProfile, setSelectedProfile] = useState();\n const [show, setShow] = useState(false);\n const [code, setCode] = useState();\n const [key, setKey] = useState(0);\n\n useFetch(\n () =>\n adminClient.clientPolicies.listProfiles({\n includeGlobalProfiles: true,\n }),\n (allProfiles) => {\n setGlobalProfiles(allProfiles.globalProfiles);\n\n const globalProfiles = allProfiles.globalProfiles?.map(\n (globalProfiles) => ({\n ...globalProfiles,\n global: true,\n }),\n );\n\n const profiles = allProfiles.profiles?.map((profiles) => ({\n ...profiles,\n global: false,\n }));\n\n const allClientProfiles = globalProfiles?.concat(profiles ?? []);\n setTableProfiles(allClientProfiles || []);\n setCode(JSON.stringify(allClientProfiles, null, 2));\n },\n [key],\n );\n\n const loader = async () => tableProfiles ?? [];\n\n const normalizeProfile = (\n profile: ClientProfile,\n ): ClientProfileRepresentation => omit(profile, \"global\");\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: t(\"deleteClientProfileConfirmTitle\"),\n messageKey: t(\"deleteClientProfileConfirm\", {\n profileName: selectedProfile?.name,\n }),\n continueButtonLabel: t(\"delete\"),\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n const updatedProfiles = tableProfiles\n ?.filter(\n (profile) =>\n profile.name !== selectedProfile?.name && !profile.global,\n )\n .map((profile) =>\n normalizeProfile(profile),\n );\n\n try {\n await adminClient.clientPolicies.createProfiles({\n profiles: updatedProfiles,\n globalProfiles,\n });\n addAlert(t(\"deleteClientSuccess\"), AlertVariant.success);\n setKey(key + 1);\n } catch (error) {\n addError(t(\"deleteClientError\"), error);\n }\n },\n });\n\n const cellFormatter = (row: ClientProfile) => (\n \n {row.name} {row.global && }\n \n );\n\n if (!tableProfiles) {\n return \n \n \n \n {t(\"profilesConfigType\")}\n \n \n \n setShow(false)}\n label={t(\"profilesConfigTypes.formView\")}\n id=\"formView-profilesView\"\n className=\"kc-form-radio-btn pf-u-mr-sm pf-u-ml-sm\"\n data-testid=\"formView-profilesView\"\n />\n \n \n setShow(true)}\n label={t(\"profilesConfigTypes.jsonEditor\")}\n id=\"jsonEditor-profilesView\"\n className=\"kc-editor-radio-btn\"\n data-testid=\"jsonEditor-profilesView\"\n />\n \n \n \n \n (\n ,\n ]}\n columns={[\n {\n name: \"name\",\n displayKey: t(\"common:name\"),\n cellRenderer: cellFormatter,\n },\n {\n name: \"description\",\n displayKey: t(\"clientProfileDescription\"),\n },\n ]}\n emptyState={\n \n \n {\n setCode(value ?? \"\");\n }}\n />\n \n \n \n \n {t(\"save\")}\n \n {\n setCode(prettyPrintJSON(tableProfiles));\n }}\n data-testid=\"jsonEditor-reloadBtn\"\n >\n {t(\"reload\")}\n \n \n \n \n )}\n \n );\n}\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n Button,\n FormGroup,\n PageSection,\n Switch,\n} from \"@patternfly/react-core\";\nimport { useEffect } from \"react\";\nimport { Controller, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { HelpItem } from \"ui-shared\";\nimport { FormPanel } from \"../components/scroll-form/FormPanel\";\nimport { TimeSelector } from \"../components/time-selector/TimeSelector\";\nimport { convertToFormValues } from \"../util\";\n\nimport \"./realm-settings-section.css\";\n\ntype RealmSettingsSessionsTabProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n};\n\nexport const RealmSettingsSessionsTab = ({\n realm,\n save,\n}: RealmSettingsSessionsTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n\n const { setValue, control, handleSubmit, formState } =\n useForm();\n\n const offlineSessionMaxEnabled = useWatch({\n control,\n name: \"offlineSessionMaxLifespanEnabled\",\n });\n\n const setupForm = () => {\n convertToFormValues(realm, setValue);\n };\n\n useEffect(setupForm, []);\n\n return (\n \n \n \n (\n (\n (\n (\n \n \n (\n (\n \n \n (\n (\n (\n \n \n (\n (\n \n \n {t(\"common:save\")}\n \n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n Button,\n FormGroup,\n PageSection,\n Select,\n SelectOption,\n SelectVariant,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { HelpItem } from \"ui-shared\";\nimport { useServerInfo } from \"../context/server-info/ServerInfoProvider\";\nimport { convertToFormValues } from \"../util\";\n\ntype RealmSettingsThemesTabProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n};\n\nexport const RealmSettingsThemesTab = ({\n realm,\n save,\n}: RealmSettingsThemesTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n\n const [loginThemeOpen, setLoginThemeOpen] = useState(false);\n const [accountThemeOpen, setAccountThemeOpen] = useState(false);\n const [adminUIThemeOpen, setAdminUIThemeOpen] = useState(false);\n const [emailThemeOpen, setEmailThemeOpen] = useState(false);\n\n const { control, handleSubmit, setValue } = useForm();\n const themeTypes = useServerInfo().themes!;\n\n const setupForm = () => {\n convertToFormValues(realm, setValue);\n };\n useEffect(setupForm, []);\n\n return (\n \n \n (\n setLoginThemeOpen(!loginThemeOpen)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setLoginThemeOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n isOpen={loginThemeOpen}\n placeholderText={t(\"selectATheme\")}\n data-testid=\"select-login-theme\"\n >\n {themeTypes.login.map((theme, idx) => (\n \n {t(`${theme.name}`)}\n \n ))}\n \n )}\n />\n \n (\n setAccountThemeOpen(!accountThemeOpen)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setAccountThemeOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n aria-label={t(\"accountTheme\")}\n isOpen={accountThemeOpen}\n placeholderText={t(\"selectATheme\")}\n data-testid=\"select-account-theme\"\n >\n {themeTypes.account\n .filter((theme) => theme.name !== \"base\")\n .map((theme, idx) => (\n \n {t(`${theme.name}`)}\n \n ))}\n \n )}\n />\n \n (\n setAdminUIThemeOpen(!adminUIThemeOpen)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setAdminUIThemeOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n isOpen={adminUIThemeOpen}\n placeholderText={t(\"selectATheme\")}\n data-testid=\"select-admin-theme\"\n >\n {themeTypes.admin\n .filter((theme) => theme.name !== \"base\")\n .map((theme, idx) => (\n \n {t(`${theme.name}`)}\n \n ))}\n \n )}\n />\n \n (\n setEmailThemeOpen(!emailThemeOpen)}\n onSelect={(_, value) => {\n field.onChange(value as string);\n setEmailThemeOpen(false);\n }}\n selections={field.value}\n variant={SelectVariant.single}\n isOpen={emailThemeOpen}\n placeholderText={t(\"selectATheme\")}\n data-testid=\"select-email-theme\"\n >\n {themeTypes.email.map((theme, idx) => (\n \n {t(`${theme.name}`)}\n \n ))}\n \n )}\n />\n \n \n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n ActionGroup,\n Button,\n FormGroup,\n NumberInput,\n PageSection,\n Select,\n SelectOption,\n SelectVariant,\n Switch,\n Text,\n TextVariants,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { HelpItem } from \"ui-shared\";\nimport { KeycloakTextInput } from \"../components/keycloak-text-input/KeycloakTextInput\";\nimport { FormPanel } from \"../components/scroll-form/FormPanel\";\nimport {\n TimeSelector,\n toHumanFormat,\n} from \"../components/time-selector/TimeSelector\";\nimport { useServerInfo } from \"../context/server-info/ServerInfoProvider\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport { convertToFormValues, sortProviders } from \"../util\";\n\nimport \"./realm-settings-section.css\";\n\ntype RealmSettingsSessionsTabProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n reset?: () => void;\n};\n\nexport const RealmSettingsTokensTab = ({\n realm,\n reset,\n save,\n}: RealmSettingsSessionsTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const serverInfo = useServerInfo();\n const { whoAmI } = useWhoAmI();\n\n const [defaultSigAlgDrpdwnIsOpen, setDefaultSigAlgDrpdwnOpen] =\n useState(false);\n\n const defaultSigAlgOptions = sortProviders(\n serverInfo.providers![\"signature\"].providers,\n );\n\n const form = useForm();\n const { setValue, control } = form;\n\n const offlineSessionMaxEnabled = useWatch({\n control,\n name: \"offlineSessionMaxLifespanEnabled\",\n defaultValue: realm.offlineSessionMaxLifespanEnabled,\n });\n\n const ssoSessionIdleTimeout = useWatch({\n control,\n name: \"ssoSessionIdleTimeout\",\n defaultValue: 36000,\n });\n\n const revokeRefreshToken = useWatch({\n control,\n name: \"revokeRefreshToken\",\n defaultValue: false,\n });\n\n useEffect(() => {\n convertToFormValues(realm, setValue);\n }, []);\n\n return (\n \n \n \n (\n \n setDefaultSigAlgDrpdwnOpen(!defaultSigAlgDrpdwnIsOpen)\n }\n onSelect={(_, value) => {\n field.onChange(value.toString());\n setDefaultSigAlgDrpdwnOpen(false);\n }}\n selections={[field.value?.toString()]}\n variant={SelectVariant.single}\n aria-label={t(\"defaultSigAlg\")}\n isOpen={defaultSigAlgDrpdwnIsOpen}\n data-testid=\"select-default-sig-alg\"\n >\n {defaultSigAlgOptions!.map((p, idx) => (\n \n ))}\n \n )}\n />\n \n\n (\n (\n field.onChange(field.value || 0 + 1)}\n onMinus={() => field.onChange(field.value || 0 - 1)}\n onChange={(event) => {\n const newValue = Number(event.currentTarget.value);\n field.onChange(!isNaN(newValue) ? newValue : 0);\n }}\n placeholder={t(\"oAuthDevicePollingInterval\")}\n />\n )}\n />\n \n \n \n (\n (\n field.onChange(field.value! + 1)}\n onMinus={() => field.onChange(field.value! - 1)}\n onChange={(event) =>\n field.onChange(\n Number((event.target as HTMLInputElement).value),\n )\n }\n />\n )}\n />\n \n )}\n \n \n \n \n (\n ssoSessionIdleTimeout!\n ? \"warning\"\n : \"default\"\n }\n className=\"kc-access-token-lifespan\"\n data-testid=\"access-token-lifespan-input\"\n aria-label=\"access-token-lifespan\"\n value={field.value!}\n onChange={field.onChange}\n units={[\"minute\", \"hour\", \"day\"]}\n />\n )}\n />\n \n\n (\n (\n (\n \n \n (\n (\n \n {t(\"overrideActionTokens\")}\n \n \n (\n field.onChange(value.toString())}\n units={[\"minute\", \"hour\", \"day\"]}\n />\n )}\n />\n \n \n (\n \n (\n \n (\n \n \n {t(\"common:save\")}\n \n \n \n \n \n \n );\n};\n","import type GroupRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/groupRepresentation\";\nimport {\n AlertVariant,\n Button,\n ButtonVariant,\n Dropdown,\n DropdownItem,\n KebabToggle,\n Popover,\n Text,\n TextContent,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { QuestionCircleIcon } from \"@patternfly/react-icons\";\nimport { useState } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\nimport { useHelp } from \"ui-shared\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../components/confirm-dialog/ConfirmDialog\";\nimport { GroupPickerDialog } from \"../components/group/GroupPickerDialog\";\nimport { KeycloakSpinner } from \"../components/keycloak-spinner/KeycloakSpinner\";\nimport { ListEmptyState } from \"../components/list-empty-state/ListEmptyState\";\nimport {\n Action,\n KeycloakDataTable,\n} from \"../components/table-toolbar/KeycloakDataTable\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { toUserFederation } from \"../user-federation/routes/UserFederation\";\nimport { useFetch } from \"../utils/useFetch\";\nimport useToggle from \"../utils/useToggle\";\n\nexport const DefaultsGroupsTab = () => {\n const { t } = useTranslation(\"realm-settings\");\n\n const [isKebabOpen, toggleKebab] = useToggle();\n const [isGroupPickerOpen, toggleGroupPicker] = useToggle();\n const [defaultGroups, setDefaultGroups] = useState();\n const [selectedRows, setSelectedRows] = useState([]);\n\n const [key, setKey] = useState(0);\n const [load, setLoad] = useState(0);\n const reload = () => setLoad(load + 1);\n\n const { realm } = useRealm();\n const { addAlert, addError } = useAlerts();\n const { enabled } = useHelp();\n\n useFetch(\n () => adminClient.realms.getDefaultGroups({ realm }),\n (groups) => {\n setDefaultGroups(groups);\n setKey(key + 1);\n },\n [load],\n );\n\n const loader = () => Promise.resolve(defaultGroups!);\n\n const removeGroup = async () => {\n try {\n await Promise.all(\n selectedRows.map((group) =>\n adminClient.realms.removeDefaultGroup({\n realm,\n id: group.id!,\n }),\n ),\n );\n addAlert(\n t(\"groupRemove\", { count: selectedRows.length }),\n AlertVariant.success,\n );\n setSelectedRows([]);\n } catch (error) {\n addError(\"realm-settings:groupRemoveError\", error);\n }\n reload();\n };\n\n const addGroups = async (groups: GroupRepresentation[]) => {\n try {\n await Promise.all(\n groups.map((group) =>\n adminClient.realms.addDefaultGroup({\n realm,\n id: group.id!,\n }),\n ),\n );\n addAlert(\n t(\"defaultGroupAdded\", { count: groups.length }),\n AlertVariant.success,\n );\n } catch (error) {\n addError(\"realm-settings:defaultGroupAddedError\", error);\n }\n reload();\n };\n\n const [toggleRemoveDialog, RemoveDialog] = useConfirmDialog({\n titleKey: t(\"removeConfirmTitle\", { count: selectedRows.length }),\n messageKey: t(\"removeConfirm\", { count: selectedRows.length }),\n continueButtonLabel: \"common:delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: removeGroup,\n });\n\n if (!defaultGroups) {\n return {\n addGroups(groups || []);\n toggleGroupPicker();\n }}\n onClose={toggleGroupPicker}\n />\n )}\n {enabled && (\n \n {\" \"}\n .\n \n }\n >\n \n \n \n \n \n )}\n setSelectedRows([...rows])}\n loader={loader}\n ariaLabelKey=\"realm-settings:defaultGroups\"\n searchPlaceholderKey=\"realm-settings:searchForGroups\"\n toolbarItem={\n <>\n \n \n {t(\"addGroups\")}\n \n \n \n {\n toggleRemoveDialog();\n toggleKebab();\n }}\n >\n {t(\"common:remove\")}\n ,\n ]}\n />\n \n \n }\n actions={[\n {\n title: t(\"common:remove\"),\n onRowClick: (group) => {\n setSelectedRows([group]);\n toggleRemoveDialog();\n return Promise.resolve(false);\n },\n } as Action,\n ]}\n columns={[\n {\n name: \"name\",\n displayKey: \"groups:groupName\",\n },\n {\n name: \"path\",\n displayKey: \"groups:path\",\n },\n ]}\n emptyState={\n \n {\" \"}\n ();\n const [activeTab, setActiveTab] = useState(10);\n const [key, setKey] = useState(0);\n\n const { addAlert, addError } = useAlerts();\n const { realm: realmName } = useRealm();\n\n useFetch(\n () => adminClient.realms.findOne({ realm: realmName }),\n setRealm,\n [],\n );\n\n if (!realm) {\n return setActiveTab(key as number)}\n >\n {t(\"defaultRoles\")}}\n >\n addComposites(rows.map((r) => r.role))}\n />\n \n {t(\"defaultGroups\")}}\n >\n \n \n \n )\n }\n actions={\n !onDelete\n ? []\n : [\n {\n title: t(\"common:remove\"),\n onRowClick: onDelete,\n } as Action,\n ]\n }\n columns={[\n {\n name: \"name\",\n displayKey: \"realm-settings:eventType\",\n },\n {\n name: \"description\",\n displayKey: \"description\",\n },\n ]}\n emptyState={\n ([]);\n return (\n onConfirm(selectedTypes)}\n >\n {t(\"common:add\")}\n ,\n \n {t(\"common:cancel\")}\n ,\n ]}\n >\n setSelectedTypes(selected)}\n eventTypes={enums![\"eventType\"].filter(\n (type) => !configured.includes(type),\n )}\n />\n \n );\n};\n","import {\n ActionGroup,\n Button,\n Divider,\n FormGroup,\n Switch,\n} from \"@patternfly/react-core\";\nimport { Controller, UseFormReturn } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { HelpItem } from \"ui-shared\";\nimport { TimeSelector } from \"../../components/time-selector/TimeSelector\";\n\nexport type EventsType = \"admin\" | \"user\";\n\ntype EventConfigFormProps = {\n type: EventsType;\n form: UseFormReturn;\n reset: () => void;\n clear: () => void;\n};\n\nexport const EventConfigForm = ({\n type,\n form,\n reset,\n clear,\n}: EventConfigFormProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const {\n control,\n watch,\n setValue,\n formState: { isDirty },\n } = form;\n const eventKey = type === \"admin\" ? \"adminEventsEnabled\" : \"eventsEnabled\";\n const eventsEnabled: boolean = watch(eventKey);\n\n const [toggleDisableDialog, DisableConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:events-disable-title\",\n messageKey: \"realm-settings:events-disable-confirm\",\n continueButtonLabel: \"realm-settings:confirm\",\n onConfirm: () => setValue(eventKey, false, { shouldDirty: true }),\n });\n\n return (\n <>\n (\n {\n if (!value) {\n toggleDisableDialog();\n } else {\n field.onChange(value);\n }\n }}\n aria-label={t(\"saveEvents\")}\n />\n )}\n />\n \n {eventsEnabled && (\n <>\n {type === \"admin\" && (\n (\n (\n \n \n {t(\"common:save\")}\n \n \n \n clear()}\n >\n {type === \"user\" ? t(\"clearUserEvents\") : t(\"clearAdminEvents\")}\n \n \n \n );\n};\n","import {\n ActionGroup,\n Button,\n FormGroup,\n Select,\n SelectOption,\n SelectVariant,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { Controller, UseFormReturn } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport { useServerInfo } from \"../../context/server-info/ServerInfoProvider\";\n\ntype EventListenersFormProps = {\n form: UseFormReturn;\n reset: () => void;\n};\n\nexport const EventListenersForm = ({\n form,\n reset,\n}: EventListenersFormProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const {\n control,\n formState: { isDirty },\n } = form;\n\n const [selectEventListenerOpen, setSelectEventListenerOpen] = useState(false);\n const serverInfo = useServerInfo();\n const eventListeners = serverInfo.providers?.eventsListener.providers;\n\n return (\n <>\n (\n setSelectEventListenerOpen(isOpen)}\n selections={field.value}\n onSelect={(_, selectedValue) => {\n const option = selectedValue.toString();\n const changedValue = field.value.includes(option)\n ? field.value.filter((item: string) => item !== option)\n : [...field.value, option];\n field.onChange(changedValue);\n }}\n onClear={(operation) => {\n operation.stopPropagation();\n field.onChange([]);\n }}\n isOpen={selectEventListenerOpen}\n aria-labelledby={\"eventsListeners\"}\n >\n {Object.keys(eventListeners!).map((event) => (\n \n \n {t(\"common:save\")}\n \n \n {t(\"common:revert\")}\n \n \n \n );\n};\n","import type { RealmEventsConfigRepresentation } from \"@keycloak/keycloak-admin-client/lib/defs/realmEventsConfigRepresentation\";\nimport type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n AlertVariant,\n ButtonVariant,\n PageSection,\n Tab,\n Tabs,\n TabTitleText,\n} from \"@patternfly/react-core\";\nimport { isEqual } from \"lodash-es\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { adminClient } from \"../../admin-client\";\nimport { useAlerts } from \"../../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { convertToFormValues } from \"../../util\";\nimport { useFetch } from \"../../utils/useFetch\";\nimport { AddEventTypesDialog } from \"./AddEventTypesDialog\";\nimport { EventConfigForm, EventsType } from \"./EventConfigForm\";\nimport { EventListenersForm } from \"./EventListenersForm\";\nimport { EventsTypeTable, EventType } from \"./EventsTypeTable\";\n\ntype EventsTabProps = {\n realm: RealmRepresentation;\n};\n\ntype EventsConfigForm = RealmEventsConfigRepresentation & {\n adminEventsExpiration?: number;\n};\n\nexport const EventsTab = ({ realm }: EventsTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const form = useForm();\n const { setValue, handleSubmit } = form;\n\n const [key, setKey] = useState(0);\n const refresh = () => setKey(new Date().getTime());\n const [tableKey, setTableKey] = useState(0);\n const reload = () => setTableKey(new Date().getTime());\n\n const [activeTab, setActiveTab] = useState(\"event\");\n const [events, setEvents] = useState();\n const [type, setType] = useState();\n const [addEventType, setAddEventType] = useState(false);\n\n const { addAlert, addError } = useAlerts();\n const { realm: realmName } = useRealm();\n\n const setupForm = (eventConfig?: EventsConfigForm) => {\n setEvents(eventConfig);\n convertToFormValues(eventConfig || {}, setValue);\n };\n\n const clear = async (type: EventsType) => {\n setType(type);\n toggleDeleteDialog();\n };\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:deleteEvents\",\n messageKey: \"realm-settings:deleteEventsConfirm\",\n continueButtonLabel: \"common:clear\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n try {\n switch (type) {\n case \"admin\":\n await adminClient.realms.clearAdminEvents({ realm: realmName });\n break;\n case \"user\":\n await adminClient.realms.clearEvents({ realm: realmName });\n break;\n }\n addAlert(t(`${type}-events-cleared`), AlertVariant.success);\n } catch (error) {\n addError(`realm-settings:${type}-events-cleared-error`, error);\n }\n },\n });\n\n useFetch(\n () => adminClient.realms.getConfigEvents({ realm: realmName }),\n (eventConfig) => {\n setupForm({\n ...eventConfig,\n adminEventsExpiration: realm.attributes?.adminEventsExpiration,\n });\n reload();\n },\n [key],\n );\n\n const save = async (config: EventsConfigForm) => {\n const updatedEventListener = !isEqual(\n events?.eventsListeners,\n config.eventsListeners,\n );\n\n const { adminEventsExpiration, ...eventConfig } = config;\n if (realm.attributes?.adminEventsExpiration !== adminEventsExpiration) {\n await adminClient.realms.update(\n { realm: realmName },\n {\n ...realm,\n attributes: { ...(realm.attributes || {}), adminEventsExpiration },\n },\n );\n }\n\n try {\n await adminClient.realms.updateConfigEvents(\n { realm: realmName },\n eventConfig,\n );\n setupForm({ ...events, ...eventConfig, adminEventsExpiration });\n addAlert(\n updatedEventListener\n ? t(\"realm-settings:saveEventListenersSuccess\")\n : t(\"realm-settings:eventConfigSuccessfully\"),\n AlertVariant.success,\n );\n } catch (error) {\n addError(\n updatedEventListener\n ? t(\"realm-settings:saveEventListenersError\")\n : t(\"realm-settings:eventConfigError\"),\n error,\n );\n }\n };\n\n const addEventTypes = async (eventTypes: EventType[]) => {\n const eventsTypes = eventTypes.map((type) => type.id);\n const enabledEvents = events!.enabledEventTypes?.concat(eventsTypes);\n await addEvents(enabledEvents);\n };\n\n const addEvents = async (events: string[] = []) => {\n const eventConfig = { ...form.getValues(), enabledEventTypes: events };\n await save(eventConfig);\n setAddEventType(false);\n refresh();\n };\n\n return (\n <>\n addEventTypes(eventTypes)}\n configured={events?.enabledEventTypes || []}\n onClose={() => setAddEventType(false)}\n />\n )}\n setActiveTab(key as string)}\n >\n {t(\"eventListeners\")}}\n data-testid=\"rs-event-listeners-tab\"\n >\n \n \n setupForm(events)} />\n \n \n \n {t(\"userEventsSettings\")}}\n data-testid=\"rs-events-tab\"\n >\n \n \n setupForm(events)}\n clear={() => clear(\"user\")}\n />\n \n \n \n setAddEventType(true)}\n eventTypes={events?.enabledEventTypes || []}\n onDelete={(value) => {\n const enabledEventTypes = events?.enabledEventTypes?.filter(\n (e) => e !== value.id,\n );\n addEvents(enabledEventTypes);\n setEvents({ ...events, enabledEventTypes });\n }}\n />\n \n \n {t(\"adminEventsSettings\")}}\n data-testid=\"rs-admin-events-tab\"\n >\n \n \n setupForm(events)}\n clear={() => clear(\"admin\")}\n />\n \n \n \n \n \n );\n};\n","import type ComponentRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/componentRepresentation\";\nimport type { KeyMetadataRepresentation } from \"@keycloak/keycloak-admin-client/lib/defs/keyMetadataRepresentation\";\nimport {\n Button,\n ButtonVariant,\n PageSection,\n Select,\n SelectOption,\n SelectVariant,\n} from \"@patternfly/react-core\";\nimport { FilterIcon } from \"@patternfly/react-icons\";\nimport { cellWidth } from \"@patternfly/react-table\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigate } from \"react-router-dom\";\n\nimport { adminClient } from \"../../admin-client\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { KeycloakSpinner } from \"../../components/keycloak-spinner/KeycloakSpinner\";\nimport { ListEmptyState } from \"../../components/list-empty-state/ListEmptyState\";\nimport { KeycloakDataTable } from \"../../components/table-toolbar/KeycloakDataTable\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { emptyFormatter } from \"../../util\";\nimport { useFetch } from \"../../utils/useFetch\";\nimport useToggle from \"../../utils/useToggle\";\nimport { toKeysTab } from \"../routes/KeysTab\";\n\nimport \"../realm-settings-section.css\";\n\nconst FILTER_OPTIONS = [\"ACTIVE\", \"PASSIVE\", \"DISABLED\"] as const;\ntype FilterType = (typeof FILTER_OPTIONS)[number];\n\ntype KeyData = KeyMetadataRepresentation & {\n provider?: string;\n};\n\ntype KeysListTabProps = {\n realmComponents: ComponentRepresentation[];\n};\n\ntype SelectFilterProps = {\n onFilter: (filter: FilterType) => void;\n};\n\nconst SelectFilter = ({ onFilter }: SelectFilterProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const [filterType, setFilterType] = useState(FILTER_OPTIONS[0]);\n\n const [filterDropdownOpen, toggleFilter] = useToggle();\n return (\n \n {t(`keysFilter.${option}`)}\n \n ))}\n \n );\n};\n\nexport const KeysListTab = ({ realmComponents }: KeysListTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const navigate = useNavigate();\n\n const [publicKey, setPublicKey] = useState(\"\");\n const [certificate, setCertificate] = useState(\"\");\n\n const { realm } = useRealm();\n\n const [keyData, setKeyData] = useState();\n const [filteredKeyData, setFilteredKeyData] = useState();\n\n useFetch(\n async () => {\n const keysMetaData = await adminClient.realms.getKeys({ realm });\n return keysMetaData.keys?.map((key) => {\n const provider = realmComponents.find(\n (component: ComponentRepresentation) =>\n component.id === key.providerId,\n );\n return { ...key, provider: provider?.name } as KeyData;\n })!;\n },\n setKeyData,\n [],\n );\n\n const [togglePublicKeyDialog, PublicKeyDialog] = useConfirmDialog({\n titleKey: t(\"publicKeys\").slice(0, -1),\n messageKey: publicKey,\n continueButtonLabel: \"common:close\",\n continueButtonVariant: ButtonVariant.primary,\n onConfirm: () => Promise.resolve(),\n });\n\n const [toggleCertificateDialog, CertificateDialog] = useConfirmDialog({\n titleKey: t(\"certificate\"),\n messageKey: certificate,\n continueButtonLabel: \"common:close\",\n continueButtonVariant: ButtonVariant.primary,\n onConfirm: () => Promise.resolve(),\n });\n\n if (!keyData) {\n return \n \n setFilteredKeyData(\n filterType !== FILTER_OPTIONS[0]\n ? keyData!.filter(({ status }) => status === filterType)\n : undefined,\n )\n }\n />\n }\n canSelectAll\n columns={[\n {\n name: \"algorithm\",\n displayKey: \"realm-settings:algorithm\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(15)],\n },\n {\n name: \"type\",\n displayKey: \"type\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"kid\",\n displayKey: \"realm-settings:kid\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"use\",\n displayKey: \"realm-settings:use\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"provider\",\n displayKey: \"realm-settings:provider\",\n cellRenderer: ({ provider }: KeyData) => provider || \"\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"publicKeys\",\n displayKey: \"realm-settings:publicKeys\",\n cellRenderer: ({ type, publicKey, certificate }: KeyData) => {\n if (type === \"EC\") {\n return (\n {\n togglePublicKeyDialog();\n setPublicKey(publicKey!);\n }}\n variant=\"secondary\"\n id=\"kc-public-key\"\n >\n {t(\"publicKeys\").slice(0, -1)}\n \n );\n } else if (type === \"RSA\") {\n return (\n \n {\n togglePublicKeyDialog();\n setPublicKey(publicKey!);\n }}\n variant=\"secondary\"\n id={publicKey}\n >\n {t(\"publicKeys\").slice(0, -1)}\n \n {\n toggleCertificateDialog();\n setCertificate(certificate!);\n }}\n variant=\"secondary\"\n id={certificate}\n className=\"kc-certificate\"\n >\n {t(\"certificate\")}\n \n \n );\n } else return \"\";\n },\n cellFormatters: [],\n transforms: [cellWidth(20)],\n },\n ]}\n isSearching={!!filteredKeyData}\n emptyState={\n \n navigate(toKeysTab({ realm, tab: \"providers\" }))\n }\n />\n }\n />\n \n );\n};\n","import { Modal, ModalVariant } from \"@patternfly/react-core\";\nimport { useTranslation } from \"react-i18next\";\nimport { KeyProviderForm } from \"./KeyProviderForm\";\nimport type { ProviderType } from \"../../routes/KeyProvider\";\n\ntype KeyProviderModalProps = {\n providerType: ProviderType;\n onClose: () => void;\n};\n\nexport const KeyProviderModal = ({\n providerType,\n onClose,\n}: KeyProviderModalProps) => {\n const { t } = useTranslation(\"realm-settings\");\n return (\n \n \n {\n onConfirm(id);\n }}\n aria-label={t(\"addPredefinedMappers\")}\n isCompact\n >\n {keyProviderComponentTypes.map((provider) => (\n \n \n \n {provider.id}\n ,\n \n {provider.helpText}\n ,\n ]}\n />\n \n \n ))}\n \n \n );\n};\n","import type ComponentRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/componentRepresentation\";\nimport type ComponentTypeRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/componentTypeRepresentation\";\nimport type { KeyMetadataRepresentation } from \"@keycloak/keycloak-admin-client/lib/defs/keyMetadataRepresentation\";\nimport {\n AlertVariant,\n Button,\n ButtonVariant,\n InputGroup,\n PageSection,\n TextInput,\n Toolbar,\n ToolbarGroup,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { SearchIcon } from \"@patternfly/react-icons\";\nimport { KeyboardEvent, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { adminClient } from \"../../admin-client\";\nimport { DraggableTable } from \"../../authentication/components/DraggableTable\";\nimport { useAlerts } from \"../../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { useServerInfo } from \"../../context/server-info/ServerInfoProvider\";\nimport { KEY_PROVIDER_TYPE } from \"../../util\";\nimport useToggle from \"../../utils/useToggle\";\nimport { ProviderType, toKeyProvider } from \"../routes/KeyProvider\";\nimport { KeyProviderModal } from \"./key-providers/KeyProviderModal\";\nimport { KeyProvidersPicker } from \"./key-providers/KeyProvidersPicker\";\n\nimport \"../realm-settings-section.css\";\n\ntype ComponentData = KeyMetadataRepresentation & {\n id?: string;\n providerDescription?: string;\n name?: string;\n toggleHidden?: boolean;\n config?: any;\n parentId?: string;\n};\n\ntype KeysProvidersTabProps = {\n realmComponents: ComponentRepresentation[];\n refresh: () => void;\n};\n\nexport const KeysProvidersTab = ({\n realmComponents,\n refresh,\n}: KeysProvidersTabProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { addAlert, addError } = useAlerts();\n const { realm } = useRealm();\n\n const [searchVal, setSearchVal] = useState(\"\");\n const [filteredComponents, setFilteredComponents] = useState(\n [],\n );\n\n const [isCreateModalOpen, handleModalToggle] = useToggle();\n const serverInfo = useServerInfo();\n const keyProviderComponentTypes =\n serverInfo.componentTypes?.[KEY_PROVIDER_TYPE] ?? [];\n\n const [providerOpen, toggleProviderOpen] = useToggle();\n const [defaultUIDisplayName, setDefaultUIDisplayName] =\n useState();\n\n const [selectedComponent, setSelectedComponent] =\n useState();\n\n const components = useMemo(\n () =>\n realmComponents.map((component) => {\n const provider = keyProviderComponentTypes.find(\n (componentType: ComponentTypeRepresentation) =>\n component.providerId === componentType.id,\n );\n\n return {\n ...component,\n providerDescription: provider?.helpText,\n };\n }),\n [realmComponents],\n );\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:deleteProviderTitle\",\n messageKey: t(\"deleteProviderConfirm\", {\n provider: selectedComponent?.name,\n }),\n continueButtonLabel: \"common:delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n try {\n await adminClient.components.del({\n id: selectedComponent!.id!,\n realm: realm,\n });\n\n refresh();\n\n addAlert(t(\"deleteProviderSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"realm-settings:deleteProviderError\", error);\n }\n },\n });\n\n const onSearch = () => {\n if (searchVal !== \"\") {\n setSearchVal(searchVal);\n const filteredComponents = components.filter(\n (component) =>\n component.name?.includes(searchVal) ||\n component.providerId?.includes(searchVal),\n );\n setFilteredComponents(filteredComponents);\n } else {\n setSearchVal(\"\");\n setFilteredComponents(components);\n }\n };\n\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"Enter\") {\n onSearch();\n }\n };\n\n const handleInputChange = (value: string) => {\n setSearchVal(value);\n };\n\n return (\n <>\n {providerOpen && (\n toggleProviderOpen()}\n onConfirm={(provider) => {\n handleModalToggle();\n setDefaultUIDisplayName(provider as ProviderType);\n toggleProviderOpen();\n }}\n />\n )}\n {isCreateModalOpen && defaultUIDisplayName && (\n {\n handleModalToggle();\n refresh();\n }}\n />\n )}\n \n \n \n \n \n \n \n \n \n toggleProviderOpen()}\n >\n {t(\"addProvider\")}\n \n \n \n \n {\n const updateAll = components.map((component: ComponentData) => {\n const componentToSave = { ...component };\n delete componentToSave.providerDescription;\n\n return adminClient.components.update(\n { id: component.id! },\n {\n ...componentToSave,\n config: {\n priority: [\n (\n itemOrder.length -\n itemOrder.indexOf(component.id!) +\n 100\n ).toString(),\n ],\n },\n },\n );\n });\n\n try {\n await Promise.all(updateAll);\n refresh();\n addAlert(t(\"saveProviderListSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"realm-settings:saveProviderError\", error);\n }\n }}\n columns={[\n {\n name: \"name\",\n displayKey: \"realm-settings:name\",\n cellRenderer: (component) => (\n \n {component.name}\n \n ),\n },\n {\n name: \"providerId\",\n displayKey: \"realm-settings:provider\",\n },\n {\n name: \"providerDescription\",\n displayKey: \"realm-settings:providerDescription\",\n },\n ]}\n actions={[\n {\n title: t(\"common:delete\"),\n onClick: (_key, _idx, component) => {\n setSelectedComponent(component as ComponentRepresentation);\n toggleDeleteDialog();\n },\n },\n ]}\n />\n \n \n );\n};\n","import type ComponentRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/componentRepresentation\";\nimport { Tab, TabTitleText } from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { adminClient } from \"../../admin-client\";\nimport { KeycloakSpinner } from \"../../components/keycloak-spinner/KeycloakSpinner\";\nimport {\n RoutableTabs,\n useRoutableTab,\n} from \"../../components/routable-tabs/RoutableTabs\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { KEY_PROVIDER_TYPE } from \"../../util\";\nimport { useFetch } from \"../../utils/useFetch\";\nimport { KeySubTab, toKeysTab } from \"../routes/KeysTab\";\nimport { KeysListTab } from \"./KeysListTab\";\nimport { KeysProvidersTab } from \"./KeysProvidersTab\";\n\nconst sortByPriority = (components: ComponentRepresentation[]) => {\n const sortedComponents = [...components].sort((a, b) => {\n const priorityA = Number(a.config?.priority);\n const priorityB = Number(b.config?.priority);\n\n return (\n (!isNaN(priorityB) ? priorityB : 0) - (!isNaN(priorityA) ? priorityA : 0)\n );\n });\n\n return sortedComponents;\n};\n\nexport const KeysTab = () => {\n const { t } = useTranslation(\"realm-settings\");\n\n const { realm: realmName } = useRealm();\n\n const [realmComponents, setRealmComponents] =\n useState();\n const [key, setKey] = useState(0);\n const refresh = () => {\n setKey(key + 1);\n };\n\n useFetch(\n () =>\n adminClient.components.find({\n type: KEY_PROVIDER_TYPE,\n realm: realmName,\n }),\n (components) => setRealmComponents(sortByPriority(components)),\n [key],\n );\n\n const useTab = (tab: KeySubTab) =>\n useRoutableTab(toKeysTab({ realm: realmName, tab }));\n\n const listTab = useTab(\"list\");\n const providersTab = useTab(\"providers\");\n\n if (!realmComponents) {\n return \n {t(\"keysList\")}}\n {...listTab}\n >\n {t(\"providers\")}}\n {...providersTab}\n >\n \n Default value prevents pages from being included\n \n \n \n \n {t(\"common:save\")}\n \n \n \n \n \n );\n};\n","import { FormGroup, ValidatedOptions } from \"@patternfly/react-core\";\nimport { CSSProperties } from \"react\";\nimport { Controller, useFormContext } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { HelpItem } from \"ui-shared\";\nimport { TimeSelector } from \"../../components/time-selector/TimeSelector\";\n\nexport const Time = ({\n name,\n style,\n}: {\n name: string;\n style?: CSSProperties;\n}) => {\n const { t } = useTranslation(\"realm-settings\");\n const {\n control,\n formState: { errors },\n } = useFormContext();\n return (\n (\n \n \n \n (\n (\n field.onChange(field.value + 1)}\n onMinus={() => field.onChange(field.value - 1)}\n onChange={(event) =>\n field.onChange(\n Number((event.target as HTMLInputElement).value),\n )\n }\n />\n )}\n />\n \n \n (\n (\n field.onChange(field.value + 1)}\n onMinus={() => field.onChange(field.value - 1)}\n onChange={(event) =>\n field.onChange(\n Number((event.target as HTMLInputElement).value),\n )\n }\n />\n )}\n />\n \n\n \n \n )}\n\n \n \n {t(\"common:save\")}\n \n \n \n \n \n );\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { PageSection, Tab, Tabs, TabTitleText } from \"@patternfly/react-core\";\n\nimport type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport { HeadersForm } from \"./HeadersForm\";\nimport { BruteForceDetection } from \"./BruteForceDetection\";\n\ntype SecurityDefensesProps = {\n realm: RealmRepresentation;\n save: (realm: RealmRepresentation) => void;\n};\n\nexport const SecurityDefenses = ({ realm, save }: SecurityDefensesProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const [activeTab, setActiveTab] = useState(10);\n return (\n setActiveTab(key as number)}\n >\n {t(\"headers\")}}\n >\n \n \n \n {t(\"bruteForceDetection\")}}\n >\n \n \n \n \n );\n};\n","import type { UserProfileGroup } from \"@keycloak/keycloak-admin-client/lib/defs/userProfileConfig\";\nimport {\n Button,\n ButtonVariant,\n PageSection,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { ListEmptyState } from \"../../components/list-empty-state/ListEmptyState\";\nimport {\n Action,\n KeycloakDataTable,\n} from \"../../components/table-toolbar/KeycloakDataTable\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { toEditAttributesGroup } from \"../routes/EditAttributesGroup\";\nimport { toNewAttributesGroup } from \"../routes/NewAttributesGroup\";\nimport { useUserProfile } from \"./UserProfileContext\";\n\nexport const AttributesGroupTab = () => {\n const { config, save } = useUserProfile();\n const { t } = useTranslation(\"realm-settings\");\n const navigate = useNavigate();\n const { realm } = useRealm();\n const [key, setKey] = useState(0);\n const [groupToDelete, setGroupToDelete] = useState();\n\n // Refresh data in table when config changes.\n useEffect(() => setKey((value) => value + 1), [config]);\n\n async function loader() {\n return config?.groups ?? [];\n }\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:deleteDialogTitle\",\n children: (\n \n {\" \"}\n {{ group: groupToDelete?.name }}.\n \n ),\n continueButtonLabel: \"common:delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm() {\n const groups = (config?.groups ?? []).filter(\n (group) => group !== groupToDelete,\n );\n\n save(\n { ...config, groups },\n {\n successMessageKey: \"realm-settings:deleteSuccess\",\n errorMessageKey: \"realm-settings:deleteAttributeGroupError\",\n },\n );\n },\n });\n\n function deleteAttributeGroup(group: UserProfileGroup) {\n setGroupToDelete(group);\n toggleDeleteDialog();\n }\n\n return (\n \n \n (\n \n )}\n >\n {t(\"createGroupText\")}\n \n \n }\n columns={[\n {\n name: \"name\",\n displayKey: \"realm-settings:columnName\",\n cellRenderer: (group) => (\n \n {group.name}\n \n ),\n },\n {\n name: \"displayHeader\",\n displayKey: \"realm-settings:columnDisplayName\",\n },\n {\n name: \"displayDescription\",\n displayKey: \"realm-settings:columnDisplayDescription\",\n },\n ]}\n actions={[\n {\n title: t(\"common:delete\"),\n onRowClick: deleteAttributeGroup,\n } as Action,\n ]}\n emptyState={\n navigate(toNewAttributesGroup({ realm }))}\n />\n }\n />\n \n );\n};\n","import { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n Button,\n ButtonVariant,\n Divider,\n Select,\n SelectOption,\n SelectVariant,\n Toolbar,\n ToolbarContent,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { FilterIcon } from \"@patternfly/react-icons\";\n\nimport { KeycloakSpinner } from \"../../components/keycloak-spinner/KeycloakSpinner\";\nimport { DraggableTable } from \"../../authentication/components/DraggableTable\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { toAddAttribute } from \"../routes/AddAttribute\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { useUserProfile } from \"./UserProfileContext\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { toAttribute } from \"../routes/Attribute\";\nimport type { UserProfileAttribute } from \"@keycloak/keycloak-admin-client/lib/defs/userProfileConfig\";\nimport useToggle from \"../../utils/useToggle\";\n\nconst RESTRICTED_ATTRIBUTES = [\"username\", \"email\"];\n\ntype movedAttributeType = UserProfileAttribute;\n\nexport const AttributesTab = () => {\n const { config, save } = useUserProfile();\n const { realm: realmName } = useRealm();\n const { t } = useTranslation(\"realm-settings\");\n const navigate = useNavigate();\n const [filter, setFilter] = useState(\"allGroups\");\n const [isFilterTypeDropdownOpen, toggleIsFilterTypeDropdownOpen] =\n useToggle();\n const [data, setData] = useState(config?.attributes);\n const [attributeToDelete, setAttributeToDelete] = useState(\"\");\n\n const executeMove = async (\n attribute: UserProfileAttribute,\n newIndex: number,\n ) => {\n const fromIndex = config?.attributes!.findIndex((attr) => {\n return attr.name === attribute.name;\n });\n\n let movedAttribute: movedAttributeType = {};\n movedAttribute = config?.attributes![fromIndex!]!;\n config?.attributes!.splice(fromIndex!, 1);\n config?.attributes!.splice(newIndex, 0, movedAttribute);\n\n save(\n { attributes: config?.attributes!, groups: config?.groups },\n {\n successMessageKey: \"realm-settings:updatedUserProfileSuccess\",\n errorMessageKey: \"realm-settings:updatedUserProfileError\",\n },\n );\n };\n\n const updatedAttributes = config?.attributes!.filter(\n (attribute) => attribute.name !== attributeToDelete,\n );\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: t(\"deleteAttributeConfirmTitle\"),\n messageKey: t(\"deleteAttributeConfirm\", {\n attributeName: attributeToDelete,\n }),\n continueButtonLabel: t(\"common:delete\"),\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n save(\n { attributes: updatedAttributes!, groups: config?.groups },\n {\n successMessageKey: \"realm-settings:deleteAttributeSuccess\",\n errorMessageKey: \"realm-settings:deleteAttributeError\",\n },\n );\n setAttributeToDelete(\"\");\n },\n });\n\n const cellFormatter = (row: UserProfileAttribute) => (\n \n {row.name}\n \n );\n\n if (!config?.attributes) {\n return \n \n \n \n {t(\"allGroups\")}\n ,\n ...config\n .attributes!.filter((attr) => !!attr.group)\n .map((attr) => (\n \n \n (\n \n )}\n >\n {t(\"createAttribute\")}\n \n \n \n \n {\n const keys = config.attributes!.map((e) => e.name);\n const newIndex = items.indexOf(nameDragged);\n const oldIndex = keys.indexOf(nameDragged);\n const dragged = config.attributes![oldIndex];\n if (!dragged.name) return;\n\n executeMove(dragged, newIndex);\n }}\n actions={[\n {\n title: t(\"common:edit\"),\n onClick: (_key, _idx, component) => {\n navigate(\n toAttribute({\n realm: realmName,\n attributeName: component.name,\n }),\n );\n },\n },\n {\n title: t(\"common:delete\"),\n isActionable: ({ name }) => !RESTRICTED_ATTRIBUTES.includes(name!),\n onClick: (_key, _idx, component) => {\n setAttributeToDelete(component.name);\n toggleDeleteDialog();\n },\n },\n ]}\n columns={[\n {\n name: \"name\",\n displayKey: t(\"attributeName\"),\n cellRenderer: cellFormatter,\n },\n {\n name: \"displayName\",\n displayKey: t(\"attributeDisplayName\"),\n },\n {\n name: \"group\",\n displayKey: t(\"attributeGroup\"),\n },\n ]}\n data={data || config.attributes}\n />\n \n );\n};\n","import { CodeEditor, Language } from \"@patternfly/react-code-editor\";\nimport { ActionGroup, Button, Form, PageSection } from \"@patternfly/react-core\";\nimport type { editor } from \"monaco-editor\";\nimport { useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAlerts } from \"../../components/alert/Alerts\";\nimport { prettyPrintJSON } from \"../../util\";\nimport { useUserProfile } from \"./UserProfileContext\";\n\nexport const JsonEditorTab = () => {\n const { config, save, isSaving } = useUserProfile();\n const { t } = useTranslation();\n const { addError } = useAlerts();\n const [editor, setEditor] = useState();\n\n useEffect(() => resetCode(), [config, editor]);\n\n function resetCode() {\n editor?.setValue(config ? prettyPrintJSON(config) : \"\");\n }\n\n async function handleSave() {\n const value = editor?.getValue();\n\n if (!value) {\n return;\n }\n\n try {\n await save(JSON.parse(value));\n } catch (error) {\n addError(\"realm-settings:invalidJsonError\", error);\n return;\n }\n }\n\n return (\n \n setEditor(editor)}\n isLanguageLabelVisible\n />\n \n \n );\n};\n","import { Tab, TabTitleText } from \"@patternfly/react-core\";\n\nimport { useTranslation } from \"react-i18next\";\nimport {\n RoutableTabs,\n useRoutableTab,\n} from \"../../components/routable-tabs/RoutableTabs\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport {\n toUserProfile,\n UserProfileTab as IUserProfileTab,\n} from \"../routes/UserProfile\";\nimport { AttributesGroupTab } from \"./AttributesGroupTab\";\nimport { AttributesTab } from \"./AttributesTab\";\nimport { JsonEditorTab } from \"./JsonEditorTab\";\nimport { UserProfileProvider } from \"./UserProfileContext\";\n\nexport const UserProfileTab = () => {\n const { realm } = useRealm();\n const { t } = useTranslation(\"realm-settings\");\n\n const useTab = (tab: IUserProfileTab) =>\n useRoutableTab(toUserProfile({ realm, tab }));\n\n const attributesTab = useTab(\"attributes\");\n const attributesGroupTab = useTab(\"attributes-group\");\n const jsonEditorTab = useTab(\"json-editor\");\n\n return (\n \n \n {t(\"attributes\")}}\n data-testid=\"attributesTab\"\n {...attributesTab}\n >\n {t(\"attributesGroup\")}}\n data-testid=\"attributesGroupTab\"\n {...attributesGroupTab}\n >\n {t(\"jsonEditor\")}}\n data-testid=\"jsonEditorTab\"\n {...jsonEditorTab}\n >\n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n AlertVariant,\n ButtonVariant,\n DropdownItem,\n DropdownSeparator,\n PageSection,\n Tab,\n TabTitleText,\n Tooltip,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigate } from \"react-router-dom\";\n\nimport { adminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../components/confirm-dialog/ConfirmDialog\";\nimport type { KeyValueType } from \"../components/key-value-form/key-value-convert\";\nimport {\n RoutableTabs,\n useRoutableTab,\n} from \"../components/routable-tabs/RoutableTabs\";\nimport { ViewHeader } from \"../components/view-header/ViewHeader\";\nimport { useRealms } from \"../context/RealmsContext\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { toDashboard } from \"../dashboard/routes/Dashboard\";\nimport environment from \"../environment\";\nimport helpUrls from \"../help-urls\";\nimport { convertFormValuesToObject, convertToFormValues } from \"../util\";\nimport useIsFeatureEnabled, { Feature } from \"../utils/useIsFeatureEnabled\";\nimport { RealmSettingsEmailTab } from \"./EmailTab\";\nimport { RealmSettingsGeneralTab } from \"./GeneralTab\";\nimport { LocalizationTab } from \"./LocalizationTab\";\nimport { RealmSettingsLoginTab } from \"./LoginTab\";\nimport { PartialExportDialog } from \"./PartialExport\";\nimport { PartialImportDialog } from \"./PartialImport\";\nimport { PoliciesTab } from \"./PoliciesTab\";\nimport ProfilesTab from \"./ProfilesTab\";\nimport { RealmSettingsSessionsTab } from \"./SessionsTab\";\nimport { RealmSettingsThemesTab } from \"./ThemesTab\";\nimport { RealmSettingsTokensTab } from \"./TokensTab\";\nimport { UserRegistration } from \"./UserRegistration\";\nimport { EventsTab } from \"./event-config/EventsTab\";\nimport { KeysTab } from \"./keys/KeysTab\";\nimport { ClientPoliciesTab, toClientPolicies } from \"./routes/ClientPolicies\";\nimport { RealmSettingsTab, toRealmSettings } from \"./routes/RealmSettings\";\nimport { SecurityDefenses } from \"./security-defences/SecurityDefenses\";\nimport { UserProfileTab } from \"./user-profile/UserProfileTab\";\n\ntype RealmSettingsHeaderProps = {\n onChange: (value: boolean) => void;\n value: boolean;\n save: () => void;\n realmName: string;\n refresh: () => void;\n};\n\nconst RealmSettingsHeader = ({\n save,\n onChange,\n value,\n realmName,\n refresh,\n}: RealmSettingsHeaderProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { refresh: refreshRealms } = useRealms();\n const { addAlert, addError } = useAlerts();\n const navigate = useNavigate();\n const [partialImportOpen, setPartialImportOpen] = useState(false);\n const [partialExportOpen, setPartialExportOpen] = useState(false);\n\n const [toggleDisableDialog, DisableConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:disableConfirmTitle\",\n messageKey: \"realm-settings:disableConfirm\",\n continueButtonLabel: \"common:disable\",\n onConfirm: () => {\n onChange(!value);\n save();\n },\n });\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"realm-settings:deleteConfirmTitle\",\n messageKey: \"realm-settings:deleteConfirm\",\n continueButtonLabel: \"common:delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n try {\n await adminClient.realms.del({ realm: realmName });\n addAlert(t(\"deletedSuccess\"), AlertVariant.success);\n await refreshRealms();\n navigate(toDashboard({ realm: environment.masterRealm }));\n refresh();\n } catch (error) {\n addError(\"realm-settings:deleteError\", error);\n }\n },\n });\n\n return (\n <>\n setPartialImportOpen(!partialImportOpen)}\n />\n setPartialExportOpen(false)}\n />\n {\n setPartialImportOpen(true);\n }}\n >\n {t(\"partialImport\")}\n ,\n setPartialExportOpen(true)}\n >\n {t(\"partialExport\")}\n ,\n \n {t(\"common:delete\")}\n ,\n ]}\n isEnabled={value}\n onToggle={(value) => {\n if (!value) {\n toggleDisableDialog();\n } else {\n onChange(value);\n save();\n }\n }}\n />\n \n );\n};\n\ntype RealmSettingsTabsProps = {\n realm: RealmRepresentation;\n refresh: () => void;\n};\n\nexport const RealmSettingsTabs = ({\n realm,\n refresh,\n}: RealmSettingsTabsProps) => {\n const { t } = useTranslation(\"realm-settings\");\n const { addAlert, addError } = useAlerts();\n const { realm: realmName } = useRealm();\n const { refresh: refreshRealms } = useRealms();\n const navigate = useNavigate();\n const isFeatureEnabled = useIsFeatureEnabled();\n\n const { control, setValue, getValues } = useForm({\n mode: \"onChange\",\n });\n const [key, setKey] = useState(0);\n\n const refreshHeader = () => {\n setKey(key + 1);\n };\n\n const setupForm = (r: RealmRepresentation = realm) => {\n convertToFormValues(r, setValue);\n };\n\n useEffect(setupForm, []);\n\n const save = async (r: RealmRepresentation) => {\n r = convertFormValuesToObject(r);\n if (\n r.attributes?.[\"acr.loa.map\"] &&\n typeof r.attributes[\"acr.loa.map\"] !== \"string\"\n ) {\n r.attributes[\"acr.loa.map\"] = JSON.stringify(\n Object.fromEntries(\n (r.attributes[\"acr.loa.map\"] as KeyValueType[])\n .filter(({ key }) => key !== \"\")\n .map(({ key, value }) => [key, value]),\n ),\n );\n }\n\n try {\n const savedRealm: RealmRepresentation = {\n ...realm,\n ...r,\n id: r.realm,\n };\n\n // For the default value, null is expected instead of an empty string.\n if (savedRealm.smtpServer?.port === \"\") {\n savedRealm.smtpServer = { ...savedRealm.smtpServer, port: null };\n }\n await adminClient.realms.update({ realm: realmName }, savedRealm);\n addAlert(t(\"saveSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"realm-settings:saveError\", error);\n }\n\n const isRealmRenamed = realmName !== (r.realm || realm.realm);\n if (isRealmRenamed) {\n await refreshRealms();\n navigate(toRealmSettings({ realm: r.realm!, tab: \"general\" }));\n }\n refresh();\n };\n\n const useTab = (tab: RealmSettingsTab) =>\n useRoutableTab(toRealmSettings({ realm: realmName, tab }));\n\n const generalTab = useTab(\"general\");\n const loginTab = useTab(\"login\");\n const emailTab = useTab(\"email\");\n const themesTab = useTab(\"themes\");\n const keysTab = useTab(\"keys\");\n const eventsTab = useTab(\"events\");\n const localizationTab = useTab(\"localization\");\n const securityDefensesTab = useTab(\"security-defenses\");\n const sessionsTab = useTab(\"sessions\");\n const tokensTab = useTab(\"tokens\");\n const clientPoliciesTab = useTab(\"client-policies\");\n const userProfileTab = useTab(\"user-profile\");\n const userRegistrationTab = useTab(\"user-registration\");\n\n const useClientPoliciesTab = (tab: ClientPoliciesTab) =>\n useRoutableTab(\n toClientPolicies({\n realm: realmName,\n tab,\n }),\n );\n\n const clientPoliciesProfilesTab = useClientPoliciesTab(\"profiles\");\n const clientPoliciesPoliciesTab = useClientPoliciesTab(\"policies\");\n\n return (\n <>\n (\n save(getValues())}\n />\n )}\n />\n \n \n {t(\"general\")}}\n data-testid=\"rs-general-tab\"\n {...generalTab}\n >\n {t(\"login\")}}\n data-testid=\"rs-login-tab\"\n {...loginTab}\n >\n {t(\"email\")}}\n data-testid=\"rs-email-tab\"\n {...emailTab}\n >\n {t(\"themes\")}}\n data-testid=\"rs-themes-tab\"\n {...themesTab}\n >\n {t(\"realm-settings:keys\")}}\n data-testid=\"rs-keys-tab\"\n {...keysTab}\n >\n {t(\"events\")}}\n data-testid=\"rs-realm-events-tab\"\n {...eventsTab}\n >\n {t(\"localization\")}}\n data-testid=\"rs-localization-tab\"\n {...localizationTab}\n >\n {t(\"securityDefences\")}}\n data-testid=\"rs-security-defenses-tab\"\n {...securityDefensesTab}\n >\n {t(\"realm-settings:sessions\")}}\n data-testid=\"rs-sessions-tab\"\n {...sessionsTab}\n >\n {t(\"realm-settings:tokens\")}}\n data-testid=\"rs-tokens-tab\"\n {...tokensTab}\n >\n \n {t(\"realm-settings:clientPolicies\")}\n \n }\n data-testid=\"rs-clientPolicies-tab\"\n {...clientPoliciesTab}\n >\n \n {t(\"profiles\")}}\n tooltip={\n {t(\"policies\")}}\n tooltip={\n {t(\"realm-settings:userProfile\")}\n }\n data-testid=\"rs-user-profile-tab\"\n {...userProfileTab}\n >\n {t(\"userRegistration\")}}\n data-testid=\"rs-userRegistration-tab\"\n {...userRegistrationTab}\n >\n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport { useState } from \"react\";\n\nimport { adminClient } from \"../admin-client\";\nimport { KeycloakSpinner } from \"../components/keycloak-spinner/KeycloakSpinner\";\nimport { useFetch } from \"../utils/useFetch\";\nimport { useParams } from \"../utils/useParams\";\nimport { RealmSettingsTabs } from \"./RealmSettingsTabs\";\nimport type { RealmSettingsParams } from \"./routes/RealmSettings\";\n\nexport default function RealmSettingsSection() {\n const { realm: realmName } = useParams();\n const [realm, setRealm] = useState();\n const [key, setKey] = useState(0);\n\n const refresh = () => {\n setKey(key + 1);\n setRealm(undefined);\n };\n\n useFetch(() => adminClient.realms.findOne({ realm: realmName }), setRealm, [\n key,\n ]);\n\n if (!realm) {\n return