@logto/react 1.1.2 → 2.0.1

package/lib/{context.mjs → context.cjs}

@@ -1,9 +1,11 @@
-import { createContext } from 'react';
+'use strict';
+
+var react = require('react');
 
 const throwContextError = () => {
     throw new Error('Must be used inside <LogtoProvider> context.');
 };
-const LogtoContext = createContext({
+const LogtoContext = react.createContext({
     logtoClient: undefined,
     isAuthenticated: false,
     loadingCount: 0,
@@ -13,4 +15,5 @@ const LogtoContext = createContext({
     setError: throwContextError,
 });
 
-export { LogtoContext, throwContextError };
+exports.LogtoContext = LogtoContext;
+exports.throwContextError = throwContextError;

package/lib/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import LogtoClient from '@logto/browser';
+import type LogtoClient from '@logto/browser';
 export type LogtoContextProps = {
     logtoClient?: LogtoClient;
     isAuthenticated: boolean;

package/lib/context.js

@@ -1,11 +1,9 @@
-'use strict';
-
-var react = require('react');
+import { createContext } from 'react';
 
 const throwContextError = () => {
     throw new Error('Must be used inside <LogtoProvider> context.');
 };
-const LogtoContext = react.createContext({
+const LogtoContext = createContext({
     logtoClient: undefined,
     isAuthenticated: false,
     loadingCount: 0,
@@ -15,5 +13,4 @@ const LogtoContext = react.createContext({
     setError: throwContextError,
 });
 
-exports.LogtoContext = LogtoContext;
-exports.throwContextError = throwContextError;
+export { LogtoContext, throwContextError };

package/lib/hooks/{index.mjs → index.cjs}

@@ -1,10 +1,12 @@
-import { useContext, useRef, useEffect, useCallback } from 'react';
-import { LogtoContext, throwContextError } from '../context.mjs';
+'use strict';
+
+var react = require('react');
+var context = require('../context.cjs');
 
 const useLoadingState = () => {
-    const { loadingCount, setLoadingCount } = useContext(LogtoContext);
+    const { loadingCount, setLoadingCount } = react.useContext(context.LogtoContext);
     const isLoading = loadingCount > 0;
-    const setLoadingState = useCallback((state) => {
+    const setLoadingState = react.useCallback((state) => {
         if (state) {
             setLoadingCount((count) => count + 1);
         }
@@ -15,8 +17,8 @@ const useLoadingState = () => {
     return { isLoading, setLoadingState };
 };
 const useErrorHandler = () => {
-    const { setError } = useContext(LogtoContext);
-    const handleError = useCallback((error, fallbackErrorMessage) => {
+    const { setError } = react.useContext(context.LogtoContext);
+    const handleError = react.useCallback((error, fallbackErrorMessage) => {
         if (error instanceof Error) {
             setError(error);
         }
@@ -28,17 +30,17 @@ const useErrorHandler = () => {
     return { handleError };
 };
 const useHandleSignInCallback = (callback) => {
-    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);
+    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = react.useContext(context.LogtoContext);
     const { isLoading, setLoadingState } = useLoadingState();
     const { handleError } = useErrorHandler();
-    const callbackRef = useRef();
-    useEffect(() => {
+    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 = useCallback(async (callbackUri) => {
+    const handleSignInCallback = react.useCallback(async (callbackUri) => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             setLoadingState(true);
@@ -53,12 +55,12 @@ const useHandleSignInCallback = (callback) => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
-    useEffect(() => {
+    react.useEffect(() => {
         const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl) && !isLoading) {
+        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {
             void handleSignInCallback(currentPageUrl);
         }
-    }, [handleSignInCallback, isAuthenticated, isLoading, logtoClient]);
+    }, [handleSignInCallback, isAuthenticated, logtoClient]);
     return {
         isLoading,
         isAuthenticated,
@@ -66,13 +68,13 @@ const useHandleSignInCallback = (callback) => {
     };
 };
 const useLogto = () => {
-    const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);
+    const { logtoClient, loadingCount, isAuthenticated, error } = react.useContext(context.LogtoContext);
     const { setLoadingState } = useLoadingState();
     const { handleError } = useErrorHandler();
     const isLoading = loadingCount > 0;
-    const signIn = useCallback(async (redirectUri, interactionMode) => {
+    const signIn = react.useCallback(async (redirectUri, interactionMode) => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             setLoadingState(true);
@@ -82,9 +84,9 @@ const useLogto = () => {
             handleError(error, 'Unexpected error occurred while signing in.');
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const signOut = useCallback(async (postLogoutRedirectUri) => {
+    const signOut = react.useCallback(async (postLogoutRedirectUri) => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             setLoadingState(true);
@@ -100,9 +102,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const fetchUserInfo = useCallback(async () => {
+    const fetchUserInfo = react.useCallback(async () => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             setLoadingState(true);
@@ -115,9 +117,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const getAccessToken = useCallback(async (resource) => {
+    const getAccessToken = react.useCallback(async (resource) => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             setLoadingState(true);
@@ -130,9 +132,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const getIdTokenClaims = useCallback(async () => {
+    const getIdTokenClaims = react.useCallback(async () => {
         if (!logtoClient) {
-            return throwContextError();
+            return context.throwContextError();
         }
         try {
             return await logtoClient.getIdTokenClaims();
@@ -142,7 +144,7 @@ const useLogto = () => {
         }
     }, [logtoClient]);
     if (!logtoClient) {
-        return throwContextError();
+        return context.throwContextError();
     }
     return {
         isAuthenticated,
@@ -156,4 +158,5 @@ const useLogto = () => {
     };
 };
 
-export { useHandleSignInCallback, useLogto };
+exports.useHandleSignInCallback = useHandleSignInCallback;
+exports.useLogto = useLogto;

package/lib/hooks/index.d.ts

@@ -1,4 +1,4 @@
-import { IdTokenClaims, InteractionMode, UserInfoResponse } from '@logto/browser';
+import { type IdTokenClaims, type InteractionMode, type UserInfoResponse } from '@logto/browser';
 type Logto = {
     isAuthenticated: boolean;
     isLoading: boolean;

package/lib/hooks/index.js

@@ -1,12 +1,10 @@
-'use strict';
-
-var react = require('react');
-var context = require('../context.js');
+import { useContext, useRef, useEffect, useCallback } from 'react';
+import { LogtoContext, throwContextError } from '../context.js';
 
 const useLoadingState = () => {
-    const { loadingCount, setLoadingCount } = react.useContext(context.LogtoContext);
+    const { loadingCount, setLoadingCount } = useContext(LogtoContext);
     const isLoading = loadingCount > 0;
-    const setLoadingState = react.useCallback((state) => {
+    const setLoadingState = useCallback((state) => {
         if (state) {
             setLoadingCount((count) => count + 1);
         }
@@ -17,8 +15,8 @@ const useLoadingState = () => {
     return { isLoading, setLoadingState };
 };
 const useErrorHandler = () => {
-    const { setError } = react.useContext(context.LogtoContext);
-    const handleError = react.useCallback((error, fallbackErrorMessage) => {
+    const { setError } = useContext(LogtoContext);
+    const handleError = useCallback((error, fallbackErrorMessage) => {
         if (error instanceof Error) {
             setError(error);
         }
@@ -30,17 +28,17 @@ const useErrorHandler = () => {
     return { handleError };
 };
 const useHandleSignInCallback = (callback) => {
-    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = react.useContext(context.LogtoContext);
+    const { logtoClient, isAuthenticated, error, setIsAuthenticated } = useContext(LogtoContext);
     const { isLoading, setLoadingState } = useLoadingState();
     const { handleError } = useErrorHandler();
-    const callbackRef = react.useRef();
-    react.useEffect(() => {
+    const callbackRef = useRef();
+    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) => {
+    const handleSignInCallback = useCallback(async (callbackUri) => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             setLoadingState(true);
@@ -55,12 +53,12 @@ const useHandleSignInCallback = (callback) => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, setIsAuthenticated, handleError]);
-    react.useEffect(() => {
+    useEffect(() => {
         const currentPageUrl = window.location.href;
-        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl) && !isLoading) {
+        if (!isAuthenticated && logtoClient?.isSignInRedirected(currentPageUrl)) {
             void handleSignInCallback(currentPageUrl);
         }
-    }, [handleSignInCallback, isAuthenticated, isLoading, logtoClient]);
+    }, [handleSignInCallback, isAuthenticated, logtoClient]);
     return {
         isLoading,
         isAuthenticated,
@@ -68,13 +66,13 @@ const useHandleSignInCallback = (callback) => {
     };
 };
 const useLogto = () => {
-    const { logtoClient, loadingCount, isAuthenticated, error } = react.useContext(context.LogtoContext);
+    const { logtoClient, loadingCount, isAuthenticated, error } = useContext(LogtoContext);
     const { setLoadingState } = useLoadingState();
     const { handleError } = useErrorHandler();
     const isLoading = loadingCount > 0;
-    const signIn = react.useCallback(async (redirectUri, interactionMode) => {
+    const signIn = useCallback(async (redirectUri, interactionMode) => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             setLoadingState(true);
@@ -84,9 +82,9 @@ const useLogto = () => {
             handleError(error, 'Unexpected error occurred while signing in.');
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const signOut = react.useCallback(async (postLogoutRedirectUri) => {
+    const signOut = useCallback(async (postLogoutRedirectUri) => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             setLoadingState(true);
@@ -102,9 +100,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const fetchUserInfo = react.useCallback(async () => {
+    const fetchUserInfo = useCallback(async () => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             setLoadingState(true);
@@ -117,9 +115,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const getAccessToken = react.useCallback(async (resource) => {
+    const getAccessToken = useCallback(async (resource) => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             setLoadingState(true);
@@ -132,9 +130,9 @@ const useLogto = () => {
             setLoadingState(false);
         }
     }, [logtoClient, setLoadingState, handleError]);
-    const getIdTokenClaims = react.useCallback(async () => {
+    const getIdTokenClaims = useCallback(async () => {
         if (!logtoClient) {
-            return context.throwContextError();
+            return throwContextError();
         }
         try {
             return await logtoClient.getIdTokenClaims();
@@ -144,7 +142,7 @@ const useLogto = () => {
         }
     }, [logtoClient]);
     if (!logtoClient) {
-        return context.throwContextError();
+        return throwContextError();
     }
     return {
         isAuthenticated,
@@ -158,5 +156,4 @@ const useLogto = () => {
     };
 };
 
-exports.useHandleSignInCallback = useHandleSignInCallback;
-exports.useLogto = useLogto;
+export { useHandleSignInCallback, useLogto };

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,5 +1,5 @@
-export type { LogtoContextProps } from './context';
+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';
-export * from './provider';
-export { useLogto, useHandleSignInCallback } from './hooks';
+export * from './provider.js';
+export { useLogto, useHandleSignInCallback } from './hooks/index.js';

package/lib/index.js

@@ -1,35 +1,3 @@
-'use strict';
-
-var LogtoClient = require('@logto/browser');
-var provider = require('./provider.js');
-var index = require('./hooks/index.js');
-
-
-
-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;
+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

@@ -1,5 +1,5 @@
-import { LogtoConfig } from '@logto/browser';
-import { ReactNode } from 'react';
+import { type LogtoConfig } from '@logto/browser';
+import { type ReactNode } from 'react';
 export type LogtoProviderProps = {
     config: LogtoConfig;
     children?: ReactNode;

package/lib/provider.js

@@ -1,27 +1,21 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var LogtoClient = require('@logto/browser');
-var react = require('react');
-var context = require('./context.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var LogtoClient__default = /*#__PURE__*/_interopDefault(LogtoClient);
+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] = 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(() => {
+    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 = react.useMemo(() => ({
+    const memorizedContextValue = useMemo(() => ({
         ...memorizedLogtoClient,
         isAuthenticated,
         setIsAuthenticated,
@@ -30,7 +24,7 @@ const LogtoProvider = ({ config, children }) => {
         error,
         setError,
     }), [memorizedLogtoClient, isAuthenticated, loadingCount, error]);
-    return jsxRuntime.jsx(context.LogtoContext.Provider, { value: memorizedContextValue, children: children });
+    return jsx(LogtoContext.Provider, { value: memorizedContextValue, children: children });
 };
 
-exports.LogtoProvider = LogtoProvider;
+export { LogtoProvider };

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@logto/react",
-  "version": "1.1.2",
-  "source": "./src/index.ts",
-  "main": "./lib/index.js",
+  "version": "2.0.1",
+  "type": "module",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
   "exports": {
-    "require": "./lib/index.js",
-    "import": "./lib/index.mjs"
+    "types": "./lib/index.d.ts",
+    "require": "./lib/index.cjs",
+    "import": "./lib/index.js",
+    "default": "./lib/index.js"
   },
-  "module": "./lib/index.mjs",
-  "types": "./lib/index.d.ts",
   "files": [
     "lib"
   ],
@@ -18,37 +20,26 @@
     "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/ && tsc -p tsconfig.build.json --noEmit && rollup -c",
-    "lint": "eslint --ext .ts --ext .tsx src",
-    "test": "jest",
-    "test:coverage": "jest --silent --coverage",
-    "prepack": "pnpm test"
-  },
   "dependencies": {
-    "@logto/browser": "^1.1.2",
-    "@silverhand/essentials": "^2.6.1"
+    "@logto/browser": "^2.0.0",
+    "@silverhand/essentials": "^2.6.2"
   },
   "devDependencies": {
-    "@jest/types": "^29.5.0",
-    "@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",
+    "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
-    "@types/react": "^17.0.39",
+    "@types/react": "^18.2.0",
     "eslint": "^8.38.0",
     "jest": "^29.5.0",
     "lint-staged": "^13.0.0",
     "postcss": "^8.4.6",
     "prettier": "^2.8.7",
-    "react": "^17.0.2",
+    "react": "^18.0.2",
     "stylelint": "^15.0.0",
     "typescript": "^5.0.0"
   },
@@ -62,5 +53,13 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9e9a8b0887ef67baa7c3c564590bb06e7801d03e"
-}
+  "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.mjs

@@ -1,3 +0,0 @@
-export { LogtoClientError, LogtoError, OidcError, Prompt, ReservedScope, UserScope } from '@logto/browser';
-export { LogtoProvider } from './provider.mjs';
-export { useHandleSignInCallback, useLogto } from './hooks/index.mjs';

package/lib/provider.mjs

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import LogtoClient from '@logto/browser';
-import { useState, useMemo, useEffect } from 'react';
-import { LogtoContext } from './context.mjs';
-
-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 };