keycloak · jonkoops · Aug 22, 2023 · Jul 11, 2023
diff --git a/js/apps/account-ui/src/account-security/DeviceActivity.tsx b/js/apps/account-ui/src/account-security/DeviceActivity.tsx
@@ -69,7 +69,7 @@ const DeviceActivity = () => {
 
   const signOutSession = async (
     session: SessionRepresentation,
-    device: DeviceRepresentation
+    device: DeviceRepresentation,
   ) => {
     try {
       await deleteSession(session.id);
@@ -233,7 +233,7 @@ const DeviceActivity = () => {
                   </Grid>
                 </DataListContent>
               </DataListItemRow>
-            ))
+            )),
           )}
         </DataListItem>
       </DataList>

diff --git a/js/apps/account-ui/src/account-security/LinkedAccounts.tsx b/js/apps/account-ui/src/account-security/LinkedAccounts.tsx
@@ -19,12 +19,12 @@ const LinkedAccounts = () => {
 
   const linkedAccounts = useMemo(
     () => accounts.filter((account) => account.connected),
-    [accounts]
+    [accounts],
   );
 
   const unLinkedAccounts = useMemo(
     () => accounts.filter((account) => !account.connected),
-    [accounts]
+    [accounts],
   );
 
   return (

diff --git a/js/apps/account-ui/src/account-security/SigningIn.tsx b/js/apps/account-ui/src/account-security/SigningIn.tsx
@@ -76,7 +76,7 @@ const SigningIn = () => {
   usePromise((signal) => getCredentials({ signal }), setCredentials, [key]);
 
   const credentialRowCells = (
-    credMetadata: CredentialMetadataRepresentation
+    credMetadata: CredentialMetadataRepresentation,
   ) => {
     const credential = credMetadata.credential;
     const maxWidth = { "--pf-u-max-width--MaxWidth": "300px" } as CSSProperties;
@@ -98,7 +98,7 @@ const SigningIn = () => {
             <strong className="pf-u-mr-md"></strong>
             {{ date: formatDate(new Date(credential.createdDate)) }}
           </Trans>
-        </DataListCell>
+        </DataListCell>,
       );
     }
     return items;
@@ -188,15 +188,15 @@ const SigningIn = () => {
                                   addAlert(
                                     t("successRemovedMessage", {
                                       userLabel: label(meta.credential),
-                                    })
+                                    }),
                                   );
                                   refresh();
                                 } catch (error) {
                                   addError(
                                     t("errorRemovedMessage", {
                                       userLabel: label(meta.credential),
                                       error,
-                                    }).toString()
+                                    }).toString(),
                                   );
                                 }
                               }}

diff --git a/js/apps/account-ui/src/api.ts b/js/apps/account-ui/src/api.ts
@@ -7,13 +7,13 @@ import { joinPath } from "./utils/joinPath";
 export const fetchResources = async (
   params: RequestInit,
   requestParams: Record<string, string>,
-  shared: boolean | undefined = false
+  shared: boolean | undefined = false,
 ): Promise<{ data: Resource[]; links: Links }> => {
   const response = await get(
     `/resources${shared ? "/shared-with-me?" : "?"}${new URLSearchParams(
-      requestParams
+      requestParams,
     )}`,
-    params
+    params,
   );
 
   let links: Links;
@@ -32,19 +32,19 @@ export const fetchResources = async (
 
 export const fetchPermission = async (
   params: RequestInit,
-  resourceId: string
+  resourceId: string,
 ): Promise<Permission[]> => {
   const response = await request<Permission[]>(
     `/resources/${resourceId}/permissions`,
-    params
+    params,
   );
   return checkResponse(response);
 };
 
 export const updateRequest = (
   resourceId: string,
   username: string,
-  scopes: Scope[] | string[]
+  scopes: Scope[] | string[],
 ) =>
   request(`/resources/${resourceId}/permissions`, {
     method: "put",
@@ -53,7 +53,7 @@ export const updateRequest = (
 
 export const updatePermissions = (
   resourceId: string,
-  permissions: Permission[]
+  permissions: Permission[],
 ) =>
   request(`/resources/${resourceId}/permissions`, {
     method: "put",
@@ -71,7 +71,7 @@ async function get(path: string, params: RequestInit): Promise<Response> {
     "realms",
     environment.realm,
     "account",
-    path
+    path,
   );
 
   const response = await fetch(url, {
@@ -90,7 +90,7 @@ async function get(path: string, params: RequestInit): Promise<Response> {
 
 async function request<T>(
   path: string,
-  params: RequestInit
+  params: RequestInit,
 ): Promise<T | undefined> {
   const response = await get(path, params);
   if (response.status !== 204) return response.json();

diff --git a/js/apps/account-ui/src/api/methods.ts b/js/apps/account-ui/src/api/methods.ts
@@ -37,7 +37,7 @@ export async function getSupportedLocales({
 }
 
 export async function savePersonalInfo(
-  info: UserRepresentation
+  info: UserRepresentation,
 ): Promise<void> {
   const response = await request("/", { body: info, method: "POST" });
   if (!response.ok) {
@@ -49,11 +49,11 @@ export async function savePersonalInfo(
 
 export async function getPermissionRequests(
   resourceId: string,
-  { signal }: CallOptions = {}
+  { signal }: CallOptions = {},
 ): Promise<Permission[]> {
   const response = await request(
     `/resources/${resourceId}/permissions/requests`,
-    { signal }
+    { signal },
   );
 
   return parseResponse<Permission[]>(response);
@@ -110,7 +110,7 @@ export async function unLinkAccount(account: LinkedAccountRepresentation) {
 
 export async function linkAccount(account: LinkedAccountRepresentation) {
   const redirectUri = encodeURIComponent(
-    joinPath(environment.authUrl, "realms", environment.realm, "account")
+    joinPath(environment.authUrl, "realms", environment.realm, "account"),
   );
   const response = await request("/linked-accounts/" + account.providerName, {
     searchParams: { providerId: account.providerName, redirectUri },

diff --git a/js/apps/account-ui/src/api/parse-response.ts b/js/apps/account-ui/src/api/parse-response.ts
@@ -9,7 +9,7 @@ export async function parseResponse<T>(response: Response): Promise<T> {
 
   if (!isJSON) {
     throw new Error(
-      `Expected response to have a JSON content type, got '${contentType}' instead.`
+      `Expected response to have a JSON content type, got '${contentType}' instead.`,
     );
   }
 
@@ -48,6 +48,6 @@ function getErrorMessage(data: unknown): string {
   }
 
   throw new Error(
-    "Unable to retrieve error message from response, no matching key found."
+    "Unable to retrieve error message from response, no matching key found.",
   );
 }
diff --git a/js/apps/account-ui/src/api/request.ts b/js/apps/account-ui/src/api/request.ts
@@ -12,15 +12,15 @@ export type RequestOptions = {
 
 export async function request(
   path: string,
-  { signal, method, searchParams, body }: RequestOptions = {}
+  { signal, method, searchParams, body }: RequestOptions = {},
 ): Promise<Response> {
   const url = new URL(
-    joinPath(environment.authUrl, "realms", environment.realm, "account", path)
+    joinPath(environment.authUrl, "realms", environment.realm, "account", path),
   );
 
   if (searchParams) {
     Object.entries(searchParams).forEach(([key, value]) =>
-      url.searchParams.set(key, value)
+      url.searchParams.set(key, value),
     );
   }
 

diff --git a/js/apps/account-ui/src/applications/Applications.tsx b/js/apps/account-ui/src/applications/Applications.tsx
@@ -44,13 +44,13 @@ const Applications = () => {
   usePromise(
     (signal) => getApplications({ signal }),
     (clients) => setApplications(clients.map((c) => ({ ...c, open: false }))),
-    [key]
+    [key],
   );
 
   const toggleOpen = (clientId: string) => {
     setApplications([
       ...applications!.map((a) =>
-        a.clientId === clientId ? { ...a, open: !a.open } : a
+        a.clientId === clientId ? { ...a, open: !a.open } : a,
       ),
     ]);
   };

diff --git a/js/apps/account-ui/src/components/format/format-date.ts b/js/apps/account-ui/src/components/format/format-date.ts
@@ -16,13 +16,13 @@ export default function useFormatter() {
   return {
     formatDate: function (
       date: Date,
-      options: Intl.DateTimeFormatOptions | undefined = DATE_AND_TIME_FORMAT
+      options: Intl.DateTimeFormatOptions | undefined = DATE_AND_TIME_FORMAT,
     ) {
       return date.toLocaleString("en", options);
     },
     formatTime: function (
       time: number,
-      options: Intl.DateTimeFormatOptions | undefined = TIME_FORMAT
+      options: Intl.DateTimeFormatOptions | undefined = TIME_FORMAT,
     ) {
       return new Intl.DateTimeFormat("en", options).format(time);
     },

diff --git a/js/apps/account-ui/src/components/formatter/format-date.ts b/js/apps/account-ui/src/components/formatter/format-date.ts
@@ -15,13 +15,13 @@ export default function useFormatter() {
   return {
     formatDate: function (
       date: Date,
-      options: Intl.DateTimeFormatOptions | undefined = DATE_AND_TIME_FORMAT
+      options: Intl.DateTimeFormatOptions | undefined = DATE_AND_TIME_FORMAT,
     ) {
       return date.toLocaleString("en", options);
     },
     formatTime: function (
       time: number,
-      options: Intl.DateTimeFormatOptions | undefined = TIME_FORMAT
+      options: Intl.DateTimeFormatOptions | undefined = TIME_FORMAT,
     ) {
       return new Intl.DateTimeFormat("en", options).format(time);
     },

diff --git a/js/apps/account-ui/src/groups/Groups.tsx b/js/apps/account-ui/src/groups/Groups.tsx
@@ -27,13 +27,13 @@ const Groups = () => {
           getParents(
             el,
             groups,
-            groups.map(({ path }) => path)
-          )
+            groups.map(({ path }) => path),
+          ),
         );
       }
       setGroups(groups);
     },
-    [directMembership]
+    [directMembership],
   );
 
   const getParents = (el: Group, groups: Group[], groupsPaths: string[]) => {

diff --git a/js/apps/account-ui/src/main.tsx b/js/apps/account-ui/src/main.tsx
@@ -25,5 +25,5 @@ const root = createRoot(container!);
 root.render(
   <StrictMode>
     <RouterProvider router={router} />
-  </StrictMode>
+  </StrictMode>,
 );
diff --git a/js/apps/account-ui/src/personal-info/LocaleSelector.tsx b/js/apps/account-ui/src/personal-info/LocaleSelector.tsx
@@ -24,8 +24,8 @@ export const LocaleSelector = () => {
         locales.map<SelectControlOption>((locale) => ({
           key: locale,
           value: localeToDisplayName(locale) || "",
-        }))
-      )
+        })),
+      ),
   );
 
   return (

diff --git a/js/apps/account-ui/src/personal-info/PersonalInfo.tsx b/js/apps/account-ui/src/personal-info/PersonalInfo.tsx
@@ -48,7 +48,7 @@ const PersonalInfo = () => {
     (personalInfo) => {
       setUserProfileMetadata(personalInfo.userProfileMetadata);
       reset(personalInfo);
-    }
+    },
   );
 
   const onSubmit = async (user: UserRepresentation) => {
@@ -61,7 +61,7 @@ const PersonalInfo = () => {
       (error as FieldError[]).forEach((e) => {
         const params = Object.assign(
           {},
-          e.params.map((p) => (isBundleKey(p) ? unWrap(p) : p))
+          e.params.map((p) => (isBundleKey(p) ? unWrap(p) : p)),
         );
         setError(fieldName(e.field) as keyof UserRepresentation, {
           message: t(e.errorMessage as TFuncKey, {

diff --git a/js/apps/account-ui/src/resources/EditTheResource.tsx b/js/apps/account-ui/src/resources/EditTheResource.tsx
@@ -39,8 +39,8 @@ export const EditTheResource = ({
     try {
       await Promise.all(
         permissions.map((permission) =>
-          updatePermissions(resource._id, [permission])
-        )
+          updatePermissions(resource._id, [permission]),
+        ),
       );
       addAlert(t("updateSuccess"));
       onClose();

diff --git a/js/apps/account-ui/src/resources/PermissionRequest.tsx b/js/apps/account-ui/src/resources/PermissionRequest.tsx
@@ -40,20 +40,20 @@ export const PermissionRequest = ({
 
   const approveDeny = async (
     shareRequest: Permission,
-    approve: boolean = false
+    approve: boolean = false,
   ) => {
     try {
       const permissions = await fetchPermission({}, resource._id);
       const { scopes, username } = permissions.find(
-        (p) => p.username === shareRequest.username
+        (p) => p.username === shareRequest.username,
       )!;
 
       await updateRequest(
         resource._id,
         username,
         approve
           ? [...(scopes as string[]), ...(shareRequest.scopes as string[])]
-          : scopes
+          : scopes,
       );
       addAlert(t("shareSuccess"));
       toggle();

diff --git a/js/apps/account-ui/src/resources/ResourcesTab.tsx b/js/apps/account-ui/src/resources/ResourcesTab.tsx
@@ -71,16 +71,16 @@ export const ResourcesTab = () => {
       await Promise.all(
         result.data.map(
           async (r) =>
-            (r.shareRequests = await getPermissionRequests(r._id, { signal }))
-        )
+            (r.shareRequests = await getPermissionRequests(r._id, { signal })),
+        ),
       );
       return result;
     },
     ({ data, links }) => {
       setResources(data);
       setLinks(links);
     },
-    [params, key]
+    [params, key],
   );
 
   if (!resources) {
@@ -102,7 +102,7 @@ export const ResourcesTab = () => {
           ({
             username,
             scopes: [],
-          } as Permission)
+          }) as Permission,
       )!;
       await updatePermissions(resource._id, permissions);
       setDetails({});
@@ -115,7 +115,7 @@ export const ResourcesTab = () => {
   const toggleOpen = async (
     id: string,
     field: keyof PermissionDetail,
-    open: boolean
+    open: boolean,
   ) => {
     const permissions = await fetchPermissions(id);
 
@@ -162,7 +162,7 @@ export const ResourcesTab = () => {
                     toggleOpen(
                       resource._id,
                       "rowOpen",
-                      !details[resource._id]?.rowOpen
+                      !details[resource._id]?.rowOpen,
                     ),
                 }}
               />