@sqrzro/auth 2.0.0-r19.8 → 4.0.0-alpha.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
 
-> @sqrzro/auth@2.0.0-r19.7 build /Users/richard/Sites/sqrzro/packages/auth
-> tsc -p tsconfig.json
+> @sqrzro/auth@4.0.0-alpha.0 build /Users/richard/Sites/@sqrzro/sqrzro/packages/auth
+> tsc
 

package/.turbo/turbo-dev.log

@@ -0,0 +1,71 @@
+
+> @sqrzro/auth@2.0.0-r19.14 dev /Users/richard/Sites/@sqrzro/sqrzro/packages/auth
+> tsc --watch
+
+[10:06:07 AM] Starting compilation in watch mode...
+
+[10:06:11 AM] Found 0 errors. Watching for file changes.
+
+[10:06:14 AM] File change detected. Starting incremental compilation...
+
+src/components/LogoutButton/server.ts:3:31 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+3 import { deleteSession } from '@sqrzro/server/auth';
+                                ~~~~~~~~~~~~~~~~~~~~~
+
+src/components/Password/index.tsx:1:31 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+1 import { validateReset } from '@sqrzro/server/auth';
+                                ~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/LoginForm/server.ts:3:45 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+3 import { createSession, validateUser } from '@sqrzro/server/auth';
+                                              ~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/LoginForm/server.ts:4:42 - error TS7016: Could not find a declaration file for module '@sqrzro/server/forms'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/forms/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/forms';`
+
+4 import { FormResponse, submitForm } from '@sqrzro/server/forms';
+                                           ~~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/PasswordForm/server.ts:3:29 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+3 import { createReset } from '@sqrzro/server/auth';
+                              ~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/PasswordForm/server.ts:4:42 - error TS7016: Could not find a declaration file for module '@sqrzro/server/forms'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/forms/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/forms';`
+
+4 import { FormResponse, submitForm } from '@sqrzro/server/forms';
+                                           ~~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/PasswordResetForm/server.ts:3:41 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+3 import { updatePasswordWithToken } from '@sqrzro/server/auth';
+                                          ~~~~~~~~~~~~~~~~~~~~~
+
+src/forms/PasswordResetForm/server.ts:4:42 - error TS7016: Could not find a declaration file for module '@sqrzro/server/forms'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/forms/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/forms';`
+
+4 import { FormResponse, submitForm } from '@sqrzro/server/forms';
+                                           ~~~~~~~~~~~~~~~~~~~~~~
+
+src/handle-proxy.ts:1:33 - error TS7016: Could not find a declaration file for module '@sqrzro/server/auth'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/auth/index.js' implicitly has an 'any' type.
+  Try `npm i --save-dev @types/sqrzro__server` if it exists or add a new declaration (.d.ts) file containing `declare module '@sqrzro/server/auth';`
+
+1 import { validateSession } from '@sqrzro/server/auth';
+                                  ~~~~~~~~~~~~~~~~~~~~~
+
+[10:06:14 AM] Found 9 errors. Watching for file changes.
+
+[10:06:16 AM] File change detected. Starting incremental compilation...
+
+[10:06:17 AM] Found 0 errors. Watching for file changes.
+
+ ELIFECYCLE  Command failed.

package/dist/components/Auth/index.d.ts

@@ -1,34 +1,6 @@
-import type { ClassNameProps } from '@sqrzro/components';
-import type { ScopeObject } from '../../server';
-export interface AuthClassNames {
-    actions: string;
-    footer: string;
-    form: string;
-    link: string;
-    logo: string;
-    root: string;
-    panel: string;
-    title: string;
+interface AuthProps {
+    params: Promise<Record<string, string>>;
+    searchParams: Promise<Record<string, string>>;
 }
-export interface AuthProps extends ClassNameProps<AuthClassNames> {
-    logo?: React.ReactElement;
-    onLogin?: () => Promise<void>;
-    onPassword?: (email: string, token: string) => Promise<boolean>;
-    params: {
-        auth: string[];
-    };
-    scopes?: Partial<ScopeObject>;
-    searchParams: {
-        email?: string;
-        r?: string;
-        token?: string;
-    };
-}
-/**
- *
- * A note on `classNames`: As `Auth` needs to run on the server (as some of its children require
- * sessions etc), using the `getClassNames` pattern won't work, as it currently only works for
- * client components. So we have to pass the classNames directly to the component.
- */
-declare function Auth({ classNames, logo, onLogin, onPassword, params: { auth }, searchParams, }: Readonly<AuthProps>): Promise<React.ReactElement>;
+declare function Auth({ params, searchParams }: Readonly<AuthProps>): React.ReactElement;
 export default Auth;

package/dist/components/Auth/index.js

@@ -1,46 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tw } from '@sqrzro/components';
+import { Suspense } from 'react';
 import { notFound } from 'next/navigation';
-import LoginForm from '../LoginForm';
-import MFAPage from '../MFAPage';
-import PasswordPage from '../PasswordPage';
-import { registerAuthEvents } from '../../server';
-/**
- * To make it easier for consumers to use Auth in their projects, this auth component uses a
- * Catch-All Segment to handle the rendering of all Auth pages. This function is used to determine
- * which page to render based on the route.
- *
- * More information on Catch-All Segments can be found here:
- * https://nextjs.org/docs/app/building-your-application/routing/dynamic-routes#catch-all-segments
- *
- * @param route
- * @param props
- * @returns
- */
-function getPage(route, props) {
-    switch (route) {
-        case 'mfa':
-            return _jsx(MFAPage, { ...props });
-        case 'password':
-            return _jsx(PasswordPage, { ...props });
-        default:
-            return _jsx(LoginForm, { ...props });
-    }
-}
-/**
- *
- * A note on `classNames`: As `Auth` needs to run on the server (as some of its children require
- * sessions etc), using the `getClassNames` pattern won't work, as it currently only works for
- * client components. So we have to pass the classNames directly to the component.
- */
-async function Auth({ classNames, logo, onLogin, onPassword, params: { auth }, searchParams, }) {
-    if (auth.length > 1) {
+import LoginForm from '../../forms/LoginForm';
+import Password from '../Password';
+async function AuthComponent({ params, searchParams, }) {
+    const awaitedParams = await params;
+    if (!Array.isArray(awaitedParams.auth) || awaitedParams.auth.length !== 1) {
         return notFound();
     }
-    await registerAuthEvents({ login: onLogin, password: onPassword });
-    return (_jsxs("div", { className: tw(classNames?.root), children: [_jsx("div", { className: tw(classNames?.logo), children: logo }), _jsx("div", { className: tw(classNames?.panel), children: getPage(auth[0], {
-                    classNames,
-                    searchParams,
-                }) })] }));
+    if (awaitedParams.auth[0] === 'login') {
+        return _jsx(LoginForm, {});
+    }
+    if (awaitedParams.auth[0] === 'mfa') {
+        return _jsx("div", { children: "[MFA NOT DONE]" });
+    }
+    if (awaitedParams.auth[0] === 'password') {
+        return _jsx(Password, { searchParams: searchParams });
+    }
+    return notFound();
+}
+function Auth({ params, searchParams }) {
+    return (_jsxs("div", { children: ["AUTH PAGE HEADER", _jsx(Suspense, { children: _jsx(AuthComponent, { params: params, searchParams: searchParams }) })] }));
 }
 export default Auth;

package/dist/components/AuthComponent/index.d.ts

@@ -0,0 +1,6 @@
+interface AuthComponentProps {
+    params: Promise<Record<string, string>>;
+    searchParams: Promise<Record<string, string>>;
+}
+declare function AuthComponent({ params, searchParams, }: Readonly<AuthComponentProps>): Promise<React.ReactElement>;
+export default AuthComponent;

package/dist/components/AuthComponent/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { notFound } from 'next/navigation';
+import LoginForm from '../../forms/LoginForm';
+import Password from '../Password';
+async function AuthComponent({ params, searchParams, }) {
+    const awaitedParams = await params;
+    if (!Array.isArray(awaitedParams.auth) || awaitedParams.auth.length !== 1) {
+        return notFound();
+    }
+    if (awaitedParams.auth[0] === 'login') {
+        return _jsx(LoginForm, {});
+    }
+    if (awaitedParams.auth[0] === 'mfa') {
+        return _jsx("div", { children: "[MFA NOT DONE]" });
+    }
+    if (awaitedParams.auth[0] === 'password') {
+        return _jsx(Password, { searchParams: searchParams });
+    }
+    return notFound();
+}
+export default AuthComponent;

package/dist/components/LoginForm/index.d.ts

@@ -3,7 +3,8 @@ export interface LoginFormProps {
     classNames?: Partial<AuthClassNames>;
     searchParams: {
         r?: string;
+        session?: string;
     };
 }
-declare function LoginForm({ classNames, searchParams }: Readonly<LoginFormProps>): React.ReactElement;
+declare function LoginForm({ classNames, searchParams }: Readonly<LoginFormProps>): React.ReactElement | null;
 export default LoginForm;

package/dist/components/LoginForm/index.js

@@ -1,13 +1,32 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
+import { Fragment, useEffect } from 'react';
+import { usePathname } from 'next/navigation';
 import { Form, FormSubmit, Link, PasswordFormField, TextFormField, tw } from '@sqrzro/components';
 import useLoginForm from '../../hooks/useLoginForm';
-import { submitLoginForm } from '../../server';
+import { setUserSession, submitLoginForm } from '../../server';
 function LoginForm({ classNames, searchParams }) {
+    const pathname = usePathname();
     const { fieldProps, formData, formProps, isLoading } = useLoginForm(submitLoginForm, {
         redirect: searchParams.r,
     });
-    return (_jsxs(Fragment, { children: [_jsx("h1", { className: tw('text-center', classNames?.title), children: "Sign in to continue" }), _jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx(TextFormField, { ...fieldProps('email'), type: "email", hasAssistiveError: true }), _jsx(PasswordFormField, { ...fieldProps('password'), hasAssistiveError: true }), _jsx("div", { className: tw(classNames?.actions), children: _jsx(FormSubmit, { isLoading: isLoading, children: "Sign In" }) }), _jsx("footer", { className: tw('text-center', classNames?.footer), children: _jsx(Link, { className: classNames?.link, href: `/auth/password${formData.email ? `?email=${formData.email}` : ''}`, children: "Forgot Password?" }) })] })] }));
+    async function handleSession() {
+        if (searchParams.session) {
+            void setUserSession(searchParams.session);
+            setTimeout(() => {
+                window.location.href = pathname;
+            }, 500);
+        }
+    }
+    useEffect(() => {
+        if (searchParams.session) {
+            void handleSession();
+        }
+    }, []);
+    // If a session is provided, show a loading page while the session is being redirected
+    if (searchParams.session) {
+        return _jsx("h1", { className: tw('text-center', classNames?.title), children: "Authenticating..." });
+    }
+    return (_jsxs(Fragment, { children: [_jsx("h1", { className: tw('text-center', classNames?.title), children: "Sign in to continue" }), _jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(PasswordFormField, { ...fieldProps('password'), hasAssistiveError: true }), _jsx("div", { className: tw(classNames?.actions), children: _jsx(FormSubmit, { isFullWidth: true, isLoading: isLoading, children: "Sign In" }) }), _jsx("footer", { className: tw('text-center', classNames?.footer), children: _jsx(Link, { className: classNames?.link, href: `/auth/password${formData.email ? `?email=${formData.email}` : ''}`, children: "Forgot Password?" }) })] })] }));
 }
 export default LoginForm;

package/dist/components/LogoutButton/index.d.ts

@@ -1,6 +1,5 @@
 export interface LogoutButtonProps {
     children?: React.ReactElement | string;
-    redirectTo?: string;
 }
-declare function LogoutButton({ children, redirectTo, }: Readonly<LogoutButtonProps>): React.ReactElement;
+declare function LogoutButton({ children }: Readonly<LogoutButtonProps>): React.ReactElement;
 export default LogoutButton;

package/dist/components/LogoutButton/index.js

@@ -1,15 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from 'next/navigation';
-import { logout } from '../../server';
-function LogoutButton({ children = 'Log out', redirectTo, }) {
-    const router = useRouter();
-    async function handleLogout() {
-        await logout();
-        router.push(redirectTo || '/');
-        // It seems necessary to refresh to ensure the user is redirected to the login page
-        router.refresh();
-    }
-    return (_jsx("form", { action: handleLogout, className: "contents", children: _jsx("button", { type: "submit", children: children }) }));
+import { useTransition } from 'react';
+import handle from './server';
+function LogoutButton({ children = 'Log out' }) {
+    const [isLoading, startTransition] = useTransition();
+    return (_jsx("button", { disabled: isLoading, onClick: () => startTransition(handle), children: children }));
 }
 export default LogoutButton;

package/dist/components/LogoutButton/server.d.ts

@@ -0,0 +1,2 @@
+declare function handle(): Promise<void>;
+export default handle;

package/dist/components/LogoutButton/server.js

@@ -0,0 +1,8 @@
+'use server';
+import { deleteSession } from '@sqrzro/server/auth';
+import { redirect } from 'next/navigation';
+async function handle() {
+    await deleteSession();
+    return redirect('/auth/login');
+}
+export default handle;

package/dist/components/MFAForm/index.js

@@ -14,6 +14,6 @@ function MFAForm({ classNames, searchParams }) {
             setDelayedKey(key);
         }
     }, [isLoading, key]);
-    return (_jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx(CodeFormField, { ...fieldProps('token'), isDisabled: isLoading, onFinalChange: submitForm, hasAssistiveError: true, hasAssistiveLabel: true, isAutoFocus: true }, delayedKey), _jsx("div", { className: "sr-only", children: _jsx(FormSubmit, { children: "Verify" }) })] }));
+    return (_jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx(CodeFormField, { ...fieldProps('token'), isDisabled: isLoading, onFinalChange: submitForm, hasAssistiveError: true, hasAssistiveLabel: true, isAutoFocus: true }, delayedKey), _jsx("div", { className: "sr-only", children: _jsx(FormSubmit, { isFullWidth: true, children: "Verify" }) })] }));
 }
 export default MFAForm;

package/dist/components/Password/index.d.ts

@@ -0,0 +1,5 @@
+interface PasswordProps {
+    searchParams: Promise<Record<string, string>>;
+}
+declare function Password({ searchParams }: Readonly<PasswordProps>): Promise<React.ReactElement>;
+export default Password;

package/dist/components/Password/index.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { validateReset } from '@sqrzro/server/auth';
+import PasswordForm from '../../forms/PasswordForm';
+import PasswordResetForm from '../../forms/PasswordResetForm';
+async function Password({ searchParams }) {
+    const awaitedSearchParams = await searchParams;
+    if (awaitedSearchParams.token) {
+        const validated = await validateReset('PASSWORD', awaitedSearchParams.token);
+        if (validated) {
+            return _jsx(PasswordResetForm, { token: awaitedSearchParams.token });
+        }
+        else {
+            return _jsx("div", { children: "Invalid or Expired Token" });
+        }
+    }
+    return _jsx(PasswordForm, {});
+}
+export default Password;

package/dist/components/PasswordForm/index.js

@@ -23,6 +23,6 @@ function PasswordForm({ classNames, email }) {
         setFormData('email', '');
         setSentCount(0);
     }
-    return (_jsxs(Fragment, { children: [_jsx("div", { className: tw(sentCount === 0 ? 'block' : 'hidden'), children: _jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx("h1", { className: classNames?.title, children: "Reset Your Password" }), _jsx("p", { className: "text-sm", children: "Enter the email address associated with your account and we'll send you a link to reset your password." }), _jsx(TextFormField, { ...fieldProps('email'), type: "email", hasAssistiveLabel: true }), _jsx("div", { className: tw(classNames?.actions), children: _jsx(FormSubmit, { isLoading: isLoading, children: "Send Email" }) }), _jsx("footer", { className: tw('text-center', classNames?.footer), children: _jsx(Link, { className: classNames?.link, href: "/auth/login", children: "Back" }) })] }) }), _jsx("div", { className: tw(sentCount > 0 ? 'flex' : 'hidden'), children: _jsxs("div", { className: tw(classNames?.form), children: [_jsx("h1", { className: classNames?.title, children: "Check Your Email" }), sentCount === 1 ? (_jsxs(Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["If ", _jsx("strong", { children: formData.email }), " matches an email we have on file, then we've sent you an email containing further instructions for resetting your password."] }), _jsxs("p", { className: "text-sm", children: ["If you haven't received an email in 5 minutes, check your spam,", ' ', _jsx(Link, { className: classNames?.link, onClick: handleResend, children: "resend" }), ", or", ' ', _jsx(Link, { className: classNames?.link, onClick: handleReset, children: "try a different email address" }), "."] })] })) : (_jsxs(Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["We've resent password reset instructions to", ' ', _jsx("strong", { children: formData.email }), ", if it is an email we have on file."] }), _jsxs("p", { className: "text-sm", children: ["Please check again. If you still haven't received an email,", ' ', _jsx(Link, { className: classNames?.link, onClick: handleReset, children: "try a different email address" }), "."] })] }))] }) })] }));
+    return (_jsxs(Fragment, { children: [_jsx("div", { className: tw(sentCount === 0 ? 'block' : 'hidden'), children: _jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx("h1", { className: classNames?.title, children: "Reset Your Password" }), _jsx("p", { className: "text-sm", children: "Enter the email address associated with your account and we'll send you a link to reset your password." }), _jsx(TextFormField, { ...fieldProps('email'), type: "email", hasAssistiveLabel: true }), _jsx("div", { className: tw(classNames?.actions), children: _jsx(FormSubmit, { isFullWidth: true, isLoading: isLoading, children: "Send Email" }) }), _jsx("footer", { className: tw('text-center', classNames?.footer), children: _jsx(Link, { className: classNames?.link, href: "/auth/login", children: "Back" }) })] }) }), _jsx("div", { className: tw(sentCount > 0 ? 'flex' : 'hidden'), children: _jsxs("div", { className: tw(classNames?.form), children: [_jsx("h1", { className: classNames?.title, children: "Check Your Email" }), sentCount === 1 ? (_jsxs(Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["If ", _jsx("strong", { children: formData.email }), " matches an email we have on file, then we've sent you an email containing further instructions for resetting your password."] }), _jsxs("p", { className: "text-sm", children: ["If you haven't received an email in 5 minutes, check your spam,", ' ', _jsx(Link, { className: classNames?.link, onClick: handleResend, children: "resend" }), ", or", ' ', _jsx(Link, { className: classNames?.link, onClick: handleReset, children: "try a different email address" }), "."] })] })) : (_jsxs(Fragment, { children: [_jsxs("p", { className: "text-sm", children: ["We've resent password reset instructions to", ' ', _jsx("strong", { children: formData.email }), ", if it is an email we have on file."] }), _jsxs("p", { className: "text-sm", children: ["Please check again. If you still haven't received an email,", ' ', _jsx(Link, { className: classNames?.link, onClick: handleReset, children: "try a different email address" }), "."] })] }))] }) })] }));
 }
 export default PasswordForm;

package/dist/components/PasswordResetForm/index.js

@@ -15,6 +15,6 @@ function PasswordResetForm({ classNames, token, }) {
         },
         toasts: { success: false },
     });
-    return (_jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx("h1", { className: classNames?.title, children: "Reset Your Password" }), _jsx("div", { className: "relative", children: _jsx(PasswordFormField, { ...fieldProps('password', 'New Password') }) }), _jsx("div", { className: "mt-8", children: _jsx(FormSubmit, { isLoading: isLoading, children: "Reset Password" }) })] }));
+    return (_jsxs(Form, { ...formProps, classNames: { root: classNames?.form }, children: [_jsx("h1", { className: classNames?.title, children: "Reset Your Password" }), _jsx("div", { className: "relative", children: _jsx(PasswordFormField, { ...fieldProps('password', 'New Password') }) }), _jsx("div", { className: "mt-8", children: _jsx(FormSubmit, { isFullWidth: true, isLoading: isLoading, children: "Reset Password" }) })] }));
 }
 export default PasswordResetForm;

package/dist/forms/LoginForm/client.d.ts

@@ -0,0 +1,2 @@
+declare function LoginForm(): React.ReactElement | null;
+export default LoginForm;

package/dist/forms/LoginForm/client.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Form, FormSubmit, Link, PasswordFormField, TextFormField } from '@sqrzro/components';
+import { useForm } from '@sqrzro/hooks';
+import { handleSubmit } from './server';
+function LoginForm() {
+    const { fieldProps, formData, formProps } = useForm({
+        onSubmit: handleSubmit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(PasswordFormField, { ...fieldProps('password'), hasAssistiveError: true }), _jsx(FormSubmit, { isFullWidth: true, children: "Sign In" }), _jsx("footer", { children: _jsx(Link, { href: `/auth/password${formData.email ? `?email=${formData.email}` : ''}`, children: "Forgot Password?" }) })] }) }));
+}
+export default LoginForm;

package/dist/forms/LoginForm/index.d.ts

@@ -0,0 +1,2 @@
+declare function LoginForm(): React.ReactElement | null;
+export default LoginForm;

package/dist/forms/LoginForm/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Link } from '@sqrzro/ui/components';
+import { Form, FormSubmit, PasswordFormField, TextFormField, useForm } from '@sqrzro/ui/forms';
+import submit from './server';
+function LoginForm() {
+    const { fieldProps, formData, formProps } = useForm({
+        onSubmit: submit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(PasswordFormField, { ...fieldProps('password'), hasAssistiveError: true }), _jsx(FormSubmit, { children: "Sign In" }), _jsx("footer", { children: _jsx(Link, { href: `/auth/password${formData.email ? `?email=${formData.email}` : ''}`, children: "Forgot Password?" }) })] }) }));
+}
+export default LoginForm;

package/dist/forms/LoginForm/interfaces.d.ts

@@ -0,0 +1,5 @@
+export interface LoginFormFields {
+    email: string;
+    password: string;
+    redirect?: string;
+}

package/dist/forms/LoginForm/interfaces.js

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

package/dist/forms/LoginForm/server.d.ts

@@ -0,0 +1,4 @@
+import { FormResponse } from '@sqrzro/server/forms';
+import type { LoginFormFields } from './interfaces';
+declare function submit(formData: LoginFormFields): FormResponse<void>;
+export default submit;

package/dist/forms/LoginForm/server.js

@@ -0,0 +1,25 @@
+'use server';
+import { createSession, validateUser } from '@sqrzro/server/auth';
+import { submitForm } from '@sqrzro/server/forms';
+import { redirect } from 'next/navigation';
+import { z } from 'zod';
+const schema = z
+    .object({
+    email: z.email(),
+    password: z.string(),
+    redirect: z.string().optional(),
+})
+    .required({ email: true, password: true });
+async function fn(data) {
+    const userID = await validateUser(data.email, data.password);
+    await createSession(userID);
+    redirect('/');
+}
+async function submit(formData) {
+    return submitForm({
+        fn,
+        formData,
+        schema,
+    });
+}
+export default submit;

package/dist/forms/PasswordForm/client.d.ts

@@ -0,0 +1,2 @@
+declare function PasswordForm(): React.ReactElement | null;
+export default PasswordForm;

package/dist/forms/PasswordForm/client.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Form, FormSubmit, TextFormField } from '@sqrzro/components';
+import { useForm } from '@sqrzro/hooks';
+import { handleSubmit } from './server';
+function PasswordForm() {
+    const { fieldProps, formProps } = useForm({
+        onSubmit: handleSubmit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(FormSubmit, { isFullWidth: true, children: "Send Email" })] }) }));
+}
+export default PasswordForm;

package/dist/forms/PasswordForm/index.d.ts

@@ -0,0 +1,2 @@
+declare function PasswordForm(): React.ReactElement | null;
+export default PasswordForm;

package/dist/forms/PasswordForm/index.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Form, FormSubmit, TextFormField, useForm } from '@sqrzro/ui/forms';
+import submit from './server';
+function PasswordForm() {
+    const { fieldProps, formProps } = useForm({
+        onSubmit: submit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(FormSubmit, { isFullWidth: true, children: "Send Email" })] }) }));
+}
+export default PasswordForm;

package/dist/forms/PasswordForm/interfaces.d.ts

@@ -0,0 +1,3 @@
+export interface PasswordFormFields {
+    email: string;
+}

package/dist/forms/PasswordForm/interfaces.js

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

package/dist/forms/PasswordForm/server.d.ts

@@ -0,0 +1,4 @@
+import { FormResponse } from '@sqrzro/server/forms';
+import type { PasswordFormFields } from './interfaces';
+declare function submit(formData: PasswordFormFields): FormResponse<void>;
+export default submit;

package/dist/forms/PasswordForm/server.js

@@ -0,0 +1,21 @@
+'use server';
+import { createReset } from '@sqrzro/server/auth';
+import { submitForm } from '@sqrzro/server/forms';
+import { z } from 'zod';
+const schema = z
+    .object({
+    email: z.email(),
+})
+    .required({ email: true });
+async function fn(data) {
+    const token = await createReset('PASSWORD', data.email);
+    console.log(token);
+}
+async function submit(formData) {
+    return submitForm({
+        fn,
+        formData,
+        schema,
+    });
+}
+export default submit;

package/dist/forms/PasswordResetForm/client.d.ts

@@ -0,0 +1,5 @@
+interface PasswordResetFormProps {
+    token: string;
+}
+declare function PasswordResetForm({ token }: Readonly<PasswordResetFormProps>): React.ReactElement | null;
+export default PasswordResetForm;

package/dist/forms/PasswordResetForm/client.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Form, FormSubmit, TextFormField } from '@sqrzro/components';
+import { useForm } from '@sqrzro/hooks';
+import { handleSubmit } from './server';
+function PasswordResetForm({ token }) {
+    const { fieldProps, formProps } = useForm({
+        defaults: { token },
+        onSubmit: handleSubmit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('password'), hasAssistiveError: true }), _jsx(FormSubmit, { isFullWidth: true, children: "Reset Password" })] }) }));
+}
+export default PasswordResetForm;

package/dist/forms/PasswordResetForm/index.d.ts

@@ -0,0 +1,5 @@
+interface PasswordResetFormProps {
+    token: string;
+}
+declare function PasswordResetForm({ token }: Readonly<PasswordResetFormProps>): React.ReactElement | null;
+export default PasswordResetForm;

package/dist/forms/PasswordResetForm/index.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { Form, FormSubmit, PasswordFormField, useForm } from '@sqrzro/ui/forms';
+import submit from './server';
+function PasswordResetForm({ token }) {
+    const { fieldProps, formProps } = useForm({
+        defaults: { token },
+        onSubmit: submit,
+    });
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(PasswordFormField, { ...fieldProps('password') }), _jsx(FormSubmit, { isFullWidth: true, children: "Reset Password" })] }) }));
+}
+export default PasswordResetForm;

package/dist/forms/PasswordResetForm/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface PasswordResetFormFields {
+    password: string;
+    token: string;
+}

package/dist/forms/PasswordResetForm/interfaces.js

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

package/dist/forms/PasswordResetForm/server.d.ts

@@ -0,0 +1,4 @@
+import { FormResponse } from '@sqrzro/server/forms';
+import type { PasswordResetFormFields } from './interfaces';
+declare function submit(formData: PasswordResetFormFields): FormResponse<void>;
+export default submit;

package/dist/forms/PasswordResetForm/server.js

@@ -0,0 +1,23 @@
+'use server';
+import { updatePasswordWithToken } from '@sqrzro/server/auth';
+import { submitForm } from '@sqrzro/server/forms';
+import { redirect } from 'next/navigation';
+import { z } from 'zod';
+const schema = z
+    .object({
+    password: z.string(),
+    token: z.string().regex(/[A-Za-z0-9]{48}/u),
+})
+    .required({ password: true, token: true });
+async function fn(data) {
+    await updatePasswordWithToken(data.token, data.password);
+    return redirect('/auth/login');
+}
+async function submit(formData) {
+    return submitForm({
+        fn,
+        formData,
+        schema,
+    });
+}
+export default submit;

package/dist/handle-proxy.d.ts

@@ -0,0 +1,4 @@
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+declare function handleProxy(request: NextRequest): Promise<NextResponse>;
+export default handleProxy;