@keycloak/keycloak-admin-ui 26.5.7 → 26.6.0

package/lib/realm-settings/routes/ThemesTab.d.ts

@@ -1,6 +1,6 @@
 import { Path } from 'react-router-dom';
 import { AppRouteObject } from '../../routes';
-export type ThemesTabType = "settings" | "lightColors" | "darkColors";
+export type ThemesTabType = "settings" | "quickTheme";
 export type ThemesParams = {
     realm: string;
     tab: ThemesTabType;

package/lib/realm-settings/themes/BackgroundContext.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+type BackgroundContextProps = {
+    background: string;
+    setBackground: (background: string) => void;
+};
+export declare const BackgroundPreviewContext: import('libs/ui-shared/dist/utils/createNamedContext').NamedContext<BackgroundContextProps | undefined>;
+export declare const usePreviewBackground: () => BackgroundContextProps | undefined;
+export declare const BackgroundContext: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/realm-settings/themes/ColorControl.d.ts

@@ -0,0 +1,8 @@
+import { TextInputProps } from '@patternfly/react-core';
+export type ColorControlProps = TextInputProps & {
+    name: string;
+    label: string;
+    color: string;
+    onUserChange?: () => void;
+};
+export declare const ColorControl: ({ name, color, label, onUserChange, ...props }: ColorControlProps) => import("react/jsx-runtime").JSX.Element;

package/lib/realm-settings/themes/DefaultColorAccordion.d.ts

@@ -0,0 +1,7 @@
+import { ColorControlProps } from './ColorControl';
+type DefaultColorAccordionProps = ColorControlProps & {
+    colorName?: string;
+    onOverride?: (colorName: string) => void;
+};
+export declare const DefaultColorAccordion: (props: DefaultColorAccordionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/realm-settings/themes/FileNameDialog.d.ts

@@ -1,5 +1,5 @@
 type FileNameDialogProps = {
-    onSave: (fileName: string) => void;
+    onSave: (themeName: string, fileName: string, themeDescription: string) => void;
     onClose: () => void;
 };
 export declare const FileNameDialog: ({ onSave, onClose }: FileNameDialogProps) => import("react/jsx-runtime").JSX.Element;

package/lib/realm-settings/themes/LoginPreviewWindow.d.ts

@@ -0,0 +1,5 @@
+type LoginPreviewWindowProps = {
+    cssVars: Record<string, string>;
+};
+export declare const LoginPreviewWindow: ({ cssVars }: LoginPreviewWindowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/realm-settings/themes/LoginThemeProperties.d.ts

@@ -0,0 +1,63 @@
+export declare const loginThemeProperties: {
+    kcFormGroupClass: string;
+    kcFormGroupLabelClass: string;
+    kcFormLabelClass: string;
+    kcFormLabelTextClass: string;
+    kcLabelClass: string;
+    kcInputClass: string;
+    kcInputGroup: string;
+    kcFormHelperTextClass: string;
+    kcInputHelperTextClass: string;
+    kcInputHelperTextItemClass: string;
+    kcInputHelperTextItemTextClass: string;
+    kcInputGroupItemClass: string;
+    kcFill: string;
+    kcError: string;
+    kcCheckboxClass: string;
+    kcCheckboxInputClass: string;
+    kcCheckboxLabelClass: string;
+    kcCheckboxLabelRequiredClass: string;
+    kcInputRequiredClass: string;
+    kcInputErrorMessageClass: string;
+    kcFormControlUtilClass: string;
+    kcInputErrorIconStatusClass: string;
+    kcInputErrorIconClass: string;
+    kcAlertClass: string;
+    kcAlertIconClass: string;
+    kcAlertTitleClass: string;
+    kcAlertDescriptionClass: string;
+    kcFormPasswordVisibilityButtonClass: string;
+    kcFormPasswordVisibilityIconShow: string;
+    kcFormPasswordVisibilityIconHide: string;
+    kcFormControlToggleIcon: string;
+    kcFormActionGroupClass: string;
+    kcFormReadOnlyClass: string;
+    kcButtonClass: string;
+    kcButtonPrimaryClass: string;
+    kcButtonSecondaryClass: string;
+    kcButtonBlockClass: string;
+    kcButtonLinkClass: string;
+    kcLogin: string;
+    kcLoginContainer: string;
+    kcLoginMain: string;
+    kcLoginMainHeader: string;
+    kcLoginMainFooter: string;
+    kcLoginMainFooterBand: string;
+    kcLoginMainFooterBandItem: string;
+    kcLoginMainFooterHelperText: string;
+    kcLoginMainTitle: string;
+    kcLoginMainHeaderUtilities: string;
+    kcLoginMainBody: string;
+    kcLoginClass: string;
+    kcFormClass: string;
+    kcFormCardClass: string;
+    kcFeedbackErrorIcon: string;
+    kcFeedbackWarningIcon: string;
+    kcFeedbackSuccessIcon: string;
+    kcFeedbackInfoIcon: string;
+    kcDarkModeClass: string;
+    kcHtmlClass: string;
+    kcBodyClass: string;
+    kcContentWrapperClass: string;
+};
+export type LoginThemeProperties = typeof loginThemeProperties;

package/lib/realm-settings/themes/PatternflyVars.d.ts

@@ -1,10 +1,31 @@
-export declare const lightTheme: () => {
+type Value = {
+    light?: string;
+    dark?: string;
+};
+export type DefaultValueType = string | Value;
+type DependencyVariable = {
     name: string;
-    defaultValue: string | undefined;
-    variable: string | undefined;
-}[];
-export declare const darkTheme: () => {
+    defaultValue: DefaultValueType;
+    variable: string | Value;
+};
+type FlattenedDependencyVariable = {
     name: string;
-    defaultValue: string | undefined;
-    variable: string | undefined;
-}[];
+    defaultValue: DefaultValueType;
+    variable: string;
+};
+type VariableDefinition = {
+    name: string;
+    defaultValue: string | Value;
+    variable: string | Value;
+    dependencies?: DependencyVariable[];
+};
+type ThemeType = keyof Value;
+export type FlattenedVariable = Omit<VariableDefinition, "dependencies"> & {
+    parentName?: string;
+    dependencies?: FlattenedDependencyVariable[];
+};
+export declare const lightTheme: () => FlattenedVariable[];
+export declare const darkTheme: () => FlattenedVariable[];
+export declare function resolveColorToHex(colorValue: string): string;
+export declare function resolveColorReferences(colorValue: DefaultValueType, parentValue: string, theme: ThemeType): string;
+export {};

package/lib/realm-settings/themes/QuickTheme.d.ts

@@ -0,0 +1,17 @@
+import { default as RealmRepresentation } from '@keycloak/keycloak-admin-client/lib/defs/realmRepresentation';
+export type ThemeRealmRepresentation = RealmRepresentation & {
+    themeName?: string;
+    themeDescription?: string;
+    fileName?: string;
+    favicon?: File;
+    logo?: File;
+    bgimage?: File;
+    logoWidth?: string;
+    logoHeight?: string;
+};
+type QuickThemeProps = {
+    realm: RealmRepresentation;
+    theme?: "light" | "dark";
+};
+export declare const QuickTheme: ({ realm, theme }: QuickThemeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/realm-settings/themes/ThemeColors.d.ts

@@ -1,9 +1,9 @@
 import { default as RealmRepresentation } from '@keycloak/keycloak-admin-client/lib/defs/realmRepresentation';
-import { ThemeRealmRepresentation } from './ThemesTab';
+import { ThemeRealmRepresentation } from './QuickTheme';
 type ThemeColorsProps = {
     realm: RealmRepresentation;
     save: (realm: ThemeRealmRepresentation) => void;
-    theme: "light" | "dark";
+    theme?: "light" | "dark";
 };
-export declare const ThemeColors: ({ realm, save, theme }: ThemeColorsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeColors: ({ realm, save, theme: initialTheme, }: ThemeColorsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/realm-settings/themes/ThemesTab.d.ts

@@ -3,11 +3,5 @@ type ThemesTabProps = {
     realm: RealmRepresentation;
     save: (realm: RealmRepresentation) => void;
 };
-export type ThemeRealmRepresentation = RealmRepresentation & {
-    fileName?: string;
-    favicon?: File;
-    logo?: File;
-    bgimage?: File;
-};
 export default function ThemesTab({ realm, save }: ThemesTabProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/realm-settings/themes/UploadJar.d.ts

@@ -1,4 +1,4 @@
-import { ThemeRealmRepresentation } from './ThemesTab';
+import { ThemeRealmRepresentation } from './QuickTheme';
 type UploadJarProps = {
     onUpload: (theme: ThemeRealmRepresentation) => void;
 };

package/lib/realm-settings/themes/fileUtils.d.ts

@@ -0,0 +1 @@
+export declare const fileToDataUri: (file: File) => Promise<string>;

package/lib/user/UserWorkflows.d.ts

@@ -0,0 +1,5 @@
+type UserWorkflowProps = {
+    user?: string;
+};
+export declare const UserWorkflows: ({ user }: UserWorkflowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/user/routes/User.d.ts

@@ -1,6 +1,6 @@
 import { Path } from 'react-router-dom';
 import { AppRouteObject } from '../../routes';
-export type UserTab = "settings" | "groups" | "organizations" | "consents" | "attributes" | "sessions" | "credentials" | "role-mapping" | "identity-provider-links" | "events";
+export type UserTab = "settings" | "groups" | "organizations" | "consents" | "attributes" | "sessions" | "credentials" | "role-mapping" | "identity-provider-links" | "events" | "workflows";
 export type UserParams = {
     realm: string;
     id: string;

package/lib/user/utils/user-profile.d.ts

@@ -1,2 +1,12 @@
 import { UserProfileAttributeMetadata } from '@keycloak/keycloak-admin-client/lib/defs/userProfileMetadata';
+import { TFunction } from 'i18next';
 export declare function isRequiredAttribute({ required, validators, }: UserProfileAttributeMetadata): boolean;
+/**
+ * Extracts error messages from a UserProfileError and formats them as a single string.
+ * Handles both single error and multiple errors in the responseData structure.
+ *
+ * @param error - The error object (should be a UserProfileError)
+ * @param t - Translation function
+ * @returns Formatted error message string with all errors joined by semicolons
+ */
+export declare function extractUserProfileErrorMessages(error: unknown, t: TFunction): string;

package/lib/utils/useIsFeatureEnabled.d.ts

@@ -16,6 +16,9 @@ export declare enum Feature {
     JWTAuthorizationGrant = "JWT_AUTHORIZATION_GRANT",
     Passkeys = "PASSKEYS",
     ClientAuthFederated = "CLIENT_AUTH_FEDERATED",
-    Workflows = "WORKFLOWS"
+    Workflows = "WORKFLOWS",
+    StepUpAuthenticationSaml = "STEP_UP_AUTHENTICATION_SAML",
+    ScimApi = "SCIM_API",
+    IdentityBrokeringAPIV2 = "IDENTITY_BROKERING_API_V2"
 }
 export default function useIsFeatureEnabled(): (feature: Feature) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keycloak/keycloak-admin-ui",
-  "version": "26.5.7",
+  "version": "26.6.0",
   "type": "module",
   "main": "lib/keycloak-admin-ui.js",
   "types": "./lib/keycloak-admin-ui.d.ts",
@@ -8,7 +8,8 @@
     ".": {
       "import": "./lib/keycloak-admin-ui.js",
       "types": "./lib/keycloak-admin-ui.d.ts"
-    }
+    },
+    "./styles.css": "./lib/keycloak-admin-ui.css"
   },
   "files": [
     "lib"
@@ -87,21 +88,21 @@
     "file-saver": "^2.0.5",
     "flat": "^6.0.1",
     "i18next": "^25.7.3",
-    "i18next-fetch-backend": "^6.0.0",
+    "i18next-fetch-backend": "^7.0.0",
     "jszip": "^3.10.1",
     "keycloak-js": "^26.2.2",
-    "lodash-es": "^4.17.22",
+    "lodash-es": "^4.18.1",
     "p-debounce": "^5.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.70.0",
     "react-i18next": "^16.5.1",
-    "react-router-dom": "^6.30.2",
+    "react-router-dom": "^6.30.3",
     "reactflow": "^11.11.4",
     "use-react-router-breadcrumbs": "^4.0.1",
-    "yaml": "^2.8.2",
-    "@keycloak/keycloak-admin-client": "26.5.7",
-    "@keycloak/keycloak-ui-shared": "26.5.7"
+    "yaml": "^2.8.3",
+    "@keycloak/keycloak-admin-client": "26.6.0",
+    "@keycloak/keycloak-ui-shared": "26.6.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.0",
@@ -124,7 +125,7 @@
     "vite": "^7.3.0",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.16"
   },
   "author": {
     "name": "Red Hat, Inc.",

package/lib/DetailOrganization-CV52xkX3.js

@@ -1,194 +0,0 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { aG as y, aH as s, aI as x, aJ as n, aK as R, u as w, _ as B, a as I, ao as _, b as C, y as H, aL as M, aM as V, ap as j, P as h, F as k, aN as D, aO as G, c as N, aP as $, A as J, e as L, B as Q, aQ as U, aR as q, aS as g, aT as W, aU as X } from "./index-D3mEQ9NL.js";
-import { useTranslation as z } from "react-i18next";
-import { useState as E } from "react";
-const Y = () => {
-  const { t: c } = z(), [m, b] = E("members");
-  return /* @__PURE__ */ d(
-    y,
-    {
-      activeKey: m,
-      onSelect: (T, v) => b(v),
-      children: [
-        /* @__PURE__ */ t(
-          s,
-          {
-            eventKey: "members",
-            title: /* @__PURE__ */ t(n, { children: c("members") }),
-            "data-testid": "organization-members-tab",
-            children: /* @__PURE__ */ t(x, {})
-          }
-        ),
-        /* @__PURE__ */ t(
-          s,
-          {
-            eventKey: "invitations",
-            title: /* @__PURE__ */ t(n, { children: c("invitations") }),
-            "data-testid": "organization-invitations-tab",
-            children: /* @__PURE__ */ t(R, {})
-          }
-        )
-      ]
-    }
-  );
-};
-function it() {
-  const { adminClient: c } = w(), { addAlert: m, addError: b } = B(), { realm: T, realmRepresentation: v } = I(), { id: o } = _(), { t: e } = z(), a = C(), u = async (i) => {
-    try {
-      const r = W(i);
-      await c.organizations.updateById({ id: o }, r), m(e("organizationSaveSuccess"));
-    } catch (r) {
-      b("organizationSaveError", r);
-    }
-  };
-  H(
-    () => c.organizations.findOne({ id: o }),
-    (i) => {
-      if (!i)
-        throw new Error(e("notFound"));
-      a.reset({
-        ...i,
-        domains: i.domains?.map((r) => r.name),
-        attributes: M(i.attributes)
-      });
-    },
-    [o]
-  );
-  const l = (i) => V(
-    X({
-      realm: T,
-      id: o,
-      tab: i
-    })
-  ), p = l("settings"), P = l("attributes"), S = l("members"), f = l("identityProviders"), A = l("events"), { hasAccess: O } = j(), [K, F] = E("adminEvents");
-  return /* @__PURE__ */ t(h, { variant: "light", className: "pf-v5-u-p-0", children: /* @__PURE__ */ d(k, { ...a, children: [
-    /* @__PURE__ */ t(D, { save: () => u(a.getValues()) }),
-    /* @__PURE__ */ d(
-      G,
-      {
-        "data-testid": "organization-tabs",
-        "aria-label": e("organization"),
-        isBox: !0,
-        mountOnEnter: !0,
-        children: [
-          /* @__PURE__ */ t(
-            s,
-            {
-              id: "settings",
-              "data-testid": "settingsTab",
-              title: /* @__PURE__ */ t(n, { children: e("settings") }),
-              ...p,
-              children: /* @__PURE__ */ t(h, { children: /* @__PURE__ */ d(
-                N,
-                {
-                  role: "anyone",
-                  onSubmit: a.handleSubmit(u),
-                  isHorizontal: !0,
-                  children: [
-                    /* @__PURE__ */ t($, { readOnly: !0 }),
-                    /* @__PURE__ */ d(J, { children: [
-                      /* @__PURE__ */ t(
-                        L,
-                        {
-                          formState: a.formState,
-                          "data-testid": "save",
-                          children: e("save")
-                        }
-                      ),
-                      /* @__PURE__ */ t(
-                        Q,
-                        {
-                          onClick: () => a.reset(),
-                          "data-testid": "reset",
-                          variant: "link",
-                          children: e("reset")
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              ) })
-            }
-          ),
-          /* @__PURE__ */ t(
-            s,
-            {
-              id: "attributes",
-              "data-testid": "attributeTab",
-              title: /* @__PURE__ */ t(n, { children: e("attributes") }),
-              ...P,
-              children: /* @__PURE__ */ t(h, { variant: "light", children: /* @__PURE__ */ t(
-                U,
-                {
-                  form: a,
-                  save: u,
-                  reset: () => a.reset({
-                    ...a.getValues()
-                  }),
-                  name: "attributes"
-                }
-              ) })
-            }
-          ),
-          /* @__PURE__ */ t(
-            s,
-            {
-              id: "members",
-              "data-testid": "membersTab",
-              title: /* @__PURE__ */ t(n, { children: e("members") }),
-              ...S,
-              children: /* @__PURE__ */ t(Y, {})
-            }
-          ),
-          /* @__PURE__ */ t(
-            s,
-            {
-              id: "identityProviders",
-              "data-testid": "identityProvidersTab",
-              title: /* @__PURE__ */ t(n, { children: e("identityProviders") }),
-              ...f,
-              children: /* @__PURE__ */ t(q, {})
-            }
-          ),
-          v?.adminEventsEnabled && O("view-events") && /* @__PURE__ */ t(
-            s,
-            {
-              "data-testid": "admin-events-tab",
-              title: /* @__PURE__ */ t(n, { children: e("adminEvents") }),
-              ...A,
-              children: /* @__PURE__ */ d(
-                y,
-                {
-                  activeKey: K,
-                  onSelect: (i, r) => F(r),
-                  children: [
-                    /* @__PURE__ */ t(
-                      s,
-                      {
-                        eventKey: "adminEvents",
-                        title: /* @__PURE__ */ t(n, { children: e("adminEvents") }),
-                        children: /* @__PURE__ */ t(g, { resourcePath: `organizations/${o}` })
-                      }
-                    ),
-                    /* @__PURE__ */ t(
-                      s,
-                      {
-                        eventKey: "membershipEvents",
-                        title: /* @__PURE__ */ t(n, { children: e("membershipEvents") }),
-                        children: /* @__PURE__ */ t(g, { resourcePath: `organizations/${o}/members` })
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-}
-export {
-  it as default
-};
-//# sourceMappingURL=DetailOrganization-CV52xkX3.js.map

package/lib/DetailOrganization-CV52xkX3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailOrganization-CV52xkX3.js","sources":["../src/organizations/MembersSection.tsx","../src/organizations/DetailOrganization.tsx"],"sourcesContent":["import { Tab, Tabs, TabTitleText } from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Invitations } from \"./Invitations\";\nimport { Members } from \"./Members\";\n\nexport const MembersSection = () => {\n  const { t } = useTranslation();\n  const [activeTab, setActiveTab] = useState(\"members\");\n\n  return (\n    <Tabs\n      activeKey={activeTab}\n      onSelect={(_, key) => setActiveTab(key as string)}\n    >\n      <Tab\n        eventKey=\"members\"\n        title={<TabTitleText>{t(\"members\")}</TabTitleText>}\n        data-testid=\"organization-members-tab\"\n      >\n        <Members />\n      </Tab>\n      <Tab\n        eventKey=\"invitations\"\n        title={<TabTitleText>{t(\"invitations\")}</TabTitleText>}\n        data-testid=\"organization-invitations-tab\"\n      >\n        <Invitations />\n      </Tab>\n    </Tabs>\n  );\n};\n","import {\n  FormSubmitButton,\n  useAlerts,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n  ActionGroup,\n  Button,\n  PageSection,\n  Tab,\n  Tabs,\n  TabTitleText,\n} from \"@patternfly/react-core\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { useAdminClient } from \"../admin-client\";\nimport { FormAccess } from \"../components/form/FormAccess\";\nimport { AttributesForm } from \"../components/key-value-form/AttributeForm\";\nimport { arrayToKeyValue } from \"../components/key-value-form/key-value-convert\";\nimport {\n  RoutableTabs,\n  useRoutableTab,\n} from \"../components/routable-tabs/RoutableTabs\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { useParams } from \"../utils/useParams\";\nimport { DetailOrganizationHeader } from \"./DetailOraganzationHeader\";\nimport { IdentityProviders } from \"./IdentityProviders\";\nimport { MembersSection } from \"./MembersSection\";\nimport {\n  OrganizationForm,\n  OrganizationFormType,\n  convertToOrg,\n} from \"./OrganizationForm\";\nimport {\n  EditOrganizationParams,\n  OrganizationTab,\n  toEditOrganization,\n} from \"./routes/EditOrganization\";\nimport { useAccess } from \"../context/access/Access\";\nimport { AdminEvents } from \"../events/AdminEvents\";\nimport { useState } from \"react\";\n\nexport default function DetailOrganization() {\n  const { adminClient } = useAdminClient();\n  const { addAlert, addError } = useAlerts();\n\n  const { realm, realmRepresentation } = useRealm();\n  const { id } = useParams<EditOrganizationParams>();\n  const { t } = useTranslation();\n\n  const form = useForm<OrganizationFormType>();\n\n  const save = async (org: OrganizationFormType) => {\n    try {\n      const organization = convertToOrg(org);\n      await adminClient.organizations.updateById({ id }, organization);\n      addAlert(t(\"organizationSaveSuccess\"));\n    } catch (error) {\n      addError(\"organizationSaveError\", error);\n    }\n  };\n\n  useFetch(\n    () => adminClient.organizations.findOne({ id }),\n    (org) => {\n      if (!org) {\n        throw new Error(t(\"notFound\"));\n      }\n      form.reset({\n        ...org,\n        domains: org.domains?.map((d) => d.name),\n        attributes: arrayToKeyValue(org.attributes),\n      });\n    },\n    [id],\n  );\n\n  const useTab = (tab: OrganizationTab) =>\n    useRoutableTab(\n      toEditOrganization({\n        realm,\n        id,\n        tab,\n      }),\n    );\n\n  const settingsTab = useTab(\"settings\");\n  const attributesTab = useTab(\"attributes\");\n  const membersTab = useTab(\"members\");\n  const identityProvidersTab = useTab(\"identityProviders\");\n  const eventsTab = useTab(\"events\");\n\n  const { hasAccess } = useAccess();\n  const [activeEventsTab, setActiveEventsTab] = useState(\"adminEvents\");\n\n  return (\n    <PageSection variant=\"light\" className=\"pf-v5-u-p-0\">\n      <FormProvider {...form}>\n        <DetailOrganizationHeader save={() => save(form.getValues())} />\n        <RoutableTabs\n          data-testid=\"organization-tabs\"\n          aria-label={t(\"organization\")}\n          isBox\n          mountOnEnter\n        >\n          <Tab\n            id=\"settings\"\n            data-testid=\"settingsTab\"\n            title={<TabTitleText>{t(\"settings\")}</TabTitleText>}\n            {...settingsTab}\n          >\n            <PageSection>\n              <FormAccess\n                role=\"anyone\"\n                onSubmit={form.handleSubmit(save)}\n                isHorizontal\n              >\n                <OrganizationForm readOnly />\n                <ActionGroup>\n                  <FormSubmitButton\n                    formState={form.formState}\n                    data-testid=\"save\"\n                  >\n                    {t(\"save\")}\n                  </FormSubmitButton>\n                  <Button\n                    onClick={() => form.reset()}\n                    data-testid=\"reset\"\n                    variant=\"link\"\n                  >\n                    {t(\"reset\")}\n                  </Button>\n                </ActionGroup>\n              </FormAccess>\n            </PageSection>\n          </Tab>\n          <Tab\n            id=\"attributes\"\n            data-testid=\"attributeTab\"\n            title={<TabTitleText>{t(\"attributes\")}</TabTitleText>}\n            {...attributesTab}\n          >\n            <PageSection variant=\"light\">\n              <AttributesForm\n                form={form}\n                save={save}\n                reset={() =>\n                  form.reset({\n                    ...form.getValues(),\n                  })\n                }\n                name=\"attributes\"\n              />\n            </PageSection>\n          </Tab>\n          <Tab\n            id=\"members\"\n            data-testid=\"membersTab\"\n            title={<TabTitleText>{t(\"members\")}</TabTitleText>}\n            {...membersTab}\n          >\n            <MembersSection />\n          </Tab>\n          <Tab\n            id=\"identityProviders\"\n            data-testid=\"identityProvidersTab\"\n            title={<TabTitleText>{t(\"identityProviders\")}</TabTitleText>}\n            {...identityProvidersTab}\n          >\n            <IdentityProviders />\n          </Tab>\n          {realmRepresentation?.adminEventsEnabled &&\n            hasAccess(\"view-events\") && (\n              <Tab\n                data-testid=\"admin-events-tab\"\n                title={<TabTitleText>{t(\"adminEvents\")}</TabTitleText>}\n                {...eventsTab}\n              >\n                <Tabs\n                  activeKey={activeEventsTab}\n                  onSelect={(_, key) => setActiveEventsTab(key as string)}\n                >\n                  <Tab\n                    eventKey=\"adminEvents\"\n                    title={<TabTitleText>{t(\"adminEvents\")}</TabTitleText>}\n                  >\n                    <AdminEvents resourcePath={`organizations/${id}`} />\n                  </Tab>\n                  <Tab\n                    eventKey=\"membershipEvents\"\n                    title={<TabTitleText>{t(\"membershipEvents\")}</TabTitleText>}\n                  >\n                    <AdminEvents resourcePath={`organizations/${id}/members`} />\n                  </Tab>\n                </Tabs>\n              </Tab>\n            )}\n        </RoutableTabs>\n      </FormProvider>\n    </PageSection>\n  );\n}\n"],"names":["MembersSection","t","useTranslation","activeTab","setActiveTab","useState","jsxs","Tabs","_","key","jsx","Tab","TabTitleText","Members","Invitations","DetailOrganization","adminClient","useAdminClient","addAlert","addError","useAlerts","realm","realmRepresentation","useRealm","id","useParams","form","useForm","save","org","organization","convertToOrg","error","useFetch","d","arrayToKeyValue","useTab","tab","useRoutableTab","toEditOrganization","settingsTab","attributesTab","membersTab","identityProvidersTab","eventsTab","hasAccess","useAccess","activeEventsTab","setActiveEventsTab","PageSection","FormProvider","DetailOrganizationHeader","RoutableTabs","FormAccess","OrganizationForm","ActionGroup","FormSubmitButton","Button","AttributesForm","IdentityProviders","AdminEvents"],"mappings":"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"}