@logto/react 1.1.1 → 2.0.0

package/lib/context.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var react = require('react');
+
+const throwContextError = () => {
+    throw new Error('Must be used inside <LogtoProvider> context.');
+};
+const LogtoContext = react.createContext({
+    logtoClient: undefined,
+    isAuthenticated: false,
+    loadingCount: 0,
+    error: undefined,
+    setIsAuthenticated: throwContextError,
+    setLoadingCount: throwContextError,
+    setError: throwContextError,
+});
+
+exports.LogtoContext = LogtoContext;
+exports.throwContextError = throwContextError;

package/lib/context.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type LogtoClient from '@logto/browser';
+export type LogtoContextProps = {
+    logtoClient?: LogtoClient;
+    isAuthenticated: boolean;
+    loadingCount: number;
+    error?: Error;
+    setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;
+    setLoadingCount: React.Dispatch<React.SetStateAction<number>>;
+    setError: React.Dispatch<React.SetStateAction<Error | undefined>>;
+};
+export declare const throwContextError: () => never;
+export declare const LogtoContext: import("react").Context<LogtoContextProps>;

package/lib/context.js

@@ -0,0 +1,16 @@
+import { createContext } from 'react';
+
+const throwContextError = () => {
+    throw new Error('Must be used inside <LogtoProvider> context.');
+};
+const LogtoContext = createContext({
+    logtoClient: undefined,
+    isAuthenticated: false,
+    loadingCount: 0,
+    error: undefined,
+    setIsAuthenticated: throwContextError,
+    setLoadingCount: throwContextError,
+    setError: throwContextError,
+});
+
+export { LogtoContext, throwContextError };

package/lib/hooks/index.cjs

@@ -0,0 +1,162 @@
+'use strict';
+
+var react = require('react');
+var context = require('../context.cjs');
+
+const useLoadingState = () => {
+    const { loadingCount, setLoadingCount } = react.useContext(context.LogtoContext);
+    const isLoading = loadingCount > 0;
+    const setLoadingState = react.useCallback((state) => {
+        if (state) {
+            setLoadingCount((count) => count + 1);
+        }
+        else {
+            setLoadingCount((count) => Math.max(0, count - 1));
+        }
+    }, [setLoadingCount]);
+    return { isLoading, setLoadingState };
+};
+const useErrorHandler = () => {
+    const { setError } = react.useContext(context.LogtoContext);
+    const handleError = react.useCallback((error, fallbackErrorMessage) => {
+        if (error instanceof Error) {
+            setError(error);
+        }
+        else if (fallbackErrorMessage) {
+            setError(new Error(fallbackErrorMessage));
+        }
+        console.error(error);
+    }, [setError]);
+    return { handleError };
+};
+const useHandleSignInCallback = (callback) => {
+    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = react.useContext(context.LogtoContext);
+    const { isLoading, setLoadingState } = useLoadingState();
+    const { handleError } = useErrorHandler();
+    const callbackRef = react.useRef();
+    react.useEffect(() => {
+        // eslint-disable-next-line @silverhand/fp/no-mutation
+        callbackRef.current = callback; // Update ref to the latest callback.
+    }, [callback]);
+    const handleSignInCallback = react.useCallback(async (callbackUri) => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.handleSignInCallback(callbackUri);
+            setIsAuthenticated(true);
+            callbackRef.current?.();
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while handling sign in callback.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
+    react.useEffect(() => {
+        const currentPageUrl = window.location.href;
+        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl) && !isLoading) {
+            void handleSignInCallback(currentPageUrl);
+        }
+    }, [handleSignInCallback, isAuthenticated, isLoading, logtoClient]);
+    return {
+        isLoading,
+        isAuthenticated,
+        error,
+    };
+};
+const useLogto = () => {
+    const { logtoClient, loadingCount, isAuthenticated, error } = react.useContext(context.LogtoContext);
+    const { setLoadingState } = useLoadingState();
+    const { handleError } = useErrorHandler();
+    const isLoading = loadingCount > 0;
+    const signIn = react.useCallback(async (redirectUri, interactionMode) => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.signIn(redirectUri, interactionMode);
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while signing in.');
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const signOut = react.useCallback(async (postLogoutRedirectUri) => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.signOut(postLogoutRedirectUri);
+            // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
+            // even before navigating to the oidc end session endpoint, which might cause rendering problems.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while signing out.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const fetchUserInfo = react.useCallback(async () => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            return await logtoClient.fetchUserInfo();
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while fetching user info.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const getAccessToken = react.useCallback(async (resource) => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            return await logtoClient.getAccessToken(resource);
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while getting access token.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const getIdTokenClaims = react.useCallback(async () => {
+        if (!logtoClient) {
+            return context.throwContextError();
+        }
+        try {
+            return await logtoClient.getIdTokenClaims();
+        }
+        catch {
+            // Do nothing if any exception occurs. Caller will get undefined value.
+        }
+    }, [logtoClient]);
+    if (!logtoClient) {
+        return context.throwContextError();
+    }
+    return {
+        isAuthenticated,
+        isLoading,
+        error,
+        signIn,
+        signOut,
+        fetchUserInfo,
+        getAccessToken,
+        getIdTokenClaims,
+    };
+};
+
+exports.useHandleSignInCallback = useHandleSignInCallback;
+exports.useLogto = useLogto;

package/lib/hooks/index.d.ts

@@ -0,0 +1,18 @@
+import { type IdTokenClaims, type InteractionMode, type UserInfoResponse } from '@logto/browser';
+type Logto = {
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    error?: Error;
+    fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
+    getAccessToken: (resource?: string) => Promise<string | undefined>;
+    getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
+    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;
+    signOut: (postLogoutRedirectUri?: string) => Promise<void>;
+};
+declare const useHandleSignInCallback: (callback?: () => void) => {
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    error: Error | undefined;
+};
+declare const useLogto: () => Logto;
+export { useLogto, useHandleSignInCallback };

package/lib/hooks/index.js

@@ -0,0 +1,159 @@
+import { useContext, useRef, useEffect, useCallback } from 'react';
+import { LogtoContext, throwContextError } from '../context.js';
+
+const useLoadingState = () => {
+    const { loadingCount, setLoadingCount } = useContext(LogtoContext);
+    const isLoading = loadingCount > 0;
+    const setLoadingState = useCallback((state) => {
+        if (state) {
+            setLoadingCount((count) => count + 1);
+        }
+        else {
+            setLoadingCount((count) => Math.max(0, count - 1));
+        }
+    }, [setLoadingCount]);
+    return { isLoading, setLoadingState };
+};
+const useErrorHandler = () => {
+    const { setError } = useContext(LogtoContext);
+    const handleError = useCallback((error, fallbackErrorMessage) => {
+        if (error instanceof Error) {
+            setError(error);
+        }
+        else if (fallbackErrorMessage) {
+            setError(new Error(fallbackErrorMessage));
+        }
+        console.error(error);
+    }, [setError]);
+    return { handleError };
+};
+const useHandleSignInCallback = (callback) => {
+    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);
+    const { isLoading, setLoadingState } = useLoadingState();
+    const { handleError } = useErrorHandler();
+    const callbackRef = useRef();
+    useEffect(() => {
+        // eslint-disable-next-line @silverhand/fp/no-mutation
+        callbackRef.current = callback; // Update ref to the latest callback.
+    }, [callback]);
+    const handleSignInCallback = useCallback(async (callbackUri) => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.handleSignInCallback(callbackUri);
+            setIsAuthenticated(true);
+            callbackRef.current?.();
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while handling sign in callback.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
+    useEffect(() => {
+        const currentPageUrl = window.location.href;
+        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl) && !isLoading) {
+            void handleSignInCallback(currentPageUrl);
+        }
+    }, [handleSignInCallback, isAuthenticated, isLoading, logtoClient]);
+    return {
+        isLoading,
+        isAuthenticated,
+        error,
+    };
+};
+const useLogto = () => {
+    const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);
+    const { setLoadingState } = useLoadingState();
+    const { handleError } = useErrorHandler();
+    const isLoading = loadingCount > 0;
+    const signIn = useCallback(async (redirectUri, interactionMode) => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.signIn(redirectUri, interactionMode);
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while signing in.');
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const signOut = useCallback(async (postLogoutRedirectUri) => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            await logtoClient.signOut(postLogoutRedirectUri);
+            // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
+            // even before navigating to the oidc end session endpoint, which might cause rendering problems.
+            // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while signing out.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const fetchUserInfo = useCallback(async () => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            return await logtoClient.fetchUserInfo();
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while fetching user info.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const getAccessToken = useCallback(async (resource) => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            setLoadingState(true);
+            return await logtoClient.getAccessToken(resource);
+        }
+        catch (error) {
+            handleError(error, 'Unexpected error occurred while getting access token.');
+        }
+        finally {
+            setLoadingState(false);
+        }
+    }, [logtoClient, setLoadingState, handleError]);
+    const getIdTokenClaims = useCallback(async () => {
+        if (!logtoClient) {
+            return throwContextError();
+        }
+        try {
+            return await logtoClient.getIdTokenClaims();
+        }
+        catch {
+            // Do nothing if any exception occurs. Caller will get undefined value.
+        }
+    }, [logtoClient]);
+    if (!logtoClient) {
+        return throwContextError();
+    }
+    return {
+        isAuthenticated,
+        isLoading,
+        error,
+        signIn,
+        signOut,
+        fetchUserInfo,
+        getAccessToken,
+        getIdTokenClaims,
+    };
+};
+
+export { useHandleSignInCallback, useLogto };

package/lib/hooks/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var LogtoClient = require('@logto/browser');
+var provider = require('./provider.cjs');
+var index = require('./hooks/index.cjs');
+
+
+
+Object.defineProperty(exports, 'LogtoClientError', {
+	enumerable: true,
+	get: function () { return LogtoClient.LogtoClientError; }
+});
+Object.defineProperty(exports, 'LogtoError', {
+	enumerable: true,
+	get: function () { return LogtoClient.LogtoError; }
+});
+Object.defineProperty(exports, 'OidcError', {
+	enumerable: true,
+	get: function () { return LogtoClient.OidcError; }
+});
+Object.defineProperty(exports, 'Prompt', {
+	enumerable: true,
+	get: function () { return LogtoClient.Prompt; }
+});
+Object.defineProperty(exports, 'ReservedScope', {
+	enumerable: true,
+	get: function () { return LogtoClient.ReservedScope; }
+});
+Object.defineProperty(exports, 'UserScope', {
+	enumerable: true,
+	get: function () { return LogtoClient.UserScope; }
+});
+exports.LogtoProvider = provider.LogtoProvider;
+exports.useHandleSignInCallback = index.useHandleSignInCallback;
+exports.useLogto = index.useLogto;

package/lib/index.d.ts

@@ -1,36 +1,5 @@
-import LogtoClient, { LogtoConfig, IdTokenClaims, InteractionMode, UserInfoResponse } from "@logto/browser";
-import { ReactNode } from "react";
-export type LogtoContextProps = {
-    logtoClient?: LogtoClient;
-    isAuthenticated: boolean;
-    loadingCount: number;
-    error?: Error;
-    setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;
-    setLoadingCount: React.Dispatch<React.SetStateAction<number>>;
-    setError: React.Dispatch<React.SetStateAction<Error | undefined>>;
-};
-export type LogtoProviderProps = {
-    config: LogtoConfig;
-    children?: ReactNode;
-};
-export const LogtoProvider: ({ config, children }: LogtoProviderProps) => JSX.Element;
-type Logto = {
-    isAuthenticated: boolean;
-    isLoading: boolean;
-    error?: Error;
-    fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
-    getAccessToken: (resource?: string) => Promise<string | undefined>;
-    getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
-    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;
-    signOut: (postLogoutRedirectUri?: string) => Promise<void>;
-};
-export const useHandleSignInCallback: (callback?: () => void) => {
-    isLoading: boolean;
-    isAuthenticated: boolean;
-    error: Error | undefined;
-};
-export const useLogto: () => Logto;
+export type { LogtoContextProps } from './context.js';
 export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, } from '@logto/browser';
 export { LogtoError, LogtoClientError, OidcError, Prompt, ReservedScope, UserScope, } from '@logto/browser';
-
-//# sourceMappingURL=index.d.ts.map
+export * from './provider.js';
+export { useLogto, useHandleSignInCallback } from './hooks/index.js';

package/lib/index.js

@@ -1,262 +1,3 @@
-var $lYn3l$logtobrowser = require("@logto/browser");
-var $lYn3l$reactjsxruntime = require("react/jsx-runtime");
-var $lYn3l$react = require("react");
-
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "LogtoError", () => $22652c0d956faacc$re_export$LogtoError);
-$parcel$export(module.exports, "LogtoClientError", () => $22652c0d956faacc$re_export$LogtoClientError);
-$parcel$export(module.exports, "OidcError", () => $22652c0d956faacc$re_export$OidcError);
-$parcel$export(module.exports, "Prompt", () => $22652c0d956faacc$re_export$Prompt);
-$parcel$export(module.exports, "ReservedScope", () => $22652c0d956faacc$re_export$ReservedScope);
-$parcel$export(module.exports, "UserScope", () => $22652c0d956faacc$re_export$UserScope);
-$parcel$export(module.exports, "useLogto", () => $ccb423956ca75d68$export$44fc9df4d2a1789a);
-$parcel$export(module.exports, "useHandleSignInCallback", () => $ccb423956ca75d68$export$84e88c4b3c082374);
-
-var $00c2be589188321f$exports = {};
-
-$parcel$export($00c2be589188321f$exports, "LogtoProvider", () => $00c2be589188321f$export$bfa587c2c3245948);
-
-
-
-
-const $52a461056f85891e$export$838ead842aa548e7 = ()=>{
-    throw new Error("Must be used inside <LogtoProvider> context.");
-};
-const $52a461056f85891e$export$e5bf247804b97da7 = /*#__PURE__*/ (0, $lYn3l$react.createContext)({
-    logtoClient: undefined,
-    isAuthenticated: false,
-    loadingCount: 0,
-    error: undefined,
-    setIsAuthenticated: $52a461056f85891e$export$838ead842aa548e7,
-    setLoadingCount: $52a461056f85891e$export$838ead842aa548e7,
-    setError: $52a461056f85891e$export$838ead842aa548e7
-});
-
-
-const $00c2be589188321f$export$bfa587c2c3245948 = ({ config: config , children: children  })=>{
-    const [loadingCount, setLoadingCount] = (0, $lYn3l$react.useState)(1);
-    const memorizedLogtoClient = (0, $lYn3l$react.useMemo)(()=>({
-            logtoClient: new (0, ($parcel$interopDefault($lYn3l$logtobrowser)))(config)
-        }), [
-        config
-    ]);
-    const [isAuthenticated, setIsAuthenticated] = (0, $lYn3l$react.useState)(false);
-    const [error, setError] = (0, $lYn3l$react.useState)();
-    (0, $lYn3l$react.useEffect)(()=>{
-        (async ()=>{
-            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
-            setIsAuthenticated(isAuthenticated);
-            setLoadingCount((count)=>Math.max(0, count - 1));
-        })();
-    }, [
-        memorizedLogtoClient
-    ]);
-    const memorizedContextValue = (0, $lYn3l$react.useMemo)(()=>({
-            ...memorizedLogtoClient,
-            isAuthenticated: isAuthenticated,
-            setIsAuthenticated: setIsAuthenticated,
-            loadingCount: loadingCount,
-            setLoadingCount: setLoadingCount,
-            error: error,
-            setError: setError
-        }), [
-        memorizedLogtoClient,
-        isAuthenticated,
-        loadingCount,
-        error
-    ]);
-    return /*#__PURE__*/ (0, $lYn3l$reactjsxruntime.jsx)((0, $52a461056f85891e$export$e5bf247804b97da7).Provider, {
-        value: memorizedContextValue,
-        children: children
-    });
-};
-
-
-
-
-const $ccb423956ca75d68$var$useLoadingState = ()=>{
-    const { loadingCount: loadingCount , setLoadingCount: setLoadingCount  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
-    const isLoading = loadingCount > 0;
-    const setLoadingState = (0, $lYn3l$react.useCallback)((state)=>{
-        if (state) setLoadingCount((count)=>count + 1);
-        else setLoadingCount((count)=>Math.max(0, count - 1));
-    }, [
-        setLoadingCount
-    ]);
-    return {
-        isLoading: isLoading,
-        setLoadingState: setLoadingState
-    };
-};
-const $ccb423956ca75d68$var$useErrorHandler = ()=>{
-    const { setError: setError  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
-    const handleError = (0, $lYn3l$react.useCallback)((error, fallbackErrorMessage)=>{
-        if (error instanceof Error) setError(error);
-        else if (fallbackErrorMessage) setError(new Error(fallbackErrorMessage));
-        console.error(error);
-    }, [
-        setError
-    ]);
-    return {
-        handleError: handleError
-    };
-};
-const $ccb423956ca75d68$export$84e88c4b3c082374 = (callback)=>{
-    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error , setIsAuthenticated: setIsAuthenticated  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
-    const { isLoading: isLoading , setLoadingState: setLoadingState  } = $ccb423956ca75d68$var$useLoadingState();
-    const { handleError: handleError  } = $ccb423956ca75d68$var$useErrorHandler();
-    const callbackRef = (0, $lYn3l$react.useRef)();
-    (0, $lYn3l$react.useEffect)(()=>{
-        // eslint-disable-next-line @silverhand/fp/no-mutation
-        callbackRef.current = callback; // Update ref to the latest callback.
-    }, [
-        callback
-    ]);
-    const handleSignInCallback = (0, $lYn3l$react.useCallback)(async (callbackUri)=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.handleSignInCallback(callbackUri);
-            setIsAuthenticated(true);
-            callbackRef.current?.();
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while handling sign in callback.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        setIsAuthenticated,
-        handleError
-    ]);
-    (0, $lYn3l$react.useEffect)(()=>{
-        const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) handleSignInCallback(currentPageUrl);
-    }, [
-        handleSignInCallback,
-        isAuthenticated,
-        logtoClient
-    ]);
-    return {
-        isLoading: isLoading,
-        isAuthenticated: isAuthenticated,
-        error: error
-    };
-};
-const $ccb423956ca75d68$export$44fc9df4d2a1789a = ()=>{
-    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error  } = (0, $lYn3l$react.useContext)((0, $52a461056f85891e$export$e5bf247804b97da7));
-    const { setLoadingState: setLoadingState  } = $ccb423956ca75d68$var$useLoadingState();
-    const { handleError: handleError  } = $ccb423956ca75d68$var$useErrorHandler();
-    const isLoading = loadingCount > 0;
-    const signIn = (0, $lYn3l$react.useCallback)(async (redirectUri, interactionMode)=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.signIn(redirectUri, interactionMode);
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while signing in.");
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const signOut = (0, $lYn3l$react.useCallback)(async (postLogoutRedirectUri)=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.signOut(postLogoutRedirectUri);
-        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
-        // even before navigating to the oidc end session endpoint, which might cause rendering problems.
-        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while signing out.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const fetchUserInfo = (0, $lYn3l$react.useCallback)(async ()=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            return await logtoClient.fetchUserInfo();
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while fetching user info.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const getAccessToken = (0, $lYn3l$react.useCallback)(async (resource)=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            return await logtoClient.getAccessToken(resource);
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while getting access token.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const getIdTokenClaims = (0, $lYn3l$react.useCallback)(async ()=>{
-        if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-        try {
-            return await logtoClient.getIdTokenClaims();
-        } catch  {
-        // Do nothing if any exception occurs. Caller will get undefined value.
-        }
-    }, [
-        logtoClient
-    ]);
-    if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
-    return {
-        isAuthenticated: isAuthenticated,
-        isLoading: isLoading,
-        error: error,
-        signIn: signIn,
-        signOut: signOut,
-        fetchUserInfo: fetchUserInfo,
-        getAccessToken: getAccessToken,
-        getIdTokenClaims: getIdTokenClaims
-    };
-};
-
-
-$parcel$exportWildcard(module.exports, $00c2be589188321f$exports);
-
-
-//# sourceMappingURL=index.js.map
+export { LogtoClientError, LogtoError, OidcError, Prompt, ReservedScope, UserScope } from '@logto/browser';
+export { LogtoProvider } from './provider.js';
+export { useHandleSignInCallback, useLogto } from './hooks/index.js';

package/lib/provider.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var LogtoClient = require('@logto/browser');
+var react = require('react');
+var context = require('./context.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var LogtoClient__default = /*#__PURE__*/_interopDefault(LogtoClient);
+
+const LogtoProvider = ({ config, children }) => {
+    const [loadingCount, setLoadingCount] = react.useState(1);
+    const memorizedLogtoClient = react.useMemo(() => ({ logtoClient: new LogtoClient__default.default(config) }), [config]);
+    const [isAuthenticated, setIsAuthenticated] = react.useState(false);
+    const [error, setError] = react.useState();
+    react.useEffect(() => {
+        (async () => {
+            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
+            setIsAuthenticated(isAuthenticated);
+            setLoadingCount((count) => Math.max(0, count - 1));
+        })();
+    }, [memorizedLogtoClient]);
+    const memorizedContextValue = react.useMemo(() => ({
+        ...memorizedLogtoClient,
+        isAuthenticated,
+        setIsAuthenticated,
+        loadingCount,
+        setLoadingCount,
+        error,
+        setError,
+    }), [memorizedLogtoClient, isAuthenticated, loadingCount, error]);
+    return jsxRuntime.jsx(context.LogtoContext.Provider, { value: memorizedContextValue, children: children });
+};
+
+exports.LogtoProvider = LogtoProvider;

package/lib/provider.d.ts

@@ -0,0 +1,7 @@
+import { type LogtoConfig } from '@logto/browser';
+import { type ReactNode } from 'react';
+export type LogtoProviderProps = {
+    config: LogtoConfig;
+    children?: ReactNode;
+};
+export declare const LogtoProvider: ({ config, children }: LogtoProviderProps) => JSX.Element;

package/lib/provider.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import LogtoClient from '@logto/browser';
+import { useState, useMemo, useEffect } from 'react';
+import { LogtoContext } from './context.js';
+
+const LogtoProvider = ({ config, children }) => {
+    const [loadingCount, setLoadingCount] = useState(1);
+    const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
+    const [error, setError] = useState();
+    useEffect(() => {
+        (async () => {
+            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
+            setIsAuthenticated(isAuthenticated);
+            setLoadingCount((count) => Math.max(0, count - 1));
+        })();
+    }, [memorizedLogtoClient]);
+    const memorizedContextValue = useMemo(() => ({
+        ...memorizedLogtoClient,
+        isAuthenticated,
+        setIsAuthenticated,
+        loadingCount,
+        setLoadingCount,
+        error,
+        setError,
+    }), [memorizedLogtoClient, isAuthenticated, loadingCount, error]);
+    return jsx(LogtoContext.Provider, { value: memorizedContextValue, children: children });
+};
+
+export { LogtoProvider };

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@logto/react",
-  "version": "1.1.1",
-  "source": "./src/index.ts",
-  "main": "./lib/index.js",
+  "version": "2.0.0",
+  "type": "module",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "exports": {
-    "require": "./lib/index.js",
-    "import": "./lib/module.mjs"
+    "types": "./lib/index.d.ts",
+    "require": "./lib/index.cjs",
+    "import": "./lib/index.js",
+    "default": "./lib/index.js"
   },
-  "module": "./lib/module.mjs",
-  "types": "./lib/index.d.ts",
   "files": [
     "lib"
   ],
@@ -18,42 +20,28 @@
     "url": "https://github.com/logto-io/js.git",
     "directory": "packages/react"
   },
-  "scripts": {
-    "dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
-    "precommit": "lint-staged",
-    "check": "tsc --noEmit",
-    "build": "rm -rf lib/ && pnpm check && parcel build && cp lib/index.d.ts lib/module.d.mts",
-    "lint": "eslint --ext .ts --ext .tsx src",
-    "test": "jest",
-    "test:coverage": "jest --silent --coverage",
-    "prepack": "pnpm test"
-  },
   "dependencies": {
-    "@logto/browser": "^1.1.1",
-    "@silverhand/essentials": "^1.2.1"
+    "@logto/browser": "^2.0.0",
+    "@silverhand/essentials": "^2.6.2"
   },
   "devDependencies": {
-    "@jest/types": "^27.5.1",
-    "@parcel/core": "^2.8.3",
-    "@parcel/packager-ts": "^2.8.3",
-    "@parcel/transformer-typescript-types": "^2.8.3",
-    "@silverhand/eslint-config": "^2.0.0",
-    "@silverhand/eslint-config-react": "^1.0.0",
-    "@silverhand/ts-config": "^1.0.0",
-    "@silverhand/ts-config-react": "^2.0.0",
+    "@silverhand/eslint-config": "^3.0.1",
+    "@silverhand/eslint-config-react": "^3.0.1",
+    "@silverhand/ts-config": "^3.0.0",
+    "@silverhand/ts-config-react": "^3.0.0",
+    "@swc/core": "^1.3.50",
+    "@swc/jest": "^0.2.24",
     "@testing-library/react-hooks": "^8.0.0",
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^29.5.0",
     "@types/react": "^17.0.39",
-    "eslint": "^8.23.0",
-    "jest": "^27.5.1",
+    "eslint": "^8.38.0",
+    "jest": "^29.5.0",
     "lint-staged": "^13.0.0",
-    "parcel": "^2.8.3",
     "postcss": "^8.4.6",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.7",
     "react": "^17.0.2",
     "stylelint": "^15.0.0",
-    "ts-jest": "^27.0.4",
-    "typescript": "4.9.5"
+    "typescript": "^5.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -65,5 +53,13 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f74d96813d0bcc07a5134d43318f1e167a6f47ff"
-}
+  "scripts": {
+    "dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
+    "precommit": "lint-staged",
+    "check": "tsc --noEmit",
+    "build": "rm -rf lib/ && tsc -p tsconfig.build.json --noEmit && rollup -c",
+    "lint": "eslint --ext .ts --ext .tsx src",
+    "test": "jest",
+    "test:coverage": "jest --silent --coverage"
+  }
+}

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;AAGA,gCAAgC;IAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,kBAAkB,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,eAAe,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,QAAQ,EAAE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC;CACnE,CAAC;ACNF,iCAAiC;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,OAAO,MAAM,sCAAuC,kBAAkB,gBA6BrE,CAAC;AClCF,aAAa;IACX,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,MAAM,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC3D,cAAc,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnE,gBAAgB,EAAE,MAAM,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClF,OAAO,EAAE,CAAC,qBAAqB,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAsCF,OAAA,MAAM,qCAAsC,MAAM,IAAI;;;;CA4CrD,CAAC;AAEF,OAAA,MAAM,gBAAe,KA4GpB,CAAC;AC5MF,YAAY,EACV,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,MAAM,EACN,aAAa,EACb,SAAS,GACV,MAAM,gBAAgB,CAAC","sources":["packages/react/src/src/context.tsx","packages/react/src/src/provider.tsx","packages/react/src/src/hooks/index.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,null,"export type { LogtoContextProps } from './context';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n  InteractionMode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/lib/index.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n  InteractionMode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n  config: LogtoConfig;\n  children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n  const [loadingCount, setLoadingCount] = useState(1);\n  const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n  const [isAuthenticated, setIsAuthenticated] = useState(false);\n  const [error, setError] = useState<Error>();\n\n  useEffect(() => {\n    (async () => {\n      const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();\n\n      setIsAuthenticated(isAuthenticated);\n      setLoadingCount((count) => Math.max(0, count - 1));\n    })();\n  }, [memorizedLogtoClient]);\n\n  const memorizedContextValue = useMemo(\n    () => ({\n      ...memorizedLogtoClient,\n      isAuthenticated,\n      setIsAuthenticated,\n      loadingCount,\n      setLoadingCount,\n      error,\n      setError,\n    }),\n    [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n  );\n\n  return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n  logtoClient?: LogtoClient;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error?: Error;\n  setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n  setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n  setError: React.Dispatch<React.SetStateAction<Error | undefined>>;\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n  logtoClient: undefined,\n  isAuthenticated: false,\n  loadingCount: 0,\n  error: undefined,\n  setIsAuthenticated: throwContextError,\n  setLoadingCount: throwContextError,\n  setError: throwContextError,\n});\n","import { IdTokenClaims, InteractionMode, UserInfoResponse } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  error?: Error;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n  const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n  const isLoading = loadingCount > 0;\n\n  const setLoadingState = useCallback(\n    (state: boolean) => {\n      if (state) {\n        setLoadingCount((count) => count + 1);\n      } else {\n        setLoadingCount((count) => Math.max(0, count - 1));\n      }\n    },\n    [setLoadingCount]\n  );\n\n  return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n  const { setError } = useContext(LogtoContext);\n\n  const handleError = useCallback(\n    (error: unknown, fallbackErrorMessage?: string) => {\n      if (error instanceof Error) {\n        setError(error);\n      } else if (fallbackErrorMessage) {\n        setError(new Error(fallbackErrorMessage));\n      }\n      console.error(error);\n    },\n    [setError]\n  );\n\n  return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n  const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n  const { isLoading, setLoadingState } = useLoadingState();\n  const { handleError } = useErrorHandler();\n  const callbackRef = useRef<() => void>();\n\n  useEffect(() => {\n    // eslint-disable-next-line @silverhand/fp/no-mutation\n    callbackRef.current = callback; // Update ref to the latest callback.\n  }, [callback]);\n\n  const handleSignInCallback = useCallback(\n    async (callbackUri: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n        await logtoClient.handleSignInCallback(callbackUri);\n        setIsAuthenticated(true);\n        callbackRef.current?.();\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while handling sign in callback.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n  );\n\n  useEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl);\n    }\n  }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n  return {\n    isLoading,\n    isAuthenticated,\n    error,\n  };\n};\n\nconst useLogto = (): Logto => {\n  const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n  const { setLoadingState } = useLoadingState();\n  const { handleError } = useErrorHandler();\n\n  const isLoading = loadingCount > 0;\n\n  const signIn = useCallback(\n    async (redirectUri: string, interactionMode?: InteractionMode) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signIn(redirectUri, interactionMode);\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while signing in.');\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const signOut = useCallback(\n    async (postLogoutRedirectUri?: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signOut(postLogoutRedirectUri);\n\n        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n        // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while signing out.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const fetchUserInfo = useCallback(async () => {\n    if (!logtoClient) {\n      return throwContextError();\n    }\n\n    try {\n      setLoadingState(true);\n\n      return await logtoClient.fetchUserInfo();\n    } catch (error: unknown) {\n      handleError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoadingState(false);\n    }\n  }, [logtoClient, setLoadingState, handleError]);\n\n  const getAccessToken = useCallback(\n    async (resource?: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        return await logtoClient.getAccessToken(resource);\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while getting access token.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const getIdTokenClaims = useCallback(async () => {\n    if (!logtoClient) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.getIdTokenClaims();\n    } catch {\n      // Do nothing if any exception occurs. Caller will get undefined value.\n    }\n  }, [logtoClient]);\n\n  if (!logtoClient) {\n    return throwContextError();\n  }\n\n  return {\n    isAuthenticated,\n    isLoading,\n    error,\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n  };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"index.js.map"}

package/lib/module.d.mts

@@ -1,36 +0,0 @@
-import LogtoClient, { LogtoConfig, IdTokenClaims, InteractionMode, UserInfoResponse } from "@logto/browser";
-import { ReactNode } from "react";
-export type LogtoContextProps = {
-    logtoClient?: LogtoClient;
-    isAuthenticated: boolean;
-    loadingCount: number;
-    error?: Error;
-    setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;
-    setLoadingCount: React.Dispatch<React.SetStateAction<number>>;
-    setError: React.Dispatch<React.SetStateAction<Error | undefined>>;
-};
-export type LogtoProviderProps = {
-    config: LogtoConfig;
-    children?: ReactNode;
-};
-export const LogtoProvider: ({ config, children }: LogtoProviderProps) => JSX.Element;
-type Logto = {
-    isAuthenticated: boolean;
-    isLoading: boolean;
-    error?: Error;
-    fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
-    getAccessToken: (resource?: string) => Promise<string | undefined>;
-    getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
-    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;
-    signOut: (postLogoutRedirectUri?: string) => Promise<void>;
-};
-export const useHandleSignInCallback: (callback?: () => void) => {
-    isLoading: boolean;
-    isAuthenticated: boolean;
-    error: Error | undefined;
-};
-export const useLogto: () => Logto;
-export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, } from '@logto/browser';
-export { LogtoError, LogtoClientError, OidcError, Prompt, ReservedScope, UserScope, } from '@logto/browser';
-
-//# sourceMappingURL=index.d.ts.map

package/lib/module.mjs

@@ -1,234 +0,0 @@
-import $19DtJ$logtobrowser, {LogtoError as $c7d9d85b511cb05a$re_export$LogtoError, LogtoClientError as $c7d9d85b511cb05a$re_export$LogtoClientError, OidcError as $c7d9d85b511cb05a$re_export$OidcError, Prompt as $c7d9d85b511cb05a$re_export$Prompt, ReservedScope as $c7d9d85b511cb05a$re_export$ReservedScope, UserScope as $c7d9d85b511cb05a$re_export$UserScope} from "@logto/browser";
-import {jsx as $19DtJ$jsx} from "react/jsx-runtime";
-import {useState as $19DtJ$useState, useMemo as $19DtJ$useMemo, useEffect as $19DtJ$useEffect, createContext as $19DtJ$createContext, useContext as $19DtJ$useContext, useCallback as $19DtJ$useCallback, useRef as $19DtJ$useRef} from "react";
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-var $8097f9b4a6c197ce$exports = {};
-
-$parcel$export($8097f9b4a6c197ce$exports, "LogtoProvider", () => $8097f9b4a6c197ce$export$bfa587c2c3245948);
-
-
-
-
-const $e48cc35865e6f365$export$838ead842aa548e7 = ()=>{
-    throw new Error("Must be used inside <LogtoProvider> context.");
-};
-const $e48cc35865e6f365$export$e5bf247804b97da7 = /*#__PURE__*/ (0, $19DtJ$createContext)({
-    logtoClient: undefined,
-    isAuthenticated: false,
-    loadingCount: 0,
-    error: undefined,
-    setIsAuthenticated: $e48cc35865e6f365$export$838ead842aa548e7,
-    setLoadingCount: $e48cc35865e6f365$export$838ead842aa548e7,
-    setError: $e48cc35865e6f365$export$838ead842aa548e7
-});
-
-
-const $8097f9b4a6c197ce$export$bfa587c2c3245948 = ({ config: config , children: children  })=>{
-    const [loadingCount, setLoadingCount] = (0, $19DtJ$useState)(1);
-    const memorizedLogtoClient = (0, $19DtJ$useMemo)(()=>({
-            logtoClient: new (0, $19DtJ$logtobrowser)(config)
-        }), [
-        config
-    ]);
-    const [isAuthenticated, setIsAuthenticated] = (0, $19DtJ$useState)(false);
-    const [error, setError] = (0, $19DtJ$useState)();
-    (0, $19DtJ$useEffect)(()=>{
-        (async ()=>{
-            const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();
-            setIsAuthenticated(isAuthenticated);
-            setLoadingCount((count)=>Math.max(0, count - 1));
-        })();
-    }, [
-        memorizedLogtoClient
-    ]);
-    const memorizedContextValue = (0, $19DtJ$useMemo)(()=>({
-            ...memorizedLogtoClient,
-            isAuthenticated: isAuthenticated,
-            setIsAuthenticated: setIsAuthenticated,
-            loadingCount: loadingCount,
-            setLoadingCount: setLoadingCount,
-            error: error,
-            setError: setError
-        }), [
-        memorizedLogtoClient,
-        isAuthenticated,
-        loadingCount,
-        error
-    ]);
-    return /*#__PURE__*/ (0, $19DtJ$jsx)((0, $e48cc35865e6f365$export$e5bf247804b97da7).Provider, {
-        value: memorizedContextValue,
-        children: children
-    });
-};
-
-
-
-
-const $9cc626600a847be2$var$useLoadingState = ()=>{
-    const { loadingCount: loadingCount , setLoadingCount: setLoadingCount  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
-    const isLoading = loadingCount > 0;
-    const setLoadingState = (0, $19DtJ$useCallback)((state)=>{
-        if (state) setLoadingCount((count)=>count + 1);
-        else setLoadingCount((count)=>Math.max(0, count - 1));
-    }, [
-        setLoadingCount
-    ]);
-    return {
-        isLoading: isLoading,
-        setLoadingState: setLoadingState
-    };
-};
-const $9cc626600a847be2$var$useErrorHandler = ()=>{
-    const { setError: setError  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
-    const handleError = (0, $19DtJ$useCallback)((error, fallbackErrorMessage)=>{
-        if (error instanceof Error) setError(error);
-        else if (fallbackErrorMessage) setError(new Error(fallbackErrorMessage));
-        console.error(error);
-    }, [
-        setError
-    ]);
-    return {
-        handleError: handleError
-    };
-};
-const $9cc626600a847be2$export$84e88c4b3c082374 = (callback)=>{
-    const { logtoClient: logtoClient , isAuthenticated: isAuthenticated , error: error , setIsAuthenticated: setIsAuthenticated  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
-    const { isLoading: isLoading , setLoadingState: setLoadingState  } = $9cc626600a847be2$var$useLoadingState();
-    const { handleError: handleError  } = $9cc626600a847be2$var$useErrorHandler();
-    const callbackRef = (0, $19DtJ$useRef)();
-    (0, $19DtJ$useEffect)(()=>{
-        // eslint-disable-next-line @silverhand/fp/no-mutation
-        callbackRef.current = callback; // Update ref to the latest callback.
-    }, [
-        callback
-    ]);
-    const handleSignInCallback = (0, $19DtJ$useCallback)(async (callbackUri)=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.handleSignInCallback(callbackUri);
-            setIsAuthenticated(true);
-            callbackRef.current?.();
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while handling sign in callback.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        setIsAuthenticated,
-        handleError
-    ]);
-    (0, $19DtJ$useEffect)(()=>{
-        const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) handleSignInCallback(currentPageUrl);
-    }, [
-        handleSignInCallback,
-        isAuthenticated,
-        logtoClient
-    ]);
-    return {
-        isLoading: isLoading,
-        isAuthenticated: isAuthenticated,
-        error: error
-    };
-};
-const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
-    const { logtoClient: logtoClient , loadingCount: loadingCount , isAuthenticated: isAuthenticated , error: error  } = (0, $19DtJ$useContext)((0, $e48cc35865e6f365$export$e5bf247804b97da7));
-    const { setLoadingState: setLoadingState  } = $9cc626600a847be2$var$useLoadingState();
-    const { handleError: handleError  } = $9cc626600a847be2$var$useErrorHandler();
-    const isLoading = loadingCount > 0;
-    const signIn = (0, $19DtJ$useCallback)(async (redirectUri, interactionMode)=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.signIn(redirectUri, interactionMode);
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while signing in.");
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const signOut = (0, $19DtJ$useCallback)(async (postLogoutRedirectUri)=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            await logtoClient.signOut(postLogoutRedirectUri);
-        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately
-        // even before navigating to the oidc end session endpoint, which might cause rendering problems.
-        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while signing out.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const fetchUserInfo = (0, $19DtJ$useCallback)(async ()=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            return await logtoClient.fetchUserInfo();
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while fetching user info.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const getAccessToken = (0, $19DtJ$useCallback)(async (resource)=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            setLoadingState(true);
-            return await logtoClient.getAccessToken(resource);
-        } catch (error) {
-            handleError(error, "Unexpected error occurred while getting access token.");
-        } finally{
-            setLoadingState(false);
-        }
-    }, [
-        logtoClient,
-        setLoadingState,
-        handleError
-    ]);
-    const getIdTokenClaims = (0, $19DtJ$useCallback)(async ()=>{
-        if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-        try {
-            return await logtoClient.getIdTokenClaims();
-        } catch  {
-        // Do nothing if any exception occurs. Caller will get undefined value.
-        }
-    }, [
-        logtoClient
-    ]);
-    if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
-    return {
-        isAuthenticated: isAuthenticated,
-        isLoading: isLoading,
-        error: error,
-        signIn: signIn,
-        signOut: signOut,
-        fetchUserInfo: fetchUserInfo,
-        getAccessToken: getAccessToken,
-        getIdTokenClaims: getIdTokenClaims
-    };
-};
-
-
-
-
-export {$c7d9d85b511cb05a$re_export$LogtoError as LogtoError, $c7d9d85b511cb05a$re_export$LogtoClientError as LogtoClientError, $c7d9d85b511cb05a$re_export$OidcError as OidcError, $c7d9d85b511cb05a$re_export$Prompt as Prompt, $c7d9d85b511cb05a$re_export$ReservedScope as ReservedScope, $c7d9d85b511cb05a$re_export$UserScope as UserScope, $9cc626600a847be2$export$44fc9df4d2a1789a as useLogto, $9cc626600a847be2$export$84e88c4b3c082374 as useHandleSignInCallback, $8097f9b4a6c197ce$export$bfa587c2c3245948 as LogtoProvider};
-//# sourceMappingURL=module.mjs.map

package/lib/module.mjs.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/react/src/index.ts","packages/react/src/provider.tsx","packages/react/src/context.tsx","packages/react/src/hooks/index.ts"],"sourcesContent":["export type { LogtoContextProps } from './context';\n\nexport type {\n  LogtoConfig,\n  IdTokenClaims,\n  UserInfoResponse,\n  LogtoErrorCode,\n  LogtoClientErrorCode,\n  InteractionMode,\n} from '@logto/browser';\n\nexport {\n  LogtoError,\n  LogtoClientError,\n  OidcError,\n  Prompt,\n  ReservedScope,\n  UserScope,\n} from '@logto/browser';\n\nexport * from './provider';\n\nexport { useLogto, useHandleSignInCallback } from './hooks';\n","import LogtoClient, { LogtoConfig } from '@logto/browser';\nimport { ReactNode, useEffect, useMemo, useState } from 'react';\n\nimport { LogtoContext } from './context';\n\nexport type LogtoProviderProps = {\n  config: LogtoConfig;\n  children?: ReactNode;\n};\n\nexport const LogtoProvider = ({ config, children }: LogtoProviderProps) => {\n  const [loadingCount, setLoadingCount] = useState(1);\n  const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config) }), [config]);\n  const [isAuthenticated, setIsAuthenticated] = useState(false);\n  const [error, setError] = useState<Error>();\n\n  useEffect(() => {\n    (async () => {\n      const isAuthenticated = await memorizedLogtoClient.logtoClient.isAuthenticated();\n\n      setIsAuthenticated(isAuthenticated);\n      setLoadingCount((count) => Math.max(0, count - 1));\n    })();\n  }, [memorizedLogtoClient]);\n\n  const memorizedContextValue = useMemo(\n    () => ({\n      ...memorizedLogtoClient,\n      isAuthenticated,\n      setIsAuthenticated,\n      loadingCount,\n      setLoadingCount,\n      error,\n      setError,\n    }),\n    [memorizedLogtoClient, isAuthenticated, loadingCount, error]\n  );\n\n  return <LogtoContext.Provider value={memorizedContextValue}>{children}</LogtoContext.Provider>;\n};\n","import LogtoClient from '@logto/browser';\nimport { createContext } from 'react';\n\nexport type LogtoContextProps = {\n  logtoClient?: LogtoClient;\n  isAuthenticated: boolean;\n  loadingCount: number;\n  error?: Error;\n  setIsAuthenticated: React.Dispatch<React.SetStateAction<boolean>>;\n  setLoadingCount: React.Dispatch<React.SetStateAction<number>>;\n  setError: React.Dispatch<React.SetStateAction<Error | undefined>>;\n};\n\nexport const throwContextError = (): never => {\n  throw new Error('Must be used inside <LogtoProvider> context.');\n};\n\nexport const LogtoContext = createContext<LogtoContextProps>({\n  logtoClient: undefined,\n  isAuthenticated: false,\n  loadingCount: 0,\n  error: undefined,\n  setIsAuthenticated: throwContextError,\n  setLoadingCount: throwContextError,\n  setError: throwContextError,\n});\n","import { IdTokenClaims, InteractionMode, UserInfoResponse } from '@logto/browser';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport { LogtoContext, throwContextError } from '../context';\n\ntype Logto = {\n  isAuthenticated: boolean;\n  isLoading: boolean;\n  error?: Error;\n  fetchUserInfo: () => Promise<UserInfoResponse | undefined>;\n  getAccessToken: (resource?: string) => Promise<string | undefined>;\n  getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;\n  signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;\n  signOut: (postLogoutRedirectUri?: string) => Promise<void>;\n};\n\nconst useLoadingState = () => {\n  const { loadingCount, setLoadingCount } = useContext(LogtoContext);\n  const isLoading = loadingCount > 0;\n\n  const setLoadingState = useCallback(\n    (state: boolean) => {\n      if (state) {\n        setLoadingCount((count) => count + 1);\n      } else {\n        setLoadingCount((count) => Math.max(0, count - 1));\n      }\n    },\n    [setLoadingCount]\n  );\n\n  return { isLoading, setLoadingState };\n};\n\nconst useErrorHandler = () => {\n  const { setError } = useContext(LogtoContext);\n\n  const handleError = useCallback(\n    (error: unknown, fallbackErrorMessage?: string) => {\n      if (error instanceof Error) {\n        setError(error);\n      } else if (fallbackErrorMessage) {\n        setError(new Error(fallbackErrorMessage));\n      }\n      console.error(error);\n    },\n    [setError]\n  );\n\n  return { handleError };\n};\n\nconst useHandleSignInCallback = (callback?: () => void) => {\n  const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);\n  const { isLoading, setLoadingState } = useLoadingState();\n  const { handleError } = useErrorHandler();\n  const callbackRef = useRef<() => void>();\n\n  useEffect(() => {\n    // eslint-disable-next-line @silverhand/fp/no-mutation\n    callbackRef.current = callback; // Update ref to the latest callback.\n  }, [callback]);\n\n  const handleSignInCallback = useCallback(\n    async (callbackUri: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n        await logtoClient.handleSignInCallback(callbackUri);\n        setIsAuthenticated(true);\n        callbackRef.current?.();\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while handling sign in callback.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, setIsAuthenticated, handleError]\n  );\n\n  useEffect(() => {\n    const currentPageUrl = window.location.href;\n\n    if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {\n      void handleSignInCallback(currentPageUrl);\n    }\n  }, [handleSignInCallback, isAuthenticated, logtoClient]);\n\n  return {\n    isLoading,\n    isAuthenticated,\n    error,\n  };\n};\n\nconst useLogto = (): Logto => {\n  const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);\n  const { setLoadingState } = useLoadingState();\n  const { handleError } = useErrorHandler();\n\n  const isLoading = loadingCount > 0;\n\n  const signIn = useCallback(\n    async (redirectUri: string, interactionMode?: InteractionMode) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signIn(redirectUri, interactionMode);\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while signing in.');\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const signOut = useCallback(\n    async (postLogoutRedirectUri?: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signOut(postLogoutRedirectUri);\n\n        // We deliberately do NOT set isAuthenticated to false here, because the app state may change immediately\n        // even before navigating to the oidc end session endpoint, which might cause rendering problems.\n        // Moreover, since the location will be redirected, the isAuthenticated state will not matter any more.\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while signing out.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const fetchUserInfo = useCallback(async () => {\n    if (!logtoClient) {\n      return throwContextError();\n    }\n\n    try {\n      setLoadingState(true);\n\n      return await logtoClient.fetchUserInfo();\n    } catch (error: unknown) {\n      handleError(error, 'Unexpected error occurred while fetching user info.');\n    } finally {\n      setLoadingState(false);\n    }\n  }, [logtoClient, setLoadingState, handleError]);\n\n  const getAccessToken = useCallback(\n    async (resource?: string) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        return await logtoClient.getAccessToken(resource);\n      } catch (error: unknown) {\n        handleError(error, 'Unexpected error occurred while getting access token.');\n      } finally {\n        setLoadingState(false);\n      }\n    },\n    [logtoClient, setLoadingState, handleError]\n  );\n\n  const getIdTokenClaims = useCallback(async () => {\n    if (!logtoClient) {\n      return throwContextError();\n    }\n\n    try {\n      return await logtoClient.getIdTokenClaims();\n    } catch {\n      // Do nothing if any exception occurs. Caller will get undefined value.\n    }\n  }, [logtoClient]);\n\n  if (!logtoClient) {\n    return throwContextError();\n  }\n\n  return {\n    isAuthenticated,\n    isLoading,\n    error,\n    signIn,\n    signOut,\n    fetchUserInfo,\n    getAccessToken,\n    getIdTokenClaims,\n  };\n};\n\nexport { useLogto, useHandleSignInCallback };\n"],"names":[],"version":3,"file":"module.mjs.map"}