@frontegg/nextjs 5.4.0 → 5.5.0-alpha.2630278530

package/README.md

@@ -1,7 +1,217 @@
-# nextjs
+![alt text](./logo.png)
 
-This library was generated with [Nx](https://nx.dev).
+Frontegg is a web platform where SaaS companies can set up their fully managed, scalable and brand aware - SaaS features
+and integrate them into their SaaS portals in up to 5 lines of code.
 
-## Running unit tests
+## Table of Contents
 
-Run `nx test nextjs` to execute the unit tests via [Jest](https://jestjs.io).
+- [Installation](#installation)
+  - [Create new NextJS project](#create-new-nextjs-project)
+  - [Add to existing project](#add-to-existing-project)
+- [Getting Started](#getting-started)
+  - [Create Frontegg worksapce](#create-frontegg-worksapce)
+  - [Setup environment](#setup-environment)
+- [Documentation](#documentation)
+  - [API Reference](#api-reference)
+  - [Frontegg Provider Options](#frontegg-provider-options)
+  - [getSession](#getsession)
+  - [withSSRSession](#withssrsession)
+  - for more [visit](https://docs.frontegg.com/docs/self-service-introduction)
+
+## Installation
+
+### Create new NextJS project
+
+To start a new Create Next App project with TypeScript, you can run:
+
+```bash
+  npx create-next-app --example "https://github.com/frontegg/frontegg-nextjs/tree/main" --example-path "apps/example" my-nextjs-app-name
+```
+
+or
+
+```bash
+  yarn create next-app --example "https://github.com/frontegg/frontegg-nextjs/tree/main" --example-path "apps/example" my-nextjs-app-name
+```
+
+> If you've previously installed `create-react-app` globally via `npm install -g create-next-app`, we recommend you uninstall the package using `npm uninstall -g create-next-app` or `yarn global remove create-next-app` to ensure that `npx` always uses the latest version.
+>
+> Global installations of `create-next-app` are no longer supported.
+
+### Add to existing project
+
+To Add Frontegg to your existing Nextjs project, follow below steps:
+
+1. Use package manager to install Frontegg Next.JS library.
+
+   ```bash
+     npm install --save @frontegg/nextjs
+   ```
+
+   or
+
+   ```bash
+     yarn add --save @frontegg/nextjs
+   ```
+
+2. Wrap the default export with `withFronteggApp` in `./pages/_app.tsx`:
+
+   ```tsx
+   // ./pages/_app.tsx
+
+   import { withFronteggApp } from '@frontegg/nextjs';
+
+   function CustomApp({ Component, pageProps }: AppProps) {
+     return <Component {...pageProps} />;
+   }
+
+   export default withFronteggApp(CustomApp);
+   ```
+
+3. Create files for frontegg middleware under `./pages/api/frontegg/[...frontegg-middleware].ts`:
+
+   ```tsx
+   // ./pages/api/frontegg/[...frontegg-middleware].ts
+
+   export { fronteggMiddleware as default } from '@frontegg/nextjs';
+   ```
+
+4. Create placeholder pages for frontegg router under `./pages/[...frontegg-router].tsx`:
+
+   ```tsx
+   // ./pages/[...frontegg-router].tsx
+
+   export {
+     FronteggRouter as default,
+     FronteggRouterProps as getServerSideProps,
+   } from '@frontegg/nextjs';
+   ```
+
+## Getting Started
+
+### Create Frontegg worksapce
+
+Navigate to [Frontegg Portal Settgins](https://portal.frontegg.com/development/settings), If you don't have application
+follow integration steps after signing up.
+
+Next, configure the "Allowed Origins" in your application under "Domain" tab of the "Settings" page :
+
+- http://localhost:3000 // for development environments
+- https://my-company-domain.com // for production environments
+
+Copy ClientID, Frontegg Domain from "Settings" page, You'll need these values in the next step.
+
+### Setup environment
+
+To setup your Next.js application to communicate with Frontegg, you have to create a new file named `.env.local` under
+your root project directory, this file will be used to store environment variables that will be used, configuration
+options:
+
+```dotenv
+# The AppUrl is to tell Frontegg your application hostname
+FRONTEGG_APP_URL='http://localhost:3000'
+
+# The Frontegg domain is your unique URL to connect to the Frontegg gateway
+FRONTEGG_BASE_URL='https://{YOUR_SUB_DOMAIN}.frontegg.com'
+
+# Your Frontegg application's Client ID
+FRONTEGG_CLIENT_ID='{YOUR_APPLICATION_CLIENT_ID}'
+
+# The statless session encruption password, used to encrypt
+# jwt before sending it to the client side.
+#
+# For quick password generation use the following command:
+#    node -e "console.log(crypto.randomBytes(32).toString('hex'))"
+FRONTEGG_ENCRYPTION_PASSWORD='{SESSION_ENCRYPTION_PASSWORD}'
+
+# The statless session cookie name
+FRONTEGG_COOKIE_NAME='fe_session'
+```
+
+## Documentation
+
+### API Reference
+
+Visit [Frontegg Docs](https://docs.frontegg.com) for the full documentation.
+
+### Frontegg Provider Options
+
+Pass seconds argument to `withFronteggApp` function in `_app.ts` file to customize
+Frontegg library.
+
+```tsx
+// ./pages/_app.tsx
+
+import { withFronteggApp } from '@frontegg/nextjs';
+
+function CustomApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export default withFronteggApp(CustomApp, {
+  /**
+   * Frontegg options for customizations
+   */
+});
+```
+
+### getSession
+
+For any pages that required AccessToken in Server Side, you can use:
+
+```tsx
+import { GetServerSideProps } from 'next';
+import { getSession } from '@frontegg/nextjs';
+
+export default function MyPage({ products }) {
+  return (
+    <div>
+      <h1>My Page</h1>
+      {products}
+    </div>
+  );
+}
+
+export const getServerSideProps: GetServerSideProps = async (context) => {
+  const session = await getSession(context.req);
+  if (session) {
+    const { data } = await fetch('{external}/product', {
+      headers: {
+        Authorization: 'bearer ' + session.accessToken,
+      },
+    });
+    return { props: { products: data } };
+  }
+
+  return { props: { products: [] } };
+};
+```
+
+### withSSRSession
+
+withSSRSession HOC can be used to automatic redirect users to login screen if not logged in:
+
+```tsx
+import { GetServerSideProps } from 'next';
+import { withSSRSession } from '@frontegg/nextjs';
+
+export default function MyPage({ products }) {
+  return (
+    <div>
+      <h1>My Page</h1>
+      {products}
+    </div>
+  );
+}
+
+export const getServerSideProps: GetServerSideProps = withSSRSession(
+  async (context, session) => {
+    const { data } = await fetch('{external}/product', {
+      headers: {
+        Authorization: 'bearer ' + session.accessToken,
+      },
+    });
+    return { props: { products: data } };
+  }
+);
+```

package/helpers.d.ts

@@ -5,5 +5,7 @@ import { FronteggNextJSSession } from './types';
 export declare function refreshToken(ctx: NextPageContext): Promise<FronteggNextJSSession | null>;
 export declare function addToCookies(cookieValue: string, res: ServerResponse): void;
 export declare function removeCookies(cookieName: string, isSecured: boolean, cookieDomain: string, res: ServerResponse): void;
+export declare function compress(input: string): Promise<string>;
+export declare function uncompress(input: string): Promise<string>;
 export declare function createSessionFromAccessToken(output: string): Promise<[string, any] | []>;
 export declare const modifySetCookieIfUnsecure: (setCookieValue: string[] | undefined, isSecured: boolean) => string[] | undefined;

package/index.cjs.js

@@ -13,12 +13,32 @@ var reduxStore = require('@frontegg/redux-store');
 var url = require('url');
 var cookie = require('cookie');
 var ironSession = require('iron-session');
+var zlib = require('zlib');
 var httpProxy = require('http-proxy');
 var types = require('@frontegg/types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
 var cookie__default = /*#__PURE__*/_interopDefaultLegacy(cookie);
+var zlib__namespace = /*#__PURE__*/_interopNamespace(zlib);
 var httpProxy__default = /*#__PURE__*/_interopDefaultLegacy(httpProxy);
 
 /******************************************************************************
@@ -1062,7 +1082,7 @@ var FronteggConfig = /*#__PURE__*/function () {
     this.authRoutes = {};
     this.fronteggAppOptions = {};
     this._clientId = (_a = process.env['FRONTEGG_CLIENT_ID']) !== null && _a !== void 0 ? _a : '';
-    this._cookieName = (_b = process.env['FRONTEGG_COOKIE_NAME']) !== null && _b !== void 0 ? _b : "fe_session";
+    this._cookieName = (_b = process.env['FRONTEGG_COOKIE_NAME']) !== null && _b !== void 0 ? _b : "fe_next_session";
     this._password = (_c = process.env['FRONTEGG_ENCRYPTION_PASSWORD']) !== null && _c !== void 0 ? _c : '';
     this._passwordsAsMap = normalizeStringPasswordToMap(this._password);
   }
@@ -1070,7 +1090,7 @@ var FronteggConfig = /*#__PURE__*/function () {
   _createClass(FronteggConfig, [{
     key: "cookieName",
     get: function get() {
-      return this._cookieName;
+      return "".concat(this._cookieName, "-").concat(this._clientId.replace(/-/g, ''));
     }
   }, {
     key: "password",
@@ -1198,9 +1218,14 @@ function FronteggRouter() {
   var app = react.useContext(AppContext);
 
   var _useRouter = router.useRouter(),
-      query = _useRouter.query;
+      query = _useRouter.query,
+      replace = _useRouter.replace;
 
   var loginWithRedirect = reactHooks.useLoginWithRedirect();
+
+  var _useLoginActions = reactHooks.useLoginActions(),
+      logout = _useLoginActions.logout;
+
   react.useEffect(function () {
     if (!app) {
       return;
@@ -1216,21 +1241,31 @@ function FronteggRouter() {
       var pathname = "/".concat(pathArr.join('/'));
 
       if (pathname === routesObj.loginUrl) {
+        if (queryParams.redirectUrl) {
+          localStorage.setItem('FRONTEGG_AFTER_AUTH_REDIRECT_URL', "".concat(window.location.origin, "/").concat(queryParams.redirectUrl));
+        }
+
         loginWithRedirect();
-      } else {
-        console.log('NO', pathname, queryParams);
+      } else if (pathname === routesObj.logoutUrl) {
+        var _baseUrl = app.options.contextOptions.baseUrl;
+        var baseUrl = typeof _baseUrl === 'string' ? _baseUrl : _baseUrl('');
+        logout(function () {
+          window.location.href = "".concat(baseUrl, "/oauth/logout?post_logout_redirect_uri=").concat(encodeURIComponent(window.location.origin));
+        });
       }
     }
-  }, [app, query, loginWithRedirect]);
+  }, [app, query, loginWithRedirect, logout, replace]);
   return '';
 }
 function FronteggRouterProps(context) {
+  var _a;
+
   var routesObj = Object.assign(Object.assign({}, reduxStore.authInitialState.routes), fronteggConfig.authRoutes);
   var routesArr = Object.keys(routesObj).reduce(function (p, key) {
     return [].concat(_toConsumableArray(p), [routesObj[key]]);
   }, []);
 
-  var _parse = url.parse(context.req.url, true),
+  var _parse = url.parse((_a = context.resolvedUrl) !== null && _a !== void 0 ? _a : context.req.url, true),
       pathname = _parse.pathname;
 
   if (!pathname || pathname.startsWith('/_next/data')) {
@@ -1241,7 +1276,7 @@ function FronteggRouterProps(context) {
   var notFound = routesArr.indexOf(pathname) === -1;
 
   if (fronteggConfig.fronteggAppOptions.hostedLoginBox) {
-    var _notFound = !(routesObj.loginUrl === pathname || routesObj.hostedLoginRedirectUrl === pathname);
+    var _notFound = !(routesObj.loginUrl === pathname || routesObj.logoutUrl === pathname || routesObj.hostedLoginRedirectUrl === pathname);
 
     return {
       notFound: _notFound,
@@ -1314,7 +1349,7 @@ function _defineProperty(obj, key, value) {
 
 function getSession(req) {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-    var sealFromCookies, jwt, publicKey, _yield$jwtVerify, payload, session;
+    var sealFromCookies, compressedJwt, jwt, publicKey, _yield$jwtVerify, payload, session;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -1337,16 +1372,21 @@ function getSession(req) {
             });
 
           case 6:
-            jwt = _context.sent;
+            compressedJwt = _context.sent;
             _context.next = 9;
-            return fronteggConfig.getJwtPublicKey();
+            return uncompress(compressedJwt);
 
           case 9:
-            publicKey = _context.sent;
+            jwt = _context.sent;
             _context.next = 12;
-            return jose.jwtVerify(jwt, publicKey);
+            return fronteggConfig.getJwtPublicKey();
 
           case 12:
+            publicKey = _context.sent;
+            _context.next = 15;
+            return jose.jwtVerify(jwt, publicKey);
+
+          case 15:
             _yield$jwtVerify = _context.sent;
             payload = _yield$jwtVerify.payload;
             session = {
@@ -1355,27 +1395,27 @@ function getSession(req) {
             };
 
             if (!(session.user.exp * 1000 < Date.now())) {
-              _context.next = 17;
+              _context.next = 20;
               break;
             }
 
             return _context.abrupt("return", undefined);
 
-          case 17:
+          case 20:
             return _context.abrupt("return", session);
 
-          case 20:
-            _context.prev = 20;
+          case 23:
+            _context.prev = 23;
             _context.t0 = _context["catch"](0);
             console.error(_context.t0);
             return _context.abrupt("return", undefined);
 
-          case 24:
+          case 27:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 20]]);
+    }, _callee, null, [[0, 23]]);
   }));
 }
 function withSSRSession(handler) {
@@ -1383,7 +1423,7 @@ function withSSRSession(handler) {
 
   return function (context) {
     return __awaiter(_this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-      var _a, session;
+      var _a, _b, session, loginUrl;
 
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
@@ -1403,15 +1443,21 @@ function withSSRSession(handler) {
               return _context2.abrupt("return", handler(context, session));
 
             case 7:
+              loginUrl = (_a = fronteggConfig.authRoutes.loginUrl) !== null && _a !== void 0 ? _a : reduxStore.authInitialState.routes.loginUrl;
+
+              if (!loginUrl.startsWith('/')) {
+                loginUrl = "/".concat(loginUrl);
+              }
+
               return _context2.abrupt("return", {
                 redirect: {
                   permanent: false,
-                  destination: "/".concat((_a = fronteggConfig.authRoutes.loginUrl) !== null && _a !== void 0 ? _a : reduxStore.authInitialState.routes.loginUrl, "?redirectUrl=").concat(encodeURIComponent(context.req.url))
+                  destination: "".concat(loginUrl, "?redirectUrl=").concat(encodeURIComponent((_b = context.resolvedUrl) !== null && _b !== void 0 ? _b : context.req.url))
                 },
                 props: {}
               });
 
-            case 8:
+            case 10:
             case "end":
               return _context2.stop();
           }
@@ -1628,11 +1674,33 @@ function removeCookies(cookieName, isSecured, cookieDomain, res) {
 
   res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
 }
+function compress(input) {
+  return new Promise(function (resolve, reject) {
+    zlib__namespace.brotliCompress(input, function (error, result) {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result.toString('base64'));
+      }
+    });
+  });
+}
+function uncompress(input) {
+  return new Promise(function (resolve, reject) {
+    zlib__namespace.brotliDecompress(Buffer.from(input, 'base64'), function (error, result) {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result.toString('utf-8'));
+      }
+    });
+  });
+}
 function createSessionFromAccessToken(output) {
   var _a;
 
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-    var data, accessToken, decodedJwt, session;
+    var data, accessToken, decodedJwt, compressedAccessToken, session;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -1643,26 +1711,31 @@ function createSessionFromAccessToken(output) {
             decodedJwt = jose.decodeJwt(accessToken);
             decodedJwt.expiresIn = Math.floor((decodedJwt.exp * 1000 - Date.now()) / 1000);
             _context2.next = 7;
-            return ironSession.sealData(accessToken, {
+            return compress(accessToken);
+
+          case 7:
+            compressedAccessToken = _context2.sent;
+            _context2.next = 10;
+            return ironSession.sealData(compressedAccessToken, {
               password: fronteggConfig.passwordsAsMap,
               ttl: decodedJwt.exp
             });
 
-          case 7:
+          case 10:
             session = _context2.sent;
             return _context2.abrupt("return", [session, decodedJwt]);
 
-          case 11:
-            _context2.prev = 11;
+          case 14:
+            _context2.prev = 14;
             _context2.t0 = _context2["catch"](0);
             return _context2.abrupt("return", []);
 
-          case 14:
+          case 17:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[0, 11]]);
+    }, _callee2, null, [[0, 14]]);
   }));
 }
 var modifySetCookieIfUnsecure = function modifySetCookieIfUnsecure(setCookieValue, isSecured) {

package/index.esm.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useCallback, useMemo, useEffect, useContext } from 'react';
 import { AppHolder, initialize } from '@frontegg/admin-portal';
 export { AdminPortal } from '@frontegg/admin-portal';
-import { FronteggStoreProvider, useAuthUserOrNull, useAuthActions, useLoginWithRedirect } from '@frontegg/react-hooks';
+import { FronteggStoreProvider, useAuthUserOrNull, useAuthActions, useLoginWithRedirect, useLoginActions } from '@frontegg/react-hooks';
 export * from '@frontegg/react-hooks';
 import { fronteggAuthApiRoutes, ContextHolder, fronteggRefreshTokenUrl } from '@frontegg/rest-api';
 import { useRouter } from 'next/router';
@@ -11,6 +11,7 @@ import { authInitialState } from '@frontegg/redux-store';
 import { parse } from 'url';
 import cookie from 'cookie';
 import { unsealData, sealData } from 'iron-session';
+import * as zlib from 'zlib';
 import httpProxy from 'http-proxy';
 export * from '@frontegg/types';
 
@@ -1055,7 +1056,7 @@ var FronteggConfig = /*#__PURE__*/function () {
     this.authRoutes = {};
     this.fronteggAppOptions = {};
     this._clientId = (_a = process.env['FRONTEGG_CLIENT_ID']) !== null && _a !== void 0 ? _a : '';
-    this._cookieName = (_b = process.env['FRONTEGG_COOKIE_NAME']) !== null && _b !== void 0 ? _b : "fe_session";
+    this._cookieName = (_b = process.env['FRONTEGG_COOKIE_NAME']) !== null && _b !== void 0 ? _b : "fe_next_session";
     this._password = (_c = process.env['FRONTEGG_ENCRYPTION_PASSWORD']) !== null && _c !== void 0 ? _c : '';
     this._passwordsAsMap = normalizeStringPasswordToMap(this._password);
   }
@@ -1063,7 +1064,7 @@ var FronteggConfig = /*#__PURE__*/function () {
   _createClass(FronteggConfig, [{
     key: "cookieName",
     get: function get() {
-      return this._cookieName;
+      return "".concat(this._cookieName, "-").concat(this._clientId.replace(/-/g, ''));
     }
   }, {
     key: "password",
@@ -1191,9 +1192,14 @@ function FronteggRouter() {
   var app = useContext(AppContext);
 
   var _useRouter = useRouter(),
-      query = _useRouter.query;
+      query = _useRouter.query,
+      replace = _useRouter.replace;
 
   var loginWithRedirect = useLoginWithRedirect();
+
+  var _useLoginActions = useLoginActions(),
+      logout = _useLoginActions.logout;
+
   useEffect(function () {
     if (!app) {
       return;
@@ -1209,21 +1215,31 @@ function FronteggRouter() {
       var pathname = "/".concat(pathArr.join('/'));
 
       if (pathname === routesObj.loginUrl) {
+        if (queryParams.redirectUrl) {
+          localStorage.setItem('FRONTEGG_AFTER_AUTH_REDIRECT_URL', "".concat(window.location.origin, "/").concat(queryParams.redirectUrl));
+        }
+
         loginWithRedirect();
-      } else {
-        console.log('NO', pathname, queryParams);
+      } else if (pathname === routesObj.logoutUrl) {
+        var _baseUrl = app.options.contextOptions.baseUrl;
+        var baseUrl = typeof _baseUrl === 'string' ? _baseUrl : _baseUrl('');
+        logout(function () {
+          window.location.href = "".concat(baseUrl, "/oauth/logout?post_logout_redirect_uri=").concat(encodeURIComponent(window.location.origin));
+        });
       }
     }
-  }, [app, query, loginWithRedirect]);
+  }, [app, query, loginWithRedirect, logout, replace]);
   return '';
 }
 function FronteggRouterProps(context) {
+  var _a;
+
   var routesObj = Object.assign(Object.assign({}, authInitialState.routes), fronteggConfig.authRoutes);
   var routesArr = Object.keys(routesObj).reduce(function (p, key) {
     return [].concat(_toConsumableArray(p), [routesObj[key]]);
   }, []);
 
-  var _parse = parse(context.req.url, true),
+  var _parse = parse((_a = context.resolvedUrl) !== null && _a !== void 0 ? _a : context.req.url, true),
       pathname = _parse.pathname;
 
   if (!pathname || pathname.startsWith('/_next/data')) {
@@ -1234,7 +1250,7 @@ function FronteggRouterProps(context) {
   var notFound = routesArr.indexOf(pathname) === -1;
 
   if (fronteggConfig.fronteggAppOptions.hostedLoginBox) {
-    var _notFound = !(routesObj.loginUrl === pathname || routesObj.hostedLoginRedirectUrl === pathname);
+    var _notFound = !(routesObj.loginUrl === pathname || routesObj.logoutUrl === pathname || routesObj.hostedLoginRedirectUrl === pathname);
 
     return {
       notFound: _notFound,
@@ -1307,7 +1323,7 @@ function _defineProperty(obj, key, value) {
 
 function getSession(req) {
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-    var sealFromCookies, jwt, publicKey, _yield$jwtVerify, payload, session;
+    var sealFromCookies, compressedJwt, jwt, publicKey, _yield$jwtVerify, payload, session;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -1330,16 +1346,21 @@ function getSession(req) {
             });
 
           case 6:
-            jwt = _context.sent;
+            compressedJwt = _context.sent;
             _context.next = 9;
-            return fronteggConfig.getJwtPublicKey();
+            return uncompress(compressedJwt);
 
           case 9:
-            publicKey = _context.sent;
+            jwt = _context.sent;
             _context.next = 12;
-            return jwtVerify(jwt, publicKey);
+            return fronteggConfig.getJwtPublicKey();
 
           case 12:
+            publicKey = _context.sent;
+            _context.next = 15;
+            return jwtVerify(jwt, publicKey);
+
+          case 15:
             _yield$jwtVerify = _context.sent;
             payload = _yield$jwtVerify.payload;
             session = {
@@ -1348,27 +1369,27 @@ function getSession(req) {
             };
 
             if (!(session.user.exp * 1000 < Date.now())) {
-              _context.next = 17;
+              _context.next = 20;
               break;
             }
 
             return _context.abrupt("return", undefined);
 
-          case 17:
+          case 20:
             return _context.abrupt("return", session);
 
-          case 20:
-            _context.prev = 20;
+          case 23:
+            _context.prev = 23;
             _context.t0 = _context["catch"](0);
             console.error(_context.t0);
             return _context.abrupt("return", undefined);
 
-          case 24:
+          case 27:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 20]]);
+    }, _callee, null, [[0, 23]]);
   }));
 }
 function withSSRSession(handler) {
@@ -1376,7 +1397,7 @@ function withSSRSession(handler) {
 
   return function (context) {
     return __awaiter(_this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-      var _a, session;
+      var _a, _b, session, loginUrl;
 
       return regenerator.wrap(function _callee2$(_context2) {
         while (1) {
@@ -1396,15 +1417,21 @@ function withSSRSession(handler) {
               return _context2.abrupt("return", handler(context, session));
 
             case 7:
+              loginUrl = (_a = fronteggConfig.authRoutes.loginUrl) !== null && _a !== void 0 ? _a : authInitialState.routes.loginUrl;
+
+              if (!loginUrl.startsWith('/')) {
+                loginUrl = "/".concat(loginUrl);
+              }
+
               return _context2.abrupt("return", {
                 redirect: {
                   permanent: false,
-                  destination: "/".concat((_a = fronteggConfig.authRoutes.loginUrl) !== null && _a !== void 0 ? _a : authInitialState.routes.loginUrl, "?redirectUrl=").concat(encodeURIComponent(context.req.url))
+                  destination: "".concat(loginUrl, "?redirectUrl=").concat(encodeURIComponent((_b = context.resolvedUrl) !== null && _b !== void 0 ? _b : context.req.url))
                 },
                 props: {}
               });
 
-            case 8:
+            case 10:
             case "end":
               return _context2.stop();
           }
@@ -1621,11 +1648,33 @@ function removeCookies(cookieName, isSecured, cookieDomain, res) {
 
   res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
 }
+function compress(input) {
+  return new Promise(function (resolve, reject) {
+    zlib.brotliCompress(input, function (error, result) {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result.toString('base64'));
+      }
+    });
+  });
+}
+function uncompress(input) {
+  return new Promise(function (resolve, reject) {
+    zlib.brotliDecompress(Buffer.from(input, 'base64'), function (error, result) {
+      if (error) {
+        reject(error);
+      } else {
+        resolve(result.toString('utf-8'));
+      }
+    });
+  });
+}
 function createSessionFromAccessToken(output) {
   var _a;
 
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
-    var data, accessToken, decodedJwt, session;
+    var data, accessToken, decodedJwt, compressedAccessToken, session;
     return regenerator.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
@@ -1636,26 +1685,31 @@ function createSessionFromAccessToken(output) {
             decodedJwt = decodeJwt(accessToken);
             decodedJwt.expiresIn = Math.floor((decodedJwt.exp * 1000 - Date.now()) / 1000);
             _context2.next = 7;
-            return sealData(accessToken, {
+            return compress(accessToken);
+
+          case 7:
+            compressedAccessToken = _context2.sent;
+            _context2.next = 10;
+            return sealData(compressedAccessToken, {
               password: fronteggConfig.passwordsAsMap,
               ttl: decodedJwt.exp
             });
 
-          case 7:
+          case 10:
             session = _context2.sent;
             return _context2.abrupt("return", [session, decodedJwt]);
 
-          case 11:
-            _context2.prev = 11;
+          case 14:
+            _context2.prev = 14;
             _context2.t0 = _context2["catch"](0);
             return _context2.abrupt("return", []);
 
-          case 14:
+          case 17:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee2, null, [[0, 11]]);
+    }, _callee2, null, [[0, 14]]);
   }));
 }
 var modifySetCookieIfUnsecure = function modifySetCookieIfUnsecure(setCookieValue, isSecured) {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@frontegg/nextjs",
-  "version": "5.4.0",
+  "version": "5.5.0-alpha.2630278530",
   "dependencies": {
-    "@frontegg/admin-portal": "5.54.2",
-    "@frontegg/react-hooks": "5.54.2",
+    "@frontegg/admin-portal": "5.64.1",
+    "@frontegg/react-hooks": "5.64.1",
     "jose": "^4.8.0",
     "iron-session": "^6.1.2",
     "http-proxy": "^1.18.1",
@@ -16,4 +16,4 @@
   "main": "./index.cjs.js",
   "module": "./index.esm.js",
   "typings": "./index.d.ts"
-}
+}

package/withFronteggApp.d.ts

@@ -1,8 +1,10 @@
-import type { AppInitialProps, AppType } from 'next/dist/shared/lib/utils';
-import { AppContextType, AppPropsType, NextComponentType } from 'next/dist/shared/lib/utils';
+import type { AppProps, AppInitialProps } from 'next/app';
+import type { AppType, AppContextType, AppPropsType, NextComponentType } from 'next/dist/shared/lib/utils';
 import { FronteggNextJSSession } from './types';
 import { FronteggAppOptions } from '@frontegg/types';
-export declare const withFronteggApp: (app: AppType, options?: (Omit<FronteggAppOptions, "contextOptions"> & {
+export declare const withFronteggApp: (app: ((props: AppProps) => JSX.Element) & {
+    getInitialProps?: AppType['getInitialProps'];
+}, options?: (Omit<FronteggAppOptions, "contextOptions"> & {
     contextOptions?: import("@frontegg/types/ContextOptions").ContextOptions | undefined;
 }) | undefined) => NextComponentType<AppContextType & {
     session: FronteggNextJSSession | null;