theme.keycloak.v2.admin.resources.assets.RealmSettingsSection-2oj_-SB8.js.map Maven / Gradle / Ivy
{"version":3,"file":"RealmSettingsSection-2oj_-SB8.js","sources":["../../../../../node_modules/.pnpm/@[email protected][email protected][email protected][email protected]/node_modules/@patternfly/react-core/dist/esm/components/Select/SelectGroup.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/flatten.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/_flatRest.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/isPlainObject.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/_parent.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/_baseUnset.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/_customOmitClone.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/omit.js","../../../../../node_modules/.pnpm/[email protected]/node_modules/lodash-es/uniqWith.js","../../src/utils/useCurrentUser.ts","../../src/realm-settings/EmailTab.tsx","../../src/realm-settings/GeneralTab.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/localization/EffectiveMessageBundles.tsx","../../src/realm-settings/AddTranslationModal.tsx","../../src/realm-settings/localization/RealmOverrides.tsx","../../src/realm-settings/localization/LocalizationTab.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 { __rest } from \"tslib\";\nimport React from 'react';\nimport { css } from '@patternfly/react-styles';\nimport { MenuGroup } from '../Menu';\nexport const SelectGroup = (_a) => {\n var { children, className, label } = _a, props = __rest(_a, [\"children\", \"className\", \"label\"]);\n return (React.createElement(MenuGroup, Object.assign({ className: css(className), label: label }, props), children));\n};\nSelectGroup.displayName = 'SelectGroup';\n//# sourceMappingURL=SelectGroup.js.map","import baseFlatten from './_baseFlatten.js';\n\n/**\n * Flattens `array` a single level deep.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to flatten.\n * @returns {Array} Returns the new flattened array.\n * @example\n *\n * _.flatten([1, [2, [3, [4]], 5]]);\n * // => [1, 2, [3, [4]], 5]\n */\nfunction flatten(array) {\n var length = array == null ? 0 : array.length;\n return length ? baseFlatten(array, 1) : [];\n}\n\nexport default flatten;\n","import flatten from './flatten.js';\nimport overRest from './_overRest.js';\nimport setToString from './_setToString.js';\n\n/**\n * A specialized version of `baseRest` which flattens the rest array.\n *\n * @private\n * @param {Function} func The function to apply a rest parameter to.\n * @returns {Function} Returns the new function.\n */\nfunction flatRest(func) {\n return setToString(overRest(func, undefined, flatten), func + '');\n}\n\nexport default flatRest;\n","import baseGetTag from './_baseGetTag.js';\nimport getPrototype from './_getPrototype.js';\nimport isObjectLike from './isObjectLike.js';\n\n/** `Object#toString` result references. */\nvar objectTag = '[object Object]';\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to infer the `Object` constructor. */\nvar objectCtorString = funcToString.call(Object);\n\n/**\n * Checks if `value` is a plain object, that is, an object created by the\n * `Object` constructor or one with a `[[Prototype]]` of `null`.\n *\n * @static\n * @memberOf _\n * @since 0.8.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a plain object, else `false`.\n * @example\n *\n * function Foo() {\n * this.a = 1;\n * }\n *\n * _.isPlainObject(new Foo);\n * // => false\n *\n * _.isPlainObject([1, 2, 3]);\n * // => false\n *\n * _.isPlainObject({ 'x': 0, 'y': 0 });\n * // => true\n *\n * _.isPlainObject(Object.create(null));\n * // => true\n */\nfunction isPlainObject(value) {\n if (!isObjectLike(value) || baseGetTag(value) != objectTag) {\n return false;\n }\n var proto = getPrototype(value);\n if (proto === null) {\n return true;\n }\n var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor;\n return typeof Ctor == 'function' && Ctor instanceof Ctor &&\n funcToString.call(Ctor) == objectCtorString;\n}\n\nexport default isPlainObject;\n","import baseGet from './_baseGet.js';\nimport baseSlice from './_baseSlice.js';\n\n/**\n * Gets the parent value at `path` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array} path The path to get the parent value of.\n * @returns {*} Returns the parent value.\n */\nfunction parent(object, path) {\n return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));\n}\n\nexport default parent;\n","import castPath from './_castPath.js';\nimport last from './last.js';\nimport parent from './_parent.js';\nimport toKey from './_toKey.js';\n\n/**\n * The base implementation of `_.unset`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The property path to unset.\n * @returns {boolean} Returns `true` if the property is deleted, else `false`.\n */\nfunction baseUnset(object, path) {\n path = castPath(path, object);\n object = parent(object, path);\n return object == null || delete object[toKey(last(path))];\n}\n\nexport default baseUnset;\n","import isPlainObject from './isPlainObject.js';\n\n/**\n * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain\n * objects.\n *\n * @private\n * @param {*} value The value to inspect.\n * @param {string} key The key of the property to inspect.\n * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.\n */\nfunction customOmitClone(value) {\n return isPlainObject(value) ? undefined : value;\n}\n\nexport default customOmitClone;\n","import arrayMap from './_arrayMap.js';\nimport baseClone from './_baseClone.js';\nimport baseUnset from './_baseUnset.js';\nimport castPath from './_castPath.js';\nimport copyObject from './_copyObject.js';\nimport customOmitClone from './_customOmitClone.js';\nimport flatRest from './_flatRest.js';\nimport getAllKeysIn from './_getAllKeysIn.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n CLONE_FLAT_FLAG = 2,\n CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * The opposite of `_.pick`; this method creates an object composed of the\n * own and inherited enumerable property paths of `object` that are not omitted.\n *\n * **Note:** This method is considerably slower than `_.pick`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The source object.\n * @param {...(string|string[])} [paths] The property paths to omit.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.omit(object, ['a', 'c']);\n * // => { 'b': '2' }\n */\nvar omit = flatRest(function(object, paths) {\n var result = {};\n if (object == null) {\n return result;\n }\n var isDeep = false;\n paths = arrayMap(paths, function(path) {\n path = castPath(path, object);\n isDeep || (isDeep = path.length > 1);\n return path;\n });\n copyObject(object, getAllKeysIn(object), result);\n if (isDeep) {\n result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);\n }\n var length = paths.length;\n while (length--) {\n baseUnset(result, paths[length]);\n }\n return result;\n});\n\nexport default omit;\n","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 UserRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/userRepresentation\";\nimport { useState } from \"react\";\nimport { useAdminClient } from \"../admin-client\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport { useFetch } from \"./useFetch\";\n\nexport function useCurrentUser() {\n const { adminClient } = useAdminClient();\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} from \"@patternfly/react-core\";\nimport { Controller, FormProvider, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\nimport {\n FormPanel,\n PasswordControl,\n SwitchControl,\n TextControl,\n} from \"@keycloak/keycloak-ui-shared\";\nimport { useAdminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { FormAccess } from \"../components/form/FormAccess\";\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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\n const { realm: realmName } = useRealm();\n const { addAlert, addError } = useAlerts();\n const currentUser = useCurrentUser();\n\n const form = useForm({ defaultValues: realm });\n const { control, handleSubmit, watch, reset: resetForm, getValues } = form;\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(\"testConnectionError\", error);\n }\n toggleTest();\n };\n\n return (\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 {currentUser.email ? (\n (\n \n )}\n \n \n \n {t(\"save\")}\n \n \n \n testConnection()}\n data-testid=\"test-connection-button\"\n isDisabled={\n !(\n emailRegexPattern.test(watchFromValue) && watchHostValue\n ) || !currentUser?.email\n }\n aria-describedby=\"descriptionTestConnection\"\n isLoading={isTesting}\n spinnerAriaValueText={t(\"testingConnection\")}\n >\n {t(\"testConnection\")}\n \n \n \n \n {t(\"revert\")}\n \n \n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n UnmanagedAttributePolicy,\n UserProfileConfig,\n} from \"@keycloak/keycloak-admin-client/lib/defs/userProfileMetadata\";\nimport {\n ActionGroup,\n Button,\n ClipboardCopy,\n FormGroup,\n PageSection,\n Stack,\n StackItem,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n FormErrorText,\n HelpItem,\n SelectControl,\n TextControl,\n} from \"@keycloak/keycloak-ui-shared\";\nimport { useAdminClient } from \"../admin-client\";\nimport { DefaultSwitchControl } from \"../components/SwitchControl\";\nimport { FormattedLink } from \"../components/external-link/FormattedLink\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { KeyValueInput } from \"../components/key-value-form/KeyValueInput\";\nimport { KeycloakSpinner } from \"../components/keycloak-spinner/KeycloakSpinner\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport {\n addTrailingSlash,\n convertAttributeNameToForm,\n convertToFormValues,\n} from \"../util\";\nimport { useFetch } from \"../utils/useFetch\";\nimport { UIRealmRepresentation } from \"./RealmSettingsTabs\";\n\nimport useIsFeatureEnabled, { Feature } from \"../utils/useIsFeatureEnabled\";\n\ntype RealmSettingsGeneralTabProps = {\n realm: UIRealmRepresentation;\n save: (realm: UIRealmRepresentation) => Promise;\n};\n\nexport const RealmSettingsGeneralTab = ({\n realm,\n save,\n}: RealmSettingsGeneralTabProps) => {\n const { adminClient } = useAdminClient();\n\n const { realm: realmName } = useRealm();\n const [userProfileConfig, setUserProfileConfig] =\n useState();\n\n useFetch(\n () => adminClient.users.getProfile({ realm: realmName }),\n (config) => setUserProfileConfig(config),\n [],\n );\n\n if (!userProfileConfig) {\n return ;\n userProfileConfig: UserProfileConfig;\n};\n\ntype FormFields = Omit & {\n unmanagedAttributePolicy: UnmanagedAttributePolicy;\n};\n\nconst REQUIRE_SSL_TYPES = [\"all\", \"external\", \"none\"];\n\nconst UNMANAGED_ATTRIBUTE_POLICIES = [\n UnmanagedAttributePolicy.Disabled,\n UnmanagedAttributePolicy.Enabled,\n UnmanagedAttributePolicy.AdminView,\n UnmanagedAttributePolicy.AdminEdit,\n];\n\nfunction RealmSettingsGeneralTabForm({\n realm,\n save,\n userProfileConfig,\n}: RealmSettingsGeneralTabFormProps) {\n const { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\n const { realm: realmName } = useRealm();\n const form = useForm();\n const {\n control,\n handleSubmit,\n setValue,\n formState: { isDirty, errors },\n } = form;\n const isFeatureEnabled = useIsFeatureEnabled();\n const isOrganizationsEnabled = isFeatureEnabled(Feature.Organizations);\n\n const setupForm = () => {\n convertToFormValues(realm, setValue);\n setValue(\n \"unmanagedAttributePolicy\",\n userProfileConfig.unmanagedAttributePolicy ||\n UNMANAGED_ATTRIBUTE_POLICIES[0],\n );\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 const onSubmit = handleSubmit(\n async ({ unmanagedAttributePolicy, ...data }) => {\n const upConfig = { ...userProfileConfig };\n\n if (unmanagedAttributePolicy === UnmanagedAttributePolicy.Disabled) {\n delete upConfig.unmanagedAttributePolicy;\n } else {\n upConfig.unmanagedAttributePolicy = unmanagedAttributePolicy;\n }\n\n await save({ ...data, upConfig });\n },\n );\n\n return (\n \n \n \n \n (\n \n {field.value}\n \n )}\n />\n {errors.realm && (\n \n ({\n key: sslType,\n value: t(`sslType.${sslType}`),\n }))}\n />\n ({\n key: policy,\n value: t(`unmanagedAttributePolicy.${policy}`),\n }))}\n />\n \n \n \n \n \n \n \n \n \n {t(\"save\")}\n \n \n {t(\"revert\")}\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 { FormPanel, HelpItem } from \"@keycloak/keycloak-ui-shared\";\nimport { useAdminClient } from \"../admin-client\";\nimport { useAlerts } from \"../components/alert/Alerts\";\nimport { FormAccess } from \"../components/form/FormAccess\";\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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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\";\nimport { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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(\"export\")}\n ,\n \n {t(\"cancel\")}\n ,\n ]}\n >\n \n {t(\"partialExportHeaderText\")} \n \n \n \n setExportGroupsAndRoles(val)}\n label={t(\"on\")}\n labelOff={t(\"off\")}\n aria-label={t(\"includeGroupsAndRoles\")}\n />\n \n \n setExportClients(val)}\n isChecked={exportClients}\n label={t(\"on\")}\n labelOff={t(\"off\")}\n aria-label={t(\"includeClients\")}\n />\n \n \n\n {showWarning && (\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 { KeycloakSelect } from \"@keycloak/keycloak-ui-shared\";\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 SelectOption,\n Stack,\n StackItem,\n Text,\n TextContent,\n} from \"@patternfly/react-core\";\nimport { FormEvent, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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 | number | object) => {\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 = (option: string | number | object) => {\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 handleResourceCheckBox(checked, event)\n }\n data-testid={resource + \"-checkbox\"}\n />\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(\"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(\"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(\"clients\")],\n [\"REALM_ROLE\", t(\"realmRoles\")],\n [\"USER\", t(\"users\")],\n [\"CLIENT_ROLE\", t(\"clientRoles\")],\n [\"IDP\", t(\"identityProviders\")],\n [\"GROUP\", t(\"groups\")],\n ]);\n\n return {typeMap.get(importRecord.resourceType)};\n };\n\n const importCompletedModal = () => {\n return (\n {\n props.toggleDialog();\n }}\n >\n {t(\"close\")}\n ,\n ]}\n >\n ();\n const [selectedPolicy, setSelectedPolicy] = useState();\n const [key, setKey] = useState(0);\n const [code, setCode] = useState();\n const [tablePolicies, setTablePolicies] = useState();\n const refresh = () => setKey(key + 1);\n\n const form = useForm>({ mode: \"onChange\" });\n\n useFetch(\n () =>\n adminClient.clientPolicies.listPolicies({\n includeGlobalPolicies: true,\n }),\n (allPolicies) => {\n const globalPolicies = allPolicies.globalPolicies?.map(\n (globalPolicies) => ({\n ...globalPolicies,\n global: true,\n }),\n );\n\n const policies = allPolicies.policies?.map((policies) => ({\n ...policies,\n global: false,\n }));\n\n const allClientPolicies = globalPolicies?.concat(policies ?? []);\n\n setPolicies(allClientPolicies),\n setTablePolicies(allClientPolicies || []),\n setCode(prettyPrintJSON(allClientPolicies));\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\n ?.filter((policy) => {\n return !policy.global;\n })\n .map((policy) => {\n const enabled = switchValues[policy.name!];\n const enabledPolicy = {\n ...policy,\n enabled,\n };\n delete enabledPolicy.global;\n return enabledPolicy;\n });\n\n try {\n await adminClient.clientPolicies.updatePolicy({\n policies: updatedPolicies,\n });\n navigate(toClientPolicies({ realm, tab: \"policies\" }));\n addAlert(t(\"updateClientPolicySuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"updateClientPolicyError\", error);\n }\n };\n\n const normalizePolicy = (policy: ClientPolicy): ClientPolicyRepresentation =>\n omit(policy, \"global\");\n\n const save = async () => {\n if (!code) {\n return;\n }\n\n try {\n const obj: ClientPolicy[] = JSON.parse(code);\n\n const changedPolicies = obj\n .filter((policy) => !policy.global)\n .map((policy) => normalizePolicy(policy));\n\n const changedGlobalPolicies = obj\n .filter((policy) => policy.global)\n .map((policy) => normalizePolicy(policy));\n\n try {\n await adminClient.clientPolicies.updatePolicy({\n policies: changedPolicies,\n globalPolicies: changedGlobalPolicies,\n });\n addAlert(t(\"updateClientPoliciesSuccess\"), AlertVariant.success);\n refresh();\n } catch (error) {\n addError(\"updateClientPoliciesError\", error);\n }\n } catch (error) {\n console.warn(\"Invalid json, ignoring value using {}\");\n addError(\"invalidJsonClientPoliciesError\", 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\n ?.filter((policy) => {\n return !policy.global && policy.name !== selectedPolicy?.name;\n })\n .map((policy) => {\n const newPolicy = { ...policy };\n delete newPolicy.global;\n return newPolicy;\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-v5-u-mr-sm pf-v5-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=\"clientPolicies\"\n searchPlaceholderKey=\"clientPolicySearch\"\n loader={loader}\n toolbarItem={\n \n (\n \n )}\n data-testid=\"createPolicy\"\n >\n {t(\"createClientPolicy\")}\n \n \n }\n isRowDisabled={(value) => !!value.global}\n actions={[\n {\n title: t(\"delete\"),\n onRowClick: (item) => {\n toggleDeleteDialog();\n setSelectedPolicy(item);\n },\n } as Action,\n ]}\n columns={[\n {\n name: \"name\",\n cellRenderer: ({ name }: ClientPolicyRepresentation) => (\n \n {name}\n \n ),\n },\n {\n name: \"enabled\",\n displayKey: \"status\",\n cellRenderer: (clientPolicy) => (\n {\n form.setValue(clientPolicy.name!, false);\n saveStatus();\n }}\n />\n ),\n },\n {\n name: \"description\",\n },\n ]}\n />\n ) : (\n <>\n \n \n {t(\"save\")}\n \n {\n setCode(prettyPrintJSON(tablePolicies));\n }}\n >\n {t(\"reload\")}\n \n \n \n )}\n \n );\n};\n\ntype SwitchRendererProps = {\n clientPolicy: ClientPolicy;\n form: UseFormReturn>;\n saveStatus: () => void;\n onConfirm: () => void;\n};\n\nconst SwitchRenderer = ({\n clientPolicy,\n form,\n saveStatus,\n onConfirm,\n}: SwitchRendererProps) => {\n const { t } = useTranslation();\n const [toggleDisableDialog, DisableConfirm] = useConfirmDialog({\n titleKey: \"disablePolicyConfirmTitle\",\n messageKey: \"disablePolicyConfirm\",\n continueButtonLabel: \"disable\",\n onConfirm,\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","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\";\nimport { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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-v5-u-mr-sm pf-v5-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(\"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\";\nimport { FormPanel, HelpItem } from \"@keycloak/keycloak-ui-shared\";\nimport { FormAccess } from \"../components/form/FormAccess\";\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();\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(\"save\")}\n \n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport {\n HelpItem,\n KeycloakSelect,\n SelectVariant,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n ActionGroup,\n Button,\n FormGroup,\n PageSection,\n SelectOption,\n} from \"@patternfly/react-core\";\nimport { useEffect, useState } from \"react\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { FormAccess } from \"../components/form/FormAccess\";\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();\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 aria-label={t(\"selectLoginTheme\")}\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(\"selectAccountTheme\")}\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 aria-label={t(\"selectAdminTheme\")}\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 aria-label={t(\"selectEmailTheme\")}\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 FormPanel,\n HelpItem,\n KeycloakSelect,\n SelectVariant,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n ActionGroup,\n Button,\n FormGroup,\n FormHelperText,\n HelperText,\n HelperTextItem,\n NumberInput,\n PageSection,\n SelectOption,\n Switch,\n Text,\n TextInput,\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\";\nimport { FormAccess } from \"../components/form/FormAccess\";\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 { beerify, convertToFormValues, sortProviders } from \"../util\";\nimport useIsFeatureEnabled, { Feature } from \"../utils/useIsFeatureEnabled\";\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();\n const serverInfo = useServerInfo();\n const isFeatureEnabled = useIsFeatureEnabled();\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 {p}\n \n ))}\n \n )}\n />\n \n\n {isFeatureEnabled(Feature.DeviceFlow) && (\n <>\n (\n (\n field.onChange(Number(field?.value) + 1)}\n onMinus={() =>\n field.onChange(\n Number(field?.value) > 0\n ? Number(field?.value) - 1\n : 0,\n )\n }\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 (\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 {t(\"recommendedSsoTimeout\", {\n time: toHumanFormat(\n ssoSessionIdleTimeout!,\n whoAmI.getLocale(),\n ),\n })}\n \n \n \n \n\n (\n (\n (\n \n \n (\n (\n \n {t(\"overrideActionTokens\")}\n \n (\n field.onChange(value.toString())}\n units={[\"minute\", \"hour\", \"day\"]}\n />\n )}\n />\n \n (\n (\n (\n \n \n {t(\"save\")}\n \n \n \n \n \n \n );\n};\n","import type GroupRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/groupRepresentation\";\nimport { useHelp } from \"@keycloak/keycloak-ui-shared\";\nimport {\n AlertVariant,\n Button,\n ButtonVariant,\n Dropdown,\n DropdownItem,\n DropdownList,\n MenuToggle,\n Popover,\n Text,\n TextContent,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { EllipsisVIcon, QuestionCircleIcon } from \"@patternfly/react-icons\";\nimport { useState } from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\nimport { useAdminClient } 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\";\nimport { useAccess } from \"../context/access/Access\";\n\nexport const DefaultsGroupsTab = () => {\n const { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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 const { hasAccess } = useAccess();\n const canAddOrRemoveGroups = hasAccess(\"view-users\", \"manage-realm\");\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(\"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(\"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: \"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=\"defaultGroups\"\n searchPlaceholderKey=\"searchForGroups\"\n toolbarItem={\n canAddOrRemoveGroups && (\n <>\n \n \n {t(\"addGroups\")}\n \n \n \n (\n \n \n {\n toggleRemoveDialog();\n toggleKebab();\n }}\n >\n {t(\"remove\")}\n \n \n \n \n \n )\n }\n actions={\n canAddOrRemoveGroups\n ? [\n {\n title: t(\"remove\"),\n onRowClick: (group) => {\n setSelectedRows([group]);\n toggleRemoveDialog();\n return Promise.resolve(false);\n },\n } as Action,\n ]\n : []\n }\n columns={[\n {\n name: \"name\",\n displayKey: \"groupName\",\n },\n {\n name: \"path\",\n displayKey: \"path\",\n },\n ]}\n emptyState={\n \n {\" \"}\n setActiveTab(key as number)}\n >\n {t(\"defaultRoles\")}}\n data-testid=\"default-roles-tab\"\n >\n addComposites(rows.map((r) => r.role))}\n />\n \n {t(\"defaultGroups\")}}\n data-testid=\"default-groups-tab\"\n >\n \n \n \n )\n }\n actions={\n !onDelete\n ? []\n : [\n {\n title: t(\"remove\"),\n onRowClick: onDelete,\n } as Action,\n ]\n }\n columns={[\n {\n name: \"name\",\n displayKey: \"eventType\",\n },\n {\n name: \"description\",\n displayKey: \"description\",\n },\n ]}\n emptyState={\n ([]);\n return (\n onConfirm(selectedTypes)}\n >\n {t(\"add\")}\n ,\n \n {t(\"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, FormProvider, UseFormReturn } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { HelpItem } from \"@keycloak/keycloak-ui-shared\";\nimport { DefaultSwitchControl } from \"../../components/SwitchControl\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { TimeSelectorControl } from \"../../components/time-selector/TimeSelectorControl\";\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();\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: \"events-disable-title\",\n messageKey: \"events-disable-confirm\",\n continueButtonLabel: \"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 {t(\"save\")}\n \n \n \n clear()}\n >\n {type === \"user\" ? t(\"clearUserEvents\") : t(\"clearAdminEvents\")}\n \n \n \n );\n};\n","import { ActionGroup, Button } from \"@patternfly/react-core\";\nimport { FormProvider, UseFormReturn } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { SelectControl, SelectVariant } from \"@keycloak/keycloak-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();\n\n const serverInfo = useServerInfo();\n const eventListeners = serverInfo.providers?.eventsListener.providers;\n\n return (\n \n \n \n {t(\"save\")}\n \n \n {t(\"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\";\nimport { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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: \"deleteEvents\",\n messageKey: \"deleteEventsConfirm\",\n continueButtonLabel: \"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(`${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(\"saveEventListenersSuccess\")\n : t(\"eventConfigSuccessfully\"),\n AlertVariant.success,\n );\n } catch (error) {\n addError(\n updatedEventListener\n ? t(\"saveEventListenersError\")\n : t(\"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 { KeycloakSelect, SelectVariant } from \"@keycloak/keycloak-ui-shared\";\nimport {\n Button,\n ButtonVariant,\n PageSection,\n SelectOption,\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\";\nimport { useAdminClient } 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 useFormatDate from \"../../utils/useFormatDate\";\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();\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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\n const navigate = useNavigate();\n const formatDate = useFormatDate();\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(\"publicKey\"),\n messageKey: publicKey,\n continueButtonLabel: \"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: \"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 columns={[\n {\n name: \"algorithm\",\n displayKey: \"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: \"kid\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"use\",\n displayKey: \"use\",\n cellFormatters: [emptyFormatter()],\n transforms: [cellWidth(10)],\n },\n {\n name: \"provider\",\n displayKey: \"provider\",\n cellRenderer: ({ provider }: KeyData) => provider || \"-\",\n transforms: [cellWidth(10)],\n },\n {\n name: \"validTo\",\n displayKey: \"validTo\",\n cellRenderer: ({ validTo }: KeyData) =>\n validTo ? formatDate(new Date(validTo)) : \"-\",\n transforms: [cellWidth(10)],\n },\n {\n name: \"publicKeys\",\n displayKey: \"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(\"publicKey\")}\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(\"publicKey\")}\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 if (type === \"OKP\") {\n return (\n {\n togglePublicKeyDialog();\n setPublicKey(publicKey!);\n }}\n variant=\"secondary\"\n id=\"kc-public-key\"\n >\n {t(\"publicKey\")}\n \n );\n } else return \"\";\n },\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\nimport style from \"./key-provider-modal.module.css\";\n\ntype KeyProviderModalProps = {\n providerType: ProviderType;\n onClose: () => void;\n};\n\nexport const KeyProviderModal = ({\n providerType,\n onClose,\n}: KeyProviderModalProps) => {\n const { t } = useTranslation();\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 InputGroupItem,\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\";\nimport { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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: \"deleteProviderTitle\",\n messageKey: t(\"deleteProviderConfirm\", {\n provider: selectedComponent?.name,\n }),\n continueButtonLabel: \"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(\"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 handleInputChange(value)\n }\n onKeyDown={handleKeyDown}\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(\"saveProviderError\", error);\n }\n }}\n columns={[\n {\n name: \"name\",\n displayKey: \"name\",\n cellRenderer: (component) => (\n \n {component.name}\n \n ),\n },\n {\n name: \"providerId\",\n displayKey: \"provider\",\n },\n {\n name: \"providerDescription\",\n displayKey: \"providerDescription\",\n },\n ]}\n actions={[\n {\n title: t(\"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 { useAdminClient } 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 { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\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 >({});\n const [key, setKey] = useState(0);\n const themes = serverInfo.themes;\n\n const themeTypes = useMemo(() => {\n if (!themes) {\n return [];\n }\n\n return localeSort(Object.keys(themes), (key) => key);\n }, [themes]);\n\n const themeNames = useMemo(() => {\n if (!themes) {\n return [];\n }\n\n return localeSort(\n Object.values(themes as Record)\n .flatMap((theme) => theme.map((item) => item.name))\n .filter((value, index, self) => self.indexOf(value) === index),\n (name) => name,\n );\n }, [themes]);\n\n const combinedLocales = useMemo(() => {\n return Array.from(new Set([...defaultLocales, ...defaultSupportedLocales]));\n }, [defaultLocales, defaultSupportedLocales]);\n\n const filterLabels: Record =\n {\n theme: t(\"theme\"),\n themeType: t(\"themeType\"),\n locale: t(\"language\"),\n hasWords: t(\"hasWords\"),\n };\n\n const {\n getValues,\n reset,\n formState: { isDirty, isValid },\n control,\n } = useForm({\n mode: \"onChange\",\n defaultValues,\n });\n\n const loader = async () => {\n try {\n const filter = getValues();\n\n const requiredKeys = [\"theme\", \"themeType\", \"locale\"];\n const shouldReturnEmpty = requiredKeys.some(\n (key) => !filter[key as keyof EffectiveMessageBundlesSearchForm],\n );\n\n if (shouldReturnEmpty) {\n return [];\n }\n\n const messages = await adminClient.serverInfo.findEffectiveMessageBundles(\n {\n realm,\n ...filter,\n locale: filter.locale || DEFAULT_LOCALE,\n source: true,\n },\n );\n\n const filteredMessages =\n filter.hasWords.length > 0\n ? messages.filter((m) =>\n filter.hasWords.some(\n (f) => m.value.includes(f) || m.key.includes(f),\n ),\n )\n : messages;\n\n const sortedMessages = localeSort([...filteredMessages], mapByKey(\"key\"));\n\n return sortedMessages;\n } catch (error) {\n return [];\n }\n };\n\n function submitSearch() {\n setSearchDropdownOpen(false);\n commitFilters();\n }\n\n function resetSearch() {\n reset();\n commitFilters();\n }\n\n function removeFilter(key: keyof EffectiveMessageBundlesSearchForm) {\n const formValues: EffectiveMessageBundlesSearchForm = { ...getValues() };\n delete formValues[key];\n\n reset({ ...defaultValues, ...formValues });\n commitFilters();\n }\n\n function removeFilterValue(\n key: keyof EffectiveMessageBundlesSearchForm,\n valueToRemove: string,\n ) {\n const formValues = getValues();\n const fieldValue = formValues[key];\n const newFieldValue = Array.isArray(fieldValue)\n ? fieldValue.filter((val) => val !== valueToRemove)\n : fieldValue;\n\n reset({ ...formValues, [key]: newFieldValue });\n commitFilters();\n }\n\n function commitFilters() {\n const newFilters: Partial = pickBy(\n getValues(),\n (value) => value !== \"\" || (Array.isArray(value) && value.length > 0),\n );\n\n setActiveFilters(newFilters);\n setKey(key + 1);\n }\n\n const effectiveMessageBunldesSearchFormDisplay = () => {\n return (\n \n \n \n \n {t(\"effectiveMessageBundlesDescription\")}\n \n \n \n \n \n e.preventDefault()}\n >\n \n (value || \"\").length > 0,\n }}\n render={({ field }) => (\n setSelectThemesOpen(val)}\n selections={field.value}\n onSelect={(selectedValue) => {\n field.onChange(selectedValue.toString());\n setSelectThemesOpen(false);\n }}\n onClear={() => {\n field.onChange(\"\");\n }}\n isOpen={selectThemesOpen}\n aria-label={t(\"selectTheme\")}\n chipGroupComponent={\n \n {\n theme.stopPropagation();\n field.onChange(\"\");\n }}\n >\n {field.value}\n \n \n }\n >\n {[\n \n {t(\"selectTheme\")}\n ,\n ].concat(\n themeNames.map((option) => (\n \n {option}\n \n )),\n )}\n \n )}\n />\n \n \n (value || \"\").length > 0,\n }}\n render={({ field }) => (\n setSelectThemeTypeOpen(val)}\n selections={field.value}\n onSelect={(selectedValue) => {\n field.onChange(selectedValue.toString());\n setSelectThemeTypeOpen(false);\n }}\n onClear={() => {\n field.onChange(\"\");\n }}\n isOpen={selectThemeTypeOpen}\n aria-label={t(\"selectThemeType\")}\n chipGroupComponent={\n \n {\n themeType.stopPropagation();\n field.onChange(\"\");\n }}\n >\n {field.value}\n \n \n }\n >\n {[\n \n {t(\"selectThemeType\")}\n ,\n ].concat(\n themeTypes.map((option) => (\n \n {option}\n \n )),\n )}\n \n )}\n />\n \n \n (value || \"\").length > 0,\n }}\n render={({ field }) => (\n setSelectLanguageOpen(val)}\n selections={field.value}\n onSelect={(selectedValue) => {\n field.onChange(selectedValue.toString());\n setSelectLanguageOpen(false);\n }}\n onClear={() => {\n field.onChange(\"\");\n }}\n isOpen={selectLanguageOpen}\n aria-labelledby=\"language\"\n chipGroupComponent={\n \n {field.value ? (\n {\n language.stopPropagation();\n field.onChange(\"\");\n }}\n >\n {localeToDisplayName(\n field.value,\n whoAmI.getLocale(),\n )}\n \n ) : null}\n \n }\n >\n {[\n \n {t(\"selectLanguage\")}\n ,\n ].concat(\n combinedLocales.map((option) => (\n \n {localeToDisplayName(option, whoAmI.getLocale())}\n \n )),\n )}\n \n )}\n />\n \n \n (\n \n {\n const target = e.target as HTMLInputElement;\n const input = target.value;\n\n if (input.trim().length === 0) {\n field.onChange([]);\n } else {\n const words = input\n .split(\" \")\n .map((word) => word.trim());\n field.onChange(words);\n }\n }}\n />\n \n {field.value.map((word, index) => (\n {\n e.stopPropagation();\n const newWords = field.value.filter(\n (_, i) => i !== index,\n );\n field.onChange(newWords);\n }}\n >\n {word}\n \n ))}\n \n \n )}\n />\n \n \n {\n setSearchPerformed(true);\n submitSearch();\n }}\n data-testid=\"search-effective-message-bundles-btn\"\n isDisabled={!isValid}\n >\n {t(\"search\")}\n \n \n {t(\"reset\")}\n \n \n \n \n \n \n {Object.entries(activeFilters).length > 0 && (\n <>\n {Object.entries(activeFilters).map((filter) => {\n const [key, value] = filter as [\n keyof EffectiveMessageBundlesSearchForm,\n string | string[],\n ];\n return (\n removeFilter(key)}\n >\n {typeof value === \"string\" ? (\n \n {key === \"locale\"\n ? localeToDisplayName(\n value,\n whoAmI.getLocale(),\n )?.toLowerCase()\n : value}\n \n ) : (\n value.map((entry) => (\n removeFilterValue(key, entry)}\n >\n {entry}\n \n ))\n )}\n \n );\n })}\n \n )}\n \n \n );\n };\n\n if (!searchPerformed) {\n return (\n <>\n \n {effectiveMessageBunldesSearchFormDisplay()}\n \n ;\n save: SubmitHandler;\n handleModalToggle: () => void;\n};\n\nexport type TranslationForm = {\n key: string;\n value: string;\n translation: KeyValueType;\n};\n\nexport const AddTranslationModal = ({\n handleModalToggle,\n save,\n form,\n}: AddTranslationModalProps) => {\n const { t } = useTranslation();\n\n return (\n \n {t(\"create\")}\n ,\n {\n handleModalToggle();\n }}\n >\n {t(\"cancel\")}\n ,\n ]}\n >\n \n \n \n \n \n );\n};\n","import type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport { KeycloakSelect, SelectVariant } from \"@keycloak/keycloak-ui-shared\";\nimport {\n AlertVariant,\n Button,\n ButtonVariant,\n Divider,\n Dropdown,\n DropdownItem,\n DropdownList,\n Form,\n FormGroup,\n MenuToggle,\n SelectGroup,\n SelectOption,\n Text,\n TextContent,\n TextInput,\n TextVariants,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport {\n CheckIcon,\n EllipsisVIcon,\n PencilAltIcon,\n SearchIcon,\n TimesIcon,\n} from \"@patternfly/react-icons\";\nimport {\n ActionsColumn,\n IRow,\n IRowCell,\n Table,\n Tbody,\n Td,\n Th,\n Thead,\n Tr,\n} from \"@patternfly/react-table\";\nimport { cloneDeep, isEqual, uniqWith } from \"lodash-es\";\nimport { ChangeEvent, useEffect, useState, type FormEvent } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { useAlerts } from \"../../components/alert/Alerts\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { KeyValueType } from \"../../components/key-value-form/key-value-convert\";\nimport { ListEmptyState } from \"../../components/list-empty-state/ListEmptyState\";\nimport { PaginatingTableToolbar } from \"../../components/table-toolbar/PaginatingTableToolbar\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport { useWhoAmI } from \"../../context/whoami/WhoAmI\";\nimport { DEFAULT_LOCALE, i18n } from \"../../i18n/i18n\";\nimport { localeToDisplayName } from \"../../util\";\nimport { AddTranslationModal } from \"../AddTranslationModal\";\n\ntype RealmOverridesProps = {\n internationalizationEnabled: boolean;\n watchSupportedLocales: string[];\n realm: RealmRepresentation;\n tableData: Record[] | undefined;\n};\n\ntype EditStatesType = { [key: number]: boolean };\n\nexport type TranslationForm = {\n key: string;\n value: string;\n translation: KeyValueType;\n};\n\nexport enum RowEditAction {\n Save = \"save\",\n Cancel = \"cancel\",\n Edit = \"edit\",\n Delete = \"delete\",\n}\n\nexport const RealmOverrides = ({\n internationalizationEnabled,\n watchSupportedLocales,\n realm,\n tableData,\n}: RealmOverridesProps) => {\n const { adminClient } = useAdminClient();\n\n const { t } = useTranslation();\n const [addTranslationModalOpen, setAddTranslationModalOpen] = useState(false);\n const [filterDropdownOpen, setFilterDropdownOpen] = useState(false);\n const [translations, setTranslations] = useState<[string, string][]>([]);\n const [selectMenuLocale, setSelectMenuLocale] = useState(DEFAULT_LOCALE);\n const [kebabOpen, setKebabOpen] = useState(false);\n const { getValues, handleSubmit } = useForm();\n const [selectMenuValueSelected, setSelectMenuValueSelected] = useState(false);\n const [tableRows, setTableRows] = useState([]);\n const [tableKey, setTableKey] = useState(0);\n const [max, setMax] = useState(10);\n const [first, setFirst] = useState(0);\n const [filter, setFilter] = useState(\"\");\n const translationForm = useForm({ mode: \"onChange\" });\n const { addAlert, addError } = useAlerts();\n const { realm: currentRealm } = useRealm();\n const { whoAmI } = useWhoAmI();\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\n const [areAllRowsSelected, setAreAllRowsSelected] = useState(false);\n const [editStates, setEditStates] = useState({});\n const [formValue, setFormValue] = useState(\"\");\n const refreshTable = () => {\n setTableKey(tableKey + 1);\n };\n\n useEffect(() => {\n const fetchLocalizationTexts = async () => {\n try {\n let result = await adminClient.realms.getRealmLocalizationTexts({\n first,\n max,\n realm: realm.realm!,\n selectedLocale:\n selectMenuLocale ||\n getValues(\"defaultLocale\") ||\n whoAmI.getLocale(),\n });\n\n if (filter) {\n const searchInTranslations = (idx: number) => {\n return Object.entries(result).filter((i) =>\n i[idx].includes(filter),\n );\n };\n\n const filtered = uniqWith(\n searchInTranslations(0).concat(searchInTranslations(1)),\n isEqual,\n );\n\n result = Object.fromEntries(filtered);\n }\n\n return Object.entries(result).slice(first, first + max);\n } catch (error) {\n return [];\n }\n };\n\n fetchLocalizationTexts().then((translations) => {\n setTranslations(translations);\n\n const updatedRows: IRow[] = translations.map(\n (translation): IRow => ({\n rowEditBtnAriaLabel: () =>\n t(\"rowEditBtnAriaLabel\", {\n translation: translation[1],\n }),\n rowSaveBtnAriaLabel: () =>\n t(\"rowSaveBtnAriaLabel\", {\n translation: translation[1],\n }),\n rowCancelBtnAriaLabel: () =>\n t(\"rowCancelBtnAriaLabel\", {\n translation: translation[1],\n }),\n cells: [\n {\n title: translation[0],\n props: {\n value: translation[0],\n },\n },\n {\n title: translation[1],\n props: {\n value: translation[1],\n },\n },\n ],\n }),\n );\n\n setTableRows(updatedRows);\n });\n }, [tableKey, tableData, first, max, filter]);\n\n const handleModalToggle = () => {\n setAddTranslationModalOpen(!addTranslationModalOpen);\n };\n\n const options = [\n \n \n {localeToDisplayName(DEFAULT_LOCALE, whoAmI.getDisplayName())}\n \n ,\n \n {watchSupportedLocales.map((locale) => (\n \n {localeToDisplayName(locale, whoAmI.getLocale())}\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 translationForm.setValue(\"key\", \"\");\n translationForm.setValue(\"value\", \"\");\n i18n.reloadResources();\n\n addAlert(t(\"addTranslationSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(t(\"addTranslationError\"), error);\n }\n };\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"deleteConfirmTranslationTitle\",\n messageKey: t(\"translationDeleteConfirmDialog\", {\n count: selectedRowKeys.length,\n }),\n continueButtonLabel: \"delete\",\n continueButtonVariant: ButtonVariant.danger,\n onCancel: () => {\n setSelectedRowKeys([]);\n setAreAllRowsSelected(false);\n },\n onConfirm: async () => {\n try {\n for (const key of selectedRowKeys) {\n delete (\n i18n.store.data[whoAmI.getLocale()][currentRealm] as Record<\n string,\n string\n >\n )[key],\n await adminClient.realms.deleteRealmLocalizationTexts({\n realm: currentRealm!,\n selectedLocale: selectMenuLocale,\n key: key,\n });\n }\n setAreAllRowsSelected(false);\n setSelectedRowKeys([]);\n refreshTable();\n\n addAlert(t(\"deleteAllTranslationsSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"deleteAllTranslationsError\", error);\n }\n },\n });\n\n const handleRowSelect = (\n event: ChangeEvent,\n rowIndex: number,\n ) => {\n const selectedKey = (tableRows[rowIndex].cells?.[0] as IRowCell).props\n .value;\n if (event.target.checked) {\n setSelectedRowKeys((prevSelected) => [...prevSelected, selectedKey]);\n } else {\n setSelectedRowKeys((prevSelected) =>\n prevSelected.filter((key) => key !== selectedKey),\n );\n }\n\n setAreAllRowsSelected(\n tableRows.length ===\n selectedRowKeys.length + (event.target.checked ? 1 : -1),\n );\n };\n\n const toggleSelectAllRows = () => {\n if (areAllRowsSelected) {\n setSelectedRowKeys([]);\n } else {\n setSelectedRowKeys(\n tableRows.map((row) => (row.cells?.[0] as IRowCell).props.value),\n );\n }\n setAreAllRowsSelected(!areAllRowsSelected);\n };\n\n const isRowSelected = (key: any) => {\n return selectedRowKeys.includes(key);\n };\n\n const onSubmit = async (inputValue: string, rowIndex: number) => {\n const newRows = cloneDeep(tableRows);\n\n const newRow = cloneDeep(newRows[rowIndex]);\n (newRow.cells?.[1] as IRowCell).props.value = inputValue;\n newRows[rowIndex] = newRow;\n\n try {\n const key = (newRow.cells?.[0] as IRowCell).props.value;\n const value = (newRow.cells?.[1] as IRowCell).props.value;\n\n await adminClient.realms.addLocalization(\n {\n realm: realm.realm!,\n selectedLocale:\n selectMenuLocale || getValues(\"defaultLocale\") || DEFAULT_LOCALE,\n key,\n },\n value,\n );\n i18n.reloadResources();\n\n addAlert(t(\"updateTranslationSuccess\"), AlertVariant.success);\n setTableRows(newRows);\n } catch (error) {\n addAlert(t(\"updateTranslationError\"), AlertVariant.danger);\n }\n\n setEditStates((prevEditStates) => ({\n ...prevEditStates,\n [rowIndex]: false,\n }));\n };\n\n return (\n <>\n {\n addKeyValue(pair);\n handleModalToggle();\n }}\n form={translationForm}\n />\n )}\n \n \n {t(\"realmOverridesDescription\")}\n \n \n {\n setFirst(first);\n setMax(max);\n }}\n inputGroupName={\"search\"}\n inputGroupOnEnter={(search) => {\n setFilter(search);\n setFirst(0);\n setMax(10);\n }}\n inputGroupPlaceholder={t(\"searchForTranslation\")}\n toolbarItem={\n <>\n {\n setAddTranslationModalOpen(true);\n setAreAllRowsSelected(false);\n setSelectedRowKeys([]);\n }}\n >\n {t(\"addTranslation\")}\n \n \n setKebabOpen(isOpen)}\n toggle={(ref) => (\n setKebabOpen(!kebabOpen)}\n variant=\"plain\"\n isExpanded={kebabOpen}\n data-testid=\"toolbar-deleteBtn\"\n aria-label=\"kebab\"\n >\n \n {\n toggleDeleteDialog();\n setKebabOpen(false);\n }}\n >\n {t(\"delete\")}\n \n \n \n \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, whoAmI.getLocale())\n : realm.defaultLocale !== \"\"\n ? localeToDisplayName(DEFAULT_LOCALE, whoAmI.getLocale())\n : t(\"placeholderText\")\n }\n >\n {options}\n \n \n }\n >\n {translations.length === 0 && !filter && (\n \n \n \n \n \n {t(\"key\")} \n {t(\"value\")} \n \n \n \n {tableRows.map((row, rowIndex) => (\n \n \n handleRowSelect(\n event as ChangeEvent,\n rowIndex,\n ),\n isSelected: isRowSelected(\n (row.cells?.[0] as IRowCell).props.value,\n ),\n }}\n />\n \n {(row.cells?.[0] as IRowCell).props.value}\n \n \n {\n onSubmit(formValue, rowIndex);\n })}\n >\n \n {editStates[rowIndex] ? (\n <>\n ,\n value: string,\n ) => {\n setFormValue(value);\n }}\n key={`edit-input-${rowIndex}`}\n />\n {\n const currentValue = (\n tableRows[rowIndex].cells?.[1] as IRowCell\n ).props.value;\n setFormValue(currentValue);\n setEditStates((prevState) => ({\n ...prevState,\n [rowIndex]: true,\n }));\n }}\n key={`edit-button-${rowIndex}`}\n aria-label={t(\"editBtn\")}\n variant=\"link\"\n className=\"pf-m-plain\"\n data-testid={`editTranslationBtn-${rowIndex}`}\n >\n \n {\n setSelectedRowKeys([\n (row.cells?.[0] as IRowCell).props.value,\n ]);\n translations.length === 1 &&\n setAreAllRowsSelected(true);\n toggleDeleteDialog();\n setKebabOpen(false);\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 { SelectControl, SwitchControl } from \"@keycloak/keycloak-ui-shared\";\nimport {\n ActionGroup,\n Button,\n Tab,\n TabTitleText,\n Tabs,\n} from \"@patternfly/react-core\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { FormProvider, useForm, useWatch } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { useServerInfo } from \"../../context/server-info/ServerInfoProvider\";\nimport { useWhoAmI } from \"../../context/whoami/WhoAmI\";\nimport { DEFAULT_LOCALE } from \"../../i18n/i18n\";\nimport { convertToFormValues, localeToDisplayName } from \"../../util\";\nimport { EffectiveMessageBundles } from \"./EffectiveMessageBundles\";\nimport { RealmOverrides } from \"./RealmOverrides\";\n\ntype LocalizationTabProps = {\n save: (realm: RealmRepresentation) => void;\n realm: RealmRepresentation;\n tableData: Record[] | undefined;\n};\n\nexport const LocalizationTab = ({\n save,\n realm,\n tableData,\n}: LocalizationTabProps) => {\n const { t } = useTranslation();\n const { whoAmI } = useWhoAmI();\n\n const [activeTab, setActiveTab] = useState(0);\n const form = useForm();\n const { setValue, control, handleSubmit, formState } = form;\n\n const defaultSupportedLocales = realm.supportedLocales?.length\n ? realm.supportedLocales\n : [DEFAULT_LOCALE];\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\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\n const internationalizationEnabled = useWatch({\n control,\n name: \"internationalizationEnabled\",\n defaultValue: realm.internationalizationEnabled,\n });\n\n const defaultLocales = useWatch({\n name: \"defaultLocale\",\n control,\n defaultValue: realm.defaultLocale ? [realm.defaultLocale] : [],\n });\n\n return (\n setActiveTab(key as number)}\n >\n {t(\"locales\")}}\n data-testid=\"rs-localization-locales-tab\"\n >\n \n \n ({\n key: l,\n value: localeToDisplayName(l, whoAmI.getLocale()) || l,\n }))}\n />\n ({\n key: l,\n value: localeToDisplayName(l, whoAmI.getLocale()) || l,\n }))}\n />\n \n )}\n \n \n \n {t(\"save\")}\n \n \n \n \n \n {t(\"realmOverrides\")} }\n data-testid=\"rs-localization-realm-overrides-tab\"\n >\n {t(\"effectiveMessageBundles\")}}\n data-testid=\"rs-localization-effective-message-bundles-tab\"\n >\n \n Default value prevents pages from being included\n \n \n \n \n {t(\"save\")}\n \n \n \n \n \n );\n};\n","import { CSSProperties } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TimeSelectorControl } from \"../../components/time-selector/TimeSelectorControl\";\n\nexport const Time = ({\n name,\n style,\n}: {\n name: string;\n style?: CSSProperties;\n}) => {\n const { t } = useTranslation();\n return (\n \n \n setIsBruteForceModeOpen(!isBruteForceModeOpen)}\n onSelect={(value) => {\n switch (value as BruteForceMode) {\n case BruteForceMode.Disabled:\n form.setValue(\"bruteForceProtected\", false);\n form.setValue(\"permanentLockout\", false);\n form.setValue(\"maxTemporaryLockouts\", 0);\n break;\n case BruteForceMode.TemporaryLockout:\n form.setValue(\"bruteForceProtected\", true);\n form.setValue(\"permanentLockout\", false);\n form.setValue(\"maxTemporaryLockouts\", 0);\n break;\n case BruteForceMode.PermanentLockout:\n form.setValue(\"bruteForceProtected\", true);\n form.setValue(\"permanentLockout\", true);\n form.setValue(\"maxTemporaryLockouts\", 0);\n break;\n case BruteForceMode.PermanentAfterTemporaryLockout:\n form.setValue(\"bruteForceProtected\", true);\n form.setValue(\"permanentLockout\", true);\n form.setValue(\"maxTemporaryLockouts\", 1);\n break;\n }\n setIsBruteForceModeUpdated(true);\n setIsBruteForceModeOpen(false);\n }}\n selections={bruteForceMode}\n variant={SelectVariant.single}\n isOpen={isBruteForceModeOpen}\n data-testid=\"select-brute-force-mode\"\n aria-label={t(\"selectUnmanagedAttributePolicy\")}\n >\n {bruteForceModes.map((mode) => (\n \n {t(`bruteForceMode.${mode}`)}\n \n ))}\n \n \n {bruteForceMode !== BruteForceMode.Disabled && (\n <>\n \n \n {t(\"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();\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/userProfileMetadata\";\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\";\nimport useLocale from \"../../utils/useLocale\";\nimport { useAdminClient } from \"../../admin-client\";\n\ntype AttributesGroupTabProps = {\n setTableData: React.Dispatch<\n React.SetStateAction[] | undefined>\n >;\n};\n\nexport const AttributesGroupTab = ({\n setTableData,\n}: AttributesGroupTabProps) => {\n const { adminClient } = useAdminClient();\n const { config, save } = useUserProfile();\n const { t } = useTranslation();\n const combinedLocales = useLocale();\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: \"deleteDialogTitle\",\n children: (\n \n {\" \"}\n {{ group: groupToDelete?.name }}.\n \n ),\n continueButtonLabel: \"delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n const groups = (config?.groups ?? []).filter(\n (group) => group !== groupToDelete,\n );\n const translationsForDisplayHeaderToDelete =\n groupToDelete?.displayHeader?.substring(\n 2,\n groupToDelete?.displayHeader.length - 1,\n );\n const translationsForDisplayDescriptionToDelete =\n groupToDelete?.displayDescription?.substring(\n 2,\n groupToDelete?.displayDescription.length - 1,\n );\n\n try {\n await Promise.all(\n combinedLocales.map(async (locale) => {\n try {\n const response =\n await adminClient.realms.getRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n });\n\n if (response) {\n await adminClient.realms.deleteRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n key: translationsForDisplayHeaderToDelete,\n });\n\n await adminClient.realms.deleteRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n key: translationsForDisplayDescriptionToDelete,\n });\n\n const updatedData =\n await adminClient.realms.getRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n });\n setTableData([updatedData]);\n }\n } catch (error) {\n console.error(`Error removing translations for ${locale}`);\n }\n }),\n );\n\n save(\n { ...config, groups },\n {\n successMessageKey: \"deleteSuccess\",\n errorMessageKey: \"deleteAttributeGroupError\",\n },\n );\n } catch (error) {\n console.error(\n `Error removing translations or updating attributes group: ${error}`,\n );\n }\n },\n });\n\n function deleteAttributeGroup(group: UserProfileGroup) {\n setGroupToDelete(group);\n toggleDeleteDialog();\n }\n\n return (\n \n \n (\n \n {group.name}\n \n ),\n },\n {\n name: \"displayHeader\",\n displayKey: \"columnDisplayName\",\n },\n {\n name: \"displayDescription\",\n displayKey: \"columnDisplayDescription\",\n },\n ]}\n actions={[\n {\n title: t(\"delete\"),\n onRowClick: deleteAttributeGroup,\n } as Action,\n ]}\n emptyState={\n navigate(toNewAttributesGroup({ realm }))}\n />\n }\n />\n \n );\n};\n","import type { UserProfileAttribute } from \"@keycloak/keycloak-admin-client/lib/defs/userProfileMetadata\";\nimport { KeycloakSelect, SelectVariant } from \"@keycloak/keycloak-ui-shared\";\nimport {\n Button,\n ButtonVariant,\n Divider,\n SelectOption,\n Toolbar,\n ToolbarContent,\n ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { FilterIcon } from \"@patternfly/react-icons\";\nimport { uniqBy } from \"lodash-es\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { DraggableTable } from \"../../authentication/components/DraggableTable\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { KeycloakSpinner } from \"../../components/keycloak-spinner/KeycloakSpinner\";\nimport { useRealm } from \"../../context/realm-context/RealmContext\";\nimport useLocale from \"../../utils/useLocale\";\nimport useToggle from \"../../utils/useToggle\";\nimport { toAddAttribute } from \"../routes/AddAttribute\";\nimport { toAttribute } from \"../routes/Attribute\";\nimport { useUserProfile } from \"./UserProfileContext\";\n\nconst RESTRICTED_ATTRIBUTES = [\"username\", \"email\"];\n\ntype movedAttributeType = UserProfileAttribute;\n\ntype AttributesTabProps = {\n setTableData: React.Dispatch<\n React.SetStateAction[] | undefined>\n >;\n};\n\nexport const AttributesTab = ({ setTableData }: AttributesTabProps) => {\n const { adminClient } = useAdminClient();\n const { config, save } = useUserProfile();\n const { realm } = useRealm();\n const { t } = useTranslation();\n const combinedLocales = useLocale();\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 [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: t(\"deleteAttributeConfirmTitle\"),\n messageKey: t(\"deleteAttributeConfirm\", {\n attributeName: attributeToDelete,\n }),\n continueButtonLabel: t(\"delete\"),\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n if (!config?.attributes) return;\n\n const translationsToDelete = config.attributes.find(\n (attribute) => attribute.name === attributeToDelete,\n )?.displayName;\n\n // Remove the the `${}` from translationsToDelete string\n const formattedTranslationsToDelete = translationsToDelete?.substring(\n 2,\n translationsToDelete.length - 1,\n );\n\n try {\n await Promise.all(\n combinedLocales.map(async (locale) => {\n try {\n const response =\n await adminClient.realms.getRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n });\n\n if (response) {\n await adminClient.realms.deleteRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n key: formattedTranslationsToDelete,\n });\n\n const updatedData =\n await adminClient.realms.getRealmLocalizationTexts({\n realm,\n selectedLocale: locale,\n });\n setTableData([updatedData]);\n }\n } catch (error) {\n console.error(`Error removing translations for ${locale}`);\n }\n }),\n );\n\n const updatedAttributes = config.attributes.filter(\n (attribute) => attribute.name !== attributeToDelete,\n );\n\n save(\n { ...config, attributes: updatedAttributes, groups: config.groups },\n {\n successMessageKey: \"deleteAttributeSuccess\",\n errorMessageKey: \"deleteAttributeError\",\n },\n );\n\n setAttributeToDelete(\"\");\n } catch (error) {\n console.error(\n `Error removing translations or updating attributes: ${error}`,\n );\n }\n },\n });\n\n if (!config) {\n return \n {row.name}\n \n );\n\n return (\n <>\n \n \n \n \n {t(\"allGroups\")}\n ,\n ...uniqBy(\n attributes.filter((attr) => !!attr.group),\n \"group\",\n ).map((attr) => (\n \n {attr.group}\n \n )),\n ]}\n \n \n \n (\n \n )}\n >\n {t(\"createAttribute\")}\n \n \n \n \n {\n const keys = attributes.map((e) => e.name);\n const newIndex = items.indexOf(nameDragged);\n const oldIndex = keys.indexOf(nameDragged);\n const dragged = attributes[oldIndex];\n if (!dragged.name) return;\n\n executeMove(dragged, newIndex);\n }}\n actions={[\n {\n title: t(\"edit\"),\n onClick: (_key, _idx, component) => {\n navigate(\n toAttribute({\n realm,\n attributeName: component.name,\n }),\n );\n },\n },\n {\n title: t(\"delete\"),\n isActionable: ({ name }) => !RESTRICTED_ATTRIBUTES.includes(name!),\n isDisabled: 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 ?? 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(\"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\ntype UserProfileTabProps = {\n setTableData: React.Dispatch<\n React.SetStateAction[] | undefined>\n >;\n};\n\nexport const UserProfileTab = ({ setTableData }: UserProfileTabProps) => {\n const { realm } = useRealm();\n const { t } = useTranslation();\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 { fetchWithError } from \"@keycloak/keycloak-admin-client\";\nimport type RealmRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/realmRepresentation\";\nimport { UserProfileConfig } from \"@keycloak/keycloak-admin-client/lib/defs/userProfileMetadata\";\nimport { useEnvironment } from \"@keycloak/keycloak-ui-shared\";\nimport {\n AlertVariant,\n ButtonVariant,\n Divider,\n DropdownItem,\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 { useAdminClient } 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 { useAccess } from \"../context/access/Access\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { toDashboard } from \"../dashboard/routes/Dashboard\";\nimport type { Environment } from \"../environment\";\nimport helpUrls from \"../help-urls\";\nimport { convertFormValuesToObject, convertToFormValues } from \"../util\";\nimport { getAuthorizationHeaders } from \"../utils/getAuthorizationHeaders\";\nimport { joinPath } from \"../utils/joinPath\";\nimport useIsFeatureEnabled, { Feature } from \"../utils/useIsFeatureEnabled\";\nimport useLocale from \"../utils/useLocale\";\nimport { RealmSettingsEmailTab } from \"./EmailTab\";\nimport { RealmSettingsGeneralTab } from \"./GeneralTab\";\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 { LocalizationTab } from \"./localization/LocalizationTab\";\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\nexport interface UIRealmRepresentation extends RealmRepresentation {\n upConfig?: UserProfileConfig;\n}\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 { adminClient } = useAdminClient();\n const { environment } = useEnvironment();\n const { t } = useTranslation();\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 const { hasAccess } = useAccess();\n const canManageRealm = hasAccess(\"manage-realm\");\n\n const [toggleDisableDialog, DisableConfirm] = useConfirmDialog({\n titleKey: \"disableConfirmTitle\",\n messageKey: \"disableConfirmRealm\",\n continueButtonLabel: \"disable\",\n onConfirm: () => {\n onChange(!value);\n save();\n },\n });\n\n const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n titleKey: \"deleteConfirmTitle\",\n messageKey: \"deleteConfirmRealmSetting\",\n continueButtonLabel: \"delete\",\n continueButtonVariant: ButtonVariant.danger,\n onConfirm: async () => {\n try {\n await adminClient.realms.del({ realm: realmName });\n addAlert(t(\"deletedSuccessRealmSetting\"), AlertVariant.success);\n await refreshRealms();\n navigate(toDashboard({ realm: environment.masterRealm }));\n refresh();\n } catch (error) {\n addError(\"deleteErrorRealmSetting\", 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(\"delete\")}\n ,\n ]}\n isEnabled={value}\n isReadOnly={!canManageRealm}\n onToggle={(value) => {\n if (!value) {\n toggleDisableDialog();\n } else {\n onChange(value);\n save();\n }\n }}\n />\n \n );\n};\n\nexport const RealmSettingsTabs = () => {\n const { adminClient } = useAdminClient();\n const { t } = useTranslation();\n const { addAlert, addError } = useAlerts();\n const { realm: realmName, realmRepresentation: realm, refresh } = useRealm();\n const { refresh: refreshRealms } = useRealms();\n const combinedLocales = useLocale();\n const navigate = useNavigate();\n const isFeatureEnabled = useIsFeatureEnabled();\n const [tableData, setTableData] = useState<\n Record[] | undefined\n >(undefined);\n const { control, setValue, getValues } = useForm({\n mode: \"onChange\",\n });\n const [key, setKey] = useState(0);\n const refreshHeader = () => {\n setKey(key + 1);\n };\n\n const setupForm = (r: RealmRepresentation = realm!) => {\n convertToFormValues(r, setValue);\n };\n\n useEffect(() => {\n setupForm();\n const fetchLocalizationTexts = async () => {\n try {\n await Promise.all(\n combinedLocales.map(async (locale) => {\n try {\n const response =\n await adminClient.realms.getRealmLocalizationTexts({\n realm: realmName,\n selectedLocale: locale,\n });\n\n if (response) {\n setTableData([response]);\n }\n } catch (error) {\n return [];\n }\n }),\n );\n } catch (error) {\n return [];\n }\n };\n fetchLocalizationTexts();\n }, [setValue, realm]);\n\n const save = async (r: UIRealmRepresentation) => {\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: UIRealmRepresentation = {\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 const response = await fetchWithError(\n joinPath(adminClient.baseUrl, `admin/realms/${realmName}/ui-ext`),\n {\n method: \"PUT\",\n body: JSON.stringify(savedRealm),\n headers: {\n \"Content-Type\": \"application/json\",\n ...getAuthorizationHeaders(await adminClient.getAccessToken()),\n },\n },\n );\n if (!response.ok) throw new Error(response.statusText);\n addAlert(t(\"realmSaveSuccess\"), AlertVariant.success);\n } catch (error) {\n addError(\"realmSaveError\", 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 const { hasAccess, hasSomeAccess } = useAccess();\n const canViewOrManageEvents =\n hasAccess(\"view-realm\") && hasSomeAccess(\"view-events\", \"manage-events\");\n const canViewUserRegistration =\n hasAccess(\"view-realm\") && hasSomeAccess(\"view-clients\", \"manage-clients\");\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(\"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(\"sessions\")}}\n data-testid=\"rs-sessions-tab\"\n {...sessionsTab}\n >\n {t(\"tokens\")}}\n data-testid=\"rs-tokens-tab\"\n {...tokensTab}\n >\n {t(\"clientPolicies\")}}\n data-testid=\"rs-clientPolicies-tab\"\n {...clientPoliciesTab}\n >\n \n {t(\"profiles\")}}\n tooltip={\n {t(\"policies\")}}\n tooltip={\n {t(\"userProfile\")}}\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 { RealmSettingsTabs } from \"./RealmSettingsTabs\";\n\nexport default function RealmSettingsSection() {\n return © 2015 - 2025 Weber Informatics LLC | Privacy Policy