@logto/react 3.0.2 → 3.0.4

package/lib/hooks/index.cjs

@@ -87,6 +87,7 @@ const useLogto = () => {
         getOrganizationTokenClaims: proxy(client.getOrganizationTokenClaims.bind(client)),
         getIdToken: proxy(client.getIdToken.bind(client)),
         getIdTokenClaims: proxy(client.getIdTokenClaims.bind(client)),
+        // eslint-disable-next-line no-restricted-syntax -- TypeScript cannot infer the correct type.
         signIn: proxy(client.signIn.bind(client), false),
         // We deliberately do NOT set isAuthenticated to false in the function below, because the app state
         // may change immediately even before navigating to the oidc end session endpoint, which might cause

package/lib/hooks/index.d.ts

@@ -7,7 +7,7 @@ type Logto = {
     isAuthenticated: boolean;
     isLoading: boolean;
     error?: Error;
-} & OptionalPromiseReturn<Pick<LogtoClient, 'getRefreshToken' | 'getAccessToken' | 'getAccessTokenClaims' | 'getOrganizationToken' | 'getOrganizationTokenClaims' | 'getIdToken' | 'getIdTokenClaims' | 'signIn' | 'signOut' | 'fetchUserInfo'>>;
+} & OptionalPromiseReturn<Pick<LogtoClient, 'getRefreshToken' | 'getAccessToken' | 'getAccessTokenClaims' | 'getOrganizationToken' | 'getOrganizationTokenClaims' | 'getIdToken' | 'getIdTokenClaims' | 'signOut' | 'fetchUserInfo'>> & Pick<LogtoClient, 'signIn'>;
 declare const useHandleSignInCallback: (callback?: () => void) => {
     isLoading: boolean;
     isAuthenticated: boolean;

package/lib/hooks/index.js

@@ -85,6 +85,7 @@ const useLogto = () => {
         getOrganizationTokenClaims: proxy(client.getOrganizationTokenClaims.bind(client)),
         getIdToken: proxy(client.getIdToken.bind(client)),
         getIdTokenClaims: proxy(client.getIdTokenClaims.bind(client)),
+        // eslint-disable-next-line no-restricted-syntax -- TypeScript cannot infer the correct type.
         signIn: proxy(client.signIn.bind(client), false),
         // We deliberately do NOT set isAuthenticated to false in the function below, because the app state
         // may change immediately even before navigating to the oidc end session endpoint, which might cause

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 export type { LogtoContextProps, LogtoContext } from './context.js';
-export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, } from '@logto/browser';
+export type { LogtoConfig, IdTokenClaims, UserInfoResponse, LogtoErrorCode, LogtoClientErrorCode, InteractionMode, AccessTokenClaims, } from '@logto/browser';
 export { LogtoError, LogtoRequestError, LogtoClientError, OidcError, Prompt, ReservedScope, ReservedResource, UserScope, organizationUrnPrefix, buildOrganizationUrn, getOrganizationIdFromUrn, PersistKey, } from '@logto/browser';
 export * from './provider.js';
 export { useLogto, useHandleSignInCallback } from './hooks/index.js';

package/lib/provider.cjs

@@ -9,9 +9,9 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var LogtoClient__default = /*#__PURE__*/_interopDefault(LogtoClient);
 
-const LogtoProvider = ({ config, children, unstable_enableCache = false, }) => {
+const LogtoProvider = ({ config, LogtoClientClass = LogtoClient__default.default, children, unstable_enableCache = false, }) => {
     const [loadingCount, setLoadingCount] = react.useState(1);
-    const memorizedLogtoClient = react.useMemo(() => ({ logtoClient: new LogtoClient__default.default(config, unstable_enableCache) }), [config, unstable_enableCache]);
+    const memorizedLogtoClient = react.useMemo(() => ({ logtoClient: new LogtoClientClass(config, unstable_enableCache) }), [LogtoClientClass, config, unstable_enableCache]);
     const [isAuthenticated, setIsAuthenticated] = react.useState(false);
     const [error, setError] = react.useState();
     const isLoading = react.useMemo(() => loadingCount > 0, [loadingCount]);

package/lib/provider.d.ts

@@ -1,4 +1,4 @@
-import { type LogtoConfig } from '@logto/browser';
+import LogtoClient, { type LogtoConfig } from '@logto/browser';
 import { type ReactNode } from 'react';
 export type LogtoProviderProps = {
     config: LogtoConfig;
@@ -7,6 +7,7 @@ export type LogtoProviderProps = {
      * @default false
      */
     unstable_enableCache?: boolean;
+    LogtoClientClass?: typeof LogtoClient;
     children?: ReactNode;
 };
-export declare const LogtoProvider: ({ config, children, unstable_enableCache, }: LogtoProviderProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const LogtoProvider: ({ config, LogtoClientClass, children, unstable_enableCache, }: LogtoProviderProps) => import("react/jsx-runtime.js").JSX.Element;

package/lib/provider.js

@@ -3,9 +3,9 @@ import LogtoClient from '@logto/browser';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { LogtoContext } from './context.js';
 
-const LogtoProvider = ({ config, children, unstable_enableCache = false, }) => {
+const LogtoProvider = ({ config, LogtoClientClass = LogtoClient, children, unstable_enableCache = false, }) => {
     const [loadingCount, setLoadingCount] = useState(1);
-    const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClient(config, unstable_enableCache) }), [config, unstable_enableCache]);
+    const memorizedLogtoClient = useMemo(() => ({ logtoClient: new LogtoClientClass(config, unstable_enableCache) }), [LogtoClientClass, config, unstable_enableCache]);
     const [isAuthenticated, setIsAuthenticated] = useState(false);
     const [error, setError] = useState();
     const isLoading = useMemo(() => loadingCount > 0, [loadingCount]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/react",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "type": "module",
   "main": "./lib/index.cjs",
   "module": "./lib/index.js",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@silverhand/essentials": "^2.8.7",
-    "@logto/browser": "^2.2.4"
+    "@logto/browser": "^2.2.6"
   },
   "devDependencies": {
     "@silverhand/eslint-config": "^5.0.0",
@@ -34,7 +34,7 @@
     "@testing-library/react": "^14.2.1",
     "@types/jest": "^29.5.0",
     "@types/react": "^18.2.56",
-    "eslint": "^8.44.0",
+    "eslint": "^8.57.0",
     "jest": "^29.5.0",
     "lint-staged": "^15.0.0",
     "postcss": "^8.4.31",