@frontegg/nextjs 6.7.3-alpha.3385017971 → 6.7.3-alpha.3410340896

package/README.md

@@ -1,7 +1,256 @@
-# nextjs
+![alt text](https://github.com/frontegg/frontegg-nextjs/blob/master/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)
+  - [Using Vercel platform with custom domain](#using-vercel-platform-with-custom-domain)
+- [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)
+  - [Next.js middlewares usage](#nextjs-middlewares-usage)
+  - 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" --example-path "apps/example" my-nextjs-app-name
+```
+
+or
+
+```bash
+  yarn create next-app --example "https://github.com/frontegg/frontegg-nextjs" --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';
+   ```
+
+### Using Vercel platform with custom domain
+
+  1. Visit `https://vercel.com/[ACCOUNT_ID]/[PROJECT_ID]/settings/environment-variables`
+  2. Add `FRONTEGG_APP_URL` environment variable for each Vercel Environment
+  ![vercel-settings-pages](https://github.com/frontegg/frontegg-nextjs/blob/master/vercel-environment.png)
+ 
+
+## 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 } };
+  }
+);
+```
+
+## Next.js middlewares usage
+
+To prevent access unauthenticated user to all routes, use [Next.js middlewares](https://nextjs.org/docs/advanced-features/middleware).
+
+**Note: If you were using Middleware prior to 12.2, please see the [upgrade guide](https://nextjs.org/docs/messages/middleware-upgrade-guide).**
+
+```ts
+// /middleware.ts
+import { NextResponse } from "next/server";
+import type { NextRequest } from "next/server";
+import { getSession } from '@frontegg/nextjs';
+
+export const middleware = async (request: NextRequest) => {
+  const session = await getSession(request);
+
+  console.log("middleware session", session);
+  
+  if(!session){
+    // redirect unauthenticated user to /account/login page
+    return NextResponse.redirect(new URL('/account/login', req.url))
+  }
+  
+  return NextResponse.next();
+};
+
+export const config = {
+  matcher: "/(.*)",
+};
+```

package/helpers.d.ts

@@ -1,11 +1,24 @@
 /// <reference types="node" />
 import { ServerResponse } from 'http';
+import { CookieSerializeOptions } from 'cookie';
 import { NextPageContext } from 'next/dist/shared/lib/utils';
 import { FronteggNextJSSession } from './types';
 export declare function refreshToken(ctx: NextPageContext): Promise<FronteggNextJSSession | null>;
-export declare function addToCookies(cookieValue: string, res: ServerResponse): void;
+declare type CreateCookieArguments = {
+    cookieName?: string;
+    session: string;
+    expires: CookieSerializeOptions['expires'];
+    isSecured: CookieSerializeOptions['secure'];
+    cookieDomain?: CookieSerializeOptions['domain'];
+    httpOnly?: CookieSerializeOptions['httpOnly'];
+    path?: CookieSerializeOptions['path'];
+};
+export declare function createCookie({ cookieName, session, expires, isSecured, cookieDomain, httpOnly, path }: CreateCookieArguments): string[];
+export declare function parseCookie(cookieStr: string): string | undefined;
+export declare function addToCookies(newCookies: 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;
+export {};

package/index.cjs.js

@@ -1375,7 +1375,7 @@ function getSession(req) {
           case 0:
             _context.prev = 0;
             cookieStr = "credentials" in req ? req.headers.get("cookie") || "" : req.headers.cookie || "";
-            sealFromCookies = cookie__default["default"].parse(cookieStr)[fronteggConfig.cookieName];
+            sealFromCookies = parseCookie(cookieStr);
 
             if (sealFromCookies) {
               _context.next = 5;
@@ -1519,7 +1519,7 @@ function refreshToken(ctx) {
   var _a;
 
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-    var request, session, headers, cookies, refreshTokenKey, cookieKey, response, data, rewriteCookieDomainConfig, cookieHeader, newSetCookie, _yield$createSessionF, _yield$createSessionF2, _session, decodedJwt, isSecured, cookieValue;
+    var request, session, headers, cookies, refreshTokenKey, cookieKey, response, _newSetCookie, data, rewriteCookieDomainConfig, cookieHeader, newSetCookie, _yield$createSessionF, _yield$createSessionF2, _session, decodedJwt, isSecured, cookieValue;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -1567,7 +1567,7 @@ function refreshToken(ctx) {
             });
 
             if (!cookieKey) {
-              _context.next = 46;
+              _context.next = 45;
               break;
             }
 
@@ -1591,7 +1591,7 @@ function refreshToken(ctx) {
             response = _context.sent;
 
             if (!response.ok) {
-              _context.next = 46;
+              _context.next = 45;
               break;
             }
 
@@ -1622,48 +1622,112 @@ function refreshToken(ctx) {
 
           case 37:
             isSecured = new URL(fronteggConfig.appUrl).protocol === 'https:';
-            cookieValue = cookie__default["default"].serialize(fronteggConfig.cookieName, _session, {
+            cookieValue = createCookie({
+              session: _session,
               expires: new Date(decodedJwt.exp * 1000),
-              httpOnly: true,
-              domain: fronteggConfig.cookieDomain,
-              path: '/',
-              sameSite: isSecured ? 'none' : undefined,
-              secure: isSecured
+              isSecured: isSecured
             });
 
-            if (cookieValue.length > 4096) {
-              console.error("@frontegg/nextjs: Cookie length is too big ".concat(cookieValue.length, ", browsers will refuse it. Try to remove some data."));
-            }
-
             if (typeof newSetCookie === 'string') {
               newSetCookie = [newSetCookie];
             }
 
-            newSetCookie.push(cookieValue);
+            (_newSetCookie = newSetCookie).push.apply(_newSetCookie, _toConsumableArray(cookieValue));
+
             (_a = ctx.res) === null || _a === void 0 ? void 0 : _a.setHeader('set-cookie', newSetCookie);
             return _context.abrupt("return", {
               accessToken: JSON.parse(data).accessToken,
               user: decodedJwt
             });
 
-          case 46:
+          case 45:
             return _context.abrupt("return", null);
 
-          case 49:
-            _context.prev = 49;
+          case 48:
+            _context.prev = 48;
             _context.t1 = _context["catch"](0);
             console.log(_context.t1);
             return _context.abrupt("return", null);
 
-          case 53:
+          case 52:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 49], [4, 12]]);
+    }, _callee, null, [[0, 48], [4, 12]]);
   }));
 }
-function addToCookies(cookieValue, res) {
+var COOKIE_MAX_LENGTH = 4096;
+function createCookie(_ref) {
+  var _ref$cookieName = _ref.cookieName,
+      cookieName = _ref$cookieName === void 0 ? fronteggConfig.cookieName : _ref$cookieName,
+      session = _ref.session,
+      expires = _ref.expires,
+      isSecured = _ref.isSecured,
+      _ref$cookieDomain = _ref.cookieDomain,
+      cookieDomain = _ref$cookieDomain === void 0 ? fronteggConfig.cookieDomain : _ref$cookieDomain,
+      _ref$httpOnly = _ref.httpOnly,
+      httpOnly = _ref$httpOnly === void 0 ? true : _ref$httpOnly,
+      _ref$path = _ref.path,
+      path = _ref$path === void 0 ? '/' : _ref$path;
+  var options = {
+    expires: expires,
+    httpOnly: httpOnly,
+    domain: cookieDomain,
+    path: path,
+    sameSite: isSecured ? 'none' : undefined,
+    secure: isSecured
+  };
+  var cookieValue = cookie__default["default"].serialize(cookieName, session, options);
+
+  if (cookieValue.length < COOKIE_MAX_LENGTH) {
+    return [cookieValue];
+  }
+
+  return createSplitCookie(cookieName, session, options, cookieValue.length);
+}
+
+function createSplitCookie(cookieName, session, options, cookieLength) {
+  var numberOfCookies = Math.ceil(cookieLength / COOKIE_MAX_LENGTH);
+  var splitSession = chunkString(session, numberOfCookies);
+  var allCookies = [];
+
+  for (var i = 1; i <= numberOfCookies; i++) {
+    allCookies.push(cookie__default["default"].serialize("".concat(cookieName, "-").concat(i), splitSession[i - 1], options));
+  }
+
+  return allCookies;
+}
+
+function chunkString(str, numChunks) {
+  var chunkSize = Math.ceil(str.length / numChunks);
+  var chunks = [];
+
+  for (var i = 0; i < numChunks; i + chunkSize) {
+    var limit = i + chunkSize;
+    chunks.push(str.substring(i, limit < str.length ? limit : str.length));
+  }
+
+  return chunks;
+}
+
+function parseCookie(cookieStr) {
+  var sealFromCookies = '';
+
+  if (cookie__default["default"].parse(cookieStr)[fronteggConfig.cookieName]) {
+    sealFromCookies = cookie__default["default"].parse(cookieStr)[fronteggConfig.cookieName];
+  } else {
+    var i = 1;
+
+    while (cookie__default["default"].parse(cookieStr)["".concat(fronteggConfig.cookieName, "-").concat(i)]) {
+      sealFromCookies += cookie__default["default"].parse(cookieStr)["".concat(fronteggConfig.cookieName, "-").concat(i)];
+      i++;
+    }
+  }
+
+  return sealFromCookies !== '' ? sealFromCookies : undefined;
+}
+function addToCookies(newCookies, res) {
   var _a;
 
   var existingSetCookie = (_a = res.getHeader('set-cookie')) !== null && _a !== void 0 ? _a : [];
@@ -1672,18 +1736,17 @@ function addToCookies(cookieValue, res) {
     existingSetCookie = [existingSetCookie];
   }
 
-  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
+  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), _toConsumableArray(newCookies)));
 }
 function removeCookies(cookieName, isSecured, cookieDomain, res) {
   var _a;
 
-  var cookieValue = cookie__default["default"].serialize(cookieName, '', {
+  var cookieValue = createCookie({
+    cookieName: cookieName,
+    session: '',
     expires: new Date(),
-    httpOnly: true,
-    domain: cookieDomain,
-    path: '/',
-    sameSite: isSecured ? 'none' : undefined,
-    secure: isSecured
+    isSecured: isSecured,
+    cookieDomain: cookieDomain
   });
   var existingSetCookie = (_a = res.getHeader('set-cookie')) !== null && _a !== void 0 ? _a : [];
 
@@ -1691,7 +1754,7 @@ function removeCookies(cookieName, isSecured, cookieDomain, res) {
     existingSetCookie = [existingSetCookie];
   }
 
-  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
+  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), _toConsumableArray(cookieValue)));
 }
 function compress(input) {
   return new Promise(function (resolve, reject) {
@@ -2093,19 +2156,11 @@ function fronteggMiddleware(req, res) {
                   decodedJwt = _yield$createSessionF2[1];
 
                   if (session) {
-                    cookieValue = cookie__default["default"].serialize(fronteggConfig.cookieName, session, {
+                    cookieValue = createCookie({
+                      session: session,
                       expires: new Date(decodedJwt.exp * 1000),
-                      httpOnly: true,
-                      domain: fronteggConfig.cookieDomain,
-                      path: '/',
-                      sameSite: isSecured ? 'none' : undefined,
-                      secure: isSecured
+                      isSecured: isSecured
                     });
-
-                    if (cookieValue.length > 4096) {
-                      console.error("@frontegg/nextjs: Cookie length is too big ".concat(cookieValue.length, ", browsers will refuse it. Try to remove some data."));
-                    }
-
                     addToCookies(cookieValue, serverResponse);
                   }
 

package/index.esm.js

@@ -1349,7 +1349,7 @@ function getSession(req) {
           case 0:
             _context.prev = 0;
             cookieStr = "credentials" in req ? req.headers.get("cookie") || "" : req.headers.cookie || "";
-            sealFromCookies = cookie.parse(cookieStr)[fronteggConfig.cookieName];
+            sealFromCookies = parseCookie(cookieStr);
 
             if (sealFromCookies) {
               _context.next = 5;
@@ -1493,7 +1493,7 @@ function refreshToken(ctx) {
   var _a;
 
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-    var request, session, headers, cookies, refreshTokenKey, cookieKey, response, data, rewriteCookieDomainConfig, cookieHeader, newSetCookie, _yield$createSessionF, _yield$createSessionF2, _session, decodedJwt, isSecured, cookieValue;
+    var request, session, headers, cookies, refreshTokenKey, cookieKey, response, _newSetCookie, data, rewriteCookieDomainConfig, cookieHeader, newSetCookie, _yield$createSessionF, _yield$createSessionF2, _session, decodedJwt, isSecured, cookieValue;
 
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -1541,7 +1541,7 @@ function refreshToken(ctx) {
             });
 
             if (!cookieKey) {
-              _context.next = 46;
+              _context.next = 45;
               break;
             }
 
@@ -1565,7 +1565,7 @@ function refreshToken(ctx) {
             response = _context.sent;
 
             if (!response.ok) {
-              _context.next = 46;
+              _context.next = 45;
               break;
             }
 
@@ -1596,48 +1596,112 @@ function refreshToken(ctx) {
 
           case 37:
             isSecured = new URL(fronteggConfig.appUrl).protocol === 'https:';
-            cookieValue = cookie.serialize(fronteggConfig.cookieName, _session, {
+            cookieValue = createCookie({
+              session: _session,
               expires: new Date(decodedJwt.exp * 1000),
-              httpOnly: true,
-              domain: fronteggConfig.cookieDomain,
-              path: '/',
-              sameSite: isSecured ? 'none' : undefined,
-              secure: isSecured
+              isSecured: isSecured
             });
 
-            if (cookieValue.length > 4096) {
-              console.error("@frontegg/nextjs: Cookie length is too big ".concat(cookieValue.length, ", browsers will refuse it. Try to remove some data."));
-            }
-
             if (typeof newSetCookie === 'string') {
               newSetCookie = [newSetCookie];
             }
 
-            newSetCookie.push(cookieValue);
+            (_newSetCookie = newSetCookie).push.apply(_newSetCookie, _toConsumableArray(cookieValue));
+
             (_a = ctx.res) === null || _a === void 0 ? void 0 : _a.setHeader('set-cookie', newSetCookie);
             return _context.abrupt("return", {
               accessToken: JSON.parse(data).accessToken,
               user: decodedJwt
             });
 
-          case 46:
+          case 45:
             return _context.abrupt("return", null);
 
-          case 49:
-            _context.prev = 49;
+          case 48:
+            _context.prev = 48;
             _context.t1 = _context["catch"](0);
             console.log(_context.t1);
             return _context.abrupt("return", null);
 
-          case 53:
+          case 52:
           case "end":
             return _context.stop();
         }
       }
-    }, _callee, null, [[0, 49], [4, 12]]);
+    }, _callee, null, [[0, 48], [4, 12]]);
   }));
 }
-function addToCookies(cookieValue, res) {
+var COOKIE_MAX_LENGTH = 4096;
+function createCookie(_ref) {
+  var _ref$cookieName = _ref.cookieName,
+      cookieName = _ref$cookieName === void 0 ? fronteggConfig.cookieName : _ref$cookieName,
+      session = _ref.session,
+      expires = _ref.expires,
+      isSecured = _ref.isSecured,
+      _ref$cookieDomain = _ref.cookieDomain,
+      cookieDomain = _ref$cookieDomain === void 0 ? fronteggConfig.cookieDomain : _ref$cookieDomain,
+      _ref$httpOnly = _ref.httpOnly,
+      httpOnly = _ref$httpOnly === void 0 ? true : _ref$httpOnly,
+      _ref$path = _ref.path,
+      path = _ref$path === void 0 ? '/' : _ref$path;
+  var options = {
+    expires: expires,
+    httpOnly: httpOnly,
+    domain: cookieDomain,
+    path: path,
+    sameSite: isSecured ? 'none' : undefined,
+    secure: isSecured
+  };
+  var cookieValue = cookie.serialize(cookieName, session, options);
+
+  if (cookieValue.length < COOKIE_MAX_LENGTH) {
+    return [cookieValue];
+  }
+
+  return createSplitCookie(cookieName, session, options, cookieValue.length);
+}
+
+function createSplitCookie(cookieName, session, options, cookieLength) {
+  var numberOfCookies = Math.ceil(cookieLength / COOKIE_MAX_LENGTH);
+  var splitSession = chunkString(session, numberOfCookies);
+  var allCookies = [];
+
+  for (var i = 1; i <= numberOfCookies; i++) {
+    allCookies.push(cookie.serialize("".concat(cookieName, "-").concat(i), splitSession[i - 1], options));
+  }
+
+  return allCookies;
+}
+
+function chunkString(str, numChunks) {
+  var chunkSize = Math.ceil(str.length / numChunks);
+  var chunks = [];
+
+  for (var i = 0; i < numChunks; i + chunkSize) {
+    var limit = i + chunkSize;
+    chunks.push(str.substring(i, limit < str.length ? limit : str.length));
+  }
+
+  return chunks;
+}
+
+function parseCookie(cookieStr) {
+  var sealFromCookies = '';
+
+  if (cookie.parse(cookieStr)[fronteggConfig.cookieName]) {
+    sealFromCookies = cookie.parse(cookieStr)[fronteggConfig.cookieName];
+  } else {
+    var i = 1;
+
+    while (cookie.parse(cookieStr)["".concat(fronteggConfig.cookieName, "-").concat(i)]) {
+      sealFromCookies += cookie.parse(cookieStr)["".concat(fronteggConfig.cookieName, "-").concat(i)];
+      i++;
+    }
+  }
+
+  return sealFromCookies !== '' ? sealFromCookies : undefined;
+}
+function addToCookies(newCookies, res) {
   var _a;
 
   var existingSetCookie = (_a = res.getHeader('set-cookie')) !== null && _a !== void 0 ? _a : [];
@@ -1646,18 +1710,17 @@ function addToCookies(cookieValue, res) {
     existingSetCookie = [existingSetCookie];
   }
 
-  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
+  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), _toConsumableArray(newCookies)));
 }
 function removeCookies(cookieName, isSecured, cookieDomain, res) {
   var _a;
 
-  var cookieValue = cookie.serialize(cookieName, '', {
+  var cookieValue = createCookie({
+    cookieName: cookieName,
+    session: '',
     expires: new Date(),
-    httpOnly: true,
-    domain: cookieDomain,
-    path: '/',
-    sameSite: isSecured ? 'none' : undefined,
-    secure: isSecured
+    isSecured: isSecured,
+    cookieDomain: cookieDomain
   });
   var existingSetCookie = (_a = res.getHeader('set-cookie')) !== null && _a !== void 0 ? _a : [];
 
@@ -1665,7 +1728,7 @@ function removeCookies(cookieName, isSecured, cookieDomain, res) {
     existingSetCookie = [existingSetCookie];
   }
 
-  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), [cookieValue]));
+  res.setHeader('set-cookie', [].concat(_toConsumableArray(existingSetCookie), _toConsumableArray(cookieValue)));
 }
 function compress(input) {
   return new Promise(function (resolve, reject) {
@@ -2067,19 +2130,11 @@ function fronteggMiddleware(req, res) {
                   decodedJwt = _yield$createSessionF2[1];
 
                   if (session) {
-                    cookieValue = cookie.serialize(fronteggConfig.cookieName, session, {
+                    cookieValue = createCookie({
+                      session: session,
                       expires: new Date(decodedJwt.exp * 1000),
-                      httpOnly: true,
-                      domain: fronteggConfig.cookieDomain,
-                      path: '/',
-                      sameSite: isSecured ? 'none' : undefined,
-                      secure: isSecured
+                      isSecured: isSecured
                     });
-
-                    if (cookieValue.length > 4096) {
-                      console.error("@frontegg/nextjs: Cookie length is too big ".concat(cookieValue.length, ", browsers will refuse it. Try to remove some data."));
-                    }
-
                     addToCookies(cookieValue, serverResponse);
                   }
 

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@frontegg/nextjs",
-  "version": "6.7.3-alpha.3385017971",
+  "version": "6.7.3-alpha.3410340896",
   "dependencies": {
-    "@frontegg/js": "6.36.0-alpha.4",
-    "@frontegg/react-hooks": "6.36.0-alpha.4",
+    "@frontegg/js": "6.34.0",
+    "@frontegg/react-hooks": "6.34.0",
     "jose": "^4.8.0",
     "iron-session": "^6.2.1",
     "http-proxy": "^1.18.1",