@keycloak/keycloak-admin-ui 26.1.5 → 26.2.1

package/lib/RealmSection-BkVmYRIb.js

@@ -0,0 +1,179 @@
+import { jsxs as u, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { aW as T, a as V, u as B, V as L, aa as W, aX as $, c as j, P as M, aY as H, aZ as D, a_ as J, a$ as k, b0 as U, b1 as X, af as f, B as Y, b2 as Z, b3 as _, b4 as q, I as S, J as K, K as O, O as v, b5 as z, e as G, b6 as Q } from "./index-CRHbhwXr.js";
+import { useState as m } from "react";
+import { useTranslation as p } from "react-i18next";
+import { useNavigate as ee, Link as A } from "react-router-dom";
+const te = () => {
+  const { t: n } = p(), [o, i] = m(!1), l = q();
+  return l.length < 3 ? null : /* @__PURE__ */ e(
+    S,
+    {
+      shouldFocusToggleOnSelect: !0,
+      onOpenChange: (t) => i(t),
+      toggle: (t) => /* @__PURE__ */ e(
+        v,
+        {
+          "data-testid": "kebab",
+          "aria-label": "Kebab toggle",
+          ref: t,
+          onClick: () => i(!o),
+          children: n("recentRealms")
+        }
+      ),
+      isOpen: o,
+      children: /* @__PURE__ */ e(K, { children: l.map(({ name: t }) => /* @__PURE__ */ e(
+        O,
+        {
+          component: (s) => /* @__PURE__ */ e(A, { ...s, to: k({ realm: t }) }),
+          children: t
+        },
+        "server info"
+      )) })
+    }
+  );
+}, ae = ({ onClick: n, isDisabled: o }) => {
+  const { t: i } = p(), [l, t] = m(!1);
+  return /* @__PURE__ */ e(
+    S,
+    {
+      shouldFocusToggleOnSelect: !0,
+      onOpenChange: (s) => t(s),
+      toggle: (s) => /* @__PURE__ */ e(
+        v,
+        {
+          "data-testid": "kebab",
+          "aria-label": "Kebab toggle",
+          ref: s,
+          onClick: () => t(!l),
+          variant: "plain",
+          isDisabled: o,
+          children: /* @__PURE__ */ e(z, {})
+        }
+      ),
+      isOpen: l,
+      children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+        O,
+        {
+          "data-testid": "delete",
+          onClick: () => {
+            t(!1), n();
+          },
+          children: i("delete")
+        }
+      ) })
+    }
+  );
+};
+function ie() {
+  const { t: n } = p(), o = ee(), { whoAmI: i } = T(), { realm: l } = V(), { adminClient: t } = B(), { addAlert: s, addError: I } = L(), [c, h] = m([]), [N, b] = m(!1), [R, x] = m(0), C = () => x(R + 1), F = async (a, r, E) => {
+    try {
+      return (await Z(
+        t,
+        "ui-ext/realms/names",
+        { first: `${a}`, max: `${r}`, search: E || "" }
+      )).map((y) => ({ ...y, id: y.name }));
+    } catch (d) {
+      if (d instanceof _ && d.response.status < 500)
+        return [];
+      throw d;
+    }
+  }, [w, P] = W({
+    titleKey: n("deleteConfirmRealm", {
+      count: c.length,
+      name: c[0]?.name
+    }),
+    messageKey: "deleteConfirmRealmSetting",
+    continueButtonLabel: "delete",
+    onConfirm: async () => {
+      try {
+        c.filter(({ name: r }) => r === "master").length > 0 && s(n("cantDeleteMasterRealm"), G.warning);
+        const a = c.filter(({ name: r }) => r !== "master");
+        if (a.length === 0) return;
+        await Promise.all(
+          a.map(
+            ({ name: r }) => t.realms.del({ realm: r })
+          )
+        ), s(n("deletedSuccessRealmSetting")), c.filter(({ name: r }) => r === l).length > 0 && o(Q({ realm: "master" })), C(), h([]);
+      } catch (a) {
+        I("deleteError", a);
+      }
+    }
+  });
+  return /* @__PURE__ */ u(g, { children: [
+    /* @__PURE__ */ e(P, {}),
+    N && /* @__PURE__ */ e(
+      $,
+      {
+        onClose: () => {
+          b(!1), C();
+        }
+      }
+    ),
+    /* @__PURE__ */ e(j, { titleKey: "manageRealms", divider: !1 }),
+    /* @__PURE__ */ e(M, { variant: "light", className: "pf-v5-u-p-0", children: /* @__PURE__ */ e(
+      H,
+      {
+        loader: F,
+        isPaginated: !0,
+        onSelect: h,
+        canSelectAll: !0,
+        ariaLabelKey: "selectRealm",
+        searchPlaceholderKey: "search",
+        actions: [
+          {
+            title: n("delete"),
+            onRowClick: (a) => {
+              h([a]), w();
+            }
+          }
+        ],
+        toolbarItem: /* @__PURE__ */ u(g, { children: [
+          /* @__PURE__ */ e(f, { children: i.canCreateRealm() && /* @__PURE__ */ e(
+            Y,
+            {
+              onClick: () => b(!0),
+              "data-testid": "add-realm",
+              children: n("createRealm")
+            }
+          ) }),
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(te, {}) }),
+          /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+            ae,
+            {
+              onClick: w,
+              isDisabled: c.length === 0
+            }
+          ) })
+        ] }),
+        columns: [
+          {
+            name: "name",
+            transforms: [D(20)],
+            cellRenderer: ({ name: a }) => a !== l ? /* @__PURE__ */ e(A, { to: k({ realm: a }), children: a }) : /* @__PURE__ */ e(
+              U,
+              {
+                bodyContent: n("currentRealmExplain"),
+                triggerAction: "hover",
+                children: /* @__PURE__ */ u(g, { children: [
+                  a,
+                  " ",
+                  /* @__PURE__ */ e(X, { isRead: !0, children: n("currentRealm") })
+                ] })
+              }
+            )
+          },
+          {
+            name: "displayName",
+            transforms: [D(80)],
+            cellFormatters: [J(n)]
+          }
+        ]
+      },
+      R
+    ) })
+  ] });
+}
+export {
+  ie as default
+};
+//# sourceMappingURL=RealmSection-BkVmYRIb.js.map

package/lib/RealmSection-BkVmYRIb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RealmSection-BkVmYRIb.js","sources":["../src/realm/RealmSection.tsx"],"sourcesContent":["import { NetworkError } from \"@keycloak/keycloak-admin-client\";\nimport { KeycloakDataTable, useAlerts } from \"@keycloak/keycloak-ui-shared\";\nimport {\n  AlertVariant,\n  Badge,\n  Button,\n  Dropdown,\n  DropdownItem,\n  DropdownList,\n  MenuToggle,\n  PageSection,\n  Popover,\n  ToolbarItem,\n} from \"@patternfly/react-core\";\nimport { EllipsisVIcon } from \"@patternfly/react-icons\";\nimport { cellWidth } from \"@patternfly/react-table\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../admin-client\";\nimport { useConfirmDialog } from \"../components/confirm-dialog/ConfirmDialog\";\nimport { ViewHeader } from \"../components/view-header/ViewHeader\";\nimport { fetchAdminUI } from \"../context/auth/admin-ui-endpoint\";\nimport { useRealm } from \"../context/realm-context/RealmContext\";\nimport { useRecentRealms } from \"../context/RecentRealms\";\nimport { useWhoAmI } from \"../context/whoami/WhoAmI\";\nimport { translationFormatter } from \"../utils/translationFormatter\";\nimport NewRealmForm from \"./add/NewRealmForm\";\nimport { toRealm } from \"./RealmRoutes\";\nimport { toDashboard } from \"../dashboard/routes/Dashboard\";\n\nexport type RealmNameRepresentation = {\n  name: string;\n  displayName?: string;\n};\n\nconst RecentRealmsDropdown = () => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const recentRealms = useRecentRealms();\n\n  if (recentRealms.length < 3) return null;\n  return (\n    <Dropdown\n      shouldFocusToggleOnSelect\n      onOpenChange={(isOpen) => setOpen(isOpen)}\n      toggle={(ref) => (\n        <MenuToggle\n          data-testid=\"kebab\"\n          aria-label=\"Kebab toggle\"\n          ref={ref}\n          onClick={() => setOpen(!open)}\n        >\n          {t(\"recentRealms\")}\n        </MenuToggle>\n      )}\n      isOpen={open}\n    >\n      <DropdownList>\n        {recentRealms.map(({ name }) => (\n          <DropdownItem\n            key=\"server info\"\n            component={(props) => (\n              <Link {...props} to={toDashboard({ realm: name })} />\n            )}\n          >\n            {name}\n          </DropdownItem>\n        ))}\n      </DropdownList>\n    </Dropdown>\n  );\n};\n\ntype KebabDropdownProps = {\n  onClick: () => void;\n  isDisabled?: boolean;\n};\n\nconst KebabDropdown = ({ onClick, isDisabled }: KebabDropdownProps) => {\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  return (\n    <Dropdown\n      shouldFocusToggleOnSelect\n      onOpenChange={(isOpen) => setOpen(isOpen)}\n      toggle={(ref) => (\n        <MenuToggle\n          data-testid=\"kebab\"\n          aria-label=\"Kebab toggle\"\n          ref={ref}\n          onClick={() => setOpen(!open)}\n          variant=\"plain\"\n          isDisabled={isDisabled}\n        >\n          <EllipsisVIcon />\n        </MenuToggle>\n      )}\n      isOpen={open}\n    >\n      <DropdownList>\n        <DropdownItem\n          data-testid=\"delete\"\n          onClick={() => {\n            setOpen(false);\n            onClick();\n          }}\n        >\n          {t(\"delete\")}\n        </DropdownItem>\n      </DropdownList>\n    </Dropdown>\n  );\n};\n\ntype RealmRow = RealmNameRepresentation & { id: string };\n\nexport default function RealmSection() {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const { whoAmI } = useWhoAmI();\n  const { realm } = useRealm();\n  const { adminClient } = useAdminClient();\n  const { addAlert, addError } = useAlerts();\n\n  const [selected, setSelected] = useState<RealmRow[]>([]);\n  const [openNewRealm, setOpenNewRealm] = useState(false);\n  const [key, setKey] = useState(0);\n  const refresh = () => setKey(key + 1);\n\n  const loader = async (first?: number, max?: number, search?: string) => {\n    try {\n      const result = await fetchAdminUI<RealmNameRepresentation[]>(\n        adminClient,\n        \"ui-ext/realms/names\",\n        { first: `${first}`, max: `${max}`, search: search || \"\" },\n      );\n      return result.map((r) => ({ ...r, id: r.name }));\n    } catch (error) {\n      if (error instanceof NetworkError && error.response.status < 500) {\n        return [];\n      }\n\n      throw error;\n    }\n  };\n\n  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n    titleKey: t(\"deleteConfirmRealm\", {\n      count: selected.length,\n      name: selected[0]?.name,\n    }),\n    messageKey: \"deleteConfirmRealmSetting\",\n    continueButtonLabel: \"delete\",\n    onConfirm: async () => {\n      try {\n        if (selected.filter(({ name }) => name === \"master\").length > 0) {\n          addAlert(t(\"cantDeleteMasterRealm\"), AlertVariant.warning);\n        }\n        const filtered = selected.filter(({ name }) => name !== \"master\");\n        if (filtered.length === 0) return;\n        await Promise.all(\n          filtered.map(({ name: realmName }) =>\n            adminClient.realms.del({ realm: realmName }),\n          ),\n        );\n        addAlert(t(\"deletedSuccessRealmSetting\"));\n        if (selected.filter(({ name }) => name === realm).length > 0) {\n          navigate(toRealm({ realm: \"master\" }));\n        }\n        refresh();\n        setSelected([]);\n      } catch (error) {\n        addError(\"deleteError\", error);\n      }\n    },\n  });\n\n  return (\n    <>\n      <DeleteConfirm />\n      {openNewRealm && (\n        <NewRealmForm\n          onClose={() => {\n            setOpenNewRealm(false);\n            refresh();\n          }}\n        />\n      )}\n      <ViewHeader titleKey=\"manageRealms\" divider={false} />\n      <PageSection variant=\"light\" className=\"pf-v5-u-p-0\">\n        <KeycloakDataTable\n          key={key}\n          loader={loader}\n          isPaginated\n          onSelect={setSelected}\n          canSelectAll\n          ariaLabelKey=\"selectRealm\"\n          searchPlaceholderKey=\"search\"\n          actions={[\n            {\n              title: t(\"delete\"),\n              onRowClick: (selected) => {\n                setSelected([selected]);\n                toggleDeleteDialog();\n              },\n            },\n          ]}\n          toolbarItem={\n            <>\n              <ToolbarItem>\n                {whoAmI.canCreateRealm() && (\n                  <Button\n                    onClick={() => setOpenNewRealm(true)}\n                    data-testid=\"add-realm\"\n                  >\n                    {t(\"createRealm\")}\n                  </Button>\n                )}\n              </ToolbarItem>\n              <ToolbarItem>\n                <RecentRealmsDropdown />\n              </ToolbarItem>\n              <ToolbarItem>\n                <KebabDropdown\n                  onClick={toggleDeleteDialog}\n                  isDisabled={selected.length === 0}\n                />\n              </ToolbarItem>\n            </>\n          }\n          columns={[\n            {\n              name: \"name\",\n              transforms: [cellWidth(20)],\n              cellRenderer: ({ name }) =>\n                name !== realm ? (\n                  <Link to={toDashboard({ realm: name })}>{name}</Link>\n                ) : (\n                  <Popover\n                    bodyContent={t(\"currentRealmExplain\")}\n                    triggerAction=\"hover\"\n                  >\n                    <>\n                      {name} <Badge isRead>{t(\"currentRealm\")}</Badge>\n                    </>\n                  </Popover>\n                ),\n            },\n            {\n              name: \"displayName\",\n              transforms: [cellWidth(80)],\n              cellFormatters: [translationFormatter(t)],\n            },\n          ]}\n        />\n      </PageSection>\n    </>\n  );\n}\n"],"names":["RecentRealmsDropdown","t","useTranslation","open","setOpen","useState","recentRealms","useRecentRealms","jsx","Dropdown","isOpen","ref","MenuToggle","DropdownList","name","DropdownItem","props","Link","toDashboard","KebabDropdown","onClick","isDisabled","EllipsisVIcon","RealmSection","navigate","useNavigate","whoAmI","useWhoAmI","realm","useRealm","adminClient","useAdminClient","addAlert","addError","useAlerts","selected","setSelected","openNewRealm","setOpenNewRealm","key","setKey","refresh","loader","first","max","search","fetchAdminUI","r","error","NetworkError","toggleDeleteDialog","DeleteConfirm","useConfirmDialog","AlertVariant","filtered","realmName","toRealm","jsxs","Fragment","NewRealmForm","ViewHeader","PageSection","KeycloakDataTable","ToolbarItem","Button","cellWidth","Popover","Badge","translationFormatter"],"mappings":"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"}

package/lib/ResourceDetails-Br81AEgO.js

@@ -0,0 +1,226 @@
+import { jsxs as c, Fragment as y, jsx as a } from "react/jsx-runtime";
+import { u as L, V as _, b as q, ao as E, ap as z, n as K, aa as M, aA as j, ar as O, c as U, K as G, P as Y, F as W, d as J, Y as i, at as A, aB as Q, a7 as w, aC as X, aD as Z, A as $, B as D, l as ee, ay as R, a3 as ae, aE as re, e as P, a2 as se } from "./index-CRHbhwXr.js";
+import { useState as d } from "react";
+import { useTranslation as te } from "react-i18next";
+import { useNavigate as oe, Link as ne } from "react-router-dom";
+import { S as le } from "./ScopePicker-kvjSuh0C.js";
+function be() {
+  const { adminClient: o } = L(), { t: e } = te(), [m, C] = d(), [N, p] = d(), [b, F] = d(), { addAlert: h, addError: f } = _(), g = q({
+    mode: "onChange"
+  }), { setValue: H, handleSubmit: S } = g, { id: t, resourceId: s, realm: u } = E(), I = oe(), V = (r = {}) => {
+    se(r, H);
+  }, { hasAccess: T } = z(), v = !T("manage-authorization");
+  K(
+    () => Promise.all([
+      o.clients.findOne({ id: t }),
+      s ? o.clients.getResource({ id: t, resourceId: s }) : Promise.resolve(void 0),
+      s ? o.clients.listPermissionsByResource({ id: t, resourceId: s }) : Promise.resolve(void 0)
+    ]),
+    ([r, n, l]) => {
+      if (!r)
+        throw new Error(e("notFound"));
+      C(r), F(l), p(n), V(n);
+    },
+    []
+  );
+  const B = async (r) => {
+    const n = ae(r);
+    try {
+      if (s)
+        await o.clients.updateResource({ id: t, resourceId: s }, n);
+      else {
+        const l = await o.clients.createResource(
+          { id: t },
+          n
+        );
+        p(n), I(re({ realm: u, id: t, resourceId: l._id }));
+      }
+      h(
+        e((s ? "update" : "create") + "ResourceSuccess"),
+        P.success
+      );
+    } catch (l) {
+      f("resourceSaveError", l);
+    }
+  }, [k, x] = M({
+    titleKey: "deleteResource",
+    children: /* @__PURE__ */ c(y, { children: [
+      e("deleteResourceConfirm"),
+      b?.length !== 0 && /* @__PURE__ */ a(
+        j,
+        {
+          variant: "warning",
+          isInline: !0,
+          isPlain: !0,
+          title: e("deleteResourceWarning"),
+          className: "pf-v5-u-pt-lg",
+          children: /* @__PURE__ */ a("p", { className: "pf-v5-u-pt-xs", children: b?.map((r) => /* @__PURE__ */ a("strong", { className: "pf-v5-u-pr-md", children: r.name }, r.id)) })
+        }
+      )
+    ] }),
+    continueButtonLabel: "confirm",
+    onConfirm: async () => {
+      try {
+        await o.clients.delResource({
+          id: t,
+          resourceId: s
+        }), h(e("resourceDeletedSuccess"), P.success), I(R({ realm: u, clientId: t, tab: "resources" }));
+      } catch (r) {
+        f("resourceDeletedError", r);
+      }
+    }
+  });
+  return m ? /* @__PURE__ */ c(y, { children: [
+    /* @__PURE__ */ a(x, {}),
+    /* @__PURE__ */ a(
+      U,
+      {
+        titleKey: s ? N?.name : "createResource",
+        dropdownItems: s ? [
+          /* @__PURE__ */ a(
+            G,
+            {
+              "data-testid": "delete-resource",
+              isDisabled: v,
+              onClick: () => k(),
+              children: e("delete")
+            },
+            "delete"
+          )
+        ] : void 0
+      }
+    ),
+    /* @__PURE__ */ a(Y, { variant: "light", children: /* @__PURE__ */ a(W, { ...g, children: /* @__PURE__ */ c(
+      J,
+      {
+        isHorizontal: !0,
+        role: "manage-authorization",
+        className: "keycloak__resource-details__form",
+        onSubmit: S(B),
+        children: [
+          /* @__PURE__ */ a(
+            i,
+            {
+              name: s ? "owner.name" : "",
+              label: e("owner"),
+              labelIcon: e("ownerHelp"),
+              defaultValue: m.clientId,
+              readOnly: !0
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              name: "name",
+              label: e("name"),
+              labelIcon: e("resourceNameHelp"),
+              rules: { required: e("required") }
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              name: "displayName",
+              label: e("displayName"),
+              labelIcon: e("displayNameHelp"),
+              rules: { required: e("required") }
+            }
+          ),
+          /* @__PURE__ */ a(
+            i,
+            {
+              name: "type",
+              label: e("type"),
+              labelIcon: e("resourceDetailsTypeHelp")
+            }
+          ),
+          /* @__PURE__ */ a(
+            A,
+            {
+              label: e("uris"),
+              fieldId: "uris",
+              labelIcon: /* @__PURE__ */ a(w, { helpText: e("urisHelp"), fieldLabelId: "uris" }),
+              children: /* @__PURE__ */ a(
+                Q,
+                {
+                  name: "uris",
+                  type: "url",
+                  "aria-label": e("uris"),
+                  addButtonLabel: "addUri"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ a(le, { clientId: t }),
+          /* @__PURE__ */ a(
+            i,
+            {
+              name: "icon_uri",
+              label: e("iconUri"),
+              labelIcon: e("iconUriHelp"),
+              type: "url"
+            }
+          ),
+          /* @__PURE__ */ a(
+            X,
+            {
+              name: "ownerManagedAccess",
+              label: e("ownerManagedAccess"),
+              labelIcon: e("ownerManagedAccessHelp")
+            }
+          ),
+          /* @__PURE__ */ a(
+            A,
+            {
+              hasNoPaddingTop: !0,
+              label: e("resourceAttribute"),
+              labelIcon: /* @__PURE__ */ a(
+                w,
+                {
+                  helpText: e("resourceAttributeHelp"),
+                  fieldLabelId: "resourceAttribute"
+                }
+              ),
+              fieldId: "resourceAttribute",
+              children: /* @__PURE__ */ a(Z, { name: "attributes", isDisabled: v })
+            }
+          ),
+          /* @__PURE__ */ a($, { children: /* @__PURE__ */ c("div", { className: "pf-v5-u-mt-md", children: [
+            /* @__PURE__ */ a(
+              D,
+              {
+                variant: ee.primary,
+                type: "submit",
+                "data-testid": "save",
+                children: e("save")
+              }
+            ),
+            /* @__PURE__ */ a(
+              D,
+              {
+                variant: "link",
+                "data-testid": "cancel",
+                component: (r) => /* @__PURE__ */ a(
+                  ne,
+                  {
+                    ...r,
+                    to: R({
+                      realm: u,
+                      clientId: t,
+                      tab: "resources"
+                    })
+                  }
+                ),
+                children: e("cancel")
+              }
+            )
+          ] }) })
+        ]
+      }
+    ) }) })
+  ] }) : /* @__PURE__ */ a(O, {});
+}
+export {
+  be as default
+};
+//# sourceMappingURL=ResourceDetails-Br81AEgO.js.map

package/lib/ResourceDetails-Br81AEgO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDetails-Br81AEgO.js","sources":["../src/clients/authorization/ResourceDetails.tsx"],"sourcesContent":["import type ClientRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/clientRepresentation\";\nimport type ResourceRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/resourceRepresentation\";\nimport type ResourceServerRepresentation from \"@keycloak/keycloak-admin-client/lib/defs/resourceServerRepresentation\";\nimport {\n  HelpItem,\n  TextControl,\n  useAlerts,\n  useFetch,\n} from \"@keycloak/keycloak-ui-shared\";\nimport {\n  ActionGroup,\n  Alert,\n  AlertVariant,\n  Button,\n  ButtonVariant,\n  DropdownItem,\n  FormGroup,\n  PageSection,\n} from \"@patternfly/react-core\";\nimport { useState } from \"react\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useAdminClient } from \"../../admin-client\";\nimport { DefaultSwitchControl } from \"../../components/SwitchControl\";\nimport { useConfirmDialog } from \"../../components/confirm-dialog/ConfirmDialog\";\nimport { FormAccess } from \"../../components/form/FormAccess\";\nimport { KeyValueInput } from \"../../components/key-value-form/KeyValueInput\";\nimport type { KeyValueType } from \"../../components/key-value-form/key-value-convert\";\nimport { KeycloakSpinner } from \"@keycloak/keycloak-ui-shared\";\nimport { MultiLineInput } from \"../../components/multi-line-input/MultiLineInput\";\nimport { ViewHeader } from \"../../components/view-header/ViewHeader\";\nimport { useAccess } from \"../../context/access/Access\";\nimport { convertFormValuesToObject, convertToFormValues } from \"../../util\";\nimport { useParams } from \"../../utils/useParams\";\nimport { toAuthorizationTab } from \"../routes/AuthenticationTab\";\nimport { ResourceDetailsParams, toResourceDetails } from \"../routes/Resource\";\nimport { ScopePicker } from \"./ScopePicker\";\nimport \"./resource-details.css\";\n\ntype SubmittedResource = Omit<\n  ResourceRepresentation,\n  \"attributes\" | \"scopes\"\n> & {\n  attributes: KeyValueType[];\n};\n\nexport default function ResourceDetails() {\n  const { adminClient } = useAdminClient();\n\n  const { t } = useTranslation();\n  const [client, setClient] = useState<ClientRepresentation>();\n  const [resource, setResource] = useState<ResourceRepresentation>();\n\n  const [permissions, setPermission] =\n    useState<ResourceServerRepresentation[]>();\n\n  const { addAlert, addError } = useAlerts();\n  const form = useForm<SubmittedResource>({\n    mode: \"onChange\",\n  });\n  const { setValue, handleSubmit } = form;\n\n  const { id, resourceId, realm } = useParams<ResourceDetailsParams>();\n  const navigate = useNavigate();\n\n  const setupForm = (resource: ResourceRepresentation = {}) => {\n    convertToFormValues(resource, setValue);\n  };\n\n  const { hasAccess } = useAccess();\n\n  const isDisabled = !hasAccess(\"manage-authorization\");\n\n  useFetch(\n    () =>\n      Promise.all([\n        adminClient.clients.findOne({ id }),\n        resourceId\n          ? adminClient.clients.getResource({ id, resourceId })\n          : Promise.resolve(undefined),\n        resourceId\n          ? adminClient.clients.listPermissionsByResource({ id, resourceId })\n          : Promise.resolve(undefined),\n      ]),\n    ([client, resource, permissions]) => {\n      if (!client) {\n        throw new Error(t(\"notFound\"));\n      }\n      setClient(client);\n      setPermission(permissions);\n      setResource(resource);\n      setupForm(resource);\n    },\n    [],\n  );\n\n  const submit = async (submitted: SubmittedResource) => {\n    const resource = convertFormValuesToObject<\n      SubmittedResource,\n      ResourceRepresentation\n    >(submitted);\n\n    try {\n      if (resourceId) {\n        await adminClient.clients.updateResource({ id, resourceId }, resource);\n      } else {\n        const result = await adminClient.clients.createResource(\n          { id },\n          resource,\n        );\n        setResource(resource);\n        navigate(toResourceDetails({ realm, id, resourceId: result._id! }));\n      }\n      addAlert(\n        t((resourceId ? \"update\" : \"create\") + \"ResourceSuccess\"),\n        AlertVariant.success,\n      );\n    } catch (error) {\n      addError(\"resourceSaveError\", error);\n    }\n  };\n\n  const [toggleDeleteDialog, DeleteConfirm] = useConfirmDialog({\n    titleKey: \"deleteResource\",\n    children: (\n      <>\n        {t(\"deleteResourceConfirm\")}\n        {permissions?.length !== 0 && (\n          <Alert\n            variant=\"warning\"\n            isInline\n            isPlain\n            title={t(\"deleteResourceWarning\")}\n            className=\"pf-v5-u-pt-lg\"\n          >\n            <p className=\"pf-v5-u-pt-xs\">\n              {permissions?.map((permission) => (\n                <strong key={permission.id} className=\"pf-v5-u-pr-md\">\n                  {permission.name}\n                </strong>\n              ))}\n            </p>\n          </Alert>\n        )}\n      </>\n    ),\n    continueButtonLabel: \"confirm\",\n    onConfirm: async () => {\n      try {\n        await adminClient.clients.delResource({\n          id,\n          resourceId: resourceId!,\n        });\n        addAlert(t(\"resourceDeletedSuccess\"), AlertVariant.success);\n        navigate(toAuthorizationTab({ realm, clientId: id, tab: \"resources\" }));\n      } catch (error) {\n        addError(\"resourceDeletedError\", error);\n      }\n    },\n  });\n\n  if (!client) {\n    return <KeycloakSpinner />;\n  }\n\n  return (\n    <>\n      <DeleteConfirm />\n      <ViewHeader\n        titleKey={resourceId ? resource?.name! : \"createResource\"}\n        dropdownItems={\n          resourceId\n            ? [\n                <DropdownItem\n                  key=\"delete\"\n                  data-testid=\"delete-resource\"\n                  isDisabled={isDisabled}\n                  onClick={() => toggleDeleteDialog()}\n                >\n                  {t(\"delete\")}\n                </DropdownItem>,\n              ]\n            : undefined\n        }\n      />\n      <PageSection variant=\"light\">\n        <FormProvider {...form}>\n          <FormAccess\n            isHorizontal\n            role=\"manage-authorization\"\n            className=\"keycloak__resource-details__form\"\n            onSubmit={handleSubmit(submit)}\n          >\n            <TextControl\n              name={resourceId ? \"owner.name\" : \"\"}\n              label={t(\"owner\")}\n              labelIcon={t(\"ownerHelp\")}\n              defaultValue={client.clientId}\n              readOnly\n            />\n            <TextControl\n              name={\"name\"}\n              label={t(\"name\")}\n              labelIcon={t(\"resourceNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"displayName\"\n              label={t(\"displayName\")}\n              labelIcon={t(\"displayNameHelp\")}\n              rules={{ required: t(\"required\") }}\n            />\n            <TextControl\n              name=\"type\"\n              label={t(\"type\")}\n              labelIcon={t(\"resourceDetailsTypeHelp\")}\n            />\n            <FormGroup\n              label={t(\"uris\")}\n              fieldId=\"uris\"\n              labelIcon={\n                <HelpItem helpText={t(\"urisHelp\")} fieldLabelId=\"uris\" />\n              }\n            >\n              <MultiLineInput\n                name=\"uris\"\n                type=\"url\"\n                aria-label={t(\"uris\")}\n                addButtonLabel=\"addUri\"\n              />\n            </FormGroup>\n            <ScopePicker clientId={id} />\n            <TextControl\n              name=\"icon_uri\"\n              label={t(\"iconUri\")}\n              labelIcon={t(\"iconUriHelp\")}\n              type=\"url\"\n            />\n            <DefaultSwitchControl\n              name=\"ownerManagedAccess\"\n              label={t(\"ownerManagedAccess\")}\n              labelIcon={t(\"ownerManagedAccessHelp\")}\n            />\n            <FormGroup\n              hasNoPaddingTop\n              label={t(\"resourceAttribute\")}\n              labelIcon={\n                <HelpItem\n                  helpText={t(\"resourceAttributeHelp\")}\n                  fieldLabelId=\"resourceAttribute\"\n                />\n              }\n              fieldId=\"resourceAttribute\"\n            >\n              <KeyValueInput name=\"attributes\" isDisabled={isDisabled} />\n            </FormGroup>\n            <ActionGroup>\n              <div className=\"pf-v5-u-mt-md\">\n                <Button\n                  variant={ButtonVariant.primary}\n                  type=\"submit\"\n                  data-testid=\"save\"\n                >\n                  {t(\"save\")}\n                </Button>\n\n                <Button\n                  variant=\"link\"\n                  data-testid=\"cancel\"\n                  component={(props) => (\n                    <Link\n                      {...props}\n                      to={toAuthorizationTab({\n                        realm,\n                        clientId: id,\n                        tab: \"resources\",\n                      })}\n                    ></Link>\n                  )}\n                >\n                  {t(\"cancel\")}\n                </Button>\n              </div>\n            </ActionGroup>\n          </FormAccess>\n        </FormProvider>\n      </PageSection>\n    </>\n  );\n}\n"],"names":["ResourceDetails","adminClient","useAdminClient","t","useTranslation","client","setClient","useState","resource","setResource","permissions","setPermission","addAlert","addError","useAlerts","form","useForm","setValue","handleSubmit","id","resourceId","realm","useParams","navigate","useNavigate","setupForm","convertToFormValues","hasAccess","useAccess","isDisabled","useFetch","submit","submitted","convertFormValuesToObject","result","toResourceDetails","AlertVariant","error","toggleDeleteDialog","DeleteConfirm","useConfirmDialog","jsxs","Fragment","jsx","Alert","permission","toAuthorizationTab","ViewHeader","DropdownItem","PageSection","FormProvider","FormAccess","TextControl","FormGroup","HelpItem","MultiLineInput","ScopePicker","DefaultSwitchControl","KeyValueInput","ActionGroup","Button","ButtonVariant","props","Link","KeycloakSpinner"],"mappings":"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"}

package/lib/{ScopeDetails-plfHXCXz.js → ScopeDetails-nDvWwhgg.js}

@@ -1,18 +1,18 @@
 import { jsxs as c, Fragment as D, jsx as t } from "react/jsx-runtime";
-import { u as w, b9 as N, B as z, aH as F, b as H, n as k, br as C, bb as l, V as U, aG as B, P, F as V, c as j, q as d, A as q, d as m, h as x, e as E } from "./index-lFXE1rYJ.js";
-import { useState as T } from "react";
-import { useTranslation as G } from "react-i18next";
-import { useNavigate as K, Link as L } from "react-router-dom";
-function W() {
-  const { adminClient: r } = w(), { t: e } = G(), { id: i, scopeId: o, realm: s } = N(), p = K(), { addAlert: S, addError: f } = z(), [v, u] = F(), [n, h] = T(), b = H({
+import { u as w, ao as N, V as z, Q as F, b as k, n as C, aF as H, ay as l, c as U, K as V, P, F as x, d as B, Y as d, A as E, B as m, l as T, e as j } from "./index-CRHbhwXr.js";
+import { useState as q } from "react";
+import { useTranslation as K } from "react-i18next";
+import { useNavigate as Y, Link as G } from "react-router-dom";
+function R() {
+  const { adminClient: r } = w(), { t: e } = K(), { id: o, scopeId: i, realm: s } = N(), p = Y(), { addAlert: b, addError: v } = z(), [f, u] = F(), [n, h] = q(), g = k({
     mode: "onChange"
-  }), { reset: g, handleSubmit: y } = b;
-  k(
+  }), { reset: S, handleSubmit: y } = g;
+  C(
     async () => {
-      if (o) {
+      if (i) {
         const a = await r.clients.getAuthorizationScope({
-          id: i,
-          scopeId: o
+          id: o,
+          scopeId: i
         });
         if (!a)
           throw new Error(e("notFound"));
@@ -20,48 +20,48 @@ function W() {
       }
     },
     (a) => {
-      h(a), g({ ...a });
+      h(a), S({ ...a });
     },
     []
   );
   const A = async (a) => {
     try {
-      o ? (await r.clients.updateAuthorizationScope(
-        { id: i, scopeId: o },
+      i ? (await r.clients.updateAuthorizationScope(
+        { id: o, scopeId: i },
         a
       ), h(a)) : (await r.clients.createAuthorizationScope(
-        { id: i },
+        { id: o },
         {
           name: a.name,
           displayName: a.displayName,
           iconUri: a.iconUri
         }
-      ), p(l({ realm: s, clientId: i, tab: "scopes" }))), S(
-        e((o ? "update" : "create") + "ScopeSuccess"),
-        E.success
+      ), p(l({ realm: s, clientId: o, tab: "scopes" }))), b(
+        e((i ? "update" : "create") + "ScopeSuccess"),
+        j.success
       );
     } catch (I) {
-      f("scopeSaveError", I);
+      v("scopeSaveError", I);
     }
   };
   return /* @__PURE__ */ c(D, { children: [
     /* @__PURE__ */ t(
-      C,
+      H,
       {
-        clientId: i,
-        open: v,
+        clientId: o,
+        open: f,
         toggleDialog: u,
         selectedScope: n,
-        refresh: () => p(l({ realm: s, clientId: i, tab: "scopes" }))
+        refresh: () => p(l({ realm: s, clientId: o, tab: "scopes" }))
       }
     ),
     /* @__PURE__ */ t(
       U,
       {
-        titleKey: o ? n?.name : e("createAuthorizationScope"),
-        dropdownItems: o ? [
+        titleKey: i ? n?.name : e("createAuthorizationScope"),
+        dropdownItems: i ? [
           /* @__PURE__ */ t(
-            B,
+            V,
             {
               "data-testid": "delete-resource",
               onClick: () => u(),
@@ -72,8 +72,8 @@ function W() {
         ] : void 0
       }
     ),
-    /* @__PURE__ */ t(P, { variant: "light", children: /* @__PURE__ */ t(V, { ...b, children: /* @__PURE__ */ c(
-      j,
+    /* @__PURE__ */ t(P, { variant: "light", children: /* @__PURE__ */ t(x, { ...g, children: /* @__PURE__ */ c(
+      B,
       {
         isHorizontal: !0,
         role: "manage-authorization",
@@ -104,11 +104,11 @@ function W() {
               labelIcon: e("iconUriHelp")
             }
           ),
-          /* @__PURE__ */ t(q, { children: /* @__PURE__ */ c("div", { className: "pf-v5-u-mt-md", children: [
+          /* @__PURE__ */ t(E, { children: /* @__PURE__ */ c("div", { className: "pf-v5-u-mt-md", children: [
             /* @__PURE__ */ t(
               m,
               {
-                variant: x.primary,
+                variant: T.primary,
                 type: "submit",
                 "data-testid": "save",
                 children: e("save")
@@ -119,7 +119,7 @@ function W() {
               {
                 variant: "link",
                 "data-testid": "revert",
-                onClick: () => g({ ...n }),
+                onClick: () => S({ ...n }),
                 children: e("revert")
               }
             ) : /* @__PURE__ */ t(
@@ -128,12 +128,12 @@ function W() {
                 variant: "link",
                 "data-testid": "cancel",
                 component: (a) => /* @__PURE__ */ t(
-                  L,
+                  G,
                   {
                     ...a,
                     to: l({
                       realm: s,
-                      clientId: i,
+                      clientId: o,
                       tab: "scopes"
                     })
                   }
@@ -148,6 +148,6 @@ function W() {
   ] });
 }
 export {
-  W as default
+  R as default
 };
-//# sourceMappingURL=ScopeDetails-plfHXCXz.js.map
+//# sourceMappingURL=ScopeDetails-nDvWwhgg.js.map