@keycloak/keycloak-account-ui 25.0.0 → 25.0.1

package/README.md

@@ -22,7 +22,7 @@ import { KeycloakProvider } from "@keycloak/keycloak-account-ui";
 //...
 
 <KeycloakProvider environment={{
-      authServerUrl: "http://localhost:8080",
+      serverBaseUrl: "http://localhost:8080",
       realm: "master",
       clientId: "security-admin-console"
   }}>

package/lib/.vite/manifest.json

@@ -0,0 +1,234 @@
+{
+  "_DataListItemCells-HvkrNuyf.js": {
+    "file": "DataListItemCells-HvkrNuyf.js",
+    "name": "DataListItemCells",
+    "imports": [
+      "_main-LT0fpout.js",
+      "_DataListItemRow-BgXGMhq_.js"
+    ]
+  },
+  "_DataListItemRow-BgXGMhq_.js": {
+    "file": "DataListItemRow-BgXGMhq_.js",
+    "name": "DataListItemRow",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_DescriptionListTerm-DATZJS1v.js": {
+    "file": "DescriptionListTerm-DATZJS1v.js",
+    "name": "DescriptionListTerm",
+    "imports": [
+      "_main-LT0fpout.js",
+      "_DataListItemRow-BgXGMhq_.js"
+    ]
+  },
+  "_EmptyRow-BEKTnWmg.js": {
+    "file": "EmptyRow-BEKTnWmg.js",
+    "name": "EmptyRow",
+    "imports": [
+      "_main-LT0fpout.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DataListItemCells-HvkrNuyf.js"
+    ]
+  },
+  "_Form-CAogxqA7.js": {
+    "file": "Form-CAogxqA7.js",
+    "name": "Form",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_Label-DQilanR5.js": {
+    "file": "Label-DQilanR5.js",
+    "name": "Label",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_Page-LpWak9oZ.js": {
+    "file": "Page-LpWak9oZ.js",
+    "name": "Page",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_SplitItem-CqwZrWVR.js": {
+    "file": "SplitItem-CqwZrWVR.js",
+    "name": "SplitItem",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_api-D7GQNM0v.js": {
+    "file": "api-D7GQNM0v.js",
+    "name": "api",
+    "imports": [
+      "_Page-LpWak9oZ.js",
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_formatDate-COJAU9LP.js": {
+    "file": "formatDate-COJAU9LP.js",
+    "name": "formatDate",
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "_main-LT0fpout.js": {
+    "file": "main-LT0fpout.js",
+    "name": "main",
+    "dynamicImports": [
+      "src/account-security/DeviceActivity.tsx",
+      "src/account-security/LinkedAccounts.tsx",
+      "src/account-security/SigningIn.tsx",
+      "src/applications/Applications.tsx",
+      "src/groups/Groups.tsx",
+      "src/personal-info/PersonalInfo.tsx",
+      "src/resources/Resources.tsx",
+      "src/content/ContentComponent.tsx",
+      "src/oid4vci/Oid4Vci.tsx"
+    ]
+  },
+  "_methods-DjReSJIY.js": {
+    "file": "methods-DjReSJIY.js",
+    "name": "methods",
+    "imports": [
+      "_main-LT0fpout.js",
+      "_Page-LpWak9oZ.js"
+    ]
+  },
+  "src/account-security/DeviceActivity.tsx": {
+    "file": "DeviceActivity-Csnh-n7-.js",
+    "name": "DeviceActivity",
+    "src": "src/account-security/DeviceActivity.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_methods-DjReSJIY.js",
+      "_Page-LpWak9oZ.js",
+      "_formatDate-COJAU9LP.js",
+      "_SplitItem-CqwZrWVR.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DescriptionListTerm-DATZJS1v.js",
+      "_Label-DQilanR5.js"
+    ]
+  },
+  "src/account-security/LinkedAccounts.tsx": {
+    "file": "LinkedAccounts-BkzIU-tR.js",
+    "name": "LinkedAccounts",
+    "src": "src/account-security/LinkedAccounts.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_methods-DjReSJIY.js",
+      "_EmptyRow-BEKTnWmg.js",
+      "_Page-LpWak9oZ.js",
+      "_main-LT0fpout.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DataListItemCells-HvkrNuyf.js",
+      "_SplitItem-CqwZrWVR.js",
+      "_Label-DQilanR5.js"
+    ]
+  },
+  "src/account-security/SigningIn.tsx": {
+    "file": "SigningIn-CRvXRXLM.js",
+    "name": "SigningIn",
+    "src": "src/account-security/SigningIn.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_methods-DjReSJIY.js",
+      "_EmptyRow-BEKTnWmg.js",
+      "_Page-LpWak9oZ.js",
+      "_formatDate-COJAU9LP.js",
+      "_SplitItem-CqwZrWVR.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DataListItemCells-HvkrNuyf.js"
+    ]
+  },
+  "src/applications/Applications.tsx": {
+    "file": "Applications-BZ7tT42a.js",
+    "name": "Applications",
+    "src": "src/applications/Applications.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_methods-DjReSJIY.js",
+      "_Page-LpWak9oZ.js",
+      "_formatDate-COJAU9LP.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DataListItemCells-HvkrNuyf.js",
+      "_DescriptionListTerm-DATZJS1v.js"
+    ]
+  },
+  "src/content/ContentComponent.tsx": {
+    "file": "ContentComponent-zyAEvCly.js",
+    "name": "ContentComponent",
+    "src": "src/content/ContentComponent.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "src/groups/Groups.tsx": {
+    "file": "Groups-C7gi8oe4.js",
+    "name": "Groups",
+    "src": "src/groups/Groups.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_methods-DjReSJIY.js",
+      "_Page-LpWak9oZ.js",
+      "_DataListItemRow-BgXGMhq_.js",
+      "_DataListItemCells-HvkrNuyf.js"
+    ]
+  },
+  "src/main.tsx": {
+    "file": "keycloak-account-ui.js",
+    "name": "main",
+    "src": "src/main.tsx",
+    "isEntry": true,
+    "imports": [
+      "_main-LT0fpout.js"
+    ]
+  },
+  "src/oid4vci/Oid4Vci.tsx": {
+    "file": "Oid4Vci-BFWeaH8S.js",
+    "name": "Oid4Vci",
+    "src": "src/oid4vci/Oid4Vci.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_api-D7GQNM0v.js",
+      "_Page-LpWak9oZ.js"
+    ]
+  },
+  "src/personal-info/PersonalInfo.tsx": {
+    "file": "PersonalInfo-CbruQnwv.js",
+    "name": "PersonalInfo",
+    "src": "src/personal-info/PersonalInfo.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_methods-DjReSJIY.js",
+      "_Page-LpWak9oZ.js",
+      "_Form-CAogxqA7.js"
+    ]
+  },
+  "src/resources/Resources.tsx": {
+    "file": "Resources-CxbWTaNc.js",
+    "name": "Resources",
+    "src": "src/resources/Resources.tsx",
+    "isDynamicEntry": true,
+    "imports": [
+      "_main-LT0fpout.js",
+      "_api-D7GQNM0v.js",
+      "_methods-DjReSJIY.js",
+      "_Form-CAogxqA7.js",
+      "_Page-LpWak9oZ.js"
+    ]
+  },
+  "style.css": {
+    "file": "style.css",
+    "src": "style.css"
+  }
+}

package/lib/Applications-BZ7tT42a.js

@@ -0,0 +1,249 @@
+import { jsx as t, jsxs as n, Fragment as E } from "react/jsx-runtime";
+import * as m from "react";
+import { useState as b } from "react";
+import { useTranslation as T } from "react-i18next";
+import { _ as $, b as I, B as U, i as M, A as P, c as O, l as S, r as k, u as G, S as j, j as R, C as Z, G as B, a as D, s as V } from "./main-LT0fpout.js";
+import { c as _, e as q } from "./methods-DjReSJIY.js";
+import { P as F } from "./Page-LpWak9oZ.js";
+import { f as H } from "./formatDate-COJAU9LP.js";
+import { s as p, D as K, a as y, b as A } from "./DataListItemRow-BgXGMhq_.js";
+import { D as N, a as d } from "./DataListItemCells-HvkrNuyf.js";
+import { D as z, a as J, b as r, c as l, d as a } from "./DescriptionListTerm-DATZJS1v.js";
+const v = (s) => {
+  var { className: h = "", isExpanded: g = !1, "aria-controls": f = "", "aria-label": c = "Details", rowid: C = "", id: o, buttonProps: L } = s, u = $(s, ["className", "isExpanded", "aria-controls", "aria-label", "rowid", "id", "buttonProps"]);
+  return m.createElement(
+    "div",
+    Object.assign({ className: I(p.dataListItemControl, h) }, u),
+    m.createElement(
+      "div",
+      { className: I(p.dataListToggle) },
+      m.createElement(
+        U,
+        Object.assign({ id: o, variant: M.plain, "aria-controls": f !== "" && f, "aria-label": c, "aria-labelledby": c !== "Details" ? null : `${C} ${o}`, "aria-expanded": g }, L),
+        m.createElement(
+          "div",
+          { className: I(p.dataListToggleIcon) },
+          m.createElement(P, null)
+        )
+      )
+    )
+  );
+};
+v.displayName = "DataListToggle";
+const Q = {
+  name: "InfoAltIcon",
+  height: 1024,
+  width: 1024,
+  svgPath: "M592,369 L592,289 C592.013862,284.755109 590.320137,280.682962 587.3,277.7 C584.338831,274.647672 580.252355,272.947987 576,273 L464,273 C459.755109,272.986138 455.682962,274.679863 452.7,277.7 C449.647672,280.661169 447.947987,284.747645 447.99884,289 L447.99884,369 C447.986138,373.244891 449.679863,377.317038 452.7,380.3 C455.661169,383.352328 459.747645,385.052013 464,385 L576,385 C580.244891,385.013862 584.317038,383.320137 587.3,380.3 C590.359349,377.343612 592.060354,373.253963 592,369 Z M592,705 L592,465 C592,456.163444 584.836556,449 576,449 L432,449 C423.163444,449 416,456.163444 416,465 L416,497 C416,505.836556 423.163444,513 432,513 L448,513 L448,705 L416,705 C407.163444,705 400,712.163444 400,721 L400,753 C400,761.836556 407.163444,769 416,769 L624,769 C632.836556,769 640,761.836556 640,753 L640,721 C640,712.163444 632.836556,705 624,705 L592,705 Z M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 Z M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0 Z",
+  yOffset: 0,
+  xOffset: 0
+}, W = O(Q), ce = () => {
+  const { t: s } = T(), h = S(), { addAlert: g, addError: f } = k(), [c, C] = b(), [o, L] = b(1), u = () => L(o + 1);
+  G(
+    (e) => _({ signal: e, context: h }),
+    (e) => C(e.map((i) => ({ ...i, open: !1 }))),
+    [o]
+  );
+  const w = (e) => {
+    C([
+      ...c.map(
+        (i) => i.clientId === e ? { ...i, open: !i.open } : i
+      )
+    ]);
+  }, x = async (e) => {
+    try {
+      await q(h, e), u(), g(s("removeConsentSuccess"));
+    } catch (i) {
+      f(s("removeConsentError", { error: i }).toString());
+    }
+  };
+  return c ? /* @__PURE__ */ t(F, { title: s("application"), description: s("applicationsIntroMessage"), children: /* @__PURE__ */ n(K, { id: "applications-list", "aria-label": s("application"), children: [
+    /* @__PURE__ */ t(
+      y,
+      {
+        id: "applications-list-header",
+        "aria-labelledby": "Columns names",
+        children: /* @__PURE__ */ n(A, { children: [
+          /* @__PURE__ */ t("span", { style: { visibility: "hidden", height: 55 }, children: /* @__PURE__ */ t(
+            v,
+            {
+              id: "applications-list-header-invisible-toggle",
+              "aria-controls": "applications-list-content"
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            N,
+            {
+              dataListCells: [
+                /* @__PURE__ */ t(
+                  d,
+                  {
+                    width: 2,
+                    className: "pf-v5-u-pt-md",
+                    children: /* @__PURE__ */ t("strong", { children: s("name") })
+                  },
+                  "applications-list-client-id-header"
+                ),
+                /* @__PURE__ */ t(
+                  d,
+                  {
+                    width: 2,
+                    className: "pf-v5-u-pt-md",
+                    children: /* @__PURE__ */ t("strong", { children: s("applicationType") })
+                  },
+                  "applications-list-app-type-header"
+                ),
+                /* @__PURE__ */ t(
+                  d,
+                  {
+                    width: 2,
+                    className: "pf-v5-u-pt-md",
+                    children: /* @__PURE__ */ t("strong", { children: s("status") })
+                  },
+                  "applications-list-status"
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    c.map((e) => /* @__PURE__ */ n(
+      y,
+      {
+        "aria-labelledby": "applications-list",
+        "data-testid": "applications-list-item",
+        isExpanded: e.open,
+        children: [
+          /* @__PURE__ */ n(A, { className: "pf-v5-u-align-items-center", children: [
+            /* @__PURE__ */ t(
+              v,
+              {
+                onClick: () => w(e.clientId),
+                isExpanded: e.open,
+                id: `toggle-${e.clientId}`,
+                "aria-controls": `content-${e.clientId}`
+              }
+            ),
+            /* @__PURE__ */ t(
+              N,
+              {
+                className: "pf-v5-u-align-items-center",
+                dataListCells: [
+                  /* @__PURE__ */ n(d, { width: 2, children: [
+                    e.effectiveUrl && /* @__PURE__ */ n(
+                      U,
+                      {
+                        className: "pf-v5-u-pl-0 title-case",
+                        component: "a",
+                        variant: "link",
+                        onClick: () => window.open(e.effectiveUrl),
+                        children: [
+                          e.clientName || e.clientId,
+                          " ",
+                          /* @__PURE__ */ t(R, {})
+                        ]
+                      }
+                    ),
+                    !e.effectiveUrl && /* @__PURE__ */ t("span", { children: e.clientName || e.clientId })
+                  ] }, `client${e.clientId}`),
+                  /* @__PURE__ */ n(
+                    d,
+                    {
+                      width: 2,
+                      children: [
+                        e.userConsentRequired ? s("thirdPartyApp") : s("internalApp"),
+                        e.offlineAccess ? ", " + s("offlineAccess") : ""
+                      ]
+                    },
+                    `internal${e.clientId}`
+                  ),
+                  /* @__PURE__ */ t(d, { width: 2, children: e.inUse ? s("inUse") : s("notInUse") }, `status${e.clientId}`)
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(
+            z,
+            {
+              id: `content-${e.clientId}`,
+              className: "pf-v5-u-pl-4xl",
+              "aria-label": s("applicationDetails", {
+                clientId: e.clientId
+              }),
+              isHidden: !e.open,
+              children: [
+                /* @__PURE__ */ n(J, { children: [
+                  /* @__PURE__ */ n(r, { children: [
+                    /* @__PURE__ */ t(l, { children: s("client") }),
+                    /* @__PURE__ */ t(a, { children: e.clientId })
+                  ] }),
+                  e.description && /* @__PURE__ */ n(r, { children: [
+                    /* @__PURE__ */ t(l, { children: s("description") }),
+                    /* @__PURE__ */ t(a, { children: e.description })
+                  ] }),
+                  e.effectiveUrl && /* @__PURE__ */ n(r, { children: [
+                    /* @__PURE__ */ t(l, { children: "URL" }),
+                    /* @__PURE__ */ t(a, { children: e.effectiveUrl.split('"') })
+                  ] }),
+                  e.consent && /* @__PURE__ */ n(E, { children: [
+                    /* @__PURE__ */ n(r, { children: [
+                      /* @__PURE__ */ t(l, { children: s("hasAccessTo") }),
+                      e.consent.grantedScopes.map((i) => /* @__PURE__ */ n(a, { children: [
+                        /* @__PURE__ */ t(Z, {}),
+                        " ",
+                        s(i.name)
+                      ] }, `scope${i.id}`))
+                    ] }),
+                    e.tosUri && /* @__PURE__ */ n(r, { children: [
+                      /* @__PURE__ */ t(l, { children: s("termsOfService") }),
+                      /* @__PURE__ */ t(a, { children: e.tosUri })
+                    ] }),
+                    e.policyUri && /* @__PURE__ */ n(r, { children: [
+                      /* @__PURE__ */ t(l, { children: s("privacyPolicy") }),
+                      /* @__PURE__ */ t(a, { children: e.policyUri })
+                    ] }),
+                    e.logoUri && /* @__PURE__ */ n(r, { children: [
+                      /* @__PURE__ */ t(l, { children: s("logo") }),
+                      /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t("img", { src: e.logoUri }) })
+                    ] }),
+                    /* @__PURE__ */ n(r, { children: [
+                      /* @__PURE__ */ t(l, { children: s("accessGrantedOn") }),
+                      /* @__PURE__ */ t(a, { children: H(new Date(e.consent.createdDate)) })
+                    ] })
+                  ] })
+                ] }),
+                (e.consent || e.offlineAccess) && /* @__PURE__ */ n(B, { hasGutter: !0, children: [
+                  /* @__PURE__ */ t("hr", {}),
+                  /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+                    V,
+                    {
+                      buttonTitle: s("removeAccess"),
+                      modalTitle: s("removeAccess"),
+                      continueLabel: s("confirm"),
+                      cancelLabel: s("cancel"),
+                      buttonVariant: "secondary",
+                      onContinue: () => x(e.clientId),
+                      children: s("removeModalMessage", { name: e.clientId })
+                    }
+                  ) }),
+                  /* @__PURE__ */ n(D, { children: [
+                    /* @__PURE__ */ t(W, {}),
+                    " ",
+                    s("infoMessage")
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      },
+      e.clientId
+    ))
+  ] }) }) : /* @__PURE__ */ t(j, {});
+};
+export {
+  ce as Applications,
+  ce as default
+};
+//# sourceMappingURL=Applications-BZ7tT42a.js.map

package/lib/Applications-BZ7tT42a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Applications-BZ7tT42a.js","sources":["../../../../node_modules/.pnpm/@patternfly+react-core@5.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@patternfly/react-core/dist/esm/components/DataList/DataListToggle.js","../../../../node_modules/.pnpm/@patternfly+react-icons@5.3.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@patternfly/react-icons/dist/esm/icons/info-alt-icon.js","../src/applications/Applications.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { css } from '@patternfly/react-styles';\nimport AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';\nimport styles from '@patternfly/react-styles/css/components/DataList/data-list.mjs';\nimport { Button, ButtonVariant } from '../Button';\nexport const DataListToggle = (_a) => {\n    var { className = '', isExpanded = false, 'aria-controls': ariaControls = '', 'aria-label': ariaLabel = 'Details', rowid = '', id, buttonProps } = _a, props = __rest(_a, [\"className\", \"isExpanded\", 'aria-controls', 'aria-label', \"rowid\", \"id\", \"buttonProps\"]);\n    return (React.createElement(\"div\", Object.assign({ className: css(styles.dataListItemControl, className) }, props),\n        React.createElement(\"div\", { className: css(styles.dataListToggle) },\n            React.createElement(Button, Object.assign({ id: id, variant: ButtonVariant.plain, \"aria-controls\": ariaControls !== '' && ariaControls, \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabel !== 'Details' ? null : `${rowid} ${id}`, \"aria-expanded\": isExpanded }, buttonProps),\n                React.createElement(\"div\", { className: css(styles.dataListToggleIcon) },\n                    React.createElement(AngleRightIcon, null))))));\n};\nDataListToggle.displayName = 'DataListToggle';\n//# sourceMappingURL=DataListToggle.js.map","import { createIcon } from '../createIcon';\n\nexport const InfoAltIconConfig = {\n  name: 'InfoAltIcon',\n  height: 1024,\n  width: 1024,\n  svgPath: 'M592,369 L592,289 C592.013862,284.755109 590.320137,280.682962 587.3,277.7 C584.338831,274.647672 580.252355,272.947987 576,273 L464,273 C459.755109,272.986138 455.682962,274.679863 452.7,277.7 C449.647672,280.661169 447.947987,284.747645 447.99884,289 L447.99884,369 C447.986138,373.244891 449.679863,377.317038 452.7,380.3 C455.661169,383.352328 459.747645,385.052013 464,385 L576,385 C580.244891,385.013862 584.317038,383.320137 587.3,380.3 C590.359349,377.343612 592.060354,373.253963 592,369 Z M592,705 L592,465 C592,456.163444 584.836556,449 576,449 L432,449 C423.163444,449 416,456.163444 416,465 L416,497 C416,505.836556 423.163444,513 432,513 L448,513 L448,705 L416,705 C407.163444,705 400,712.163444 400,721 L400,753 C400,761.836556 407.163444,769 416,769 L624,769 C632.836556,769 640,761.836556 640,753 L640,721 C640,712.163444 632.836556,705 624,705 L592,705 Z M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 Z M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0 Z',\n  yOffset: 0,\n  xOffset: 0,\n};\n\nexport const InfoAltIcon = createIcon(InfoAltIconConfig);\n\nexport default InfoAltIcon;","import {\n  Button,\n  DataList,\n  DataListCell,\n  DataListContent,\n  DataListItem,\n  DataListItemCells,\n  DataListItemRow,\n  DataListToggle,\n  DescriptionList,\n  DescriptionListDescription,\n  DescriptionListGroup,\n  DescriptionListTerm,\n  Grid,\n  GridItem,\n  Spinner,\n} from \"@patternfly/react-core\";\nimport {\n  CheckIcon,\n  ExternalLinkAltIcon,\n  InfoAltIcon,\n} from \"@patternfly/react-icons\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport {\n  ContinueCancelModal,\n  useAlerts,\n  useEnvironment,\n} from \"@keycloak/keycloak-ui-shared\";\nimport { deleteConsent, getApplications } from \"../api/methods\";\nimport { ClientRepresentation } from \"../api/representations\";\nimport { Page } from \"../components/page/Page\";\nimport { TFuncKey } from \"../i18n\";\nimport { formatDate } from \"../utils/formatDate\";\nimport { usePromise } from \"../utils/usePromise\";\n\ntype Application = ClientRepresentation & {\n  open: boolean;\n};\n\nexport const Applications = () => {\n  const { t } = useTranslation();\n  const context = useEnvironment();\n  const { addAlert, addError } = useAlerts();\n\n  const [applications, setApplications] = useState<Application[]>();\n  const [key, setKey] = useState(1);\n  const refresh = () => setKey(key + 1);\n\n  usePromise(\n    (signal) => getApplications({ signal, context }),\n    (clients) => setApplications(clients.map((c) => ({ ...c, open: false }))),\n    [key],\n  );\n\n  const toggleOpen = (clientId: string) => {\n    setApplications([\n      ...applications!.map((a) =>\n        a.clientId === clientId ? { ...a, open: !a.open } : a,\n      ),\n    ]);\n  };\n\n  const removeConsent = async (id: string) => {\n    try {\n      await deleteConsent(context, id);\n      refresh();\n      addAlert(t(\"removeConsentSuccess\"));\n    } catch (error) {\n      addError(t(\"removeConsentError\", { error }).toString());\n    }\n  };\n\n  if (!applications) {\n    return <Spinner />;\n  }\n\n  return (\n    <Page title={t(\"application\")} description={t(\"applicationsIntroMessage\")}>\n      <DataList id=\"applications-list\" aria-label={t(\"application\")}>\n        <DataListItem\n          id=\"applications-list-header\"\n          aria-labelledby=\"Columns names\"\n        >\n          <DataListItemRow>\n            <span style={{ visibility: \"hidden\", height: 55 }}>\n              <DataListToggle\n                id=\"applications-list-header-invisible-toggle\"\n                aria-controls=\"applications-list-content\"\n              />\n            </span>\n            <DataListItemCells\n              dataListCells={[\n                <DataListCell\n                  key=\"applications-list-client-id-header\"\n                  width={2}\n                  className=\"pf-v5-u-pt-md\"\n                >\n                  <strong>{t(\"name\")}</strong>\n                </DataListCell>,\n                <DataListCell\n                  key=\"applications-list-app-type-header\"\n                  width={2}\n                  className=\"pf-v5-u-pt-md\"\n                >\n                  <strong>{t(\"applicationType\")}</strong>\n                </DataListCell>,\n                <DataListCell\n                  key=\"applications-list-status\"\n                  width={2}\n                  className=\"pf-v5-u-pt-md\"\n                >\n                  <strong>{t(\"status\")}</strong>\n                </DataListCell>,\n              ]}\n            />\n          </DataListItemRow>\n        </DataListItem>\n        {applications.map((application) => (\n          <DataListItem\n            key={application.clientId}\n            aria-labelledby=\"applications-list\"\n            data-testid=\"applications-list-item\"\n            isExpanded={application.open}\n          >\n            <DataListItemRow className=\"pf-v5-u-align-items-center\">\n              <DataListToggle\n                onClick={() => toggleOpen(application.clientId)}\n                isExpanded={application.open}\n                id={`toggle-${application.clientId}`}\n                aria-controls={`content-${application.clientId}`}\n              />\n              <DataListItemCells\n                className=\"pf-v5-u-align-items-center\"\n                dataListCells={[\n                  <DataListCell width={2} key={`client${application.clientId}`}>\n                    {application.effectiveUrl && (\n                      <Button\n                        className=\"pf-v5-u-pl-0 title-case\"\n                        component=\"a\"\n                        variant=\"link\"\n                        onClick={() => window.open(application.effectiveUrl)}\n                      >\n                        {application.clientName || application.clientId}{\" \"}\n                        <ExternalLinkAltIcon />\n                      </Button>\n                    )}\n                    {!application.effectiveUrl && (\n                      <span>\n                        {application.clientName || application.clientId}\n                      </span>\n                    )}\n                  </DataListCell>,\n                  <DataListCell\n                    width={2}\n                    key={`internal${application.clientId}`}\n                  >\n                    {application.userConsentRequired\n                      ? t(\"thirdPartyApp\")\n                      : t(\"internalApp\")}\n                    {application.offlineAccess ? \", \" + t(\"offlineAccess\") : \"\"}\n                  </DataListCell>,\n                  <DataListCell width={2} key={`status${application.clientId}`}>\n                    {application.inUse ? t(\"inUse\") : t(\"notInUse\")}\n                  </DataListCell>,\n                ]}\n              />\n            </DataListItemRow>\n\n            <DataListContent\n              id={`content-${application.clientId}`}\n              className=\"pf-v5-u-pl-4xl\"\n              aria-label={t(\"applicationDetails\", {\n                clientId: application.clientId,\n              })}\n              isHidden={!application.open}\n            >\n              <DescriptionList>\n                <DescriptionListGroup>\n                  <DescriptionListTerm>{t(\"client\")}</DescriptionListTerm>\n                  <DescriptionListDescription>\n                    {application.clientId}\n                  </DescriptionListDescription>\n                </DescriptionListGroup>\n                {application.description && (\n                  <DescriptionListGroup>\n                    <DescriptionListTerm>\n                      {t(\"description\")}\n                    </DescriptionListTerm>\n                    <DescriptionListDescription>\n                      {application.description}\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n                {application.effectiveUrl && (\n                  <DescriptionListGroup>\n                    <DescriptionListTerm>URL</DescriptionListTerm>\n                    <DescriptionListDescription>\n                      {application.effectiveUrl.split('\"')}\n                    </DescriptionListDescription>\n                  </DescriptionListGroup>\n                )}\n                {application.consent && (\n                  <>\n                    <DescriptionListGroup>\n                      <DescriptionListTerm>\n                        {t(\"hasAccessTo\")}\n                      </DescriptionListTerm>\n                      {application.consent.grantedScopes.map((scope) => (\n                        <DescriptionListDescription key={`scope${scope.id}`}>\n                          <CheckIcon /> {t(scope.name as TFuncKey)}\n                        </DescriptionListDescription>\n                      ))}\n                    </DescriptionListGroup>\n                    {application.tosUri && (\n                      <DescriptionListGroup>\n                        <DescriptionListTerm>\n                          {t(\"termsOfService\")}\n                        </DescriptionListTerm>\n                        <DescriptionListDescription>\n                          {application.tosUri}\n                        </DescriptionListDescription>\n                      </DescriptionListGroup>\n                    )}\n                    {application.policyUri && (\n                      <DescriptionListGroup>\n                        <DescriptionListTerm>\n                          {t(\"privacyPolicy\")}\n                        </DescriptionListTerm>\n                        <DescriptionListDescription>\n                          {application.policyUri}\n                        </DescriptionListDescription>\n                      </DescriptionListGroup>\n                    )}\n                    {application.logoUri && (\n                      <DescriptionListGroup>\n                        <DescriptionListTerm>{t(\"logo\")}</DescriptionListTerm>\n                        <DescriptionListDescription>\n                          <img src={application.logoUri} />\n                        </DescriptionListDescription>\n                      </DescriptionListGroup>\n                    )}\n                    <DescriptionListGroup>\n                      <DescriptionListTerm>\n                        {t(\"accessGrantedOn\")}\n                      </DescriptionListTerm>\n                      <DescriptionListDescription>\n                        {formatDate(new Date(application.consent.createdDate))}\n                      </DescriptionListDescription>\n                    </DescriptionListGroup>\n                  </>\n                )}\n              </DescriptionList>\n              {(application.consent || application.offlineAccess) && (\n                <Grid hasGutter>\n                  <hr />\n                  <GridItem>\n                    <ContinueCancelModal\n                      buttonTitle={t(\"removeAccess\")}\n                      modalTitle={t(\"removeAccess\")}\n                      continueLabel={t(\"confirm\")}\n                      cancelLabel={t(\"cancel\")}\n                      buttonVariant=\"secondary\"\n                      onContinue={() => removeConsent(application.clientId)}\n                    >\n                      {t(\"removeModalMessage\", { name: application.clientId })}\n                    </ContinueCancelModal>\n                  </GridItem>\n                  <GridItem>\n                    <InfoAltIcon /> {t(\"infoMessage\")}\n                  </GridItem>\n                </Grid>\n              )}\n            </DataListContent>\n          </DataListItem>\n        ))}\n      </DataList>\n    </Page>\n  );\n};\n\nexport default Applications;\n"],"names":["DataListToggle","_a","className","isExpanded","ariaControls","ariaLabel","rowid","id","buttonProps","props","__rest","React","css","styles","Button","ButtonVariant","AngleRightIcon","InfoAltIconConfig","InfoAltIcon","createIcon","Applications","t","useTranslation","context","useEnvironment","addAlert","addError","useAlerts","applications","setApplications","useState","key","setKey","refresh","usePromise","signal","getApplications","clients","c","toggleOpen","clientId","a","removeConsent","deleteConsent","error","Page","DataList","jsx","DataListItem","DataListItemRow","DataListItemCells","DataListCell","application","jsxs","ExternalLinkAltIcon","DataListContent","DescriptionList","DescriptionListGroup","DescriptionListTerm","DescriptionListDescription","Fragment","scope","CheckIcon","formatDate","Grid","GridItem","ContinueCancelModal","Spinner"],"mappings":"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","x_google_ignoreList":[0,1]}

package/lib/ContentComponent-zyAEvCly.js

@@ -0,0 +1,31 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as c, useMemo as u, lazy as l, Suspense as f } from "react";
+import { useParams as p } from "react-router-dom";
+import { l as i, u as h, aF as d, S as C, aG as P } from "./main-LT0fpout.js";
+function a(o, n) {
+  for (const t of o) {
+    if ("path" in t && t.path.endsWith(n) && "modulePath" in t)
+      return t.modulePath;
+    if ("children" in t)
+      return a(t.children, n);
+  }
+}
+const k = () => {
+  const o = i(), [n, t] = c(), { componentId: r } = p();
+  h((m) => P({ signal: m, context: o }), t);
+  const s = u(
+    () => a(n || [], r),
+    [n, r]
+  );
+  return s && /* @__PURE__ */ e(S, { modulePath: s });
+}, S = ({ modulePath: o }) => {
+  const { environment: n } = i(), t = l(
+    () => import(d(n.resourceUrl, o))
+  );
+  return /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e(C, {}), children: /* @__PURE__ */ e(t, {}) });
+};
+export {
+  k as ContentComponent,
+  k as default
+};
+//# sourceMappingURL=ContentComponent-zyAEvCly.js.map

package/lib/ContentComponent-zyAEvCly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentComponent-zyAEvCly.js","sources":["../src/content/ContentComponent.tsx"],"sourcesContent":["import { Spinner } from \"@patternfly/react-core\";\nimport { Suspense, lazy, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useEnvironment } from \"@keycloak/keycloak-ui-shared\";\nimport { MenuItem } from \"../root/PageNav\";\nimport { ContentComponentParams } from \"../routes\";\nimport { joinPath } from \"../utils/joinPath\";\nimport { usePromise } from \"../utils/usePromise\";\nimport fetchContentJson from \"./fetchContent\";\n\nfunction findComponent(\n  content: MenuItem[],\n  componentId: string,\n): string | undefined {\n  for (const item of content) {\n    if (\n      \"path\" in item &&\n      item.path.endsWith(componentId) &&\n      \"modulePath\" in item\n    ) {\n      return item.modulePath;\n    }\n    if (\"children\" in item) {\n      return findComponent(item.children, componentId);\n    }\n  }\n  return undefined;\n}\n\nexport const ContentComponent = () => {\n  const context = useEnvironment();\n\n  const [content, setContent] = useState<MenuItem[]>();\n  const { componentId } = useParams<ContentComponentParams>();\n\n  usePromise((signal) => fetchContentJson({ signal, context }), setContent);\n  const modulePath = useMemo(\n    () => findComponent(content || [], componentId!),\n    [content, componentId],\n  );\n\n  return modulePath && <Component modulePath={modulePath} />;\n};\n\ntype ComponentProps = {\n  modulePath: string;\n};\n\nconst Component = ({ modulePath }: ComponentProps) => {\n  const { environment } = useEnvironment();\n\n  const Element = lazy(\n    () => import(joinPath(environment.resourceUrl, modulePath)),\n  );\n  return (\n    <Suspense fallback={<Spinner />}>\n      <Element />\n    </Suspense>\n  );\n};\n\nexport default ContentComponent;\n"],"names":["findComponent","content","componentId","item","ContentComponent","context","useEnvironment","setContent","useState","useParams","usePromise","signal","fetchContentJson","modulePath","useMemo","jsx","Component","environment","Element","lazy","joinPath","Suspense","Spinner"],"mappings":";;;;AAUA,SAASA,EACPC,GACAC,GACoB;AACpB,aAAWC,KAAQF,GAAS;AAExB,QAAA,UAAUE,KACVA,EAAK,KAAK,SAASD,CAAW,KAC9B,gBAAgBC;AAEhB,aAAOA,EAAK;AAEd,QAAI,cAAcA;AACT,aAAAH,EAAcG,EAAK,UAAUD,CAAW;AAAA,EAEnD;AAEF;AAEO,MAAME,IAAmB,MAAM;AACpC,QAAMC,IAAUC,KAEV,CAACL,GAASM,CAAU,IAAIC,EAAqB,GAC7C,EAAE,aAAAN,MAAgBO;AAEb,EAAAC,EAAA,CAACC,MAAWC,EAAiB,EAAE,QAAAD,GAAQ,SAAAN,EAAS,CAAA,GAAGE,CAAU;AACxE,QAAMM,IAAaC;AAAA,IACjB,MAAMd,EAAcC,KAAW,IAAIC,CAAY;AAAA,IAC/C,CAACD,GAASC,CAAW;AAAA,EAAA;AAGhB,SAAAW,KAAe,gBAAAE,EAAAC,GAAA,EAAU,YAAAH,EAAwB,CAAA;AAC1D,GAMMG,IAAY,CAAC,EAAE,YAAAH,QAAiC;AAC9C,QAAA,EAAE,aAAAI,MAAgBX,KAElBY,IAAUC;AAAA,IACd,MAAM,OAAOC,EAASH,EAAY,aAAaJ,CAAU;AAAA,EAAA;AAGzD,SAAA,gBAAAE,EAACM,KAAS,UAAU,gBAAAN,EAACO,KAAQ,GAC3B,UAAA,gBAAAP,EAACG,IAAQ,CAAA,EACX,CAAA;AAEJ;"}

package/lib/DataListItemCells-HvkrNuyf.js

@@ -0,0 +1,23 @@
+import { _ as o, b as m } from "./main-LT0fpout.js";
+import * as d from "react";
+import { s } from "./DataListItemRow-BgXGMhq_.js";
+const p = (a) => {
+  var { children: i = null, className: e = "", width: t = 1, isFilled: l = !0, alignRight: n = !1, isIcon: c = !1, wrapModifier: r = null } = a, f = o(a, ["children", "className", "width", "isFilled", "alignRight", "isIcon", "wrapModifier"]);
+  return d.createElement("div", Object.assign({ className: m(s.dataListCell, t > 1 && s.modifiers[`flex_${t}`], !l && s.modifiers.noFill, n && s.modifiers.alignRight, c && s.modifiers.icon, e, r && s.modifiers[r]) }, f), i);
+};
+p.displayName = "DataListCell";
+const g = (a) => {
+  var {
+    className: i = "",
+    dataListCells: e,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    rowid: t = ""
+  } = a, l = o(a, ["className", "dataListCells", "rowid"]);
+  return d.createElement("div", Object.assign({ className: m(s.dataListItemContent, i) }, l), e);
+};
+g.displayName = "DataListItemCells";
+export {
+  g as D,
+  p as a
+};
+//# sourceMappingURL=DataListItemCells-HvkrNuyf.js.map

package/lib/DataListItemCells-HvkrNuyf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListItemCells-HvkrNuyf.js","sources":["../../../../node_modules/.pnpm/@patternfly+react-core@5.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@patternfly/react-core/dist/esm/components/DataList/DataListCell.js","../../../../node_modules/.pnpm/@patternfly+react-core@5.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@patternfly/react-core/dist/esm/components/DataList/DataListItemCells.js"],"sourcesContent":["import { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { css } from '@patternfly/react-styles';\nimport styles from '@patternfly/react-styles/css/components/DataList/data-list.mjs';\nexport const DataListCell = (_a) => {\n    var { children = null, className = '', width = 1, isFilled = true, alignRight = false, isIcon = false, wrapModifier = null } = _a, props = __rest(_a, [\"children\", \"className\", \"width\", \"isFilled\", \"alignRight\", \"isIcon\", \"wrapModifier\"]);\n    return (React.createElement(\"div\", Object.assign({ className: css(styles.dataListCell, width > 1 && styles.modifiers[`flex_${width}`], !isFilled && styles.modifiers.noFill, alignRight && styles.modifiers.alignRight, isIcon && styles.modifiers.icon, className, wrapModifier && styles.modifiers[wrapModifier]) }, props), children));\n};\nDataListCell.displayName = 'DataListCell';\n//# sourceMappingURL=DataListCell.js.map","import { __rest } from \"tslib\";\nimport * as React from 'react';\nimport { css } from '@patternfly/react-styles';\nimport styles from '@patternfly/react-styles/css/components/DataList/data-list.mjs';\nexport const DataListItemCells = (_a) => {\n    var { className = '', dataListCells, \n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    rowid = '' } = _a, props = __rest(_a, [\"className\", \"dataListCells\", \"rowid\"]);\n    return (React.createElement(\"div\", Object.assign({ className: css(styles.dataListItemContent, className) }, props), dataListCells));\n};\nDataListItemCells.displayName = 'DataListItemCells';\n//# sourceMappingURL=DataListItemCells.js.map"],"names":["DataListCell","_a","children","className","width","isFilled","alignRight","isIcon","wrapModifier","props","__rest","React","css","styles","DataListItemCells","dataListCells","rowid"],"mappings":";;;AAIY,MAACA,IAAe,CAACC,MAAO;AAChC,MAAI,EAAE,UAAAC,IAAW,MAAM,WAAAC,IAAY,IAAI,OAAAC,IAAQ,GAAG,UAAAC,IAAW,IAAM,YAAAC,IAAa,IAAO,QAAAC,IAAS,IAAO,cAAAC,IAAe,KAAI,IAAKP,GAAIQ,IAAQC,EAAOT,GAAI,CAAC,YAAY,aAAa,SAAS,YAAY,cAAc,UAAU,cAAc,CAAC;AAC5O,SAAQU,EAAM,cAAc,OAAO,OAAO,OAAO,EAAE,WAAWC,EAAIC,EAAO,cAAcT,IAAQ,KAAKS,EAAO,UAAU,QAAQT,CAAK,EAAE,GAAG,CAACC,KAAYQ,EAAO,UAAU,QAAQP,KAAcO,EAAO,UAAU,YAAYN,KAAUM,EAAO,UAAU,MAAMV,GAAWK,KAAgBK,EAAO,UAAUL,CAAY,CAAC,KAAKC,CAAK,GAAGP,CAAQ;AAC3U;AACAF,EAAa,cAAc;ACJf,MAACc,IAAoB,CAACb,MAAO;AACrC,MAAI;AAAA,IAAE,WAAAE,IAAY;AAAA,IAAI,eAAAY;AAAA;AAAA,IAEtB,OAAAC,IAAQ;AAAA,EAAE,IAAKf,GAAIQ,IAAQC,EAAOT,GAAI,CAAC,aAAa,iBAAiB,OAAO,CAAC;AAC7E,SAAQU,EAAM,cAAc,OAAO,OAAO,OAAO,EAAE,WAAWC,EAAIC,EAAO,qBAAqBV,CAAS,EAAG,GAAEM,CAAK,GAAGM,CAAa;AACrI;AACAD,EAAkB,cAAc;","x_google_ignoreList":[0,1]}