Add auth link components

index.d.ts

@@ -1,12 +1,13 @@
-import { ReactElement } from "react";
+import {ReactElement} from 'react';
 
 export declare function useKindeAuth(): State;
 
 export declare function KindeProvider({
-  children,
+  children
 }: {
   children: any;
 }): ReactElement<State>;
+
 export declare function handleAuth(): any;
 
 export type User = {
@@ -29,9 +30,9 @@ export type KindePermission = {
   orgCode: string;
 };
 
-export type KindeFlagTypeCode = "b" | "i" | "s";
+export type KindeFlagTypeCode = 'b' | 'i' | 's';
 
-export type KindeFlagTypeValue = "boolean" | "integer" | "string";
+export type KindeFlagTypeValue = 'boolean' | 'integer' | 'string';
 
 export type KindeFlag = {
   code: string;

server/index.d.ts

@@ -1,5 +1,14 @@
+import {ReactElement, LinkHTMLAttributes} from 'react';
 import {NextRequest} from 'next/server';
 
+export declare function RegisterLink(props): ReactElement<LinkHTMLAttributes>;
+
+export declare function LoginLink(props): ReactElement<LinkHTMLAttributes>;
+
+export declare function CreateOrgLink(props): ReactElement<LinkHTMLAttributes>;
+
+export declare function LogoutLink(props): ReactElement<LinkHTMLAttributes>;
+
 export type KindeUser = {
   given_name: string | null;
   id: string | null;

src/components/CreateOrgLink.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function CreateOrgLink({children, orgName, ...props}) {
+  return (
+    <a
+      href={`/api/auth/create_org${orgName ? `?org_name=${orgName}` : ''}`}
+      {...props}
+    >
+      {children}
+    </a>
+  );
+}

src/components/LoginLink.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function LoginLink({children, orgCode, ...props}) {
+  return (
+    <a
+      href={`/api/auth/login${orgCode ? `?org_code=${orgCode}` : ''}`}
+      {...props}
+    >
+      {children}
+    </a>
+  );
+}

src/components/LogoutLink.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function LogoutLink({children, ...props}) {
+  return (
+    <a href="/api/auth/logout" {...props}>
+      {children}
+    </a>
+  );
+}

src/components/RegisterLink.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export function RegisterLink({children, orgCode, ...props}) {
+  return (
+    <a
+      href={`/api/auth/register${orgCode ? `?org_code=${orgCode}` : ''}`}
+      {...props}
+    >
+      {children}
+    </a>
+  );
+}

src/handlers/appRouter/register.js

@@ -2,11 +2,9 @@ import {prepareForRedirect} from '../../utils/appRouter/prepareForRedirect';
 import {redirect} from 'next/navigation';
 
 export const register = async (request) => {
-  const org_name = request.nextUrl.searchParams.get('org_name');
   const org_code = request.nextUrl.searchParams.get('org_code');
-  const is_create_org = request.nextUrl.searchParams.get('is_create_org');
 
-  const options = {org_name, org_code, is_create_org};
+  const options = {org_code};
 
   const authUrl = prepareForRedirect(options, 'register');
 

src/server/index.js

@@ -6,3 +6,8 @@ export const getKindeServerSession = () => {
 };
 
 export {authMiddleware} from '../authMiddleware/authMiddleware';
+
+export {RegisterLink} from '../components/RegisterLink';
+export {LoginLink} from '../components/LoginLink';
+export {LogoutLink} from '../components/LogoutLink';
+export {CreateOrgLink} from '../components/CreateOrgLink';