@fhss-web-team/frontend-utils 1.0.0 → 1.0.2

package/README.md

@@ -4,7 +4,7 @@
 
 This package is designed for use in Angular applications and includes integration with Keycloak for authentication.
 
-## 📆 Installation
+## Installation
 
 Install the package and its required peer dependencies:
 
@@ -12,8 +12,199 @@ Install the package and its required peer dependencies:
 npm install @fhss-web-team/frontend-utils
 ```
 
-## 🚀 Usage
-Refer to each directory’s `README.md` for specific exports and usage patterns:
-- [Components](./src/lib/components/README.md)
-- [Services](./src/lib/services/README.md)
-- [Signals](./src/lib/signals/README.md)
+# Documentation
+- [Components](#components)
+- [Services](#services)
+- [Signals](#signals)
+
+## Components
+
+This directory contains reusable Angular components designed to streamline development and maintain consistency across BYU websites. 
+
+### BYU Header
+This is the header displayed on all BYU websites. It displays the BYU logo, site title, breadcrumbs, and navigation menu.
+
+#### Features:
+- **Logo**: Displays the BYU logo.
+- **Title and Subtitle**: Configurable links for the site title and subtitle.
+- **Breadcrumbs**: Displays a breadcrumb trail for navigation.
+- **Navigation Menu**: Supports both simple links and dropdown menus.
+- **Authentication**: Integrates with the [auth service](#auth) to display user information and provide sign-in/sign-out functionality.
+
+#### Configuration:
+The header is configured using a `HeaderConfig` object. Below is the structure:
+
+```typescript
+type HeaderLink = {
+  text: string;
+  path: string;
+};
+
+type HeaderMenu = HeaderLink | {
+  text: string;
+  items: HeaderLink[];
+};
+
+export type HeaderConfig = {
+  title: HeaderLink;
+  subtitle?: HeaderLink;
+  breadcrumbs?: HeaderLink[];
+  menu?: HeaderMenu[];
+};
+```
+
+#### Usage:
+Pass the `HeaderConfig` object to the `byu-header` component:
+
+```html
+<byu-header [config]="headerConfig"></byu-header>
+```
+
+Example `HeaderConfig`:
+
+```typescript
+const headerConfig = {
+  title: { text: 'Home', path: '/' },
+  subtitle: { text: 'About Us', path: '/about' },
+  breadcrumbs: [
+    { text: 'Home', path: '/' },
+    { text: 'Section', path: '/section' }
+  ],
+  menu: [
+    { text: 'Services', path: '/services' },
+    {
+      text: 'More',
+      items: [
+        { text: 'Contact', path: '/contact' },
+        { text: 'Help', path: '/help' }
+      ]
+    }
+  ]
+};
+```
+
+---
+
+### BYU Footer
+This is the footer displayed on all BYU websites. It provides essential information and links to comply with legal and institutional requirements.
+
+#### Features:
+- **University Name**: Displays "Brigham Young University" with a link to the main BYU website.
+- **Address**: Displays the university's address.
+- **Copyright Notice**: Automatically updates the year to the current year.
+- **Privacy Links**: Includes links to the Privacy Notice and Cookie Preferences pages.
+
+#### Usage:
+Add the `byu-footer` component to your template:
+
+```html
+<byu-footer />
+```
+
+The footer does not require any configuration and is ready to use out of the box.
+
+---
+
+### User Management Table
+This component provides a table for managing user data, including search, filtering, sorting, and pagination functionalities. It will use the site's backend's `/api/user-management/` route.
+
+#### Features:
+- **Search**: Allows searching for users by their NetID or other attributes.
+- **Filtering**: Supports filtering by account types (e.g., NonBYU, Student, Employee).
+- **Sorting**: Columns can be sorted by attributes such as NetID, First Name, Last Name, Account Type, and Created Date.
+- **Pagination**: Includes a paginator to navigate through large datasets.
+- **Dynamic Data**: Fetches user data dynamically from the server.
+
+#### Configuration:
+The table uses the following signals for configuration:
+- `search`: A string for filtering users by search terms.
+- `accountTypes`: An array of account types to filter users.
+- `sortBy`: The column to sort by (e.g., `netId`, `preferredFirstName`).
+- `sortDirection`: The sorting direction (`asc` or `desc`).
+- `pageCount`: The number of rows per page.
+- `pageOffset`: The offset for pagination.
+- `createdAfter` and `createdBefore`: Filtering by creationg date
+
+#### Usage:
+Add the `app-user-management` component to your template:
+
+```html
+<app-user-management />
+```
+
+The component automatically handles data fetching and UI updates based on user interactions.
+
+
+
+## Services
+
+The services in this library provide reusable logic and utilities to simplify common tasks such as authentication, data fetching, and state management. They are designed to integrate seamlessly with Angular applications and follow best practices for dependency injection and reactive programming.
+
+### Auth
+Wraps the `keycloak-angular` service to provide a simplified interface for authentication and authorization. 
+
+#### Features:
+- **Login and Logout**: Methods to handle user login and logout.
+- **Authentication Signals**: Signals to track authentication status, tokens, and user information.
+- **Token Management**: Provides access to tokens (e.g., `token`, `idToken`, `refreshToken`) and their parsed forms.
+- **Role and Access Management**: Signals for realm and resource roles.
+- **Time Skew and Configuration**: Signals for Keycloak configuration properties like `timeSkew`, `responseMode`, and `flow`.
+
+
+
+
+## Signals
+
+### fetchSignal
+The `fetchSignal` helper provides a reactive way to perform HTTP requests in Angular applications. It supports various HTTP methods and automatically tracks dependencies for reactivity.
+
+#### Features:
+- **Reactive Requests**: Automatically updates when input signals change.
+- **Support for Multiple Methods**: Includes `GET`, `POST`, `PUT`, `PATCH`, and `DELETE`.
+- **Response Parsing**: Supports JSON, text, Blob, and ArrayBuffer responses.
+- **Error Handling**: Tracks errors and status codes reactively.
+- **Auto-Refresh**: Automatically refreshes requests when dependencies change.
+
+#### Usage:
+```typescript
+import { fetchSignal } from '@fhss-web-team/frontend-utils';
+
+// Example: Reactive GET request
+const request = () => ({
+  url: '/api/data',
+  params: { filter: 'active' },
+});
+const dataSignal = fetchSignal.json(request, true);
+
+// Access reactive properties
+dataSignal.value(); // Current response value
+dataSignal.isLoading(); // Loading state
+dataSignal.error(); // Error details
+dataSignal.refresh(); // Manually refresh the request
+```
+
+---
+
+### debounced
+The `debounced` helper creates a debounced version of a signal, delaying updates until after a specified wait time.
+
+#### Features:
+- **Debounced Updates**: Reduces the frequency of updates to a signal.
+- **Customizable Delay**: Specify the debounce delay in milliseconds.
+
+#### Usage:
+```typescript
+import { signal } from '@angular/core';
+import { debounced } from '@fhss-web-team/frontend-utils';
+
+// Example: Debounced search input
+const searchInput = signal('');
+const debouncedSearch = debounced(searchInput, 300);
+
+// Update the input signal
+searchInput.set('new search term');
+
+// The debounced signal updates after 300ms
+debouncedSearch(); // 'new search term' (after delay)
+```
+

package/fesm2022/fhss-web-team-frontend-utils.mjs

@@ -49,9 +49,8 @@ class AuthService {
     };
     /**
      * Logs the user out of the application.
-     * @param options - Optional logout options.
      */
-    logout = (options) => this.keycloak.logout(options);
+    logout = () => this.keycloak.logout({ redirectUri: '/' });
     /**
      * Signal indicating whether the user is authenticated.
      * Returns `true` if authenticated, `false` otherwise.

package/fesm2022/fhss-web-team-frontend-utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fhss-web-team-frontend-utils.mjs","sources":["../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.ts","../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.html","../../../projects/frontend-utils/src/lib/services/auth/auth.service.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.html","../../../projects/frontend-utils/src/lib/signals/debounced/debounced.ts","../../../projects/frontend-utils/src/lib/signals/fetch-signal/fetch-signal.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.html","../../../projects/frontend-utils/src/public-api.ts","../../../projects/frontend-utils/src/fhss-web-team-frontend-utils.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'byu-footer',\n  imports: [],\n  templateUrl: './byu-footer.component.html',\n  styleUrl: './byu-footer.component.scss'\n})\nexport class ByuFooterComponent {\n  currentYear: number = new Date().getFullYear(); // Automatically updates the year\n}\n","<footer>\n  <p class=\"title\"><a href=\"https://www.byu.edu/\">BRIGHAM YOUNG UNIVERSITY</a></p>\n  <p>Provo, UT 84602, USA | © {{ currentYear }} All rights reserved.</p>\n  <p>\n    <a href=\"https://privacy.byu.edu/privacy-notice\">Privacy Notice</a> |\n    <a href=\"https://privacy.byu.edu/cookie-prefs\">Cookie Preferences</a>\n  </p>\n</footer>\n  \n\n","import { Injectable, inject, computed } from '@angular/core';\nimport { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';\nimport Keycloak, {\n  KeycloakFlow,\n  KeycloakLoginOptions,\n  KeycloakLogoutOptions,\n  KeycloakResourceAccess,\n  KeycloakResponseMode,\n  KeycloakResponseType,\n  KeycloakRoles,\n  KeycloakTokenParsed,\n} from 'keycloak-js';\n\n@Injectable({\n  providedIn: 'root',\n})\n/**\n * AuthService provides a wrapper around the Keycloak JavaScript adapter, exposing its properties and methods\n * as Angular signals for reactive programming. It simplifies authentication, token management, and role-based access control.\n */\nexport class AuthService {\n  private keycloak = inject(Keycloak);\n  private keycloakSignal = inject(KEYCLOAK_EVENT_SIGNAL);\n\n  /**\n   * Initiates the login process. Optionally stores a route to redirect to after login.\n   * @param nextRoute - The route to navigate to after successful login.\n   */\n  login = (nextRoute?: string) => {\n    if (nextRoute) {\n      sessionStorage.setItem('nextRoute', nextRoute);\n    }\n    this.keycloak.login({\n      redirectUri: window.location.origin + '/auth-callback',\n    });\n  };\n\n  /**\n   * Logs the user out of the application.\n   * @param options - Optional logout options.\n   */\n  logout = (options?: KeycloakLogoutOptions) => this.keycloak.logout(options);\n\n  /**\n   * Signal indicating whether the user is authenticated.\n   * Returns `true` if authenticated, `false` otherwise.\n   */\n  authenticated = computed<boolean | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.authenticated;\n  });\n\n  /**\n   * Signal for the base64-encoded token used in the `Authorization` header.\n   */\n  token = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.token;\n  });\n\n  /**\n   * Signal for the Bearer token, prefixed with \"Bearer \".\n   */\n  bearerToken = computed<string | undefined>(() => (this.token() ? 'Bearer ' + this.token() : undefined));\n\n  /**\n   * Signal for the parsed token as a JavaScript object.\n   */\n  tokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.tokenParsed;\n  });\n\n  /**\n   * Signal for the user ID (Keycloak subject).\n   */\n  userId = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.subject;\n  });\n\n  /**\n   * Signal for the base64-encoded ID token.\n   */\n  idToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idToken;\n  });\n\n  /**\n   * Signal for the parsed ID token as a JavaScript object.\n   */\n  idTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idTokenParsed;\n  });\n\n  /**\n   * Signal for the realm roles associated with the token.\n   */\n  realmAccess = computed<KeycloakRoles | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.realmAccess;\n  });\n\n  /**\n   * Signal for the resource roles associated with the token.\n   */\n  resourceAccess = computed<KeycloakResourceAccess | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.resourceAccess;\n  });\n\n  /**\n   * Signal for the base64-encoded refresh token.\n   */\n  refreshToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshToken;\n  });\n\n  /**\n   * Signal for the parsed refresh token as a JavaScript object.\n   */\n  refreshTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshTokenParsed;\n  });\n\n  /**\n   * Signal for the estimated time difference between the browser and Keycloak server in seconds.\n   */\n  timeSkew = computed<number | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.timeSkew;\n  });\n\n  /**\n   * Signal for the response mode passed during initialization.\n   */\n  responseMode = computed<KeycloakResponseMode | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseMode;\n  });\n\n  /**\n   * Signal for the flow type used during initialization.\n   */\n  flow = computed<KeycloakFlow | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.flow;\n  });\n\n  /**\n   * Signal for the response type sent to Keycloak during login requests.\n   */\n  responseType = computed<KeycloakResponseType | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseType;\n  });\n}\n","import { Component, input, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AuthService } from '../../services/auth/auth.service';\n\ntype HeaderLink = {\n  text: string;\n  path: string;\n};\n\n// A HeaderMenu can be either a simple link with path,\n// OR a menu group with nested items\ntype HeaderMenu = HeaderLink | {\n  text: string;\n  items: HeaderLink[];\n}\n\nexport type HeaderConfig = {\n  title: HeaderLink;\n  subtitle?: HeaderLink;\n  breadcrumbs?: HeaderLink[];\n  menu?: HeaderMenu[];\n}\n\n@Component({\n  selector: 'byu-header',\n  imports: [RouterModule],\n  templateUrl: './byu-header.component.html',\n  styleUrl: './byu-header.component.scss'\n})\nexport class ByuHeaderComponent {\n  auth = inject(AuthService)\n  config = input<HeaderConfig>();\n\n  isHeaderLink(item: HeaderMenu): item is HeaderLink {\n    return 'path' in item;\n  }\n\n  // Track which dropdown is open (null means none are open)\n  openDropdownText: string | null = null;\n  \n  // Toggle function — if clicking the same dropdown, close it; otherwise open it\n  toggleDropdown(text: string) {\n    this.openDropdownText = this.openDropdownText === text ? null : text;\n  }\n  \n  // Check if a given dropdown is currently open\n  isOpen(text: string): boolean {\n    return this.openDropdownText === text;\n  }\n}\n","<header>\n  <div class=\"top\" >\n    <img class=\"logo\" src=\"/BYU_monogram_white@2x.png\" alt=\"BYU\">\n    <div class=\"titles\"> \n      <div class=\"breadcrumbs\">\n        @for (breadcrumb of config()?.breadcrumbs; track breadcrumb.text){\n          <a [href]=\"breadcrumb.path\" >{{ breadcrumb.text }}</a>\n        }\n      </div>\n        <a [routerLink]=\"config()?.title?.path\" class=\"title\">{{ config()?.title?.text }}</a>\n        <a [routerLink]=\"config()?.subtitle?.path\" class=\"subtitle\">{{ config()?.subtitle?.text }}</a>\n    </div>\n    <div class=\"signin\">\n      <p>{{ this.auth.tokenParsed()?.['given_name'] ?? '' }}</p>\n      <svg class=\"signin-icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n        <path fill=\"currentcolor\" d=\"M50 95c-26 0-34-18-34-18 3-12 8-18 17-18 5 5 10 7 17 7s12-2 17-7c9 0 14 6 17 18 0 0-7 18-34 18z\"></path>\n        <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"currentcolor\" stroke-width=\"10\"></circle>\n        <circle fill=\"currentcolor\" cx=\"50\" cy=\"40\" r=\"20\"></circle>\n      </svg>\n      @if (auth.authenticated()) {\n        <a class=\"signin-link\" (click)=\"auth.logout()\">Sign Out</a>\n      } @else {\n        <a class=\"signin-link\" (click)=\"auth.login()\">Sign In</a>\n      }\n    </div>\n  </div>\n  <div class=\"bottom\">\n    <nav>\n      @for (menuItem of config()?.menu; track menuItem.text){>\n        @if (isHeaderLink(menuItem)) {\n          <li class = \"nav-item\">\n            <a class=\"nav-item-content\" [routerLink]=\"menuItem.path\">{{ menuItem.text }}</a>\n          </li>\n        } @else {\n          <li class=\"nav-item dropdown\" (click)=\"toggleDropdown(menuItem.text)\">\n            <div class=\"nav-item-content\" >{{ menuItem.text }}</div>\n            @if (openDropdownText === menuItem.text) {\n              <ul class = \"dropdown-item-menu\"> \n              @for(dropItem of menuItem.items; track dropItem.text){\n                <li class = \"dropdown-item\">\n                  <a class=\"dropdown-item-content\" [routerLink]=\"dropItem.path\">{{ dropItem.text }}</a>\n                </li>\n              }\n              </ul>\n            }\n          </li>\n        }\n      }\n    </nav>\n  </div>\n</header>\n","import { effect, signal, Signal } from \"@angular/core\";\n\nexport const debounced = <T>(inputSignal: Signal<T>, wait: number = 400) => {\n  const debouncedSignal = signal<T>(inputSignal());\n  const setSignal = debounce((value) => debouncedSignal.set(value), wait);\n\n  effect(() => {\n    setSignal(inputSignal())\n  })\n\n  return debouncedSignal;\n}\n\nconst debounce = (callback: (...args: any[]) => void, wait: number) => {\n  let timeoutId: number | undefined;\n  return (...args: any[]) => {\n    window.clearTimeout(timeoutId);\n    timeoutId = window.setTimeout(() => {\n      callback(...args);\n    }, wait);\n  };\n}","import { computed, effect, signal, Signal } from '@angular/core';\n\n//\n// Generic utility types\n//\ntype JsonValue =\n  | string\n  | number\n  | boolean\n  | null\n  | JsonArray\n  | JsonObject;\nexport type JsonObject = { [key: string]: JsonValue }; // this is exported because the builder's typing gets mad if it isn't\ntype JsonArray = JsonValue[];\ntype Json = JsonObject | JsonArray;\nexport type Maybe<T> = T | undefined | null;\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\ntype DefaultError = { code?: string, message?: string, details?: Json };\n\n/**\n * A value that may be a plain value of type `T` or a reactive `Signal<T>`.\n *\n * This is useful in APIs that accept either static or reactive values,\n * allowing flexibility while maintaining type safety.\n *\n * Use `unwrapSignal` to extract the underlying value in a uniform way.\n *\n * @template T The underlying value type.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n/**\n * Reads the underlying value from a MaybeSignal.\n *\n * This function is designed for use with reactive APIs (like fetchSignal) where it's important\n * that Angular's computed methods register the dependency. If the input is a Signal, invoking it \n * not only returns its current value but also tracks the signal for reactivity. If the input is \n * a plain value, it simply returns that value.\n *\n * @template T The type of the value.\n * @param value A plain value or a Signal that yields the value.\n * @returns The current value, with dependency tracking enabled if the input is a Signal.\n */\nexport function readMaybeSignal<T>(value: MaybeSignal<T>): T {\n  return typeof value === 'function' ? (value as Function)() : value;\n}\n\n//\n// Fetch Request\n//\ntype FetchSignalRequest = {\n  url: string;\n  body?: unknown;\n  params?: Record<string, string | number | boolean | undefined>;\n  headers?: Record<string, string>;\n};\n\n//\n// A function that transforms the raw fetch Response to the desired type.\n//\ntype ResponseTransformer<T> = (response: Response) => Promise<T>;\n\n/**\n * Represents the reactive result of an HTTP fetch request.\n */\nexport type FetchSignal<Response, Error = DefaultError> = {\n  value: Signal<Maybe<Response>>;\n  persistentValue: Signal<Maybe<Response>>;\n  isLoading: Signal<boolean>;\n  error: Signal<Maybe<Error>>;\n  statusCode: Signal<Maybe<number>>;\n  headers: Signal<Maybe<Record<string, string>>>;\n  refresh: (abortSignal?: AbortSignal) => void;\n};\n\n/**\n * Creates a reactive fetch signal.\n *\n * The request function can include Signals for properties. These are unwrapped in the refresh function.\n */\nfunction createFetchSignal<Response, Error>(\n  request: () => (FetchSignalRequest),\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>,\n  autoRefresh: Boolean\n): FetchSignal<Response, Error> {\n  // Use a computed signal so that any changes to Signals in the request object trigger updates.\n  const currentRequest = computed(request);\n\n  const value = signal<Maybe<Response>>(undefined);\n  const persistentValue = signal<Maybe<Response>>(undefined);\n  const isLoading = signal<boolean>(false);\n  const error = signal<Maybe<Error>>(undefined);\n  const statusCode = signal<Maybe<number>>(undefined);\n  const headers = signal<Maybe<Record<string, string>>>(undefined);\n\n  const refresh = async (abortSignal?: AbortSignal) => {\n    // Reset signals for a fresh request.\n    value.set(undefined);\n    isLoading.set(true);\n    error.set(undefined);\n    statusCode.set(undefined);\n    headers.set(undefined);\n\n    // Unwrap the current request.\n    const req = currentRequest();\n    const url = req.url;\n    const params = req.params\n    const requestHeaders = req.headers;\n    const body = req.body;\n\n    // Build URL with query parameters.\n    let uri = url;\n    if (params) {\n      const searchParams = new URLSearchParams();\n      for (const key in params) {\n        if (params[key] !== undefined) searchParams.append(key, String(params[key]));\n      }\n      uri += (uri.includes('?') ? '&' : '?') + searchParams.toString();\n    }\n\n    try {\n      const response = await fetch(uri, {\n        method,\n        headers: requestHeaders,\n        // Only include a body if one is provided.\n        body: body !== undefined ? JSON.stringify(body) : undefined,\n        signal: abortSignal\n      });\n\n      statusCode.set(response.status);\n\n      // Extract response headers.\n      const headersObj: Record<string, string> = {};\n      response.headers.forEach((val, key) => {\n        headersObj[key] = val;\n      });\n      headers.set(headersObj);\n\n      // if the response is ok, transform the body\n      if (response.ok) {\n        value.set(await transform(response));\n        error.set(null);\n      } else {\n        // try to parse the error as json\n        // set the error to null if this fails\n        try { error.set(await response.json()) }\n        catch { error.set(null) }\n        finally { value.set(null) }\n      }\n    } catch (err: any) {\n      // if the request is aborted, ignore the error\n      if (err.name !== 'AbortError') {\n        console.error(err);\n      }\n      error.set(null);\n      value.set(null);\n    } finally {\n      persistentValue.set(value());\n      isLoading.set(false);\n    }\n  };\n\n  if (autoRefresh) {\n    effect((onCleanup) => {\n      // read the current request to trigger re-run of this effect\n      currentRequest();\n\n      // pass abort signal to refresh on cleanup of effect\n      const controller = new AbortController();\n      onCleanup(() => controller.abort());\n\n      // call refresh with this abort controller\n      refresh(controller.signal);\n    })\n  }\n\n  return { value, persistentValue, isLoading, error, statusCode, headers, refresh };\n}\n\n\n//\n// The chainable API factory type.\n// Note that the default fetchSignal() (and its .json, etc.) are for GET,\n// while .post, .put, .patch require a request with a body.\n// The .delete chain is similar to GET in that no body is expected.\n//\ntype FetchSignalFactory = {\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n   */\n  <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the JSON-parsed response.\n   */\n  json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the text response.\n   */\n  text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the Blob response.\n   */\n  blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the ArrayBuffer response.\n   */\n  arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n\n  get: {\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  post: {\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  put: {\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  patch: {\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  delete: {\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n};\n\n\n//\n// Helpers for attaching response transforms for GET/DELETE (which don’t include a body).\n//\nconst createHelper = <Response, Error>(\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>\n) => (request: () => FetchSignalRequest, autoRefresh: boolean = false): FetchSignal<Response, Error> =>\n  createFetchSignal<Response, Error>(request, method, transform, autoRefresh);\n\n// Transforms\nconst jsonTransformer = (response: Response) => response.json();\nconst textTransformer = (response: Response) => response.text();\nconst blobTransformer = (response: Response) => response.blob();\nconst arrayBufferTransformer = (response: Response) => response.arrayBuffer();\n\n//\n// Build the defaults - GET chain\n//\nconst fetchSignal = createHelper('GET', jsonTransformer) as FetchSignalFactory;\nfetchSignal.json = createHelper('GET', jsonTransformer);\nfetchSignal.text = createHelper('GET', textTransformer);\nfetchSignal.blob = createHelper('GET', blobTransformer);\nfetchSignal.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the GET chain\n//\nfetchSignal.get = createHelper('GET', jsonTransformer) as FetchSignalFactory['get'];\nfetchSignal.get.json = createHelper('GET', jsonTransformer);\nfetchSignal.get.text = createHelper('GET', textTransformer);\nfetchSignal.get.blob = createHelper('GET', blobTransformer);\nfetchSignal.get.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the POST chain.\n//\nfetchSignal.post = createHelper('POST', jsonTransformer) as FetchSignalFactory['post'];\nfetchSignal.post.json = createHelper('POST', jsonTransformer);\nfetchSignal.post.text = createHelper('POST', textTransformer);\nfetchSignal.post.blob = createHelper('POST', blobTransformer);\nfetchSignal.post.arrayBuffer = createHelper('POST', arrayBufferTransformer);\n\n//\n// Build the PUT chain.\n//\nfetchSignal.put = createHelper('PUT', jsonTransformer) as FetchSignalFactory['put'];\nfetchSignal.put.json = createHelper('PUT', jsonTransformer);\nfetchSignal.put.text = createHelper('PUT', textTransformer);\nfetchSignal.put.blob = createHelper('PUT', blobTransformer);\nfetchSignal.put.arrayBuffer = createHelper('PUT', arrayBufferTransformer);\n\n//\n// Build the PATCH chain.\n//\nfetchSignal.patch = createHelper('PATCH', jsonTransformer) as FetchSignalFactory['patch'];\nfetchSignal.patch.json = createHelper('PATCH', jsonTransformer);\nfetchSignal.patch.text = createHelper('PATCH', textTransformer);\nfetchSignal.patch.blob = createHelper('PATCH', blobTransformer);\nfetchSignal.patch.arrayBuffer = createHelper('PATCH', arrayBufferTransformer);\n\n//\n// Build the DELETE chain\n//\nfetchSignal.delete = createHelper('DELETE', jsonTransformer) as FetchSignalFactory['delete'];\nfetchSignal.delete.json = createHelper('DELETE', jsonTransformer);\nfetchSignal.delete.text = createHelper('DELETE', textTransformer);\nfetchSignal.delete.blob = createHelper('DELETE', blobTransformer);\nfetchSignal.delete.arrayBuffer = createHelper('DELETE', arrayBufferTransformer);\n\nexport { fetchSignal };\n","import { Component, inject, Signal, signal, ViewChild } from '@angular/core';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { debounced } from '../../signals/debounced/debounced';\nimport { AuthService } from '../../services/auth/auth.service';\nimport { fetchSignal } from '../../signals/fetch-signal/fetch-signal';\nimport { GetUsersAccountTypes, GetUsersResponse, GetUsersSortBy, GetUsersSortDirection } from './user-management.types';\n\n@Component({\n  selector: 'app-user-management',\n  imports: [\n    MatTableModule,\n    MatSortModule,\n    MatPaginatorModule,\n    DatePipe,\n    FormsModule,\n    MatInputModule,\n    MatSelectModule,\n  ],\n  templateUrl: './user-management.component.html',\n  styleUrl: './user-management.component.scss',\n})\nexport class UserManagementComponent {\n  auth = inject(AuthService);\n\n  displayedColumns: string[] = [\n    'netId',\n    'preferredFirstName',\n    'preferredLastName',\n    'roles',\n    'accountType',\n    'created',\n  ];\n  accountTypeOptions = ['NonBYU', 'Student', 'Employee'];\n\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\n  @ViewChild(MatSort) sort!: MatSort;\n\n  search = signal('');\n  accountTypes = signal<GetUsersAccountTypes>([\n    'NonBYU',\n    'Student',\n    'Employee',\n  ]);\n  sortBy = signal<GetUsersSortBy>('netId');\n  sortDirection = signal<GetUsersSortDirection>('asc');\n  pageCount = signal(5);\n  pageOffset = signal(0);\n\n  getUsers = fetchSignal<GetUsersResponse>(\n    () => ({\n      url: '/api/user-management',\n      params: {\n        search: debounced(this.search)(),\n        account_types: this.accountTypes().join(','),\n        sort_by: this.sortBy(),\n        sort_direction: this.sortDirection(),\n        page_count: this.pageCount(),\n        page_offset: this.pageOffset(),\n        // created_after: this.createdAfter().toISOString(),\n        // created_before: this.createdBefore().toISOString(),\n      },\n      headers: {\n        Authorization: this.auth.bearerToken() ?? '',\n      },\n    }),\n    true\n  );\n\n  ngAfterViewInit() {\n    // write the observables from the sort and the paging to the signals\n    this.sort.sortChange.subscribe(({ active, direction }) => {\n      this.sortBy.set(active as GetUsersSortBy);\n      this.sortDirection.set(direction);\n      this.pageOffset.set(0);\n      this.paginator.pageIndex = 0;\n    });\n    this.paginator.page.subscribe(({ pageIndex, pageSize }) => {\n      this.pageOffset.set(pageIndex * pageSize);\n      this.pageCount.set(pageSize);\n    });\n  }\n}\n","<mat-form-field>\n  <mat-label>Search for User</mat-label>\n  <input matInput [(ngModel)]=\"search\">\n</mat-form-field>\n<mat-form-field>\n  <mat-label>Account Type</mat-label>\n  <mat-select multiple [(ngModel)]=\"accountTypes\">\n    @for (accountType of accountTypeOptions; track accountType) {\n      <mat-option [value]=\"accountType\">{{accountType}}</mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n\n<table mat-table [dataSource]=\"getUsers.persistentValue()?.data ?? []\" matSort matSortActive=\"netId\" matSortDisableClear matSortDirection=\"asc\">\n  <!-- NetID Column -->\n  <ng-container matColumnDef=\"netId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>NetID</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.netId}}</td>\n  </ng-container>\n\n  <!-- First Name Column -->\n  <ng-container matColumnDef=\"preferredFirstName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredFirstName}}</td>\n  </ng-container>\n\n  <!-- Last Name Column -->\n  <ng-container matColumnDef=\"preferredLastName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredLastName}}</td>\n  </ng-container>\n\n  <!-- Roles Column -->\n  <ng-container matColumnDef=\"roles\">\n    <th mat-header-cell *matHeaderCellDef>Roles</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.roles.join(', ')}}</td>\n  </ng-container>\n\n  <!-- Account Type Column -->\n  <ng-container matColumnDef=\"accountType\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Account Type</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.accountType}}</td>\n  </ng-container>\n\n  <!-- Created Column -->\n  <ng-container matColumnDef=\"created\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>\n      Created\n    </th>\n    <td mat-cell *matCellDef=\"let user\">{{user.created | date}}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n\n<mat-paginator [length]=\"getUsers.persistentValue()?.totalCount\" [pageSize]=\"pageCount()\" [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n","/**\n * Components\n */\nexport * from './lib/components/byu-footer/byu-footer.component'\nexport * from './lib/components/byu-header/byu-header.component'\nexport * from './lib/components/user-management/user-management.component'\n\n/**\n * Services\n */\nexport * from './lib/services/auth/auth.service'\n\n/**\n * Signals\n */\nexport * from './lib/signals/fetch-signal/fetch-signal'\nexport * from './lib/signals/debounced/debounced'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"fhss-web-team-frontend-utils.mjs","sources":["../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.ts","../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.html","../../../projects/frontend-utils/src/lib/services/auth/auth.service.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.html","../../../projects/frontend-utils/src/lib/signals/debounced/debounced.ts","../../../projects/frontend-utils/src/lib/signals/fetch-signal/fetch-signal.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.html","../../../projects/frontend-utils/src/public-api.ts","../../../projects/frontend-utils/src/fhss-web-team-frontend-utils.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'byu-footer',\n  imports: [],\n  templateUrl: './byu-footer.component.html',\n  styleUrl: './byu-footer.component.scss'\n})\nexport class ByuFooterComponent {\n  currentYear: number = new Date().getFullYear(); // Automatically updates the year\n}\n","<footer>\n  <p class=\"title\"><a href=\"https://www.byu.edu/\">BRIGHAM YOUNG UNIVERSITY</a></p>\n  <p>Provo, UT 84602, USA | © {{ currentYear }} All rights reserved.</p>\n  <p>\n    <a href=\"https://privacy.byu.edu/privacy-notice\">Privacy Notice</a> |\n    <a href=\"https://privacy.byu.edu/cookie-prefs\">Cookie Preferences</a>\n  </p>\n</footer>\n  \n\n","import { Injectable, inject, computed } from '@angular/core';\nimport { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';\nimport Keycloak, {\n  KeycloakFlow,\n  KeycloakLoginOptions,\n  KeycloakLogoutOptions,\n  KeycloakResourceAccess,\n  KeycloakResponseMode,\n  KeycloakResponseType,\n  KeycloakRoles,\n  KeycloakTokenParsed,\n} from 'keycloak-js';\n\n@Injectable({\n  providedIn: 'root',\n})\n/**\n * AuthService provides a wrapper around the Keycloak JavaScript adapter, exposing its properties and methods\n * as Angular signals for reactive programming. It simplifies authentication, token management, and role-based access control.\n */\nexport class AuthService {\n  private keycloak = inject(Keycloak);\n  private keycloakSignal = inject(KEYCLOAK_EVENT_SIGNAL);\n\n  /**\n   * Initiates the login process. Optionally stores a route to redirect to after login.\n   * @param nextRoute - The route to navigate to after successful login.\n   */\n  login = (nextRoute?: string) => {\n    if (nextRoute) {\n      sessionStorage.setItem('nextRoute', nextRoute);\n    }\n    this.keycloak.login({\n      redirectUri: window.location.origin + '/auth-callback',\n    });\n  };\n\n  /**\n   * Logs the user out of the application.\n   */\n  logout = () => this.keycloak.logout({ redirectUri: '/'});\n\n  /**\n   * Signal indicating whether the user is authenticated.\n   * Returns `true` if authenticated, `false` otherwise.\n   */\n  authenticated = computed<boolean | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.authenticated;\n  });\n\n  /**\n   * Signal for the base64-encoded token used in the `Authorization` header.\n   */\n  token = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.token;\n  });\n\n  /**\n   * Signal for the Bearer token, prefixed with \"Bearer \".\n   */\n  bearerToken = computed<string | undefined>(() => (this.token() ? 'Bearer ' + this.token() : undefined));\n\n  /**\n   * Signal for the parsed token as a JavaScript object.\n   */\n  tokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.tokenParsed;\n  });\n\n  /**\n   * Signal for the user ID (Keycloak subject).\n   */\n  userId = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.subject;\n  });\n\n  /**\n   * Signal for the base64-encoded ID token.\n   */\n  idToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idToken;\n  });\n\n  /**\n   * Signal for the parsed ID token as a JavaScript object.\n   */\n  idTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idTokenParsed;\n  });\n\n  /**\n   * Signal for the realm roles associated with the token.\n   */\n  realmAccess = computed<KeycloakRoles | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.realmAccess;\n  });\n\n  /**\n   * Signal for the resource roles associated with the token.\n   */\n  resourceAccess = computed<KeycloakResourceAccess | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.resourceAccess;\n  });\n\n  /**\n   * Signal for the base64-encoded refresh token.\n   */\n  refreshToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshToken;\n  });\n\n  /**\n   * Signal for the parsed refresh token as a JavaScript object.\n   */\n  refreshTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshTokenParsed;\n  });\n\n  /**\n   * Signal for the estimated time difference between the browser and Keycloak server in seconds.\n   */\n  timeSkew = computed<number | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.timeSkew;\n  });\n\n  /**\n   * Signal for the response mode passed during initialization.\n   */\n  responseMode = computed<KeycloakResponseMode | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseMode;\n  });\n\n  /**\n   * Signal for the flow type used during initialization.\n   */\n  flow = computed<KeycloakFlow | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.flow;\n  });\n\n  /**\n   * Signal for the response type sent to Keycloak during login requests.\n   */\n  responseType = computed<KeycloakResponseType | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseType;\n  });\n}\n","import { Component, input, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AuthService } from '../../services/auth/auth.service';\n\ntype HeaderLink = {\n  text: string;\n  path: string;\n};\n\n// A HeaderMenu can be either a simple link with path,\n// OR a menu group with nested items\ntype HeaderMenu = HeaderLink | {\n  text: string;\n  items: HeaderLink[];\n}\n\nexport type HeaderConfig = {\n  title: HeaderLink;\n  subtitle?: HeaderLink;\n  breadcrumbs?: HeaderLink[];\n  menu?: HeaderMenu[];\n}\n\n@Component({\n  selector: 'byu-header',\n  imports: [RouterModule],\n  templateUrl: './byu-header.component.html',\n  styleUrl: './byu-header.component.scss'\n})\nexport class ByuHeaderComponent {\n  auth = inject(AuthService)\n  config = input<HeaderConfig>();\n\n  isHeaderLink(item: HeaderMenu): item is HeaderLink {\n    return 'path' in item;\n  }\n\n  // Track which dropdown is open (null means none are open)\n  openDropdownText: string | null = null;\n  \n  // Toggle function — if clicking the same dropdown, close it; otherwise open it\n  toggleDropdown(text: string) {\n    this.openDropdownText = this.openDropdownText === text ? null : text;\n  }\n  \n  // Check if a given dropdown is currently open\n  isOpen(text: string): boolean {\n    return this.openDropdownText === text;\n  }\n}\n","<header>\n  <div class=\"top\" >\n    <img class=\"logo\" src=\"/BYU_monogram_white@2x.png\" alt=\"BYU\">\n    <div class=\"titles\"> \n      <div class=\"breadcrumbs\">\n        @for (breadcrumb of config()?.breadcrumbs; track breadcrumb.text){\n          <a [href]=\"breadcrumb.path\" >{{ breadcrumb.text }}</a>\n        }\n      </div>\n        <a [routerLink]=\"config()?.title?.path\" class=\"title\">{{ config()?.title?.text }}</a>\n        <a [routerLink]=\"config()?.subtitle?.path\" class=\"subtitle\">{{ config()?.subtitle?.text }}</a>\n    </div>\n    <div class=\"signin\">\n      <p>{{ this.auth.tokenParsed()?.['given_name'] ?? '' }}</p>\n      <svg class=\"signin-icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n        <path fill=\"currentcolor\" d=\"M50 95c-26 0-34-18-34-18 3-12 8-18 17-18 5 5 10 7 17 7s12-2 17-7c9 0 14 6 17 18 0 0-7 18-34 18z\"></path>\n        <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"currentcolor\" stroke-width=\"10\"></circle>\n        <circle fill=\"currentcolor\" cx=\"50\" cy=\"40\" r=\"20\"></circle>\n      </svg>\n      @if (auth.authenticated()) {\n        <a class=\"signin-link\" (click)=\"auth.logout()\">Sign Out</a>\n      } @else {\n        <a class=\"signin-link\" (click)=\"auth.login()\">Sign In</a>\n      }\n    </div>\n  </div>\n  <div class=\"bottom\">\n    <nav>\n      @for (menuItem of config()?.menu; track menuItem.text){>\n        @if (isHeaderLink(menuItem)) {\n          <li class = \"nav-item\">\n            <a class=\"nav-item-content\" [routerLink]=\"menuItem.path\">{{ menuItem.text }}</a>\n          </li>\n        } @else {\n          <li class=\"nav-item dropdown\" (click)=\"toggleDropdown(menuItem.text)\">\n            <div class=\"nav-item-content\" >{{ menuItem.text }}</div>\n            @if (openDropdownText === menuItem.text) {\n              <ul class = \"dropdown-item-menu\"> \n              @for(dropItem of menuItem.items; track dropItem.text){\n                <li class = \"dropdown-item\">\n                  <a class=\"dropdown-item-content\" [routerLink]=\"dropItem.path\">{{ dropItem.text }}</a>\n                </li>\n              }\n              </ul>\n            }\n          </li>\n        }\n      }\n    </nav>\n  </div>\n</header>\n","import { effect, signal, Signal } from \"@angular/core\";\n\nexport const debounced = <T>(inputSignal: Signal<T>, wait: number = 400) => {\n  const debouncedSignal = signal<T>(inputSignal());\n  const setSignal = debounce((value) => debouncedSignal.set(value), wait);\n\n  effect(() => {\n    setSignal(inputSignal())\n  })\n\n  return debouncedSignal;\n}\n\nconst debounce = (callback: (...args: any[]) => void, wait: number) => {\n  let timeoutId: number | undefined;\n  return (...args: any[]) => {\n    window.clearTimeout(timeoutId);\n    timeoutId = window.setTimeout(() => {\n      callback(...args);\n    }, wait);\n  };\n}","import { computed, effect, signal, Signal } from '@angular/core';\n\n//\n// Generic utility types\n//\ntype JsonValue =\n  | string\n  | number\n  | boolean\n  | null\n  | JsonArray\n  | JsonObject;\nexport type JsonObject = { [key: string]: JsonValue }; // this is exported because the builder's typing gets mad if it isn't\ntype JsonArray = JsonValue[];\ntype Json = JsonObject | JsonArray;\nexport type Maybe<T> = T | undefined | null;\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\ntype DefaultError = { code?: string, message?: string, details?: Json };\n\n/**\n * A value that may be a plain value of type `T` or a reactive `Signal<T>`.\n *\n * This is useful in APIs that accept either static or reactive values,\n * allowing flexibility while maintaining type safety.\n *\n * Use `unwrapSignal` to extract the underlying value in a uniform way.\n *\n * @template T The underlying value type.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n/**\n * Reads the underlying value from a MaybeSignal.\n *\n * This function is designed for use with reactive APIs (like fetchSignal) where it's important\n * that Angular's computed methods register the dependency. If the input is a Signal, invoking it \n * not only returns its current value but also tracks the signal for reactivity. If the input is \n * a plain value, it simply returns that value.\n *\n * @template T The type of the value.\n * @param value A plain value or a Signal that yields the value.\n * @returns The current value, with dependency tracking enabled if the input is a Signal.\n */\nexport function readMaybeSignal<T>(value: MaybeSignal<T>): T {\n  return typeof value === 'function' ? (value as Function)() : value;\n}\n\n//\n// Fetch Request\n//\ntype FetchSignalRequest = {\n  url: string;\n  body?: unknown;\n  params?: Record<string, string | number | boolean | undefined>;\n  headers?: Record<string, string>;\n};\n\n//\n// A function that transforms the raw fetch Response to the desired type.\n//\ntype ResponseTransformer<T> = (response: Response) => Promise<T>;\n\n/**\n * Represents the reactive result of an HTTP fetch request.\n */\nexport type FetchSignal<Response, Error = DefaultError> = {\n  value: Signal<Maybe<Response>>;\n  persistentValue: Signal<Maybe<Response>>;\n  isLoading: Signal<boolean>;\n  error: Signal<Maybe<Error>>;\n  statusCode: Signal<Maybe<number>>;\n  headers: Signal<Maybe<Record<string, string>>>;\n  refresh: (abortSignal?: AbortSignal) => void;\n};\n\n/**\n * Creates a reactive fetch signal.\n *\n * The request function can include Signals for properties. These are unwrapped in the refresh function.\n */\nfunction createFetchSignal<Response, Error>(\n  request: () => (FetchSignalRequest),\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>,\n  autoRefresh: Boolean\n): FetchSignal<Response, Error> {\n  // Use a computed signal so that any changes to Signals in the request object trigger updates.\n  const currentRequest = computed(request);\n\n  const value = signal<Maybe<Response>>(undefined);\n  const persistentValue = signal<Maybe<Response>>(undefined);\n  const isLoading = signal<boolean>(false);\n  const error = signal<Maybe<Error>>(undefined);\n  const statusCode = signal<Maybe<number>>(undefined);\n  const headers = signal<Maybe<Record<string, string>>>(undefined);\n\n  const refresh = async (abortSignal?: AbortSignal) => {\n    // Reset signals for a fresh request.\n    value.set(undefined);\n    isLoading.set(true);\n    error.set(undefined);\n    statusCode.set(undefined);\n    headers.set(undefined);\n\n    // Unwrap the current request.\n    const req = currentRequest();\n    const url = req.url;\n    const params = req.params\n    const requestHeaders = req.headers;\n    const body = req.body;\n\n    // Build URL with query parameters.\n    let uri = url;\n    if (params) {\n      const searchParams = new URLSearchParams();\n      for (const key in params) {\n        if (params[key] !== undefined) searchParams.append(key, String(params[key]));\n      }\n      uri += (uri.includes('?') ? '&' : '?') + searchParams.toString();\n    }\n\n    try {\n      const response = await fetch(uri, {\n        method,\n        headers: requestHeaders,\n        // Only include a body if one is provided.\n        body: body !== undefined ? JSON.stringify(body) : undefined,\n        signal: abortSignal\n      });\n\n      statusCode.set(response.status);\n\n      // Extract response headers.\n      const headersObj: Record<string, string> = {};\n      response.headers.forEach((val, key) => {\n        headersObj[key] = val;\n      });\n      headers.set(headersObj);\n\n      // if the response is ok, transform the body\n      if (response.ok) {\n        value.set(await transform(response));\n        error.set(null);\n      } else {\n        // try to parse the error as json\n        // set the error to null if this fails\n        try { error.set(await response.json()) }\n        catch { error.set(null) }\n        finally { value.set(null) }\n      }\n    } catch (err: any) {\n      // if the request is aborted, ignore the error\n      if (err.name !== 'AbortError') {\n        console.error(err);\n      }\n      error.set(null);\n      value.set(null);\n    } finally {\n      persistentValue.set(value());\n      isLoading.set(false);\n    }\n  };\n\n  if (autoRefresh) {\n    effect((onCleanup) => {\n      // read the current request to trigger re-run of this effect\n      currentRequest();\n\n      // pass abort signal to refresh on cleanup of effect\n      const controller = new AbortController();\n      onCleanup(() => controller.abort());\n\n      // call refresh with this abort controller\n      refresh(controller.signal);\n    })\n  }\n\n  return { value, persistentValue, isLoading, error, statusCode, headers, refresh };\n}\n\n\n//\n// The chainable API factory type.\n// Note that the default fetchSignal() (and its .json, etc.) are for GET,\n// while .post, .put, .patch require a request with a body.\n// The .delete chain is similar to GET in that no body is expected.\n//\ntype FetchSignalFactory = {\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n   */\n  <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the JSON-parsed response.\n   */\n  json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the text response.\n   */\n  text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the Blob response.\n   */\n  blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the ArrayBuffer response.\n   */\n  arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n\n  get: {\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  post: {\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  put: {\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  patch: {\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  delete: {\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n};\n\n\n//\n// Helpers for attaching response transforms for GET/DELETE (which don’t include a body).\n//\nconst createHelper = <Response, Error>(\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>\n) => (request: () => FetchSignalRequest, autoRefresh: boolean = false): FetchSignal<Response, Error> =>\n  createFetchSignal<Response, Error>(request, method, transform, autoRefresh);\n\n// Transforms\nconst jsonTransformer = (response: Response) => response.json();\nconst textTransformer = (response: Response) => response.text();\nconst blobTransformer = (response: Response) => response.blob();\nconst arrayBufferTransformer = (response: Response) => response.arrayBuffer();\n\n//\n// Build the defaults - GET chain\n//\nconst fetchSignal = createHelper('GET', jsonTransformer) as FetchSignalFactory;\nfetchSignal.json = createHelper('GET', jsonTransformer);\nfetchSignal.text = createHelper('GET', textTransformer);\nfetchSignal.blob = createHelper('GET', blobTransformer);\nfetchSignal.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the GET chain\n//\nfetchSignal.get = createHelper('GET', jsonTransformer) as FetchSignalFactory['get'];\nfetchSignal.get.json = createHelper('GET', jsonTransformer);\nfetchSignal.get.text = createHelper('GET', textTransformer);\nfetchSignal.get.blob = createHelper('GET', blobTransformer);\nfetchSignal.get.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the POST chain.\n//\nfetchSignal.post = createHelper('POST', jsonTransformer) as FetchSignalFactory['post'];\nfetchSignal.post.json = createHelper('POST', jsonTransformer);\nfetchSignal.post.text = createHelper('POST', textTransformer);\nfetchSignal.post.blob = createHelper('POST', blobTransformer);\nfetchSignal.post.arrayBuffer = createHelper('POST', arrayBufferTransformer);\n\n//\n// Build the PUT chain.\n//\nfetchSignal.put = createHelper('PUT', jsonTransformer) as FetchSignalFactory['put'];\nfetchSignal.put.json = createHelper('PUT', jsonTransformer);\nfetchSignal.put.text = createHelper('PUT', textTransformer);\nfetchSignal.put.blob = createHelper('PUT', blobTransformer);\nfetchSignal.put.arrayBuffer = createHelper('PUT', arrayBufferTransformer);\n\n//\n// Build the PATCH chain.\n//\nfetchSignal.patch = createHelper('PATCH', jsonTransformer) as FetchSignalFactory['patch'];\nfetchSignal.patch.json = createHelper('PATCH', jsonTransformer);\nfetchSignal.patch.text = createHelper('PATCH', textTransformer);\nfetchSignal.patch.blob = createHelper('PATCH', blobTransformer);\nfetchSignal.patch.arrayBuffer = createHelper('PATCH', arrayBufferTransformer);\n\n//\n// Build the DELETE chain\n//\nfetchSignal.delete = createHelper('DELETE', jsonTransformer) as FetchSignalFactory['delete'];\nfetchSignal.delete.json = createHelper('DELETE', jsonTransformer);\nfetchSignal.delete.text = createHelper('DELETE', textTransformer);\nfetchSignal.delete.blob = createHelper('DELETE', blobTransformer);\nfetchSignal.delete.arrayBuffer = createHelper('DELETE', arrayBufferTransformer);\n\nexport { fetchSignal };\n","import { Component, inject, Signal, signal, ViewChild } from '@angular/core';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { debounced } from '../../signals/debounced/debounced';\nimport { AuthService } from '../../services/auth/auth.service';\nimport { fetchSignal } from '../../signals/fetch-signal/fetch-signal';\nimport { GetUsersAccountTypes, GetUsersResponse, GetUsersSortBy, GetUsersSortDirection } from './user-management.types';\n\n@Component({\n  selector: 'app-user-management',\n  imports: [\n    MatTableModule,\n    MatSortModule,\n    MatPaginatorModule,\n    DatePipe,\n    FormsModule,\n    MatInputModule,\n    MatSelectModule,\n  ],\n  templateUrl: './user-management.component.html',\n  styleUrl: './user-management.component.scss',\n})\nexport class UserManagementComponent {\n  auth = inject(AuthService);\n\n  displayedColumns: string[] = [\n    'netId',\n    'preferredFirstName',\n    'preferredLastName',\n    'roles',\n    'accountType',\n    'created',\n  ];\n  accountTypeOptions = ['NonBYU', 'Student', 'Employee'];\n\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\n  @ViewChild(MatSort) sort!: MatSort;\n\n  search = signal('');\n  accountTypes = signal<GetUsersAccountTypes>([\n    'NonBYU',\n    'Student',\n    'Employee',\n  ]);\n  sortBy = signal<GetUsersSortBy>('netId');\n  sortDirection = signal<GetUsersSortDirection>('asc');\n  pageCount = signal(5);\n  pageOffset = signal(0);\n\n  getUsers = fetchSignal<GetUsersResponse>(\n    () => ({\n      url: '/api/user-management',\n      params: {\n        search: debounced(this.search)(),\n        account_types: this.accountTypes().join(','),\n        sort_by: this.sortBy(),\n        sort_direction: this.sortDirection(),\n        page_count: this.pageCount(),\n        page_offset: this.pageOffset(),\n        // created_after: this.createdAfter().toISOString(),\n        // created_before: this.createdBefore().toISOString(),\n      },\n      headers: {\n        Authorization: this.auth.bearerToken() ?? '',\n      },\n    }),\n    true\n  );\n\n  ngAfterViewInit() {\n    // write the observables from the sort and the paging to the signals\n    this.sort.sortChange.subscribe(({ active, direction }) => {\n      this.sortBy.set(active as GetUsersSortBy);\n      this.sortDirection.set(direction);\n      this.pageOffset.set(0);\n      this.paginator.pageIndex = 0;\n    });\n    this.paginator.page.subscribe(({ pageIndex, pageSize }) => {\n      this.pageOffset.set(pageIndex * pageSize);\n      this.pageCount.set(pageSize);\n    });\n  }\n}\n","<mat-form-field>\n  <mat-label>Search for User</mat-label>\n  <input matInput [(ngModel)]=\"search\">\n</mat-form-field>\n<mat-form-field>\n  <mat-label>Account Type</mat-label>\n  <mat-select multiple [(ngModel)]=\"accountTypes\">\n    @for (accountType of accountTypeOptions; track accountType) {\n      <mat-option [value]=\"accountType\">{{accountType}}</mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n\n<table mat-table [dataSource]=\"getUsers.persistentValue()?.data ?? []\" matSort matSortActive=\"netId\" matSortDisableClear matSortDirection=\"asc\">\n  <!-- NetID Column -->\n  <ng-container matColumnDef=\"netId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>NetID</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.netId}}</td>\n  </ng-container>\n\n  <!-- First Name Column -->\n  <ng-container matColumnDef=\"preferredFirstName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredFirstName}}</td>\n  </ng-container>\n\n  <!-- Last Name Column -->\n  <ng-container matColumnDef=\"preferredLastName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredLastName}}</td>\n  </ng-container>\n\n  <!-- Roles Column -->\n  <ng-container matColumnDef=\"roles\">\n    <th mat-header-cell *matHeaderCellDef>Roles</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.roles.join(', ')}}</td>\n  </ng-container>\n\n  <!-- Account Type Column -->\n  <ng-container matColumnDef=\"accountType\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Account Type</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.accountType}}</td>\n  </ng-container>\n\n  <!-- Created Column -->\n  <ng-container matColumnDef=\"created\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>\n      Created\n    </th>\n    <td mat-cell *matCellDef=\"let user\">{{user.created | date}}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n\n<mat-paginator [length]=\"getUsers.persistentValue()?.totalCount\" [pageSize]=\"pageCount()\" [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n","/**\n * Components\n */\nexport * from './lib/components/byu-footer/byu-footer.component'\nexport * from './lib/components/byu-header/byu-header.component'\nexport * from './lib/components/user-management/user-management.component'\n\n/**\n * Services\n */\nexport * from './lib/services/auth/auth.service'\n\n/**\n * Signals\n */\nexport * from './lib/signals/fetch-signal/fetch-signal'\nexport * from './lib/signals/debounced/debounced'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/lib/services/auth/auth.service.d.ts

@@ -1,4 +1,4 @@
-import { KeycloakFlow, KeycloakLogoutOptions, KeycloakResourceAccess, KeycloakResponseMode, KeycloakResponseType, KeycloakRoles, KeycloakTokenParsed } from 'keycloak-js';
+import { KeycloakFlow, KeycloakResourceAccess, KeycloakResponseMode, KeycloakResponseType, KeycloakRoles, KeycloakTokenParsed } from 'keycloak-js';
 import * as i0 from "@angular/core";
 export declare class AuthService {
     private keycloak;
@@ -10,9 +10,8 @@ export declare class AuthService {
     login: (nextRoute?: string) => void;
     /**
      * Logs the user out of the application.
-     * @param options - Optional logout options.
      */
-    logout: (options?: KeycloakLogoutOptions) => Promise<void>;
+    logout: () => Promise<void>;
     /**
      * Signal indicating whether the user is authenticated.
      * Returns `true` if authenticated, `false` otherwise.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fhss-web-team/frontend-utils",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"