@logto/react 1.0.0 → 1.1.1

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import LogtoClient, { LogtoConfig, IdTokenClaims, UserInfoResponse } from "@logto/browser";
+import LogtoClient, { LogtoConfig, IdTokenClaims, InteractionMode, UserInfoResponse } from "@logto/browser";
 import { ReactNode } from "react";
 export type LogtoContextProps = {
     logtoClient?: LogtoClient;
@@ -21,7 +21,7 @@ type Logto = {
     fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
     getAccessToken: (resource?: string) => Promise<string | undefined>;
     getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
-    signIn: (redirectUri: string) => Promise<void>;
+    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;
     signOut: (postLogoutRedirectUri?: string) => Promise<void>;
 };
 export const useHandleSignInCallback: (callback?: () => void) => {
@@ -30,7 +30,7 @@ export const useHandleSignInCallback: (callback?: () => void) => {
     error: Error | undefined;
 };
 export const useLogto: () => Logto;
-export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, } from '@logto/browser';
+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/index.d.ts.map

@@ -1 +1 @@
-{"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,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,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,GACrB,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} 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"}
+{"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

@@ -171,11 +171,11 @@ const $ccb423956ca75d68$export$44fc9df4d2a1789a = ()=>{
     const { setLoadingState: setLoadingState  } = $ccb423956ca75d68$var$useLoadingState();
     const { handleError: handleError  } = $ccb423956ca75d68$var$useErrorHandler();
     const isLoading = loadingCount > 0;
-    const signIn = (0, $lYn3l$react.useCallback)(async (redirectUri)=>{
+    const signIn = (0, $lYn3l$react.useCallback)(async (redirectUri, interactionMode)=>{
         if (!logtoClient) return (0, $52a461056f85891e$export$838ead842aa548e7)();
         try {
             setLoadingState(true);
-            await logtoClient.signIn(redirectUri);
+            await logtoClient.signIn(redirectUri, interactionMode);
         } catch (error) {
             handleError(error, "Unexpected error occurred while signing in.");
         }

package/lib/index.js.map

@@ -1 +1 @@
-{"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} 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, 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) => 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) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signIn(redirectUri);\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"}
+{"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,4 +1,4 @@
-import LogtoClient, { LogtoConfig, IdTokenClaims, UserInfoResponse } from "@logto/browser";
+import LogtoClient, { LogtoConfig, IdTokenClaims, InteractionMode, UserInfoResponse } from "@logto/browser";
 import { ReactNode } from "react";
 export type LogtoContextProps = {
     logtoClient?: LogtoClient;
@@ -21,7 +21,7 @@ type Logto = {
     fetchUserInfo: () => Promise<UserInfoResponse | undefined>;
     getAccessToken: (resource?: string) => Promise<string | undefined>;
     getIdTokenClaims: () => Promise<IdTokenClaims | undefined>;
-    signIn: (redirectUri: string) => Promise<void>;
+    signIn: (redirectUri: string, interactionMode?: InteractionMode) => Promise<void>;
     signOut: (postLogoutRedirectUri?: string) => Promise<void>;
 };
 export const useHandleSignInCallback: (callback?: () => void) => {
@@ -30,7 +30,7 @@ export const useHandleSignInCallback: (callback?: () => void) => {
     error: Error | undefined;
 };
 export const useLogto: () => Logto;
-export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, } from '@logto/browser';
+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

@@ -143,11 +143,11 @@ const $9cc626600a847be2$export$44fc9df4d2a1789a = ()=>{
     const { setLoadingState: setLoadingState  } = $9cc626600a847be2$var$useLoadingState();
     const { handleError: handleError  } = $9cc626600a847be2$var$useErrorHandler();
     const isLoading = loadingCount > 0;
-    const signIn = (0, $19DtJ$useCallback)(async (redirectUri)=>{
+    const signIn = (0, $19DtJ$useCallback)(async (redirectUri, interactionMode)=>{
         if (!logtoClient) return (0, $e48cc35865e6f365$export$838ead842aa548e7)();
         try {
             setLoadingState(true);
-            await logtoClient.signIn(redirectUri);
+            await logtoClient.signIn(redirectUri, interactionMode);
         } catch (error) {
             handleError(error, "Unexpected error occurred while signing in.");
         }

package/lib/module.mjs.map

@@ -1 +1 @@
-{"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} 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, 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) => 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) => {\n      if (!logtoClient) {\n        return throwContextError();\n      }\n\n      try {\n        setLoadingState(true);\n\n        await logtoClient.signIn(redirectUri);\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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/react",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "source": "./src/index.ts",
   "main": "./lib/index.js",
   "exports": {
@@ -29,7 +29,7 @@
     "prepack": "pnpm test"
   },
   "dependencies": {
-    "@logto/browser": "^1.0.0",
+    "@logto/browser": "^1.1.1",
     "@silverhand/essentials": "^1.2.1"
   },
   "devDependencies": {
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fff27b23a74d5bd3a46fc83fbbc2901b6e054c72"
+  "gitHead": "f74d96813d0bcc07a5134d43318f1e167a6f47ff"
 }