@asgardeo/auth-react 1.1.20 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@asgardeo/auth-react",
-    "version": "1.1.20",
+    "version": "2.0.1",
     "description": "Asgardeo Auth React SDK for React Applications.",
     "keywords": [
         "WSO2",
@@ -20,11 +20,11 @@
     "scripts": {
         "lint": "eslint --ext .js,.ts .",
         "fix-lint": "eslint --ext .js,.ts . --fix",
-        "build": "rimraf dist && npm run type-check && cross-env NODE_OPTIONS=--openssl-legacy-provider webpack -p --env.NODE_ENV=production",
-        "build:dev": "rimraf dist && npm run type-check && webpack -p --env.NODE_ENV=development",
-        "build:watch": "npm run build:dev -- --watch",
+        "build": "rimraf dist && yarn run type-check && webpack --env NODE_ENV=production",
+        "build:dev": "rimraf dist && yarn run type-check && webpack --env NODE_ENV=development",
+        "build:watch": "yarn run build:dev -- --watch",
         "type-check": "tsc --emitDeclarationOnly",
-        "type-check:watch": "npm run type-check -- --watch"
+        "type-check:watch": "yarn run type-check -- --watch"
     },
     "repository": {
         "type": "git",
@@ -37,41 +37,42 @@
     "author": "WSO2",
     "license": "Apache-2.0",
     "dependencies": {
-        "@asgardeo/auth-spa": "^0.4.10"
+        "@asgardeo/auth-spa": "^1.0.1"
     },
     "devDependencies": {
-        "@babel/cli": "^7.10.5",
-        "@babel/core": "^7.11.4",
-        "@babel/plugin-proposal-class-properties": "^7.10.4",
-        "@babel/plugin-proposal-decorators": "^7.10.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.6.0",
-        "@babel/preset-env": "^7.11.0",
-        "@babel/preset-react": "^7.6.3",
-        "@babel/preset-typescript": "^7.10.4",
-        "@babel/runtime-corejs3": "^7.11.2",
-        "@types/node": "^13.9.2",
-        "@typescript-eslint/eslint-plugin": "^2.19.2",
-        "@typescript-eslint/parser": "^3.10.1",
-        "babel-loader": "^8.1.0",
-        "core-js": "^3.8.3",
-        "cross-env": "^7.0.3",
-        "eslint": "^7.20.0",
-        "eslint-plugin-import": "^2.20.2",
-        "eslint-plugin-react": "^7.18.3",
-        "eslint-plugin-react-hooks": "^4.0.0",
-        "react": "^16.14.0",
-        "react-dom": "16.14.0",
-        "react-router-dom": "^5.2.0",
+        "@babel/cli": "^7.19.3",
+        "@babel/core": "^7.20.5",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-decorators": "^7.20.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.19.6",
+        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.18.6",
+        "@babel/runtime-corejs3": "^7.20.6",
+        "@types/node": "^18.11.17",
+        "@types/react-router-dom": "^5.3.3",
+        "@typescript-eslint/eslint-plugin": "^5.47.0",
+        "@typescript-eslint/parser": "^5.47.0",
+        "babel-loader": "^9.1.0",
+        "core-js": "^3.26.1",
+        "eslint": "^8.30.0",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-react": "^7.31.11",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-webpack-plugin": "^3.2.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "react-router-dom": "^6.3.0",
         "rimraf": "^3.0.2",
-        "typescript": "^3.9.7",
-        "webpack": "^4.41.5",
-        "webpack-cli": "^3.3.7",
-        "worker-loader": "^2.0.0"
+        "typescript": "^4.9.4",
+        "webpack": "^5.75.0",
+        "webpack-cli": "^5.0.1",
+        "worker-loader": "^3.0.8"
     },
     "peerDependencies": {
         "@babel/runtime-corejs3": "^7.11.2",
         "react": ">=16.8",
         "react-dom": ">=16.8",
-        "react-router-dom": "^5.2.0"
+        "react-router-dom": "^6.3.0"
     }
 }

package/src/api.ts

@@ -337,6 +337,15 @@ class AuthAPI {
         return this._client.isAuthenticated();
     }
 
+    /**
+     * This method specifies if the session is active or not.
+     *
+     * @return {Promise<boolean>} - A Promise that resolves with `true` if there is an active session.
+     */
+    public async isSessionActive(): Promise<boolean> {        
+        return this._client.isSessionActive();
+    }    
+
     /**
      * This method enables callback functions attached to the http client.
      *

package/src/authenticate.tsx

@@ -48,7 +48,8 @@ import { AuthContextInterface, AuthReactConfig, AuthStateInterface } from "./mod
  * Default `AuthReactConfig` config.
  */
 const defaultConfig: Partial<ReactConfig> = {
-    disableTrySignInSilently: true
+    disableTrySignInSilently: true,
+    checkActiveSession: false
 };
 
 /**
@@ -214,6 +215,10 @@ const AuthProvider: FunctionComponent<PropsWithChildren<AuthProviderPropsInterfa
                 return;
             }
 
+            if (config.checkActiveSession && await AuthClient.isSessionActive()) {
+                signIn();
+            }  
+
             if (config.disableTrySignInSilently || isSignedOut) {
                 dispatch({ ...state, isLoading: false });
 
@@ -265,6 +270,9 @@ const AuthProvider: FunctionComponent<PropsWithChildren<AuthProviderPropsInterfa
 
                 return;
             }
+
+            AuthClient.updateState({ ...state, isAuthenticated: isAuthenticatedState, isLoading: false });
+            dispatch({ ...state, isAuthenticated: isAuthenticatedState, isLoading: false });
         }
     };
 

package/src/models.ts

@@ -45,6 +45,7 @@ export interface ReactConfig {
      * with the latest session information from the server. This option could be used to disable that behaviour.
      */
     disableTrySignInSilently?: boolean;
+    checkActiveSession?: boolean;
 }
 
 export type AuthReactConfig = AuthSPAClientConfig & ReactConfig;

package/src/secure-route.tsx

@@ -61,8 +61,7 @@ const SecureRoute: FunctionComponent<SecureRouteInterface & RouteProps> = (props
     return (
         <Route
             { ...rest }
-            render={ (props) =>
-                <Component { ...props } />
+            element={ <Component />
             }
         />
     );

package/webpack.config.js

@@ -17,6 +17,7 @@
  */
 
 const path = require("path");
+const ESLintPlugin = require("eslint-webpack-plugin");
 
 // Name of the UMD bundle.
 const LIBRARY_NAME = "AsgardeoAuth";
@@ -40,21 +41,21 @@ module.exports = (env) => {
         externals: [
             {
                 "react": {
-                    root: "React",
-                    commonjs2: "react",
                     commonjs: "react",
+                    commonjs2: "react",
+                    root: "React",
                     umd: "react"
                 },
                 "react-dom": {
-                    root: "ReactDOM",
-                    commonjs2: "react-dom",
                     commonjs: "react-dom",
+                    commonjs2: "react-dom",
+                    root: "ReactDOM",
                     umd: "react-dom"
                 },
                 "react-router-dom": {
-                    root: "ReactRouter",
-                    commonjs2: "react-router-dom",
                     commonjs: "react-router-dom",
+                    commonjs2: "react-router-dom",
+                    root: "ReactRouter",
                     umd: "react-router-dom"
                 }
             }
@@ -75,19 +76,6 @@ module.exports = (env) => {
                     exclude: /(node_modules|dist)/,
                     test: /\.(tsx|jsx|ts|js)?$/,
                     use: "babel-loader"
-                },
-                {
-                    exclude: /(node_modules|dist)/,
-                    test: /\.(tsx|jsx|ts?|js)$/,
-                    use: [
-                        {
-                            loader: "eslint-loader",
-                            options: {
-                                happyPackMode: true,
-                                transpileOnly: true
-                            }
-                        }
-                    ]
                 }
             ]
         },
@@ -98,6 +86,7 @@ module.exports = (env) => {
             libraryTarget: "umd",
             path: path.resolve(__dirname, "dist")
         },
+        plugins: [ new ESLintPlugin()],
         resolve: {
             extensions: [".tsx", ".ts", ".js"]
         }