@vaadin/hilla-react-auth 24.7.0-alpha9 → 24.8.0-alpha1

package/ProtectedRoute.d.ts

@@ -1,35 +1,37 @@
-import { type IndexRouteObject, type NonIndexRouteObject } from 'react-router';
-import { type AccessProps } from './useAuth.js';
+import { type IndexRouteObject, type NonIndexRouteObject } from "react-router";
+import { type AccessProps } from "./useAuth.js";
 type CustomMetadata = Record<string, any>;
 type HandleWithAuth = Readonly<{
-    handle?: AccessProps & CustomMetadata;
+	handle?: AccessProps & CustomMetadata
 }>;
-type Override<T, E> = E & Omit<T, keyof E>;
+type Override<
+	T,
+	E
+> = E & Omit<T, keyof E>;
 type IndexRouteObjectWithAuth = Override<IndexRouteObject, HandleWithAuth>;
 type NonIndexRouteObjectWithAuth = Override<Override<NonIndexRouteObject, HandleWithAuth>, {
-    children?: RouteObjectWithAuth[];
+	children?: RouteObjectWithAuth[]
 }>;
 export type RouteObjectWithAuth = IndexRouteObjectWithAuth | NonIndexRouteObjectWithAuth;
 /**
- * Adds protection to a single route that requires authentication.
- * These route should contain the {@link AccessProps.loginRequired} and/or
- * {@link AccessProps.rolesAllowed} property to get the protection. Route
- * without that property won't be protected.
- *
- * @param route - the route to protect
- * @param redirectPath - the path to redirect to if the route is protected
- * and the user is not authenticated.
- * @returns the route extended with protection if needed
- */
+* Adds protection to a single route that requires authentication.
+* These route should contain the {@link AccessProps.loginRequired} and/or
+* {@link AccessProps.rolesAllowed} property to get the protection. Route
+* without that property won't be protected.
+*
+* @param route - the route to protect
+* @param redirectPath - the path to redirect to if the route is protected
+* and the user is not authenticated.
+* @returns the route extended with protection if needed
+*/
 export declare function protectRoute(route: RouteObjectWithAuth, redirectPath?: string): RouteObjectWithAuth;
 /**
- * Protects a route tree with {@link protectRoute} function.
- *
- * @param routes - the roots of the route tree that requires protection.
- * @param redirectPath - the path to redirect to if the route is
- * protected and the user is not authenticated.
- * @returns the protected route tree
- */
+* Protects a route tree with {@link protectRoute} function.
+*
+* @param routes - the roots of the route tree that requires protection.
+* @param redirectPath - the path to redirect to if the route is
+* protected and the user is not authenticated.
+* @returns the protected route tree
+*/
 export declare function protectRoutes(routes: RouteObjectWithAuth[], redirectPath?: string): RouteObjectWithAuth[];
 export {};
-//# sourceMappingURL=ProtectedRoute.d.ts.map

package/ProtectedRoute.js

@@ -1,53 +1,70 @@
-import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { Navigate, useLocation } from "react-router";
 import { AuthContext } from "./useAuth.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 function ProtectedRoute({ redirectPath, access, element }) {
-  const {
-    state: { initializing, loading, user },
-    hasAccess
-  } = useContext(AuthContext);
-  const location = useLocation();
-  if (initializing || loading) {
-    return /* @__PURE__ */ jsx("div", {});
-  }
-  if (!hasAccess(access)) {
-    return /* @__PURE__ */ jsx(Navigate, { to: redirectPath, state: { from: location }, replace: true });
-  }
-  return element;
+	const { state: { initializing, loading }, hasAccess } = useContext(AuthContext);
+	const location = useLocation();
+	if (initializing || loading) {
+		return _jsx(
+			"div",
+			// This is for copilot to recognize this
+			{}
+);
+	}
+	if (!hasAccess(access)) {
+		return _jsx(Navigate, {
+			to: redirectPath,
+			state: { from: location },
+			replace: true
+		});
+	}
+	return element;
 }
 ProtectedRoute.type = "ProtectedRoute";
 function* traverse(routes) {
-  for (const route of routes) {
-    yield route;
-    if (route.children) {
-      yield* traverse(route.children);
-    }
-  }
+	for (const route of routes) {
+		yield route;
+		if (route.children) {
+			yield* traverse(route.children);
+		}
+	}
 }
-function protectRoute(route, redirectPath = "/login") {
-  const { handle } = route;
-  const requiresAuth = handle?.loginRequired ?? handle?.requiresLogin ?? handle?.rolesAllowed?.length;
-  if (requiresAuth) {
-    route.element = /* @__PURE__ */ jsx(
-      ProtectedRoute,
-      {
-        redirectPath,
-        access: handle,
-        element: route.element
-      }
-    );
-  }
-  return route;
+/**
+* Adds protection to a single route that requires authentication.
+* These route should contain the {@link AccessProps.loginRequired} and/or
+* {@link AccessProps.rolesAllowed} property to get the protection. Route
+* without that property won't be protected.
+*
+* @param route - the route to protect
+* @param redirectPath - the path to redirect to if the route is protected
+* and the user is not authenticated.
+* @returns the route extended with protection if needed
+*/
+export function protectRoute(route, redirectPath = "/login") {
+	const { handle } = route;
+	const requiresAuth = handle?.loginRequired ?? handle?.requiresLogin ?? handle?.rolesAllowed?.length;
+	if (requiresAuth) {
+		route.element = _jsx(ProtectedRoute, {
+			redirectPath,
+			access: handle,
+			element: route.element
+		});
+	}
+	return route;
 }
-function protectRoutes(routes, redirectPath = "/login") {
-  for (const route of traverse(routes)) {
-    protectRoute(route, redirectPath);
-  }
-  return routes;
+/**
+* Protects a route tree with {@link protectRoute} function.
+*
+* @param routes - the roots of the route tree that requires protection.
+* @param redirectPath - the path to redirect to if the route is
+* protected and the user is not authenticated.
+* @returns the protected route tree
+*/
+export function protectRoutes(routes, redirectPath = "/login") {
+	for (const route of traverse(routes)) {
+		protectRoute(route, redirectPath);
+	}
+	return routes;
 }
-export {
-  protectRoute,
-  protectRoutes
-};
-//# sourceMappingURL=ProtectedRoute.js.map
+//# sourceMappingURL=./ProtectedRoute.js.map

package/ProtectedRoute.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["src/ProtectedRoute.tsx"],
-  "sourcesContent": ["import { useContext, type JSX } from 'react';\nimport type { RouteObject } from 'react-router';\nimport { type IndexRouteObject, Navigate, type NonIndexRouteObject, useLocation } from 'react-router';\nimport { type AccessProps, AuthContext } from './useAuth.js';\n\ntype CustomMetadata = Record<string, any>;\n\ntype HandleWithAuth = Readonly<{ handle?: AccessProps & CustomMetadata }>;\n\ntype Override<T, E> = E & Omit<T, keyof E>;\n\ntype IndexRouteObjectWithAuth = Override<IndexRouteObject, HandleWithAuth>;\ntype NonIndexRouteObjectWithAuth = Override<\n  Override<NonIndexRouteObject, HandleWithAuth>,\n  {\n    children?: RouteObjectWithAuth[];\n  }\n>;\nexport type RouteObjectWithAuth = IndexRouteObjectWithAuth | NonIndexRouteObjectWithAuth;\n\ninterface ProtectedRouteProps {\n  redirectPath: string;\n  access: AccessProps;\n  element: JSX.Element;\n}\n\nfunction ProtectedRoute({ redirectPath, access, element }: ProtectedRouteProps): JSX.Element | null {\n  const {\n    state: { initializing, loading, user },\n    hasAccess,\n  } = useContext(AuthContext);\n\n  const location = useLocation();\n\n  if (initializing || loading) {\n    return <div></div>;\n  }\n\n  if (!hasAccess(access)) {\n    return <Navigate to={redirectPath} state={{ from: location }} replace />;\n  }\n\n  return element;\n}\nProtectedRoute.type = 'ProtectedRoute'; // This is for copilot to recognize this\n\nfunction* traverse<T extends RouteObject>(routes: T[]): Generator<T, undefined, undefined> {\n  for (const route of routes) {\n    yield route;\n    if (route.children) {\n      yield* traverse(route.children as T[]);\n    }\n  }\n}\n\n/**\n * Adds protection to a single route that requires authentication.\n * These route should contain the {@link AccessProps.loginRequired} and/or\n * {@link AccessProps.rolesAllowed} property to get the protection. Route\n * without that property won't be protected.\n *\n * @param route - the route to protect\n * @param redirectPath - the path to redirect to if the route is protected\n * and the user is not authenticated.\n * @returns the route extended with protection if needed\n */\nexport function protectRoute(route: RouteObjectWithAuth, redirectPath: string = '/login'): RouteObjectWithAuth {\n  const { handle } = route;\n  const requiresAuth = handle?.loginRequired ?? handle?.requiresLogin ?? handle?.rolesAllowed?.length;\n\n  if (requiresAuth) {\n    route.element = (\n      <ProtectedRoute\n        redirectPath={redirectPath}\n        access={handle as AccessProps}\n        element={route.element as JSX.Element}\n      />\n    );\n  }\n\n  return route;\n}\n\n/**\n * Protects a route tree with {@link protectRoute} function.\n *\n * @param routes - the roots of the route tree that requires protection.\n * @param redirectPath - the path to redirect to if the route is\n * protected and the user is not authenticated.\n * @returns the protected route tree\n */\nexport function protectRoutes(routes: RouteObjectWithAuth[], redirectPath: string = '/login'): RouteObjectWithAuth[] {\n  for (const route of traverse(routes)) {\n    protectRoute(route, redirectPath);\n  }\n\n  return routes;\n}\n"],
-  "mappings": "AAmCW;AAnCX,SAAS,kBAA4B;AAErC,SAAgC,UAAoC,mBAAmB;AACvF,SAA2B,mBAAmB;AAuB9C,SAAS,eAAe,EAAE,cAAc,QAAQ,QAAQ,GAA4C;AAClG,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc,SAAS,KAAK;AAAA,IACrC;AAAA,EACF,IAAI,WAAW,WAAW;AAE1B,QAAM,WAAW,YAAY;AAE7B,MAAI,gBAAgB,SAAS;AAC3B,WAAO,oBAAC,SAAI;AAAA,EACd;AAEA,MAAI,CAAC,UAAU,MAAM,GAAG;AACtB,WAAO,oBAAC,YAAS,IAAI,cAAc,OAAO,EAAE,MAAM,SAAS,GAAG,SAAO,MAAC;AAAA,EACxE;AAEA,SAAO;AACT;AACA,eAAe,OAAO;AAEtB,UAAU,SAAgC,QAAiD;AACzF,aAAW,SAAS,QAAQ;AAC1B,UAAM;AACN,QAAI,MAAM,UAAU;AAClB,aAAO,SAAS,MAAM,QAAe;AAAA,IACvC;AAAA,EACF;AACF;AAaO,SAAS,aAAa,OAA4B,eAAuB,UAA+B;AAC7G,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,eAAe,QAAQ,iBAAiB,QAAQ,iBAAiB,QAAQ,cAAc;AAE7F,MAAI,cAAc;AAChB,UAAM,UACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ;AAAA,QACR,SAAS,MAAM;AAAA;AAAA,IACjB;AAAA,EAEJ;AAEA,SAAO;AACT;AAUO,SAAS,cAAc,QAA+B,eAAuB,UAAiC;AACnH,aAAW,SAAS,SAAS,MAAM,GAAG;AACpC,iBAAa,OAAO,YAAY;AAAA,EAClC;AAEA,SAAO;AACT;",
-  "names": []
-}
+{"mappings":"AAAA,SAAS,yBAAoC;AAE7C,SAAgC,UAAoC,iCAAkC;AACtG,SAA2B,iCAAkC;;AAuB7D,SAAS,eAAe,EAAE,cAAc,QAAQ,SAA8B,EAAsB;CAClG,MAAM,EACJ,OAAO,EAAE,cAAc,SAAS,EAChC,WACD,GAAG,WAAW,YAAY;CAE3B,MAAM,WAAW,aAAa;AAE9B,KAAI,gBAAgB,SAAS;AAC3B,SAAO;GAAC;;;CAAU;CACnB;AAED,MAAK,UAAU,OAAO,EAAE;AACtB,SAAO,KAAC;GAAS,IAAI;GAAc,OAAO,EAAE,MAAM,SAAU;GAAE;IAAU;CACzE;AAED,QAAO;AACR;AAED,eAAe,OAAO;AAEtB,UAAU,SAAgCA,QAAiD;AACzF,MAAK,MAAM,SAAS,QAAQ;AAC1B,QAAM;AACN,MAAI,MAAM,UAAU;AAClB,UAAO,SAAS,MAAM,SAAgB;EACvC;CACF;AACF;;;;;;;;;;;;AAaD,OAAO,SAAS,aAAaC,OAA4BC,eAAuB,UAA+B;CAC7G,MAAM,EAAE,QAAQ,GAAG;CACnB,MAAM,eAAe,QAAQ,iBAAiB,QAAQ,iBAAiB,QAAQ,cAAc;AAE7F,KAAI,cAAc;AAChB,QAAM,UACJ,KAAC;GACe;GACd,QAAQ;GACR,SAAS,MAAM;IACf;CAEL;AAED,QAAO;AACR;;;;;;;;;AAUD,OAAO,SAAS,cAAcC,QAA+BD,eAAuB,UAAiC;AACnH,MAAK,MAAM,SAAS,SAAS,OAAO,EAAE;AACpC,eAAa,OAAO,aAAa;CAClC;AAED,QAAO;AACR","names":["routes: T[]","route: RouteObjectWithAuth","redirectPath: string","routes: RouteObjectWithAuth[]"],"sources":["/opt/agent/work/1af72d8adc613024/hilla/packages/ts/react-auth/src/ProtectedRoute.tsx"],"sourcesContent":["import { useContext, type JSX } from 'react';\nimport type { RouteObject } from 'react-router';\nimport { type IndexRouteObject, Navigate, type NonIndexRouteObject, useLocation } from 'react-router';\nimport { type AccessProps, AuthContext } from './useAuth.js';\n\ntype CustomMetadata = Record<string, any>;\n\ntype HandleWithAuth = Readonly<{ handle?: AccessProps & CustomMetadata }>;\n\ntype Override<T, E> = E & Omit<T, keyof E>;\n\ntype IndexRouteObjectWithAuth = Override<IndexRouteObject, HandleWithAuth>;\ntype NonIndexRouteObjectWithAuth = Override<\n  Override<NonIndexRouteObject, HandleWithAuth>,\n  {\n    children?: RouteObjectWithAuth[];\n  }\n>;\nexport type RouteObjectWithAuth = IndexRouteObjectWithAuth | NonIndexRouteObjectWithAuth;\n\ninterface ProtectedRouteProps {\n  redirectPath: string;\n  access: AccessProps;\n  element: JSX.Element;\n}\n\nfunction ProtectedRoute({ redirectPath, access, element }: ProtectedRouteProps): JSX.Element | null {\n  const {\n    state: { initializing, loading },\n    hasAccess,\n  } = useContext(AuthContext);\n\n  const location = useLocation();\n\n  if (initializing || loading) {\n    return <div></div>;\n  }\n\n  if (!hasAccess(access)) {\n    return <Navigate to={redirectPath} state={{ from: location }} replace />;\n  }\n\n  return element;\n}\n\nProtectedRoute.type = 'ProtectedRoute'; // This is for copilot to recognize this\n\nfunction* traverse<T extends RouteObject>(routes: T[]): Generator<T, undefined, undefined> {\n  for (const route of routes) {\n    yield route;\n    if (route.children) {\n      yield* traverse(route.children as T[]);\n    }\n  }\n}\n\n/**\n * Adds protection to a single route that requires authentication.\n * These route should contain the {@link AccessProps.loginRequired} and/or\n * {@link AccessProps.rolesAllowed} property to get the protection. Route\n * without that property won't be protected.\n *\n * @param route - the route to protect\n * @param redirectPath - the path to redirect to if the route is protected\n * and the user is not authenticated.\n * @returns the route extended with protection if needed\n */\nexport function protectRoute(route: RouteObjectWithAuth, redirectPath: string = '/login'): RouteObjectWithAuth {\n  const { handle } = route;\n  const requiresAuth = handle?.loginRequired ?? handle?.requiresLogin ?? handle?.rolesAllowed?.length;\n\n  if (requiresAuth) {\n    route.element = (\n      <ProtectedRoute\n        redirectPath={redirectPath}\n        access={handle as AccessProps}\n        element={route.element as JSX.Element}\n      />\n    );\n  }\n\n  return route;\n}\n\n/**\n * Protects a route tree with {@link protectRoute} function.\n *\n * @param routes - the roots of the route tree that requires protection.\n * @param redirectPath - the path to redirect to if the route is\n * protected and the user is not authenticated.\n * @returns the protected route tree\n */\nexport function protectRoutes(routes: RouteObjectWithAuth[], redirectPath: string = '/login'): RouteObjectWithAuth[] {\n  for (const route of traverse(routes)) {\n    protectRoute(route, redirectPath);\n  }\n\n  return routes;\n}\n"],"version":3}

package/index.d.ts

@@ -1,3 +1,2 @@
-export * from './ProtectedRoute.js';
-export * from './useAuth.js';
-//# sourceMappingURL=index.d.ts.map
+export * from "./ProtectedRoute.js";
+export * from "./useAuth.js";

package/index.js

@@ -1,11 +1,10 @@
-function __REGISTER__(feature, vaadinObj = window.Vaadin ??= {}) {
-  vaadinObj.registrations ??= [];
-  vaadinObj.registrations.push({
-    is: feature ? `${"@vaadin/hilla-react-auth"}/${feature}` : "@vaadin/hilla-react-auth",
-    version: "24.7.0-alpha9"
-  });
-}
 export * from "./ProtectedRoute.js";
 export * from "./useAuth.js";
-__REGISTER__();
-//# sourceMappingURL=index.js.map
+((feature, vaadinObj = window.Vaadin ??= {}) => {
+	vaadinObj.registrations ??= [];
+	vaadinObj.registrations.push({
+		is: feature ? `@vaadin/hilla-react-auth/${feature}` : "@vaadin/hilla-react-auth",
+		version: "24.8.0-alpha1"
+	});
+})();
+//# sourceMappingURL=./index.js.map

package/index.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../scripts/register.js", "src/index.ts"],
-  "sourcesContent": ["export function __REGISTER__(feature, vaadinObj = (window.Vaadin ??= {})) {\n  vaadinObj.registrations ??= [];\n  vaadinObj.registrations.push({\n    is: feature ? `${__NAME__}/${feature}` : __NAME__,\n    version: __VERSION__,\n  });\n}\n", "export * from './ProtectedRoute.js';\nexport * from './useAuth.js';\n\n// @ts-expect-error: esbuild injection\n// eslint-disable-next-line @typescript-eslint/no-unsafe-call\n__REGISTER__();\n"],
-  "mappings": "AAAO,SAAS,aAAa,SAAS,YAAa,OAAO,WAAW,CAAC,GAAI;AACxE,YAAU,kBAAkB,CAAC;AAC7B,YAAU,cAAc,KAAK;AAAA,IAC3B,IAAI,UAAU,GAAG,0BAAQ,IAAI,OAAO,KAAK;AAAA,IACzC,SAAS;AAAA,EACX,CAAC;AACH;ACNA,cAAc;AACd,cAAc;AAId,aAAa;",
-  "names": []
-}
+{"mappings":"AAAA;AACA;AAIA,CAAC,CAAC,SAAS,YAAa,OAAO,WAAW,CAAE,MAAM;AAChD,WAAU,kBAAkB,CAAE;AAC9B,WAAU,cAAc,KAAK;EAC3B,IAAI,WAAW,2BAA2B,QAAQ,IAAI;EACtD,SAAS;CACV,EAAC;AACH,IAAG","names":[],"sources":["/opt/agent/work/1af72d8adc613024/hilla/packages/ts/react-auth/src/index.ts"],"sourcesContent":["export * from './ProtectedRoute.js';\nexport * from './useAuth.js';\n\n// @ts-expect-error: esbuild injection\n// eslint-disable-next-line @typescript-eslint/no-unsafe-call\n((feature, vaadinObj = (window.Vaadin ??= {})) => {\n  vaadinObj.registrations ??= [];\n  vaadinObj.registrations.push({\n    is: feature ? `@vaadin/hilla-react-auth/${feature}` : '@vaadin/hilla-react-auth',\n    version: '24.8.0-alpha1',\n  });\n})();\n"],"version":3}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/hilla-react-auth",
-  "version": "24.7.0-alpha9",
+  "version": "24.8.0-alpha1",
   "description": "Hilla auth utils for React",
   "main": "index.js",
   "module": "index.js",
@@ -17,15 +17,12 @@
   ],
   "scripts": {
     "clean:build": "git clean -fx . -e .vite -e node_modules",
-    "build": "concurrently npm:build:*",
-    "build:esbuild": "tsx ../../../scripts/build.ts",
-    "build:dts": "tsc --isolatedModules -p tsconfig.build.json",
-    "build:copy": "cd src && copyfiles **/*.d.ts ..",
+    "build": "tsx ../../../scripts/fast-build.ts",
     "lint": "eslint src test",
     "lint:fix": "eslint src test --fix",
-    "test": "npx --node-options=\"--import tsx\" wtr --config ../../../wtr.config.ts",
-    "test:coverage": "npm run test -- --coverage",
-    "test:watch": "npm run test -- --watch",
+    "test": "vitest --run",
+    "test:coverage": "vitest --run --coverage",
+    "test:watch": "vitest",
     "typecheck": "tsc --noEmit"
   },
   "exports": {
@@ -46,31 +43,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@vaadin/hilla-frontend": "24.7.0-alpha9"
+    "@vaadin/hilla-frontend": "24.8.0-alpha1"
   },
   "peerDependencies": {
     "react": "18 || 19",
     "react-dom": "18 || 19",
-    "react-router": "^7"
-  },
-  "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/chai": "^4.3.20",
-    "@types/chai-dom": "^1.11.3",
-    "@types/mocha": "^10.0.10",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18",
-    "@types/sinon": "^10.0.20",
-    "@types/sinon-chai": "^3.2.12",
-    "@types/validator": "^13.12.2",
-    "@web/test-runner": "^0.19.0",
-    "chai": "^5.1.2",
-    "chai-dom": "^1.12.0",
-    "react-router": "^7.1.1",
-    "sinon": "^16.1.3",
-    "sinon-chai": "^3.7.0",
-    "typescript": "5.7.3"
+    "react-router": "7"
   }
 }

package/useAuth.d.ts

@@ -1,70 +1,59 @@
-import { type LoginResult } from '@vaadin/hilla-frontend';
-type LoginFunction = (username: string, password: string) => Promise<LoginResult>;
+import { type LoginOptions, type LoginResult } from "@vaadin/hilla-frontend";
+import { type Context } from "react";
+type LoginFunction = (username: string, password: string, options?: LoginOptions) => Promise<LoginResult>;
 type LogoutFunction = () => Promise<void>;
 /**
- * The type of the function that is used to get the authenticated user.
- */
+* The type of the function that is used to get the authenticated user.
+*/
 export type GetUserFn<TUser> = () => Promise<TUser | undefined>;
 type AuthState<TUser> = Readonly<{
-    initializing: boolean;
-    loading: boolean;
-    user?: TUser;
-    error?: string;
-    getAuthenticatedUser?: GetUserFn<TUser>;
+	initializing: boolean
+	loading: boolean
+	user?: TUser
+	error?: string
+	getAuthenticatedUser?: GetUserFn<TUser>
 }>;
 /**
- * The properties that can be used to control access to a route.
- * They can be added to the route type handler as properties.
- */
+* The properties that can be used to control access to a route.
+* They can be added to the route type handler as properties.
+*/
 export type AccessProps = Readonly<{
-    /**
-     * If true, the user must be logged in to access the route.
-     */
-    loginRequired?: boolean;
-    /**
-     * If true, the user must be logged in to access the route.
-     *
-     * @deprecated Use `loginRequired` instead.
-     */
-    requiresLogin?: boolean;
-    /**
-     * The list of roles that are allowed to access the route.
-     */
-    rolesAllowed?: readonly [string, ...string[]];
+	/**
+	* If true, the user must be logged in to access the route.
+	*/
+	loginRequired?: boolean
+	/**
+	* If true, the user must be logged in to access the route.
+	*
+	* @deprecated Use `loginRequired` instead.
+	*/
+	requiresLogin?: boolean
+	/**
+	* The list of roles that are allowed to access the route.
+	*/
+	rolesAllowed?: readonly [string, ...string[]]
 }>;
 /**
- * The type of the authentication hook.
- */
+* The type of the authentication hook.
+*/
 export type Authentication<TUser> = Readonly<{
-    state: AuthState<TUser>;
-    login: LoginFunction;
-    logout: LogoutFunction;
-    hasAccess(accessProps: AccessProps): boolean;
+	state: AuthState<TUser>
+	login: LoginFunction
+	logout: LogoutFunction
+	hasAccess(accessProps: AccessProps): boolean
 }>;
 /**
- * The hook that can be used to get the authentication state.
- * It returns the state of the authentication.
- */
-export declare const AuthContext: import("react").Context<Readonly<{
-    state: Readonly<{
-        initializing: boolean;
-        loading: boolean;
-        user?: unknown;
-        error?: string;
-        getAuthenticatedUser?: GetUserFn<unknown> | undefined;
-    }>;
-    login: LoginFunction;
-    logout: LogoutFunction;
-    hasAccess(accessProps: AccessProps): boolean;
-}>>;
+* The hook that can be used to get the authentication state.
+* It returns the state of the authentication.
+*/
+export declare const AuthContext: Context<Authentication<unknown>>;
 interface AuthConfig<TUser> {
-    getRoles?(user: TUser): readonly string[];
+	getRoles?(user: TUser): readonly string[];
 }
 export type AuthHook<TUser> = () => Authentication<TUser>;
 interface AuthModule<TUser> {
-    AuthProvider: React.FC<React.PropsWithChildren>;
-    useAuth: AuthHook<TUser>;
+	AuthProvider: React.FC<React.PropsWithChildren>;
+	useAuth: AuthHook<TUser>;
 }
 export declare function configureAuth<TUser>(getAuthenticatedUser: GetUserFn<TUser>, config?: AuthConfig<TUser>): AuthModule<TUser>;
 export {};
-//# sourceMappingURL=useAuth.d.ts.map

package/useAuth.js

@@ -1,142 +1,147 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  login as _login,
-  logout as _logout,
-  UnauthorizedResponseError
-} from "@vaadin/hilla-frontend";
+import { login as _login, logout as _logout, UnauthorizedResponseError } from "@vaadin/hilla-frontend";
 import { createContext, useContext, useEffect, useReducer } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const LOGIN_FETCH = "LOGIN_FETCH";
 const LOGIN_SUCCESS = "LOGIN_SUCCESS";
 const LOGIN_FAILURE = "LOGIN_FAILURE";
 const LOGOUT = "LOGOUT";
 function createAuthenticateThunk(dispatch, getAuthenticatedUser) {
-  async function authenticate() {
-    dispatch({ type: LOGIN_FETCH });
-    const user = await getAuthenticatedUser().catch((error) => {
-      if (error instanceof UnauthorizedResponseError) {
-        return void 0;
-      }
-      throw error;
-    });
-    if (user) {
-      dispatch({
-        user,
-        type: LOGIN_SUCCESS
-      });
-    } else {
-      dispatch({
-        error: "Not authenticated",
-        type: LOGIN_FAILURE
-      });
-    }
-  }
-  return authenticate;
+	async function authenticate() {
+		dispatch({ type: LOGIN_FETCH });
+		const user = await getAuthenticatedUser().catch((error) => {
+			if (error instanceof UnauthorizedResponseError) {
+				return undefined;
+			}
+			throw error;
+		});
+		if (user) {
+			dispatch({
+				user,
+				type: LOGIN_SUCCESS
+			});
+		} else {
+			dispatch({
+				error: "Not authenticated",
+				type: LOGIN_FAILURE
+			});
+		}
+	}
+	return authenticate;
 }
 function createUnauthenticateThunk(dispatch) {
-  return () => {
-    dispatch({ type: LOGOUT });
-  };
+	return () => {
+		dispatch({ type: LOGOUT });
+	};
 }
 const initialState = {
-  initializing: true,
-  loading: false
+	initializing: true,
+	loading: false
 };
 function reducer(state, action) {
-  switch (action.type) {
-    case LOGIN_FETCH:
-      return {
-        initializing: false,
-        loading: true
-      };
-    case LOGIN_SUCCESS:
-      return {
-        initializing: false,
-        loading: false,
-        user: action.user
-      };
-    case LOGIN_FAILURE:
-      return {
-        initializing: false,
-        loading: false,
-        error: action.error
-      };
-    case LOGOUT:
-      return { initializing: false, loading: false };
-    default:
-      return state;
-  }
+	switch (action.type) {
+		case LOGIN_FETCH: return {
+			initializing: false,
+			loading: true
+		};
+		case LOGIN_SUCCESS: return {
+			initializing: false,
+			loading: false,
+			user: action.user
+		};
+		case LOGIN_FAILURE: return {
+			initializing: false,
+			loading: false,
+			error: action.error
+		};
+		case LOGOUT: return {
+			initializing: false,
+			loading: false
+		};
+		default: return state;
+	}
 }
-const AuthContext = createContext({
-  state: initialState,
-  login() {
-    throw new Error("AuthContext not initialized");
-  },
-  logout() {
-    throw new Error("AuthContext not initialized");
-  },
-  hasAccess() {
-    throw new Error("AuthContext not initialized");
-  }
+/**
+* The hook that can be used to get the authentication state.
+* It returns the state of the authentication.
+*/
+export const AuthContext = createContext({
+	state: initialState,
+	login() {
+		throw new Error("AuthContext not initialized");
+	},
+	logout() {
+		throw new Error("AuthContext not initialized");
+	},
+	hasAccess() {
+		throw new Error("AuthContext not initialized");
+	}
 });
 const getDefaultRoles = (user) => {
-  const userWithRoles = user;
-  return Array.isArray(userWithRoles.roles) ? userWithRoles.roles : [];
+	const userWithRoles = user;
+	return Array.isArray(userWithRoles.roles) ? userWithRoles.roles : [];
 };
 function AuthProvider({ children, getAuthenticatedUser, config }) {
-  const [state, dispatch] = useReducer(reducer, initialState);
-  const authenticate = createAuthenticateThunk(dispatch, getAuthenticatedUser);
-  const unauthenticate = createUnauthenticateThunk(dispatch);
-  async function login(username, password, options) {
-    const result = await _login(username, password, options);
-    if (!result.error) {
-      await authenticate();
-    }
-    return result;
-  }
-  async function logout(options) {
-    await _logout(options);
-    unauthenticate();
-  }
-  function hasAccess({ loginRequired, requiresLogin, rolesAllowed }) {
-    const requiresAuth = loginRequired ?? requiresLogin ?? rolesAllowed;
-    if (!requiresAuth) {
-      return true;
-    }
-    if (!state.user) {
-      return false;
-    }
-    if (rolesAllowed) {
-      const userRoles = config?.getRoles ? config.getRoles(state.user) : getDefaultRoles(state.user);
-      return rolesAllowed.some((allowedRole) => userRoles.includes(allowedRole));
-    }
-    return true;
-  }
-  useEffect(() => {
-    authenticate().catch(() => {
-    });
-  }, []);
-  const auth = {
-    state,
-    login,
-    logout,
-    hasAccess
-  };
-  return /* @__PURE__ */ jsx(AuthContext.Provider, { value: auth, children });
+	const [state, dispatch] = useReducer(reducer, initialState);
+	const authenticate = createAuthenticateThunk(dispatch, getAuthenticatedUser);
+	const unauthenticate = createUnauthenticateThunk(dispatch);
+	async function login(username, password, options) {
+		const result = await _login(username, password, options);
+		if (!result.error) {
+			await authenticate();
+		}
+		return result;
+	}
+	async function logout(options) {
+		await _logout(options);
+		unauthenticate();
+	}
+	function hasAccess({ loginRequired, requiresLogin, rolesAllowed }) {
+		const requiresAuth = loginRequired ?? requiresLogin ?? rolesAllowed;
+		if (!requiresAuth) {
+			return true;
+		}
+		if (!state.user) {
+			return false;
+		}
+		if (rolesAllowed) {
+			const userRoles = config?.getRoles ? config.getRoles(state.user) : getDefaultRoles(state.user);
+			return rolesAllowed.some((allowedRole) => userRoles.includes(allowedRole));
+		}
+		return true;
+	}
+	useEffect(() => {
+		authenticate().catch(() => {});
+	}, []);
+	const auth = {
+		state,
+		login,
+		logout,
+		hasAccess
+	};
+	return _jsx(AuthContext.Provider, {
+		value: auth,
+		children
+	});
 }
+/**
+* The hook that can be used to authenticate the user.
+* It returns the state of the authentication and the functions
+* to authenticate and unauthenticate the user.
+*/
 function useAuth() {
-  return useContext(AuthContext);
+	return useContext(AuthContext);
 }
-function configureAuth(getAuthenticatedUser, config) {
-  function PreconfiguredAuthProvider({ children }) {
-    return /* @__PURE__ */ jsx(AuthProvider, { getAuthenticatedUser, config, children });
-  }
-  return {
-    AuthProvider: PreconfiguredAuthProvider,
-    useAuth
-  };
+export function configureAuth(getAuthenticatedUser, config) {
+	function PreconfiguredAuthProvider({ children }) {
+		return _jsx(AuthProvider, {
+			getAuthenticatedUser,
+			config,
+			children
+		});
+	}
+	return {
+		AuthProvider: PreconfiguredAuthProvider,
+		useAuth
+	};
 }
-export {
-  AuthContext,
-  configureAuth
-};
-//# sourceMappingURL=useAuth.js.map
+//# sourceMappingURL=./useAuth.js.map

package/useAuth.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["src/useAuth.tsx"],
-  "sourcesContent": ["import {\n  login as _login,\n  type LoginOptions,\n  type LoginResult,\n  logout as _logout,\n  type LogoutOptions,\n  UnauthorizedResponseError,\n} from '@vaadin/hilla-frontend';\nimport { createContext, type Dispatch, useContext, useEffect, useReducer } from 'react';\n\ntype LoginFunction = (username: string, password: string) => Promise<LoginResult>;\ntype LogoutFunction = () => Promise<void>;\n\nconst LOGIN_FETCH = 'LOGIN_FETCH';\nconst LOGIN_SUCCESS = 'LOGIN_SUCCESS';\nconst LOGIN_FAILURE = 'LOGIN_FAILURE';\nconst LOGOUT = 'LOGOUT';\n\n/**\n * The type of the function that is used to get the authenticated user.\n */\nexport type GetUserFn<TUser> = () => Promise<TUser | undefined>;\n\ntype AuthState<TUser> = Readonly<{\n  initializing: boolean;\n  loading: boolean;\n  user?: TUser;\n  error?: string;\n  getAuthenticatedUser?: GetUserFn<TUser>;\n}>;\n\ntype LoginFetchAction = Readonly<{\n  type: typeof LOGIN_FETCH;\n}>;\n\ntype LoginSuccessAction = Readonly<{\n  user: unknown;\n  type: typeof LOGIN_SUCCESS;\n}>;\n\ntype LoginFailureAction = Readonly<{\n  error: string;\n  type: typeof LOGIN_FAILURE;\n}>;\n\ntype LoginActions = LoginFailureAction | LoginFetchAction | LoginSuccessAction;\n\ntype LogoutAction = Readonly<{\n  type: typeof LOGOUT;\n}>;\n\nfunction createAuthenticateThunk<TUser>(dispatch: Dispatch<LoginActions>, getAuthenticatedUser: GetUserFn<TUser>) {\n  async function authenticate() {\n    dispatch({ type: LOGIN_FETCH });\n\n    // Get user info from endpoint\n    const user = await getAuthenticatedUser().catch((error: unknown) => {\n      if (error instanceof UnauthorizedResponseError) {\n        // 401 response: the user is not authenticated\n        return undefined;\n      }\n\n      throw error;\n    });\n\n    if (user) {\n      dispatch({\n        user,\n        type: LOGIN_SUCCESS,\n      });\n    } else {\n      dispatch({\n        error: 'Not authenticated',\n        type: LOGIN_FAILURE,\n      });\n    }\n  }\n\n  return authenticate;\n}\n\nfunction createUnauthenticateThunk(dispatch: Dispatch<LogoutAction>) {\n  return () => {\n    dispatch({ type: LOGOUT });\n  };\n}\n\nconst initialState: AuthState<unknown> = {\n  initializing: true,\n  loading: false,\n};\n\nfunction reducer(state: AuthState<unknown>, action: LoginActions | LogoutAction) {\n  switch (action.type) {\n    case LOGIN_FETCH:\n      return {\n        initializing: false,\n        loading: true,\n      };\n    case LOGIN_SUCCESS:\n      return {\n        initializing: false,\n        loading: false,\n        user: action.user,\n      };\n    case LOGIN_FAILURE:\n      return {\n        initializing: false,\n        loading: false,\n        error: action.error,\n      };\n    case LOGOUT:\n      return { initializing: false, loading: false };\n    default:\n      return state;\n  }\n}\n\n/**\n * The properties that can be used to control access to a route.\n * They can be added to the route type handler as properties.\n */\nexport type AccessProps = Readonly<{\n  /**\n   * If true, the user must be logged in to access the route.\n   */\n  loginRequired?: boolean;\n  /**\n   * If true, the user must be logged in to access the route.\n   *\n   * @deprecated Use `loginRequired` instead.\n   */\n  requiresLogin?: boolean;\n  /**\n   * The list of roles that are allowed to access the route.\n   */\n  rolesAllowed?: readonly [string, ...string[]];\n}>;\n\n/**\n * The type of the authentication hook.\n */\nexport type Authentication<TUser> = Readonly<{\n  state: AuthState<TUser>;\n  login: LoginFunction;\n  logout: LogoutFunction;\n  hasAccess(accessProps: AccessProps): boolean;\n}>;\n\n/**\n * The hook that can be used to get the authentication state.\n * It returns the state of the authentication.\n */\nexport const AuthContext = createContext<Authentication<unknown>>({\n  state: initialState,\n  login() {\n    throw new Error('AuthContext not initialized');\n  },\n  logout() {\n    throw new Error('AuthContext not initialized');\n  },\n  hasAccess(): boolean {\n    throw new Error('AuthContext not initialized');\n  },\n});\n\ninterface AuthConfig<TUser> {\n  getRoles?(user: TUser): readonly string[];\n}\n\ninterface AuthProviderProps<TUser> extends React.PropsWithChildren {\n  getAuthenticatedUser: GetUserFn<TUser>;\n  config?: AuthConfig<TUser>;\n}\n\ninterface UserWithRoles {\n  roles?: any;\n}\n\nconst getDefaultRoles = (user: unknown) => {\n  const userWithRoles = user as UserWithRoles;\n  return Array.isArray(userWithRoles.roles) ? userWithRoles.roles : [];\n};\n\nfunction AuthProvider<TUser>({ children, getAuthenticatedUser, config }: AuthProviderProps<TUser>) {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const authenticate = createAuthenticateThunk(dispatch, getAuthenticatedUser);\n  const unauthenticate = createUnauthenticateThunk(dispatch);\n\n  async function login(username: string, password: string, options?: LoginOptions): Promise<LoginResult> {\n    const result = await _login(username, password, options);\n\n    if (!result.error) {\n      await authenticate();\n    }\n\n    return result;\n  }\n\n  async function logout(options?: LogoutOptions): Promise<void> {\n    await _logout(options);\n    unauthenticate();\n  }\n\n  function hasAccess({ loginRequired, requiresLogin, rolesAllowed }: AccessProps): boolean {\n    const requiresAuth = loginRequired ?? requiresLogin ?? rolesAllowed;\n    if (!requiresAuth) {\n      return true;\n    }\n\n    if (!state.user) {\n      return false;\n    }\n\n    if (rolesAllowed) {\n      const userRoles = config?.getRoles ? config.getRoles(state.user as TUser) : getDefaultRoles(state.user);\n      return rolesAllowed.some((allowedRole) => userRoles.includes(allowedRole));\n    }\n\n    return true;\n  }\n\n  useEffect(() => {\n    authenticate().catch(() => {\n      // Do nothing\n    });\n  }, []);\n\n  const auth = {\n    state,\n    login,\n    logout,\n    hasAccess,\n  };\n\n  return <AuthContext.Provider value={auth}>{children}</AuthContext.Provider>;\n}\n\nexport type AuthHook<TUser> = () => Authentication<TUser>;\n\n/**\n * The hook that can be used to authenticate the user.\n * It returns the state of the authentication and the functions\n * to authenticate and unauthenticate the user.\n */\nfunction useAuth<TUser>(): Authentication<TUser> {\n  return useContext(AuthContext) as Authentication<TUser>;\n}\n\ninterface AuthModule<TUser> {\n  AuthProvider: React.FC<React.PropsWithChildren>;\n  useAuth: AuthHook<TUser>;\n}\n\nexport function configureAuth<TUser>(\n  getAuthenticatedUser: GetUserFn<TUser>,\n  config?: AuthConfig<TUser>,\n): AuthModule<TUser> {\n  function PreconfiguredAuthProvider({ children }: React.PropsWithChildren) {\n    return (\n      <AuthProvider<TUser> getAuthenticatedUser={getAuthenticatedUser} config={config}>\n        {children}\n      </AuthProvider>\n    );\n  }\n\n  return {\n    AuthProvider: PreconfiguredAuthProvider,\n    useAuth: useAuth as AuthHook<TUser>,\n  };\n}\n"],
-  "mappings": "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",
-  "names": []
-}
+{"mappings":"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","names":["dispatch: Dispatch<LoginActions>","getAuthenticatedUser: GetUserFn<TUser>","error: unknown","dispatch: Dispatch<LogoutAction>","initialState: AuthState<unknown>","state: AuthState<unknown>","action: LoginActions | LogoutAction","AuthContext: Context<Authentication<unknown>>","user: unknown","username: string","password: string","options?: LoginOptions","options?: LogoutOptions","config?: AuthConfig<TUser>"],"sources":["/opt/agent/work/1af72d8adc613024/hilla/packages/ts/react-auth/src/useAuth.tsx"],"sourcesContent":["import {\n  login as _login,\n  type LoginOptions,\n  type LoginResult,\n  logout as _logout,\n  type LogoutOptions,\n  UnauthorizedResponseError,\n} from '@vaadin/hilla-frontend';\nimport { type Context, createContext, type Dispatch, useContext, useEffect, useReducer } from 'react';\n\ntype LoginFunction = (username: string, password: string, options?: LoginOptions) => Promise<LoginResult>;\ntype LogoutFunction = () => Promise<void>;\n\nconst LOGIN_FETCH = 'LOGIN_FETCH';\nconst LOGIN_SUCCESS = 'LOGIN_SUCCESS';\nconst LOGIN_FAILURE = 'LOGIN_FAILURE';\nconst LOGOUT = 'LOGOUT';\n\n/**\n * The type of the function that is used to get the authenticated user.\n */\nexport type GetUserFn<TUser> = () => Promise<TUser | undefined>;\n\ntype AuthState<TUser> = Readonly<{\n  initializing: boolean;\n  loading: boolean;\n  user?: TUser;\n  error?: string;\n  getAuthenticatedUser?: GetUserFn<TUser>;\n}>;\n\ntype LoginFetchAction = Readonly<{\n  type: typeof LOGIN_FETCH;\n}>;\n\ntype LoginSuccessAction = Readonly<{\n  user: unknown;\n  type: typeof LOGIN_SUCCESS;\n}>;\n\ntype LoginFailureAction = Readonly<{\n  error: string;\n  type: typeof LOGIN_FAILURE;\n}>;\n\ntype LoginActions = LoginFailureAction | LoginFetchAction | LoginSuccessAction;\n\ntype LogoutAction = Readonly<{\n  type: typeof LOGOUT;\n}>;\n\nfunction createAuthenticateThunk<TUser>(dispatch: Dispatch<LoginActions>, getAuthenticatedUser: GetUserFn<TUser>) {\n  async function authenticate() {\n    dispatch({ type: LOGIN_FETCH });\n\n    // Get user info from endpoint\n    const user = await getAuthenticatedUser().catch((error: unknown) => {\n      if (error instanceof UnauthorizedResponseError) {\n        // 401 response: the user is not authenticated\n        return undefined;\n      }\n\n      throw error;\n    });\n\n    if (user) {\n      dispatch({\n        user,\n        type: LOGIN_SUCCESS,\n      });\n    } else {\n      dispatch({\n        error: 'Not authenticated',\n        type: LOGIN_FAILURE,\n      });\n    }\n  }\n\n  return authenticate;\n}\n\nfunction createUnauthenticateThunk(dispatch: Dispatch<LogoutAction>) {\n  return () => {\n    dispatch({ type: LOGOUT });\n  };\n}\n\nconst initialState: AuthState<unknown> = {\n  initializing: true,\n  loading: false,\n};\n\nfunction reducer(state: AuthState<unknown>, action: LoginActions | LogoutAction) {\n  switch (action.type) {\n    case LOGIN_FETCH:\n      return {\n        initializing: false,\n        loading: true,\n      };\n    case LOGIN_SUCCESS:\n      return {\n        initializing: false,\n        loading: false,\n        user: action.user,\n      };\n    case LOGIN_FAILURE:\n      return {\n        initializing: false,\n        loading: false,\n        error: action.error,\n      };\n    case LOGOUT:\n      return { initializing: false, loading: false };\n    default:\n      return state;\n  }\n}\n\n/**\n * The properties that can be used to control access to a route.\n * They can be added to the route type handler as properties.\n */\nexport type AccessProps = Readonly<{\n  /**\n   * If true, the user must be logged in to access the route.\n   */\n  loginRequired?: boolean;\n  /**\n   * If true, the user must be logged in to access the route.\n   *\n   * @deprecated Use `loginRequired` instead.\n   */\n  requiresLogin?: boolean;\n  /**\n   * The list of roles that are allowed to access the route.\n   */\n  rolesAllowed?: readonly [string, ...string[]];\n}>;\n\n/**\n * The type of the authentication hook.\n */\nexport type Authentication<TUser> = Readonly<{\n  state: AuthState<TUser>;\n  login: LoginFunction;\n  logout: LogoutFunction;\n  hasAccess(accessProps: AccessProps): boolean;\n}>;\n\n/**\n * The hook that can be used to get the authentication state.\n * It returns the state of the authentication.\n */\nexport const AuthContext: Context<Authentication<unknown>> = createContext<Authentication<unknown>>({\n  state: initialState,\n  login() {\n    throw new Error('AuthContext not initialized');\n  },\n  logout() {\n    throw new Error('AuthContext not initialized');\n  },\n  hasAccess(): boolean {\n    throw new Error('AuthContext not initialized');\n  },\n});\n\ninterface AuthConfig<TUser> {\n  getRoles?(user: TUser): readonly string[];\n}\n\ninterface AuthProviderProps<TUser> extends React.PropsWithChildren {\n  getAuthenticatedUser: GetUserFn<TUser>;\n  config?: AuthConfig<TUser>;\n}\n\ninterface UserWithRoles {\n  roles?: any;\n}\n\nconst getDefaultRoles = (user: unknown) => {\n  const userWithRoles = user as UserWithRoles;\n  return Array.isArray(userWithRoles.roles) ? userWithRoles.roles : [];\n};\n\nfunction AuthProvider<TUser>({ children, getAuthenticatedUser, config }: AuthProviderProps<TUser>) {\n  const [state, dispatch] = useReducer(reducer, initialState);\n  const authenticate = createAuthenticateThunk(dispatch, getAuthenticatedUser);\n  const unauthenticate = createUnauthenticateThunk(dispatch);\n\n  async function login(username: string, password: string, options?: LoginOptions): Promise<LoginResult> {\n    const result = await _login(username, password, options);\n\n    if (!result.error) {\n      await authenticate();\n    }\n\n    return result;\n  }\n\n  async function logout(options?: LogoutOptions): Promise<void> {\n    await _logout(options);\n    unauthenticate();\n  }\n\n  function hasAccess({ loginRequired, requiresLogin, rolesAllowed }: AccessProps): boolean {\n    const requiresAuth = loginRequired ?? requiresLogin ?? rolesAllowed;\n    if (!requiresAuth) {\n      return true;\n    }\n\n    if (!state.user) {\n      return false;\n    }\n\n    if (rolesAllowed) {\n      const userRoles = config?.getRoles ? config.getRoles(state.user as TUser) : getDefaultRoles(state.user);\n      return rolesAllowed.some((allowedRole) => userRoles.includes(allowedRole));\n    }\n\n    return true;\n  }\n\n  useEffect(() => {\n    authenticate().catch(() => {\n      // Do nothing\n    });\n  }, []);\n\n  const auth = {\n    state,\n    login,\n    logout,\n    hasAccess,\n  };\n\n  return <AuthContext.Provider value={auth}>{children}</AuthContext.Provider>;\n}\n\nexport type AuthHook<TUser> = () => Authentication<TUser>;\n\n/**\n * The hook that can be used to authenticate the user.\n * It returns the state of the authentication and the functions\n * to authenticate and unauthenticate the user.\n */\nfunction useAuth<TUser>(): Authentication<TUser> {\n  return useContext(AuthContext) as Authentication<TUser>;\n}\n\ninterface AuthModule<TUser> {\n  AuthProvider: React.FC<React.PropsWithChildren>;\n  useAuth: AuthHook<TUser>;\n}\n\nexport function configureAuth<TUser>(\n  getAuthenticatedUser: GetUserFn<TUser>,\n  config?: AuthConfig<TUser>,\n): AuthModule<TUser> {\n  function PreconfiguredAuthProvider({ children }: React.PropsWithChildren) {\n    return (\n      <AuthProvider<TUser> getAuthenticatedUser={getAuthenticatedUser} config={config}>\n        {children}\n      </AuthProvider>\n    );\n  }\n\n  return {\n    AuthProvider: PreconfiguredAuthProvider,\n    useAuth: useAuth as AuthHook<TUser>,\n  };\n}\n"],"version":3}

package/ProtectedRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProtectedRoute.d.ts","sourceRoot":"","sources":["src/ProtectedRoute.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAY,KAAK,mBAAmB,EAAe,MAAM,cAAc,CAAC;AACtG,OAAO,EAAE,KAAK,WAAW,EAAe,MAAM,cAAc,CAAC;AAE7D,KAAK,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1C,KAAK,cAAc,GAAG,QAAQ,CAAC;IAAE,MAAM,CAAC,EAAE,WAAW,GAAG,cAAc,CAAA;CAAE,CAAC,CAAC;AAE1E,KAAK,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAE3C,KAAK,wBAAwB,GAAG,QAAQ,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;AAC3E,KAAK,2BAA2B,GAAG,QAAQ,CACzC,QAAQ,CAAC,mBAAmB,EAAE,cAAc,CAAC,EAC7C;IACE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAClC,CACF,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,GAAG,2BAA2B,CAAC;AAqCzF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,mBAAmB,EAAE,YAAY,GAAE,MAAiB,GAAG,mBAAmB,CAe7G;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,mBAAmB,EAAE,EAAE,YAAY,GAAE,MAAiB,GAAG,mBAAmB,EAAE,CAMnH"}

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC"}

package/useAuth.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["src/useAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAIjB,MAAM,wBAAwB,CAAC;AAGhC,KAAK,aAAa,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;AAClF,KAAK,cAAc,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AAO1C;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI,MAAM,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC;AAEhE,KAAK,SAAS,CAAC,KAAK,IAAI,QAAQ,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CACzC,CAAC,CAAC;AAyFH;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC;CAC/C,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,QAAQ,CAAC;IAC3C,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACxB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,WAAW,EAAE,WAAW,GAAG,OAAO,CAAC;CAC9C,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,WAAW;;sBAjIR,OAAO;iBACZ,OAAO;;gBAER,MAAM;;;WAqHP,aAAa;YACZ,cAAc;2BACC,WAAW,GAAG,OAAO;GAkB5C,CAAC;AAEH,UAAU,UAAU,CAAC,KAAK;IACxB,QAAQ,CAAC,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,MAAM,EAAE,CAAC;CAC3C;AAsED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,MAAM,cAAc,CAAC,KAAK,CAAC,CAAC;AAW1D,UAAU,UAAU,CAAC,KAAK;IACxB,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChD,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,KAAK,EACjC,oBAAoB,EAAE,SAAS,CAAC,KAAK,CAAC,EACtC,MAAM,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GACzB,UAAU,CAAC,KAAK,CAAC,CAanB"}