chore(frontend): bump dependencies

Author: gregory-j-baker

frontend/app/.server/environment/server.ts

@@ -97,5 +97,5 @@ export const server = v.pipe(
  * Always returns true so it can be used in a zod refine() function.
  */
 function warn(check: boolean, message: string): true {
-  return check && log.warn(message), true;
+  return (check && log.warn(message), true);
 }

frontend/app/@types/global.types.ts

@@ -5,8 +5,6 @@ import type { Request } from 'express';
 import type { ClientEnvironment } from '~/.server/environment';
 import type { InstanceName } from '~/.server/utils/instance-registry';
 
-/* eslint-disable no-var */
-
 declare global {
   /**
    * The application's session type.

frontend/app/components/error-summary.tsx

@@ -187,7 +187,7 @@ function getErrorMessageIds(input: Element): readonly string[] {
  */
 function createErrorItem(input: Element, errorMessageId: string): ErrorSummaryItem | null {
   const errorMessageElement = document.getElementById(errorMessageId);
-  const errorMessageContent = errorMessageElement?.textContent?.trim();
+  const errorMessageContent = errorMessageElement?.textContent.trim();
 
   if (!errorMessageContent) {
     return null;

frontend/app/routes/auth/logout.tsx

@@ -13,8 +13,8 @@ export default function Logout() {
   return <></>;
 }
 
-export function loader({ context, params, request }: Route.LoaderArgs) {
-  return handleLogout({ context, params, request });
+export function loader(loaderArgs: Route.LoaderArgs) {
+  return handleLogout(loaderArgs);
 }
 
 function handleLogout({ context, params, request }: Route.LoaderArgs) {

frontend/app/routes/dev/oidc-provider.tsx

@@ -31,19 +31,19 @@ const tokenCache = new Map<AuthCode, TokenSet>();
 /**
  * Handle OIDC actions, such as token exchange.
  */
-export async function action({ context, params, request }: Route.ActionArgs) {
+export async function action(actionArgs: Route.ActionArgs) {
   const { ENABLE_DEVMODE_OIDC } = serverEnvironment;
 
   if (!ENABLE_DEVMODE_OIDC) {
     // return a 404 if devmode OIDC is not enabled
     return Response.json(null, { status: HttpStatusCodes.NOT_FOUND });
   }
 
-  const endpoint = params['*'];
+  const endpoint = actionArgs.params['*'];
 
   switch (endpoint) {
     case 'token': {
-      return await handleTokenRequest({ context, params, request });
+      return await handleTokenRequest(actionArgs);
     }
 
     default: {
@@ -55,25 +55,25 @@ export async function action({ context, params, request }: Route.ActionArgs) {
 /**
  * Handle OIDC loader requests, such as discovery, user info, etc.
  */
-export async function loader({ context, params, request }: Route.LoaderArgs) {
+export async function loader(loaderArgs: Route.LoaderArgs) {
   if (!serverEnvironment.ENABLE_DEVMODE_OIDC) {
     // return a 404 if devmode OIDC is not enabled
     return Response.json(null, { status: HttpStatusCodes.NOT_FOUND });
   }
 
-  const endpoint = params['*'];
+  const endpoint = loaderArgs.params['*'];
 
   switch (endpoint) {
     case '.well-known/openid-configuration': {
-      return handleMetadataRequest({ context, params, request });
+      return handleMetadataRequest(loaderArgs);
     }
 
     case '.well-known/jwks.json': {
       return await handleJwksRequest();
     }
 
     case 'authorize': {
-      return await handleAuthorizeRequest({ context, params, request });
+      return await handleAuthorizeRequest(loaderArgs);
     }
 
     case 'userinfo': {

frontend/app/routes/protected/multi-channel/finalize-request.tsx

@@ -6,7 +6,7 @@ import { data, useFetcher } from 'react-router';
 import { Trans, useTranslation } from 'react-i18next';
 import * as v from 'valibot';
 
-import type { Info, Route } from './+types/finalize-request';
+import type { Route } from './+types/finalize-request';
 
 import { getSinCaseService } from '~/.server/domain/multi-channel/case-api-service';
 import { serverEnvironment } from '~/.server/environment';
@@ -125,7 +125,7 @@ export async function action({ context, params, request }: Route.ActionArgs) {
 export default function PidVerification({ loaderData, actionData, params }: Route.ComponentProps) {
   const { t } = useTranslation(handle.i18nNamespace);
   const fetcherKey = useId();
-  const fetcher = useFetcher<Info['actionData']>({ key: fetcherKey });
+  const fetcher = useFetcher<typeof actionData>({ key: fetcherKey });
   const fetcherState = useFetcherState(fetcher);
   const errors = fetcher.data?.errors;
 

frontend/app/routes/protected/multi-channel/pid-verification.tsx

@@ -7,7 +7,7 @@ import { faCheck, faXmark } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { useTranslation } from 'react-i18next';
 
-import type { Info, Route } from './+types/pid-verification';
+import type { Route } from './+types/pid-verification';
 
 import { getSinCaseService } from '~/.server/domain/multi-channel/case-api-service';
 import { requireAllRoles } from '~/.server/utils/auth-utils';
@@ -86,7 +86,7 @@ export async function action({ context, params, request }: Route.ActionArgs) {
 export default function PidVerification({ loaderData, actionData, params }: Route.ComponentProps) {
   const { t } = useTranslation(handle.i18nNamespace);
   const fetcherKey = useId();
-  const fetcher = useFetcher<Info['actionData']>({ key: fetcherKey });
+  const fetcher = useFetcher<typeof actionData>({ key: fetcherKey });
   const fetcherState = useFetcherState(fetcher);
 
   return (

frontend/app/routes/protected/multi-channel/search-sin.tsx

@@ -6,7 +6,7 @@ import { useFetcher } from 'react-router';
 import type { ColumnDef } from '@tanstack/react-table';
 import { useTranslation } from 'react-i18next';
 
-import type { Info, Route } from './+types/search-sin';
+import type { Route } from './+types/search-sin';
 
 import { getSinCaseService } from '~/.server/domain/multi-channel/case-api-service';
 import { getSinSearchService } from '~/.server/domain/multi-channel/search-api-service';
@@ -115,7 +115,7 @@ export async function action({ context, params, request }: Route.ActionArgs) {
 export default function SearchSin({ loaderData, actionData, params }: Route.ComponentProps) {
   const { t, i18n } = useTranslation(handle.i18nNamespace);
   const fetcherKey = useId();
-  const fetcher = useFetcher<Info['actionData']>({ key: fetcherKey });
+  const fetcher = useFetcher<typeof actionData>({ key: fetcherKey });
   const fetcherState = useFetcherState(fetcher);
 
   type TableRowData = NonNullable<typeof actionData>['tableData'][number];

frontend/app/routes/protected/multi-channel/send-validation.tsx

@@ -5,7 +5,7 @@ import { useFetcher } from 'react-router';
 
 import { useTranslation } from 'react-i18next';
 
-import type { Info, Route } from './+types/send-validation';
+import type { Route } from './+types/send-validation';
 
 import { getSinCaseService } from '~/.server/domain/multi-channel/case-api-service';
 import { getLocalizedApplicantGenderById } from '~/.server/domain/person-case/services/applicant-gender-service';
@@ -174,7 +174,7 @@ export default function SendValidation({ loaderData, actionData, params }: Route
   const { t } = useTranslation(handle.i18nNamespace);
 
   const fetcherKey = useId();
-  const fetcher = useFetcher<Info['actionData']>({ key: fetcherKey });
+  const fetcher = useFetcher<typeof actionData>({ key: fetcherKey });
   const fetcherState = useFetcherState(fetcher);
 
   const { inPersonSINCase, caseId } = loaderData;

frontend/app/routes/protected/multi-channel/sin-confirmation.tsx

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
-import { useId, useState, useEffect } from 'react';
+import { useEffect, useId, useState } from 'react';
 
 import type { RouteHandle } from 'react-router';
 import { useFetcher } from 'react-router';
 
 import type { ResourceKey } from 'i18next';
 import { useTranslation } from 'react-i18next';
 
-import type { Info, Route } from './+types/sin-confirmation';
+import type { Route } from './+types/sin-confirmation';
 
 import { getAssociateSinService } from '~/.server/domain/multi-channel/associate-sin-service';
 import { getSinCaseService } from '~/.server/domain/multi-channel/case-api-service';
@@ -100,7 +100,7 @@ export async function action({ context, params, request }: Route.ActionArgs) {
 export default function SinConfirmation({ loaderData, actionData, params }: Route.ComponentProps) {
   const { t } = useTranslation(handle.i18nNamespace);
   const fetcherKey = useId();
-  const fetcher = useFetcher<Info['actionData']>({ key: fetcherKey });
+  const fetcher = useFetcher<typeof actionData>({ key: fetcherKey });
   const fetcherState = useFetcherState(fetcher);
   const recordDetails = loaderData.recordDetails;
   const { dateEn, dateFr } = recordDetails.date;