@keycloak/keycloak-admin-ui 26.6.4 → 26.7.0

package/lib/{PermissionConfigurationDetails-BBdkuzXV.js → PermissionConfigurationDetails-kVjqdhoR.js}

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as T, Fragment as j } from "react/jsx-runtime";
-import { u as q, a as ce, b as W, bd as le, aA as de, q as X, at as pe, M as _, j as $, k as me, F as Q, X as U, K as ye, be as R, bf as ue, A as Y, B as F, l as V, bg as ge, bh as Pe, bi as fe, e as M, bj as G, bk as he, bl as be, bm as ve, bn as Ce, bo as Te, bp as Se, bq as we, br as xe, U as Z, n as L, bs as H, b1 as ee, p as ie, bt as Ae, J as se, O as te, Q as K, S as ne, bu as oe, bv as ae, am as Oe, aw as ke, an as Ie, az as De, a7 as Ee, aq as Fe, bw as Ne, aa as Ve, bx as J, au as Ke, V as Re, P as Le, c as qe, by as ze, bz as Me, bA as Be } from "./index-DBABpj90.js";
+import { u as q, a as ce, b as X, be as le, aA as de, q as _, at as pe, M as $, j as J, k as me, F as Q, X as U, K as ue, bf as R, bg as ye, A as Y, B as F, l as V, bh as ge, bi as Pe, bj as he, e as M, bk as G, bl as fe, bm as ve, bn as be, bo as Ce, bp as Te, bq as Se, br as we, bs as xe, W as Z, v as L, bt as H, b2 as ee, o as ie, bu as Ae, O as se, Q as te, S as K, U as ne, bv as oe, bw as ae, am as Oe, aw as ke, an as Ie, az as De, a7 as Ee, aq as Fe, bx as Ne, aa as Ve, by as W, au as Ke, V as Re, P as Le, c as qe, bz as ze, bA as Me, bB as Be } from "./index-CAGzl0JA.js";
 import { useEffect as je, useState as x, useMemo as He } from "react";
 import { useTranslation as z } from "react-i18next";
 import { useNavigate as Ue, Link as Ge } from "react-router-dom";
-import { S as Je } from "./ScopePicker-BaDxbnFl.js";
-const We = {
+import { S as We } from "./ScopePicker-ggXUe0mk.js";
+const Xe = {
   name: "",
   description: "",
   type: "group",
@@ -18,66 +18,68 @@ const We = {
   "client-scope": Te,
   group: G,
   regex: Ce,
-  role: ve,
-  time: be,
-  js: he,
+  role: be,
+  time: ve,
+  js: fe,
   default: G
-}, Xe = (a) => a in B, _e = ({
+}, _e = (a) => a in B, $e = ({
   permissionClientId: a,
-  providers: l,
+  providers: p,
   policies: w,
   toggleDialog: t,
-  onAssign: o
+  onAssign: n
 }) => {
-  const { adminClient: n } = q(), { realmRepresentation: A } = ce(), { t: d } = z(), u = W({
+  const { adminClient: o } = q(), { realmRepresentation: A } = ce(), { t: l } = z(), y = X({
     mode: "onChange",
-    defaultValues: We
-  }), { addAlert: O, addError: E } = X(), { handleSubmit: C, reset: b } = u, k = A?.adminPermissionsEnabled, P = pe({
-    control: u.control,
+    defaultValues: Xe
+  }), { addAlert: O, addError: E } = _(), { handleSubmit: b, reset: f } = y, k = A.adminPermissionsEnabled, g = pe({
+    control: y.control,
     name: "type"
   });
   function r() {
-    return P && Xe(P) ? B[P] : B.default;
+    return g && _e(g) ? B[g] : B.default;
   }
   const m = r();
   je(() => {
-    if (P) {
-      const { name: c, description: v, decisionStrategy: I, logic: S } = u.getValues();
-      b({
-        type: P,
+    if (g) {
+      const { name: c, description: v, decisionStrategy: I, logic: S } = y.getValues();
+      f({
+        type: g,
         name: c,
         description: v,
         decisionStrategy: I,
         logic: S
       });
     }
-  }, [P, b, u]);
-  const y = async (c) => {
-    const { groups: v, roles: I, policies: S, clients: D, ...s } = c, g = {
+  }, [g, f, y]);
+  const u = async (c) => {
+    const { groups: v, roles: I, policies: S, clients: D, ...s } = c, P = {
       ...s,
       ...v && v.length > 0 && { groups: v },
       ...I && I.length > 0 && { roles: I },
       ...S && S.length > 0 && { policies: S },
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- clients may be undefined at runtime despite the type
       ...D && D.length > 0 && { clients: D },
       ...s.type === "group" && (!v || v.length === 0) && { groups: [] },
-      ...s.type === "client" && (!D || D.length === 0) && { clients: [] }
+      ...s.type === "client" && // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- clients may be undefined at runtime despite the type
+      (!D || D.length === 0) && { clients: [] }
     };
     try {
-      const p = await n.clients.createPolicy(
-        { id: a, type: P },
-        g
+      const d = await o.clients.createPolicy(
+        { id: a, type: g },
+        P
       );
-      o(p), t(), O(d("createPolicySuccess"), M.success);
-    } catch (p) {
-      E("policySaveError", p);
+      n(d), t(), O(l("createPolicySuccess"), M.success);
+    } catch (d) {
+      E("policySaveError", d);
     }
   };
   return /* @__PURE__ */ e(
-    _,
+    $,
     {
-      "aria-label": d("createPermissionPolicy"),
-      variant: $.medium,
-      header: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Pe, { component: fe.h1, children: d("createPermissionPolicy") }) }),
+      "aria-label": l("createPermissionPolicy"),
+      variant: J.medium,
+      header: /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Pe, { component: he.h1, children: l("createPermissionPolicy") }) }),
       isOpen: !0,
       onClose: t,
       children: /* @__PURE__ */ T(
@@ -85,27 +87,27 @@ const We = {
         {
           id: "createPermissionPolicy-form",
           onSubmit: async (c) => {
-            c.stopPropagation(), await C(y)(c);
+            c.stopPropagation(), await b(u)(c);
           },
           isHorizontal: !0,
           children: [
-            /* @__PURE__ */ T(Q, { ...u, children: [
+            /* @__PURE__ */ T(Q, { ...y, children: [
               /* @__PURE__ */ e(
                 U,
                 {
                   name: "name",
-                  label: d("name"),
-                  rules: { required: d("required") }
+                  label: l("name"),
+                  rules: { required: l("required") }
                 }
               ),
-              /* @__PURE__ */ e(U, { name: "description", label: d("description") }),
-              l && l.length > 0 && /* @__PURE__ */ e(
-                ye,
+              /* @__PURE__ */ e(U, { name: "description", label: l("description") }),
+              p.length > 0 && /* @__PURE__ */ e(
+                ue,
                 {
                   name: "type",
-                  label: d("policyType"),
-                  labelIcon: d("policyTypeHelpText"),
-                  options: l.map((c) => ({
+                  label: l("policyType"),
+                  labelIcon: l("policyTypeHelpText"),
+                  options: p.map((c) => ({
                     key: c.type,
                     value: R(c.type)
                   })),
@@ -119,7 +121,7 @@ const We = {
                   permissionClientId: a
                 }
               ),
-              /* @__PURE__ */ e(ue, {})
+              /* @__PURE__ */ e(ye, {})
             ] }),
             /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ T("div", { className: "pf-v5-u-mt-md", children: [
               /* @__PURE__ */ e(
@@ -129,48 +131,48 @@ const We = {
                   className: "pf-v5-u-mr-md",
                   type: "submit",
                   "data-testid": "save",
-                  isDisabled: w?.length === 0 && P === "aggregate",
-                  children: d("save")
+                  isDisabled: w.length === 0 && g === "aggregate",
+                  children: l("save")
                 }
               ),
-              /* @__PURE__ */ e(F, { variant: "link", "data-testid": "cancel", onClick: t, children: d("cancel") })
+              /* @__PURE__ */ e(F, { variant: "link", "data-testid": "cancel", onClick: t, children: l("cancel") })
             ] }) })
           ]
         }
       )
     }
   );
-}, $e = ({
+}, Je = ({
   toggleDialog: a,
-  onAssign: l,
+  onAssign: p,
   open: w,
   permissionClientId: t
 }) => {
-  const { t: o } = z(), { adminClient: n } = q(), [A, d] = x([]), [u, O] = x(void 0), [E, C] = Z(), [b, k] = x([]);
+  const { t: n } = z(), { adminClient: o } = q(), [A, l] = x([]), [y, O] = x(void 0), [E, b] = Z(), [f, k] = x([]);
   L(
-    () => n.clients.listPolicyProviders({
+    () => o.clients.listPolicyProviders({
       id: t
     }),
     (r) => {
-      const m = r.filter((y) => y.type !== "resource" && y.type !== "scope").map((y) => y.name).filter((y) => y !== void 0);
+      const m = r.filter((u) => u.type !== "resource" && u.type !== "scope").map((u) => u.name).filter((u) => u !== void 0);
       k(H(m));
     },
     [t]
   );
-  const P = async (r, m, y) => {
+  const g = async (r, m, u) => {
     const c = {
       id: t,
       permission: "false",
       first: r,
       max: m
     };
-    return y && (c.name = y), u && (c.type = u), await n.clients.listPolicies(c) || [];
+    return u && (c.name = u), y && (c.type = y), await o.clients.listPolicies(c) || [];
   };
   return /* @__PURE__ */ e(
-    _,
+    $,
     {
-      variant: $.medium,
-      title: o("assignExistingPolicies"),
+      variant: J.medium,
+      title: n("assignExistingPolicies"),
       isOpen: w,
       onClose: a,
       actions: [
@@ -183,10 +185,10 @@ const We = {
               variant: V.primary,
               onClick: () => {
                 const r = A.map((m) => ({ policy: m }));
-                l(r), a();
+                p(r), a();
               },
               isDisabled: A.length === 0,
-              children: o("assign")
+              children: n("assign")
             },
             "assign"
           ),
@@ -197,9 +199,9 @@ const We = {
               "data-testid": "cancel",
               variant: V.link,
               onClick: () => {
-                d([]), a();
+                l([]), a();
               },
-              children: o("cancel")
+              children: n("cancel")
             },
             "cancel"
           )
@@ -208,27 +210,27 @@ const We = {
       children: /* @__PURE__ */ e(
         ee,
         {
-          loader: P,
-          ariaLabelKey: o("chooseAPolicyType"),
-          searchPlaceholderKey: o("searchClientAuthorizationPolicy"),
+          loader: g,
+          ariaLabelKey: n("chooseAPolicyType"),
+          searchPlaceholderKey: n("searchClientAuthorizationPolicy"),
           isSearching: !0,
           searchTypeComponent: /* @__PURE__ */ e(
             se,
             {
               onSelect: (r, m) => {
-                O(m), C();
+                O(m), b();
               },
-              onOpenChange: C,
+              onOpenChange: b,
               toggle: (r) => /* @__PURE__ */ e(
                 ne,
                 {
                   ref: r,
                   "data-testid": "filter-type-dropdown-existingPolicies",
                   id: "toggle-id-10",
-                  onClick: C,
+                  onClick: b,
                   icon: /* @__PURE__ */ e(ae, {}),
                   statusIcon: /* @__PURE__ */ e(oe, {}),
-                  children: u || o("allTypes")
+                  children: y || n("allTypes")
                 }
               ),
               isOpen: E,
@@ -238,11 +240,11 @@ const We = {
                   {
                     "data-testid": "filter-type-dropdown-existingPolicies-all",
                     onClick: () => O(void 0),
-                    children: o("allTypes")
+                    children: n("allTypes")
                   },
                   "all"
                 ),
-                b.map((r) => /* @__PURE__ */ e(
+                f.map((r) => /* @__PURE__ */ e(
                   K,
                   {
                     "data-testid": `filter-type-dropdown-existingPolicies-${r}`,
@@ -255,7 +257,7 @@ const We = {
             }
           ),
           canSelectAll: !0,
-          onSelect: (r) => d(r),
+          onSelect: (r) => l(r),
           columns: [
             { name: "name" },
             {
@@ -267,32 +269,32 @@ const We = {
           emptyState: /* @__PURE__ */ e(
             ie,
             {
-              message: o("emptyAssignExistingPolicies"),
-              instructions: o("emptyAssignExistingPoliciesInstructions")
+              message: n("emptyAssignExistingPolicies"),
+              instructions: n("emptyAssignExistingPoliciesInstructions")
             }
           )
         },
-        u
+        y
       )
     }
   );
 }, Qe = ({
   permissionClientId: a,
-  providers: l,
+  providers: p,
   policies: w,
   resourceType: t
 }) => {
-  const { adminClient: o } = q(), { t: n } = z(), {
+  const { adminClient: n } = q(), { t: o } = z(), {
     control: A,
-    getValues: d,
-    setValue: u,
+    getValues: l,
+    setValue: y,
     trigger: O,
     formState: { errors: E }
-  } = Oe(), C = d("policies"), [b, k] = x(!1), [P, r] = x(!1), [m, y] = x([]), [c, v] = x(void 0), [I, S] = Z();
+  } = Oe(), b = l("policies"), [f, k] = x(!1), [g, r] = x(!1), [m, u] = x([]), [c, v] = x(void 0), [I, S] = Z();
   L(
-    () => C && C.length > 0 ? Promise.all(
-      C.map(
-        (i) => o.clients.findOnePolicyWithType({
+    () => b && b.length > 0 ? Promise.all(
+      b.map(
+        (i) => n.clients.findOnePolicyWithType({
           id: a,
           type: i.type,
           policyId: i.id
@@ -300,48 +302,51 @@ const We = {
       )
     ) : Promise.resolve([]),
     (i) => {
-      const f = i.filter((h) => h);
-      y(f);
+      u(
+        i.filter(
+          (h) => h !== void 0
+        )
+      );
     },
     [w]
   );
   const D = H(
-    l ? l.filter((i) => i.type !== "resource" && i.type !== "scope").map((i) => i.name) : []
+    p.filter((i) => i.type !== "resource" && i.type !== "scope").map((i) => i.name)
   ), s = async (i) => {
-    const f = i.map(({ policy: h }) => ({
-      id: h.id
+    const h = i.map(({ policy: C }) => ({
+      id: C.id
     }));
-    u("policies", [
-      ...d("policies") || [],
-      ...f
-    ]), await O("policies"), y([
+    y("policies", [
+      ...l("policies") || [],
+      ...h
+    ]), await O("policies"), u([
       ...m,
-      ...i.map(({ policy: h }) => h)
+      ...i.map(({ policy: C }) => C)
     ]);
-  }, g = (i) => {
-    const f = m.filter(
-      (h) => h.id !== i.id
+  }, P = (i) => {
+    const h = m.filter(
+      (C) => C.id !== i.id
     );
-    y(f), u(
+    u(h), y(
       "policies",
-      f.map((h) => ({
-        id: h.id,
-        name: h.name,
-        type: h.type,
-        description: h.description
+      h.map((C) => ({
+        id: C.id,
+        name: C.name,
+        type: C.type,
+        description: C.description
       }))
     );
-  }, p = c ? m.filter(
+  }, d = c ? m.filter(
     (i) => R(i.type) === c
   ) : m;
   return /* @__PURE__ */ T(
     ke,
     {
-      label: n("policies"),
+      label: o("policies"),
       labelIcon: /* @__PURE__ */ e(
         Ee,
         {
-          helpText: n("permissionPoliciesHelp"),
+          helpText: o("permissionPoliciesHelp"),
           fieldLabelId: "policies"
         }
       ),
@@ -355,24 +360,24 @@ const We = {
             control: A,
             defaultValue: [],
             rules: {
-              validate: (i) => !i || i.length === 0 ? !1 : i.every(({ id: f }) => f && f.trim().length > 0)
+              validate: (i) => !i || i.length === 0 ? !1 : i.every(({ id: h }) => h && h.trim().length > 0)
             },
             render: () => /* @__PURE__ */ T(j, { children: [
-              b && /* @__PURE__ */ e(
-                $e,
+              f && /* @__PURE__ */ e(
+                Je,
                 {
                   permissionClientId: a,
-                  open: b,
-                  toggleDialog: () => k(!b),
+                  open: f,
+                  toggleDialog: () => k(!f),
                   onAssign: s
                 }
               ),
-              P && /* @__PURE__ */ e(
-                _e,
+              g && /* @__PURE__ */ e(
+                $e,
                 {
-                  toggleDialog: () => r(!P),
+                  toggleDialog: () => r(!g),
                   permissionClientId: a,
-                  providers: l,
+                  providers: p,
                   policies: w,
                   resourceType: t,
                   onAssign: async (i) => {
@@ -388,7 +393,7 @@ const We = {
                   onClick: () => {
                     k(!0);
                   },
-                  children: n("assignExistingPolicies")
+                  children: o("assignExistingPolicies")
                 }
               ),
               /* @__PURE__ */ e(
@@ -400,7 +405,7 @@ const We = {
                   onClick: () => {
                     r(!0);
                   },
-                  children: n("createNewPolicy")
+                  children: o("createNewPolicy")
                 }
               )
             ] })
@@ -409,15 +414,15 @@ const We = {
         m.length > 0 && /* @__PURE__ */ e(
           ee,
           {
-            loader: p,
-            ariaLabelKey: n("policies"),
-            searchPlaceholderKey: n("searchClientAuthorizationPolicy"),
+            loader: d,
+            ariaLabelKey: o("policies"),
+            searchPlaceholderKey: o("searchClientAuthorizationPolicy"),
             isSearching: !0,
             searchTypeComponent: /* @__PURE__ */ e(
               se,
               {
-                onSelect: (i, f) => {
-                  v(f), S();
+                onSelect: (i, h) => {
+                  v(h), S();
                 },
                 onOpenChange: S,
                 toggle: (i) => /* @__PURE__ */ e(
@@ -429,7 +434,7 @@ const We = {
                     onClick: S,
                     icon: /* @__PURE__ */ e(ae, {}),
                     statusIcon: /* @__PURE__ */ e(oe, {}),
-                    children: c ? R(c) : n("allTypes")
+                    children: c ? R(c) : o("allTypes")
                   }
                 ),
                 isOpen: I,
@@ -439,7 +444,7 @@ const We = {
                     {
                       "data-testid": "filter-type-dropdown-existingPolicies-all",
                       onClick: () => v(void 0),
-                      children: n("allTypes")
+                      children: o("allTypes")
                     },
                     "all"
                   ),
@@ -457,151 +462,153 @@ const We = {
             ),
             actionResolver: (i) => [
               {
-                title: n("unAssignPolicy"),
-                onClick: () => g(i.data)
+                title: o("unAssignPolicy"),
+                onClick: () => P(i.data)
               }
             ],
             columns: [
-              { name: "name", displayKey: n("name") },
+              { name: "name", displayKey: o("name") },
               {
                 name: "type",
-                displayKey: n("type"),
+                displayKey: o("type"),
                 cellFormatters: [(i) => R(String(i || ""))]
               },
-              { name: "description", displayKey: n("description") }
+              { name: "description", displayKey: o("description") }
             ],
             emptyState: /* @__PURE__ */ e(
               ie,
               {
-                message: n("emptyAssignExistingPolicies"),
-                instructions: n("emptyAssignExistingPoliciesInstructions")
+                message: o("emptyAssignExistingPolicies"),
+                instructions: o("emptyAssignExistingPoliciesInstructions")
               }
             )
           }
         ),
-        E.policies && /* @__PURE__ */ e(De, { message: n("requiredPolicies") })
+        E.policies && /* @__PURE__ */ e(De, { message: o("requiredPolicies") })
       ]
     }
   );
 };
 function ni() {
-  const { adminClient: a } = q(), { t: l } = z(), { realm: w, permissionClientId: t, permissionId: o, resourceType: n } = Fe(), A = Ue(), d = W(), { handleSubmit: u, reset: O } = d, { addAlert: E, addError: C } = X(), [b, k] = x(), [P, r] = x(), [m, y] = x(), c = Ne({
+  const { adminClient: a } = q(), { t: p } = z(), { realm: w, permissionClientId: t, permissionId: n, resourceType: o } = Fe(), A = Ue(), l = X(), { handleSubmit: y, reset: O } = l, { addAlert: E, addError: b } = _(), [f, k] = x(
+    n ? null : {}
+  ), [g, r] = x(), [m, u] = x(), c = Ne({
     clientId: t
   }), v = He(
-    () => c.filter(({ type: s }) => s === n).flatMap(({ scopes: s = [] }) => s).map((s) => s || ""),
-    [c, n]
+    () => c.filter(({ type: s }) => s === o).flatMap(({ scopes: s = [] }) => s).map((s) => s || ""),
+    [c, o]
   );
   L(
     async () => {
       if (!t)
         return {};
-      const [s, g] = await Promise.all([
+      const [s, P] = await Promise.all([
         a.clients.listPolicyProviders({ id: t }),
         a.clients.listPolicies({
           id: t,
           permission: "false"
         })
       ]);
-      return { providers: s, policies: g };
+      return { providers: s, policies: P };
     },
-    ({ providers: s, policies: g }) => {
-      const p = s?.filter(
+    ({ providers: s, policies: P }) => {
+      const d = s?.filter(
         (i) => i.type !== "resource" && i.type !== "scope"
       );
       r(
         H(
-          p,
+          d,
           (i) => i.type
         )
-      ), y(g || []);
+      ), u(P || []);
     },
     [t]
   ), L(
     async () => {
-      if (!o)
+      if (!n)
         return {};
-      const [s, g, p, i] = await Promise.all([
+      const [s, P, d, i] = await Promise.all([
         a.clients.findOnePermission({
           id: t,
           type: "scope",
-          permissionId: o
+          permissionId: n
         }),
         a.clients.getAssociatedResources({
           id: t,
-          permissionId: o
+          permissionId: n
         }),
         a.clients.getAssociatedPolicies({
           id: t,
-          permissionId: o
+          permissionId: n
         }),
         a.clients.getAssociatedScopes({
           id: t,
-          permissionId: o
+          permissionId: n
         })
       ]);
       if (!s)
-        throw new Error(l("notFound"));
+        throw new Error(p("notFound"));
       return {
         permission: s,
-        resources: g,
-        policies: p,
+        resources: P,
+        policies: d,
         scopes: i
       };
     },
-    ({ permission: s, resources: g, policies: p, scopes: i }) => {
-      const f = g?.map((N) => N.name) || [], h = p?.map((N) => N.id) || [], re = i?.map((N) => N.name) || [];
+    ({ permission: s, resources: P, policies: d, scopes: i }) => {
+      const h = P?.map((N) => N.name) || [], C = d?.map((N) => N.id) || [], re = i?.map((N) => N.name) || [];
       O({
         ...s,
-        resources: f,
-        policies: p,
+        resources: h,
+        policies: d,
         scopes: i
       }), k({
         ...s,
-        resources: f,
-        policies: h,
+        resources: h,
+        policies: C,
         scopes: re
       });
     },
-    [t, o]
+    [t, n]
   );
   const I = async (s) => {
     try {
-      const g = {
+      const P = {
         ...s,
-        policies: s.policies?.map((p) => p.id),
-        scopes: s.scopes?.map((p) => p.name),
-        resourceType: n
+        policies: s.policies?.map((d) => d.id),
+        scopes: s.scopes?.map((d) => d.name),
+        resourceType: o
       };
-      if (o)
+      if (n)
         await a.clients.updatePermission(
-          { id: t, type: "scope", permissionId: o },
-          g
+          { id: t, type: "scope", permissionId: n },
+          P
         );
       else {
-        const p = await a.clients.createPermission(
+        const d = await a.clients.createPermission(
           { id: t, type: "scope" },
-          g
+          P
         );
-        k(p), A(
+        k(d), A(
           Be({
             realm: w,
             permissionClientId: t,
-            permissionId: p.id,
-            resourceType: n
+            permissionId: d.id,
+            resourceType: o
           })
         );
       }
       E(
-        l(o ? "updatePermissionSuccess" : "createPermissionSuccess"),
+        p(n ? "updatePermissionSuccess" : "createPermissionSuccess"),
         M.success
       );
-    } catch (g) {
-      C("permissionSaveError", g);
+    } catch (P) {
+      b("permissionSaveError", P);
     }
   }, [S, D] = Ve({
     titleKey: "deletePermission",
-    messageKey: l("deleteAdminPermissionConfirm", {
-      permission: b?.name
+    messageKey: p("deleteAdminPermissionConfirm", {
+      permission: f?.name
     }),
     continueButtonVariant: V.danger,
     continueButtonLabel: "confirm",
@@ -610,57 +617,57 @@ function ni() {
         await a.clients.delPermission({
           id: t,
           type: "scope",
-          permissionId: o
-        }), E(l("permissionDeletedSuccess"), M.success), A(
-          J({
+          permissionId: n
+        }), E(p("permissionDeletedSuccess"), M.success), A(
+          W({
             realm: w,
             permissionClientId: t,
             tab: "permissions"
           })
         );
       } catch (s) {
-        C("permissionDeletedError", s);
+        b("permissionDeletedError", s);
       }
     }
   });
-  return b ? /* @__PURE__ */ T(j, { children: [
+  return f === null || !g ? /* @__PURE__ */ e(Ke, {}) : /* @__PURE__ */ T(j, { children: [
     /* @__PURE__ */ e(D, {}),
     /* @__PURE__ */ e(
       Re,
       {
-        titleKey: o ? b?.name : l("createPermission"),
-        subKey: o ? b?.description : l("createPermissionOfType", { resourceType: n }),
-        dropdownItems: o ? [
+        titleKey: n ? f.name : p("createPermission"),
+        subKey: n ? f.description : p("createPermissionOfType", { resourceType: o }),
+        dropdownItems: n ? [
           /* @__PURE__ */ e(
             K,
             {
               "data-testid": "delete-permission",
               onClick: () => S(),
-              children: l("delete")
+              children: p("delete")
             },
             "delete"
           )
         ] : void 0
       }
     ),
-    /* @__PURE__ */ e(Le, { variant: "light", children: /* @__PURE__ */ T(qe, { isHorizontal: !0, onSubmit: u(I), role: "anyone", children: [
-      /* @__PURE__ */ T(Q, { ...d, children: [
+    /* @__PURE__ */ e(Le, { variant: "light", children: /* @__PURE__ */ T(qe, { isHorizontal: !0, onSubmit: y(I), role: "anyone", children: [
+      /* @__PURE__ */ T(Q, { ...l, children: [
         /* @__PURE__ */ e(ze, { clientId: t }),
         /* @__PURE__ */ e(
-          Je,
+          We,
           {
             clientId: t,
-            resourceTypeScopes: v ?? []
+            resourceTypeScopes: v
           }
         ),
-        /* @__PURE__ */ e(Me, { resourceType: n }),
+        /* @__PURE__ */ e(Me, { resourceType: o }),
         /* @__PURE__ */ e(
           Qe,
           {
             permissionClientId: t,
-            providers: P,
+            providers: g,
             policies: m,
-            resourceType: n
+            resourceType: o
           }
         )
       ] }),
@@ -672,7 +679,7 @@ function ni() {
             className: "pf-v5-u-mr-md",
             type: "submit",
             "data-testid": "save",
-            children: l("save")
+            children: p("save")
           }
         ),
         /* @__PURE__ */ e(
@@ -684,21 +691,21 @@ function ni() {
               Ge,
               {
                 ...s,
-                to: J({
+                to: W({
                   realm: w,
                   permissionClientId: t,
                   tab: "permissions"
                 })
               }
             ),
-            children: l("cancel")
+            children: p("cancel")
           }
         )
       ] }) })
     ] }) })
-  ] }) : /* @__PURE__ */ e(Ke, {});
+  ] });
 }
 export {
   ni as default
 };
-//# sourceMappingURL=PermissionConfigurationDetails-BBdkuzXV.js.map
+//# sourceMappingURL=PermissionConfigurationDetails-kVjqdhoR.js.map