@newskit-render/auth 0.0.0-014af081

package/README.md

@@ -0,0 +1,157 @@
+# @newskit-render/auth
+
+A package for the authentication of protected pages in your Next.js application. We are currently supporting Okta as a provider but there are also other options for authentication. You can see example usage with a preview article here: [@newskit-render/core](https://www.npmjs.com/package/@newskit-render/core)
+
+## Getting started
+
+Before starting, either locally or on deployed enviroments, you will need the following in your `.env.local` file / CircleCi Config:
+
+- **OKTA_CLIENT_ID** - client id for **OKTA** app
+- **OKTA_CLIENT_SECRET** - client secret for **OKTA** app
+- **OKTA_DOMAIN** - domain of **OKTA** app i.e `https://newscorp.okta.com`
+- **NEXTAUTH_URL** - domain of your app i.e on local `http://localhost:3000` or on some environment `https://newskit-render.prod.ceng.newsuk.tech`
+- **NEXTAUTH_SECRET** - A random string is used to hash tokens, sign/encrypt cookies and generate cryptographic keys. You can quickly create a good value on the command line via this openssl command. `openssl rand -base64 32`
+
+To get this information you need to raise a ticket with **ServiceDesk** for the attention of **IAM and Collaboration team**. You need to request they set up **OKTA** apps for each of your environments.
+
+**IMPORTANT** For each each environment the **OKTA** app's sign-in and sign-out urls need to be modified:
+
+local
+
+```
+sign-in - http://localhost:3000/api/auth/callback/okta
+sign-out - http://localhost:300
+```
+
+Other environment
+
+```
+sign-in - {your domain / NEXTAUTH_URL}/api/auth/callback/okta
+sign-out - {your domain / NEXTAUTH_URL}
+```
+
+The **IAM and Collaboration team** team need to set all this up. They also need to add you and anyone else you need as users on the apps. They will then send you the credentials `OKTA_CLIENT_ID, OKTA_CLIENT_SECRET, OKTA_DOMAIN`. With this you can test locally (`.env.local`) and once added to your CircleCi config on environments (Render is set up to pass the credentials so you just need to add them and then rebuild).
+
+Any issues contact the newskit-render team for help.
+
+### Add it as a dependency:
+
+```
+npm install @newskit-render/auth
+```
+
+or
+
+```
+yarn add @newskit-render/auth
+```
+
+### Add the provider
+
+In your main `_app.jsx/tsx`:
+
+```
+import { SessionProvider } from '@newskit-render/auth'
+
+```
+
+Wrap all the content and pass the pageProps as a prop to the provider:
+
+```
+<SessionProvider pageProps={pageProps}>{Content goes here...}</SessionProvider>
+```
+
+### Create authentication route
+
+Under your `/pages` folder create an `/api` folder and an `/auth` folder inside the latter. Inside the `/auth` folder create a file called `[...nextauth].ts`.
+The path should be as follows: `/pages/api/auth/[...nextauth].ts`
+
+Create the route and pass your Okta credentials:
+
+```
+import createAuthRoute from '@newskit-render/auth/providers'
+import { NextApiRequest, NextApiResponse } from 'next'
+
+const { OKTA_CLIENT_ID, OKTA_CLIENT_SECRET, OKTA_DOMAIN } = process.env
+
+export default (req: NextApiRequest, res: NextApiResponse) =>
+  createAuthRoute(req, res, {
+    clientId: OKTA_CLIENT_ID,
+    clientSecret: OKTA_CLIENT_SECRET,
+    issuer: OKTA_DOMAIN,
+  })
+
+```
+
+### Wrap your protected page with PageWithAuth component
+
+Import the following in your page component:
+
+```
+import { PageWithAuth, getSession, signIn, signOut } from '@newskit-render/auth'
+```
+
+Wrap all of your page component content with PageWithAuth. It will accept `onDenied` and `isLoading` props. You can use these to show content for the user when he is not authenticated or when the content is still loading.
+
+```
+<PageWithAuth onDenied={accessDeniedPage} isLoading={showOnLoading}></PageWithAuth>
+```
+
+You can call the signIn and signOut functions to initiate or terminate the authentication for the user. When using singIn set the provider so you don't have an extra login page signIn('okta').
+
+The last step is to get the session using the getSession hook.
+Add the hook under the `getServerSideProps` function and then include the result as a prop inside the props that will be returned.
+
+```
+export async function getServerSideProps(context) {
+  const session = await getSession(context)
+
+  return {
+    props: {
+      ...some props
+      session,
+    },
+  }
+}
+```
+
+You can add some additional logic here if you want to prevent unnecessary requests or any other logic execution if the user is not authenticated:
+
+```
+export async function getServerSideProps(context) {
+  const session = await getSession(context)
+
+  if (!session) {
+    return {
+      props: {},
+    }
+  }
+
+  const { data } = await apolloClient.query({
+    query: GET_DATA,
+  })
+
+  return {
+    props: {
+      data: data,
+      session,
+    },
+  }
+}
+```
+
+signOut should really be dealt with by your CMS but for testing purposes you will want a sign out button. We have added a CookieView component to the the package that only shows children if you set a cookie with the following:
+
+```
+document.cookie = `nextAuthShowLogOut=true; Path=/`; location.reload();
+```
+
+You can change the cookie name if you want.
+
+For the full page example see [preview page](https://github.com/newscorp-ghfb/ncu-newskit-render/blob/master/packages/core/pages/preview/%5BarticleId%5D/version/%5BversionId%5D/index.tsx)
+
+## Preview Pages
+
+To see Preview pages uses the following pattern:
+
+`{site-domain}/preview/{article-id}/version/{version-id}`

package/dist/cjs/__tests__/CookieView.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/__tests__/CookieView.js

@@ -0,0 +1,44 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_dom_1 = require("react-dom");
+var CookieView_1 = require("../client/CookieView");
+describe('CookieView', function () {
+    var container;
+    beforeEach(function () {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    });
+    afterEach(function () {
+        (0, react_dom_1.unmountComponentAtNode)(container);
+        container.remove();
+        container = { textContent: '' };
+    });
+    test('Not visible, no cookie set', function () {
+        (0, react_dom_1.render)(react_1.default.createElement(CookieView_1.CookieView, null,
+            react_1.default.createElement("div", null, "Not visible")), container);
+        expect(container.textContent).toBe('');
+    });
+    test('Not visible, cookie set set to false', function () {
+        Object.defineProperty(document, 'cookie', {
+            writable: true,
+            value: 'nextAuthShowLogOut=false',
+        });
+        (0, react_dom_1.render)(react_1.default.createElement(CookieView_1.CookieView, null,
+            react_1.default.createElement("div", null, "visible")), container);
+        expect(container.textContent).toBe('');
+    });
+    test('Visible, cookie set set to true', function () {
+        Object.defineProperty(document, 'cookie', {
+            writable: true,
+            value: 'nextAuthShowLogOut=true',
+        });
+        (0, react_dom_1.render)(react_1.default.createElement(CookieView_1.CookieView, null,
+            react_1.default.createElement("div", null, "visible")), container);
+        expect(container.textContent).toBe('visible');
+    });
+});
+//# sourceMappingURL=CookieView.js.map

package/dist/cjs/__tests__/CookieView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieView.js","sourceRoot":"","sources":["../../../src/__tests__/CookieView.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,uCAA0D;AAC1D,mDAAiD;AAEjD,QAAQ,CAAC,YAAY,EAAE;IACrB,IAAI,SAAS,CAAA;IACb,UAAU,CAAC;QACT,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,IAAA,kCAAsB,EAAC,SAAS,CAAC,CAAA;QACjC,SAAS,CAAC,MAAM,EAAE,CAAA;QAClB,SAAS,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE;QACjC,IAAA,kBAAM,EACJ,8BAAC,uBAAU;YACT,yDAAsB,CACX,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE;QAC3C,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE;YACxC,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,0BAA0B;SAClC,CAAC,CAAA;QACF,IAAA,kBAAM,EACJ,8BAAC,uBAAU;YACT,qDAAkB,CACP,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE;QACtC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE;YACxC,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,yBAAyB;SACjC,CAAC,CAAA;QACF,IAAA,kBAAM,EACJ,8BAAC,uBAAU;YACT,qDAAkB,CACP,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/cjs/client/CookieView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CookieView: ({ cookieName, children, }: {
+    cookieName?: string | undefined;
+    children: JSX.Element;
+}) => JSX.Element | null;

package/dist/cjs/client/CookieView.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CookieView = void 0;
+var cookie_1 = __importDefault(require("cookie"));
+var CookieView = function (_a) {
+    var _b = _a.cookieName, cookieName = _b === void 0 ? 'nextAuthShowLogOut' : _b, children = _a.children;
+    return typeof document !== 'undefined'
+        ? cookie_1.default.parse(document.cookie)[cookieName] === 'true'
+            ? children
+            : null
+        : null;
+};
+exports.CookieView = CookieView;
+//# sourceMappingURL=CookieView.js.map

package/dist/cjs/client/CookieView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieView.js","sourceRoot":"","sources":["../../../src/client/CookieView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA2B;AACpB,IAAM,UAAU,GAAG,UAAC,EAM1B;QALC,kBAAiC,EAAjC,UAAU,mBAAG,oBAAoB,KAAA,EACjC,QAAQ,cAAA;IAKR,OAAA,OAAO,QAAQ,KAAK,WAAW;QAC7B,CAAC,CAAC,gBAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,KAAK,MAAM;YACpD,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI;QACR,CAAC,CAAC,IAAI;AAJR,CAIQ,CAAA;AAXG,QAAA,UAAU,cAWb"}

package/dist/cjs/client/PageWithAuth.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PageWithAuth: ({ children, isLoading, onDenied, }: {
+    children: JSX.Element;
+    isLoading: JSX.Element;
+    onDenied: JSX.Element;
+}) => JSX.Element;

package/dist/cjs/client/PageWithAuth.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageWithAuth = void 0;
+var react_1 = require("next-auth/react");
+var PageWithAuth = function (_a) {
+    var children = _a.children, isLoading = _a.isLoading, onDenied = _a.onDenied;
+    var _b = (0, react_1.useSession)(), session = _b.data, status = _b.status;
+    if (status === 'loading')
+        return isLoading;
+    if (!session && status === 'unauthenticated') {
+        return onDenied;
+    }
+    else {
+        return children;
+    }
+};
+exports.PageWithAuth = PageWithAuth;
+//# sourceMappingURL=PageWithAuth.js.map

package/dist/cjs/client/PageWithAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageWithAuth.js","sourceRoot":"","sources":["../../../src/client/PageWithAuth.tsx"],"names":[],"mappings":";;;AAAA,yCAA4C;AAErC,IAAM,YAAY,GAAG,UAAC,EAQ5B;QAPC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAMF,IAAA,KAA4B,IAAA,kBAAU,GAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAA;IAE9C,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAE1C,IAAI,CAAC,OAAO,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAC5C,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,QAAQ,CAAA;KAChB;AACH,CAAC,CAAA;AAlBY,QAAA,YAAY,gBAkBxB"}

package/dist/cjs/client/SessionProvider.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Session } from 'next-auth';
+export declare const SessionProvider: ({ pageProps, children, }: {
+    pageProps: {
+        session: Session;
+    } & {
+        [key: string]: unknown;
+    };
+    children: JSX.Element;
+}) => JSX.Element;

package/dist/cjs/client/SessionProvider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionProvider = void 0;
+var react_1 = require("react");
+var react_2 = require("next-auth/react");
+var SessionProvider = function (_a) {
+    var pageProps = _a.pageProps, children = _a.children;
+    return (0, react_1.createElement)(react_2.SessionProvider, { session: pageProps.session, children: children }, children);
+};
+exports.SessionProvider = SessionProvider;
+//# sourceMappingURL=SessionProvider.js.map

package/dist/cjs/client/SessionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionProvider.js","sourceRoot":"","sources":["../../../src/client/SessionProvider.tsx"],"names":[],"mappings":";;;AAAA,+BAAqC;AAErC,yCAA6D;AAEtD,IAAM,eAAe,GAAG,UAAC,EAM/B;QALC,SAAS,eAAA,EACT,QAAQ,cAAA;IAKR,OAAO,IAAA,qBAAa,EAClB,uBAAQ,EACR,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAClD,QAAQ,CACT,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,eAAe,mBAY3B"}

package/dist/cjs/client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PageWithAuth';
+export * from './CookieView';
+export * from './SessionProvider';

package/dist/cjs/client/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageWithAuth"), exports);
+__exportStar(require("./CookieView"), exports);
+__exportStar(require("./SessionProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B;AAC9B,+CAA4B;AAC5B,oDAAiC"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export { getSession, signIn, signOut } from 'next-auth/react';
+export * from './client';

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.signOut = exports.signIn = exports.getSession = void 0;
+var react_1 = require("next-auth/react");
+Object.defineProperty(exports, "getSession", { enumerable: true, get: function () { return react_1.getSession; } });
+Object.defineProperty(exports, "signIn", { enumerable: true, get: function () { return react_1.signIn; } });
+Object.defineProperty(exports, "signOut", { enumerable: true, get: function () { return react_1.signOut; } });
+__exportStar(require("./client"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yCAA6D;AAApD,mGAAA,UAAU,OAAA;AAAE,+FAAA,MAAM,OAAA;AAAE,gGAAA,OAAO,OAAA;AAEpC,2CAAwB"}

package/dist/cjs/providers/index.d.ts

@@ -0,0 +1,7 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+declare const createAuthRoute: (req: NextApiRequest, res: NextApiResponse, providerOptions: {
+    clientId: string;
+    clientSecret: string;
+    issuer: string;
+}) => Promise<void>;
+export default createAuthRoute;

package/dist/cjs/providers/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var next_auth_1 = __importDefault(require("next-auth"));
+var okta_1 = __importDefault(require("next-auth/providers/okta"));
+var createAuthRoute = function (req, res, providerOptions) {
+    var options = {
+        providers: [(0, okta_1.default)(providerOptions)],
+    };
+    return (0, next_auth_1.default)(req, res, options);
+};
+exports.default = createAuthRoute;
+//# sourceMappingURL=index.js.map

package/dist/cjs/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":";;;;;AAAA,wDAAgC;AAEhC,kEAAmD;AACnD,IAAM,eAAe,GAAG,UACtB,GAAmB,EACnB,GAAoB,EACpB,eAIC;IAED,IAAM,OAAO,GAAG;QACd,SAAS,EAAE,CAAC,IAAA,cAAY,EAAC,eAAe,CAAC,CAAC;KAC3C,CAAA;IAED,OAAO,IAAA,mBAAQ,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/dist/esm/__tests__/CookieView.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests__/CookieView.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { render, unmountComponentAtNode } from 'react-dom';
+import { CookieView } from '../client/CookieView';
+describe('CookieView', function () {
+    var container;
+    beforeEach(function () {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    });
+    afterEach(function () {
+        unmountComponentAtNode(container);
+        container.remove();
+        container = { textContent: '' };
+    });
+    test('Not visible, no cookie set', function () {
+        render(React.createElement(CookieView, null,
+            React.createElement("div", null, "Not visible")), container);
+        expect(container.textContent).toBe('');
+    });
+    test('Not visible, cookie set set to false', function () {
+        Object.defineProperty(document, 'cookie', {
+            writable: true,
+            value: 'nextAuthShowLogOut=false',
+        });
+        render(React.createElement(CookieView, null,
+            React.createElement("div", null, "visible")), container);
+        expect(container.textContent).toBe('');
+    });
+    test('Visible, cookie set set to true', function () {
+        Object.defineProperty(document, 'cookie', {
+            writable: true,
+            value: 'nextAuthShowLogOut=true',
+        });
+        render(React.createElement(CookieView, null,
+            React.createElement("div", null, "visible")), container);
+        expect(container.textContent).toBe('visible');
+    });
+});
+//# sourceMappingURL=CookieView.js.map

package/dist/esm/__tests__/CookieView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieView.js","sourceRoot":"","sources":["../../../src/__tests__/CookieView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD,QAAQ,CAAC,YAAY,EAAE;IACrB,IAAI,SAAS,CAAA;IACb,UAAU,CAAC;QACT,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC;QACR,sBAAsB,CAAC,SAAS,CAAC,CAAA;QACjC,SAAS,CAAC,MAAM,EAAE,CAAA;QAClB,SAAS,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE;QACjC,MAAM,CACJ,oBAAC,UAAU;YACT,+CAAsB,CACX,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,sCAAsC,EAAE;QAC3C,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE;YACxC,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,0BAA0B;SAClC,CAAC,CAAA;QACF,MAAM,CACJ,oBAAC,UAAU;YACT,2CAAkB,CACP,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE;QACtC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE;YACxC,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,yBAAyB;SACjC,CAAC,CAAA;QACF,MAAM,CACJ,oBAAC,UAAU;YACT,2CAAkB,CACP,EACb,SAAS,CACV,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/esm/client/CookieView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CookieView: ({ cookieName, children, }: {
+    cookieName?: string | undefined;
+    children: JSX.Element;
+}) => JSX.Element | null;

package/dist/esm/client/CookieView.js

@@ -0,0 +1,10 @@
+import cookie from 'cookie';
+export var CookieView = function (_a) {
+    var _b = _a.cookieName, cookieName = _b === void 0 ? 'nextAuthShowLogOut' : _b, children = _a.children;
+    return typeof document !== 'undefined'
+        ? cookie.parse(document.cookie)[cookieName] === 'true'
+            ? children
+            : null
+        : null;
+};
+//# sourceMappingURL=CookieView.js.map

package/dist/esm/client/CookieView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CookieView.js","sourceRoot":"","sources":["../../../src/client/CookieView.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,QAAQ,CAAA;AAC3B,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAM1B;QALC,kBAAiC,EAAjC,UAAU,mBAAG,oBAAoB,KAAA,EACjC,QAAQ,cAAA;IAKR,OAAA,OAAO,QAAQ,KAAK,WAAW;QAC7B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,KAAK,MAAM;YACpD,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI;QACR,CAAC,CAAC,IAAI;AAJR,CAIQ,CAAA"}

package/dist/esm/client/PageWithAuth.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PageWithAuth: ({ children, isLoading, onDenied, }: {
+    children: JSX.Element;
+    isLoading: JSX.Element;
+    onDenied: JSX.Element;
+}) => JSX.Element;

package/dist/esm/client/PageWithAuth.js

@@ -0,0 +1,14 @@
+import { useSession } from 'next-auth/react';
+export var PageWithAuth = function (_a) {
+    var children = _a.children, isLoading = _a.isLoading, onDenied = _a.onDenied;
+    var _b = useSession(), session = _b.data, status = _b.status;
+    if (status === 'loading')
+        return isLoading;
+    if (!session && status === 'unauthenticated') {
+        return onDenied;
+    }
+    else {
+        return children;
+    }
+};
+//# sourceMappingURL=PageWithAuth.js.map

package/dist/esm/client/PageWithAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageWithAuth.js","sourceRoot":"","sources":["../../../src/client/PageWithAuth.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAQ5B;QAPC,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA;IAMF,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAA;IAE9C,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAA;IAE1C,IAAI,CAAC,OAAO,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAC5C,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,QAAQ,CAAA;KAChB;AACH,CAAC,CAAA"}

package/dist/esm/client/SessionProvider.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Session } from 'next-auth';
+export declare const SessionProvider: ({ pageProps, children, }: {
+    pageProps: {
+        session: Session;
+    } & {
+        [key: string]: unknown;
+    };
+    children: JSX.Element;
+}) => JSX.Element;

package/dist/esm/client/SessionProvider.js

@@ -0,0 +1,7 @@
+import { createElement } from 'react';
+import { SessionProvider as Provider } from 'next-auth/react';
+export var SessionProvider = function (_a) {
+    var pageProps = _a.pageProps, children = _a.children;
+    return createElement(Provider, { session: pageProps.session, children: children }, children);
+};
+//# sourceMappingURL=SessionProvider.js.map

package/dist/esm/client/SessionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionProvider.js","sourceRoot":"","sources":["../../../src/client/SessionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE7D,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAM/B;QALC,SAAS,eAAA,EACT,QAAQ,cAAA;IAKR,OAAO,aAAa,CAClB,QAAQ,EACR,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAClD,QAAQ,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PageWithAuth';
+export * from './CookieView';
+export * from './SessionProvider';

package/dist/esm/client/index.js

@@ -0,0 +1,4 @@
+export * from './PageWithAuth';
+export * from './CookieView';
+export * from './SessionProvider';
+//# sourceMappingURL=index.js.map

package/dist/esm/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA"}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export { getSession, signIn, signOut } from 'next-auth/react';
+export * from './client';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { getSession, signIn, signOut } from 'next-auth/react';
+export * from './client';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAE7D,cAAc,UAAU,CAAA"}

package/dist/esm/providers/index.d.ts

@@ -0,0 +1,7 @@
+import { NextApiRequest, NextApiResponse } from 'next';
+declare const createAuthRoute: (req: NextApiRequest, res: NextApiResponse, providerOptions: {
+    clientId: string;
+    clientSecret: string;
+    issuer: string;
+}) => Promise<void>;
+export default createAuthRoute;

package/dist/esm/providers/index.js

@@ -0,0 +1,10 @@
+import NextAuth from 'next-auth';
+import OktaProvider from 'next-auth/providers/okta';
+var createAuthRoute = function (req, res, providerOptions) {
+    var options = {
+        providers: [OktaProvider(providerOptions)],
+    };
+    return NextAuth(req, res, options);
+};
+export default createAuthRoute;
+//# sourceMappingURL=index.js.map

package/dist/esm/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAA;AAEhC,OAAO,YAAY,MAAM,0BAA0B,CAAA;AACnD,IAAM,eAAe,GAAG,UACtB,GAAmB,EACnB,GAAoB,EACpB,eAIC;IAED,IAAM,OAAO,GAAG;QACd,SAAS,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;KAC3C,CAAA;IAED,OAAO,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@newskit-render/auth",
+  "version": "0.0.0-014af081",
+  "description": "Newskit Render",
+  "author": "",
+  "license": "UNLICENSED",
+  "keywords": [],
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "engines": {
+    "node": ">=16.13"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -b tsconfig.build.json && tsc -p tsconfig.build.json --module CommonJS --outDir './dist/cjs'",
+    "build:watch": "tsc -b tsconfig.build.json -w",
+    "test:unit": "jest --coverage --verbose",
+    "test:unit:watch": "jest --watch",
+    "test:unit:ci": "JEST_JUNIT_OUTPUT_NAME=create-render-app.xml jest --ci --coverage --reporters=default --reporters=jest-junit",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx . --color",
+    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx . --color --fix && prettier --write './**/*.{js,jsx,ts,tsx,json}'",
+    "clean": "rm -rf node_modules & rm -f package-lock.json & rm -f yarn.lock"
+  },
+  "dependencies": {
+    "cookie": "0.5.0",
+    "next-auth": "4.22.3"
+  },
+  "devDependencies": {
+    "@babel/polyfill": "7.12.1",
+    "@babel/register": "7.18.9",
+    "@types/cookie": "^0.5.1",
+    "@types/jest": "29.5.5",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "@typescript-eslint/eslint-plugin": "5.51.0",
+    "@typescript-eslint/parser": "5.51.0",
+    "eslint": "8.34.0",
+    "eslint-config-prettier": "8.6.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "7.31.11",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-junit": "15.0.0",
+    "next": "13.4.9",
+    "preact": "10.6.4",
+    "prettier": "2.8.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "ts-jest": "29.1.1",
+    "typescript": "4.9.4"
+  },
+  "peerDependencies": {
+    "next": ">= 12.1.0 <= 13.4.9",
+    "react": ">= 17.0.2 <= 18.2.0",
+    "react-dom": ">= 17.0.2 <= 18.2.0"
+  },
+  "resolutions": {
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10"
+  },
+  "files": [
+    "dist",
+    "providers.js",
+    "index.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/providers.js

@@ -0,0 +1,2 @@
+// file is related to server side
+module.exports = require('./dist/cjs/providers').default