@sqrzro/auth 4.0.0-alpha.8 → 4.0.0-alpha.9

package/.turbo/turbo-dev.log

@@ -2,11 +2,11 @@
 > @sqrzro/auth@4.0.0-alpha.8 dev /Users/richard/Sites/@sqrzro/sqrzro/packages/auth
 > tsc --watch
 
-[2:49:05 PM] Starting compilation in watch mode...
+[3:09:10 PM] Starting compilation in watch mode...
 
-[2:49:08 PM] Found 0 errors. Watching for file changes.
+[3:09:12 PM] Found 0 errors. Watching for file changes.
 
-[2:49:11 PM] File change detected. Starting incremental compilation...
+[3:09:16 PM] 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';`
@@ -50,6 +50,12 @@
 4 import { FormResponse, submitForm } from '@sqrzro/server/forms';
                                            ~~~~~~~~~~~~~~~~~~~~~~
 
+src/forms/PasswordForm/server.ts:5:26 - error TS7016: Could not find a declaration file for module '@sqrzro/server/mail'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/mail/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/mail';`
+
+5 import { sendMail } from '@sqrzro/server/mail';
+                           ~~~~~~~~~~~~~~~~~~~~~
+
 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';`
 
@@ -74,50 +80,28 @@
 2 import type { ProxyRedirect } from '@sqrzro/server/proxy';
                                      ~~~~~~~~~~~~~~~~~~~~~~
 
-[2:49:11 PM] Found 11 errors. Watching for file changes.
-
-[2:49:15 PM] File change detected. Starting incremental compilation...
-
-[2:49:15 PM] Found 0 errors. Watching for file changes.
-
-[2:49:47 PM] File change detected. Starting incremental compilation...
-
-[2:49:47 PM] Found 0 errors. Watching for file changes.
-
-[2:49:52 PM] File change detected. Starting incremental compilation...
-
-[2:49:52 PM] Found 0 errors. Watching for file changes.
-
-[2:50:44 PM] File change detected. Starting incremental compilation...
-
-[2:50:44 PM] Found 0 errors. Watching for file changes.
-
-[2:50:48 PM] File change detected. Starting incremental compilation...
-
-[2:50:48 PM] Found 0 errors. Watching for file changes.
-
-[2:59:21 PM] File change detected. Starting incremental compilation...
-
-[2:59:21 PM] Found 0 errors. Watching for file changes.
+src/mail/PasswordMail.tsx:1:28 - error TS7016: Could not find a declaration file for module '@sqrzro/server/mail'. '/Users/richard/Sites/@sqrzro/sqrzro/packages/server/dist/mail/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/mail';`
 
-[2:59:25 PM] File change detected. Starting incremental compilation...
+1 import { createMail } from '@sqrzro/server/mail';
+                             ~~~~~~~~~~~~~~~~~~~~~
 
-[2:59:25 PM] Found 0 errors. Watching for file changes.
+[3:09:16 PM] Found 13 errors. Watching for file changes.
 
-[2:59:51 PM] File change detected. Starting incremental compilation...
+[3:09:20 PM] File change detected. Starting incremental compilation...
 
-[2:59:51 PM] Found 0 errors. Watching for file changes.
+[3:09:20 PM] Found 0 errors. Watching for file changes.
 
-[3:00:13 PM] File change detected. Starting incremental compilation...
+[4:40:34 PM] File change detected. Starting incremental compilation...
 
-[3:00:13 PM] Found 0 errors. Watching for file changes.
+[4:40:34 PM] Found 0 errors. Watching for file changes.
 
-[3:00:21 PM] File change detected. Starting incremental compilation...
+[4:40:39 PM] File change detected. Starting incremental compilation...
 
-[3:00:21 PM] Found 0 errors. Watching for file changes.
+[4:40:39 PM] Found 0 errors. Watching for file changes.
 
-[3:04:21 PM] File change detected. Starting incremental compilation...
+[4:40:45 PM] File change detected. Starting incremental compilation...
 
-[3:04:21 PM] Found 0 errors. Watching for file changes.
+[4:40:45 PM] Found 0 errors. Watching for file changes.
 
  ELIFECYCLE  Command failed.

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

@@ -1,6 +1,6 @@
+import { NextPageProps } from '@sqrzro/ui/utility';
 import type { AuthClassNameProps } from '../../interfaces';
-interface PasswordProps extends AuthClassNameProps {
-    searchParams?: Promise<Record<string, string>> | null;
+interface PasswordProps extends AuthClassNameProps, NextPageProps {
 }
 declare function Password({ classNames, searchParams, }: Readonly<PasswordProps>): Promise<React.ReactElement>;
 export default Password;

package/dist/components/Password/index.js

@@ -13,6 +13,6 @@ async function Password({ classNames, searchParams, }) {
             return _jsx("div", { children: "Invalid or Expired Token" });
         }
     }
-    return _jsx(PasswordForm, { classNames: classNames });
+    return (_jsx(PasswordForm, { classNames: classNames, defaults: { email: awaitedSearchParams?.email } }));
 }
 export default Password;

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

@@ -0,0 +1,8 @@
+import type { PasswordFormFieldProps } from '@sqrzro/ui/forms';
+import type { PasswordComplexityObject } from '../../utility/interfaces';
+interface PasswordComplexityFormFieldProps extends PasswordFormFieldProps {
+    complexity?: PasswordComplexityObject;
+    onComplexity?: (isValid: boolean) => void;
+}
+declare function PasswordComplexityFormField({ complexity, onComplexity, value, ...props }: PasswordComplexityFormFieldProps): React.ReactElement;
+export default PasswordComplexityFormField;

package/dist/components/PasswordComplexityFormField/index.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { PasswordComplexity, PasswordFormField } from '@sqrzro/ui/forms';
+import getComplexity from '../../utility/get-complexity';
+import validatePasswordComplexity from '../../utility/validate-complexity';
+function PasswordComplexityFormField({ complexity, onComplexity, value, ...props }) {
+    return (_jsxs(Fragment, { children: [_jsx(PasswordFormField, { value: value, ...props }), _jsx(PasswordComplexity, { data: validatePasswordComplexity(getComplexity(complexity), value), onComplexity: onComplexity })] }));
+}
+export default PasswordComplexityFormField;

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

@@ -0,0 +1,5 @@
+import type { PasswordInputProps } from '@sqrzro/ui/forms';
+interface PasswordComplexityInputProps extends PasswordInputProps {
+}
+declare function PasswordComplexityInput({ value, ...props }: PasswordComplexityInputProps): React.ReactElement;
+export default PasswordComplexityInput;

package/dist/components/PasswordComplexityInput/index.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PasswordComplexity, PasswordInput } from '@sqrzro/ui/forms';
+import getComplexity from '../../utility/get-complexity';
+import validatePasswordComplexity from '../../utility/validate-complexity';
+function PasswordComplexityInput({ value, ...props }) {
+    return (_jsxs("div", { children: [_jsx(PasswordInput, { value: value, ...props }), _jsx(PasswordComplexity, { data: validatePasswordComplexity(getComplexity(), value) })] }));
+}
+export default PasswordComplexityInput;

package/dist/extend-repository.js

@@ -0,0 +1 @@
+"use strict";

package/dist/forms/LoginForm/server.js

@@ -6,8 +6,8 @@ import { redirect } from 'next/navigation';
 import { z } from 'zod';
 const schema = z
     .object({
-    email: z.email(),
-    password: z.string(),
+    email: z.email().nonempty(),
+    password: z.string().nonempty(),
     redirect: z.string().optional(),
 })
     .required({ email: true, password: true });

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

@@ -1,3 +1,8 @@
+import { Default } from '@sqrzro/ui/forms';
 import type { AuthClassNameProps } from '../../interfaces';
-declare function PasswordForm({ classNames }: AuthClassNameProps): React.ReactElement | null;
+import type { PasswordFormFields } from './interfaces';
+interface PasswordFormProps extends AuthClassNameProps {
+    defaults?: Default<PasswordFormFields>;
+}
+declare function PasswordForm({ classNames, defaults }: PasswordFormProps): React.ReactElement | null;
 export default PasswordForm;

package/dist/forms/PasswordForm/index.js

@@ -1,12 +1,27 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
+import { Link } from '@sqrzro/ui/components';
 import { Form, FormSubmit, TextFormField, useForm } from '@sqrzro/ui/forms';
 import submit from './server';
-function PasswordForm({ classNames }) {
-    const { fieldProps, formProps } = useForm({
+function PasswordForm({ classNames, defaults }) {
+    const [sentCount, setSentCount] = useState(0);
+    const { fieldProps, formData, formProps, setFormData, submitForm } = useForm({
+        defaults,
         onSubmit: submit,
+        onSuccess: () => {
+            setSentCount(sentCount + 1);
+        },
     });
-    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(TextFormField, { ...fieldProps('email'), hasAssistiveError: true }), _jsx(FormSubmit, { isFullWidth: true, children: "Send Email" })] }) }));
+    function handleResend(event) {
+        event.preventDefault();
+        submitForm();
+    }
+    function handleReset(event) {
+        event.preventDefault();
+        setFormData('email', '');
+        setSentCount(0);
+    }
+    return (_jsxs(Fragment, { children: [_jsx("div", { style: { display: sentCount === 0 ? 'block' : 'none' }, children: _jsxs(Form, { ...formProps, 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'), hasAssistiveError: true }), _jsx("div", { className: classNames?.actions, children: _jsx(FormSubmit, { isFullWidth: true, children: "Send Email" }) }), _jsx("footer", { className: classNames?.footer, children: _jsx(Link, { className: classNames?.link, href: "/auth/login", children: "Back" }) })] }) }), _jsx("div", { style: { display: sentCount === 0 ? 'none' : 'block' }, children: _jsxs("div", { className: 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/forms/PasswordForm/server.js

@@ -1,15 +1,18 @@
 'use server';
 import { createReset } from '@sqrzro/server/auth';
 import { submitForm } from '@sqrzro/server/forms';
+import { sendMail } from '@sqrzro/server/mail';
 import { z } from 'zod';
-const schema = z
-    .object({
-    email: z.email(),
-})
-    .required({ email: true });
+import PasswordMail from '../../mail/PasswordMail';
+const schema = z.object({
+    email: z.email().nonempty(),
+});
 async function fn(data) {
     const token = await createReset('PASSWORD', data.email);
-    console.log(token);
+    if (!token) {
+        return;
+    }
+    await sendMail(data.email, PasswordMail, { token });
 }
 async function submit(formData) {
     return submitForm({

package/dist/forms/PasswordResetForm/index.js

@@ -1,13 +1,15 @@
 '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 { Fragment, useState } from 'react';
+import { Form, FormSubmit, useForm } from '@sqrzro/ui/forms';
+import PasswordComplexityFormField from '../../components/PasswordComplexityFormField';
 import submit from './server';
 function PasswordResetForm({ classNames, token, }) {
+    const [isDisabled, setIsDisabled] = useState(true);
     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" })] }) }));
+    return (_jsx(Fragment, { children: _jsxs(Form, { ...formProps, children: [_jsx(PasswordComplexityFormField, { ...fieldProps('password'), onComplexity: (isValid) => setIsDisabled(!isValid) }), _jsx(FormSubmit, { isDisabled: isDisabled, children: "Reset Password" })] }) }));
 }
 export default PasswordResetForm;

package/dist/forms/PasswordResetForm/server.js

@@ -3,12 +3,15 @@ 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 });
+import getComplexityRule from '../../rules/complexity';
+import getComplexity from '../../utility/get-complexity';
+const schema = z.object({
+    password: getComplexityRule(getComplexity()).nonempty(),
+    token: z
+        .string()
+        .regex(/[A-Za-z0-9]{48}/u)
+        .nonempty(),
+});
 async function fn(data) {
     await updatePasswordWithToken('PASSWORD', data.token, data.password);
     return redirect('/auth/login');

package/dist/mail/PasswordMail.d.ts

@@ -0,0 +1,5 @@
+interface PasswordMailProps {
+    readonly token: string;
+}
+declare const _default: import("@sqrzro/server/mail").MailObject<PasswordMailProps>;
+export default _default;

package/dist/mail/PasswordMail.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createMail } from '@sqrzro/server/mail';
+function PasswordMail({ token }) {
+    return (_jsxs("div", { children: ["PasswordMail", _jsx("a", { href: `http://localhost:8000/auth/password?token=${token}`, children: "Reset Password" })] }));
+}
+export default createMail('PASSWORD', PasswordMail);

package/dist/rules/complexity.d.ts

@@ -0,0 +1,4 @@
+import { z } from 'zod';
+import type { PasswordComplexityObject } from '../utility/interfaces';
+declare function getComplexityRule(complexity: PasswordComplexityObject): z.ZodString;
+export default getComplexityRule;

package/dist/rules/complexity.js

@@ -0,0 +1,9 @@
+import { z } from 'zod';
+import createComplexitySchema from '../utility/create-complexity-schema';
+function getComplexityRule(complexity) {
+    const schema = createComplexitySchema(complexity);
+    return z.string().refine((value) => schema.safeParse(value).success, {
+        message: 'Password does not meet complexity requirements',
+    });
+}
+export default getComplexityRule;

package/dist/rules/password.d.ts

@@ -0,0 +1,3 @@
+import type { PasswordComplexityObject } from '../utility/interfaces';
+declare function getPasswordComplexityRule(complexity: PasswordComplexityObject): import("zod").ZodString;
+export default getPasswordComplexityRule;

package/dist/rules/password.js

@@ -0,0 +1,6 @@
+import createComplexitySchema from '../utility/create-complexity-schema';
+function getPasswordComplexityRule(complexity) {
+    const schema = createComplexitySchema(complexity);
+    return schema;
+}
+export default getPasswordComplexityRule;

package/dist/utility/create-complexity-schema.d.ts

@@ -0,0 +1,4 @@
+import { z } from 'zod';
+import type { PasswordComplexityObject } from './interfaces';
+declare function createComplexitySchema(complexity: PasswordComplexityObject): z.ZodString;
+export default createComplexitySchema;

package/dist/utility/create-complexity-schema.js

@@ -0,0 +1,22 @@
+import { z } from 'zod';
+import { PasswordComplexityKey } from './interfaces';
+function createComplexitySchema(complexity) {
+    let result = z.string();
+    if (complexity.LENGTH) {
+        result = result.min(complexity.LENGTH, PasswordComplexityKey.LENGTH);
+    }
+    if (complexity.UPPERCASE) {
+        result = result.regex(new RegExp(`(?:.*[A-Z]){${complexity.UPPERCASE}}`), PasswordComplexityKey.UPPERCASE);
+    }
+    if (complexity.LOWERCASE) {
+        result = result.regex(new RegExp(`(?:.*[a-z]){${complexity.LOWERCASE}}`), PasswordComplexityKey.LOWERCASE);
+    }
+    if (complexity.NUMBER) {
+        result = result.regex(new RegExp(`(?:.*\\d){${complexity.NUMBER}}`), PasswordComplexityKey.NUMBER);
+    }
+    if (complexity.SPECIAL) {
+        result = result.regex(new RegExp(`(?:.*[@$!%*?&]){${complexity.SPECIAL}}`), PasswordComplexityKey.SPECIAL);
+    }
+    return result;
+}
+export default createComplexitySchema;

package/dist/utility/create-password-schema.js

@@ -0,0 +1 @@
+"use strict";

package/dist/utility/get-complexity.d.ts

@@ -0,0 +1,3 @@
+import type { PasswordComplexityObject } from './interfaces';
+declare function getComplexity(complexity?: PasswordComplexityObject): PasswordComplexityObject;
+export default getComplexity;

package/dist/utility/get-complexity.js

@@ -0,0 +1,10 @@
+const DEFAULT_COMPLEXITY = {
+    LENGTH: 8,
+    LOWERCASE: 1,
+    UPPERCASE: 1,
+    NUMBER: 1,
+};
+function getComplexity(complexity) {
+    return complexity ?? DEFAULT_COMPLEXITY;
+}
+export default getComplexity;

package/dist/utility/interfaces.d.ts

@@ -0,0 +1,12 @@
+export declare enum PasswordComplexityKey {
+    LENGTH = "LENGTH",
+    UPPERCASE = "UPPERCASE",
+    LOWERCASE = "LOWERCASE",
+    NUMBER = "NUMBER",
+    SPECIAL = "SPECIAL"
+}
+export type PasswordComplexityObject = Partial<Record<PasswordComplexityKey, number>>;
+export type PasswordComplexityResult = {
+    status: boolean;
+    value: string;
+}[];

package/dist/utility/interfaces.js

@@ -0,0 +1,8 @@
+export var PasswordComplexityKey;
+(function (PasswordComplexityKey) {
+    PasswordComplexityKey["LENGTH"] = "LENGTH";
+    PasswordComplexityKey["UPPERCASE"] = "UPPERCASE";
+    PasswordComplexityKey["LOWERCASE"] = "LOWERCASE";
+    PasswordComplexityKey["NUMBER"] = "NUMBER";
+    PasswordComplexityKey["SPECIAL"] = "SPECIAL";
+})(PasswordComplexityKey || (PasswordComplexityKey = {}));

package/dist/utility/lang.d.ts

@@ -0,0 +1,2 @@
+import { PasswordComplexityKey } from './interfaces';
+export declare const complexities: Record<PasswordComplexityKey, (value?: number) => string>;

package/dist/utility/lang.js

@@ -0,0 +1,9 @@
+import { formatPlural } from '@sqrzro/utility';
+import { PasswordComplexityKey } from './interfaces';
+export const complexities = {
+    [PasswordComplexityKey.LENGTH]: (value) => `At least ${formatPlural('character', value)} long`,
+    [PasswordComplexityKey.UPPERCASE]: (value) => `Contain at least ${formatPlural('uppercase letter', value)}`,
+    [PasswordComplexityKey.LOWERCASE]: (value) => `Contain at least ${formatPlural('lowercase letter', value)}`,
+    [PasswordComplexityKey.NUMBER]: (value) => `Contain at least ${formatPlural('number', value)}`,
+    [PasswordComplexityKey.SPECIAL]: (value) => `Contain at least ${formatPlural('special character', value)}`,
+};

package/dist/utility/validate-complexity.d.ts

@@ -0,0 +1,3 @@
+import type { PasswordComplexityObject, PasswordComplexityResult } from './interfaces';
+declare function validateComplexity(complexity: PasswordComplexityObject, password?: string): PasswordComplexityResult;
+export default validateComplexity;

package/dist/utility/validate-complexity.js

@@ -0,0 +1,33 @@
+import { getEntries, getKeys } from '@sqrzro/utility';
+import { z } from 'zod';
+import createComplexitySchema from './create-complexity-schema';
+import { complexities } from './lang';
+function getDefaultComplexityResult(complexity) {
+    return getEntries(complexity).map(([key, value]) => ({
+        status: false,
+        value: complexities[key](value),
+    }));
+}
+function transformResult(complexity, errors) {
+    // If there are errors that don't match the complexity keys (for example, the initial state), return the default result
+    if (errors.find((error) => !getKeys(complexity).includes(error))) {
+        return getDefaultComplexityResult(complexity);
+    }
+    return getEntries(complexity).map(([key, value]) => ({
+        status: !errors.includes(key),
+        value: complexities[key](value),
+    }));
+}
+function validateComplexity(complexity, password) {
+    try {
+        createComplexitySchema(complexity).parse(password);
+        return transformResult(complexity, []);
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            return transformResult(complexity, error.issues.map((issue) => issue.message));
+        }
+        return getDefaultComplexityResult(complexity);
+    }
+}
+export default validateComplexity;

package/dist/utility/validate-password-complexity.d.ts

@@ -0,0 +1,14 @@
+export declare enum PasswordComplexityKey {
+    LENGTH = "LENGTH",
+    UPPERCASE = "UPPERCASE",
+    LOWERCASE = "LOWERCASE",
+    NUMBER = "NUMBER",
+    SPECIAL = "SPECIAL"
+}
+export type PasswordComplexityObject = Partial<Record<PasswordComplexityKey, number>>;
+type PasswordComplexityResult = {
+    status: boolean;
+    value: string;
+}[];
+declare function validatePasswordComplexity(complexity: PasswordComplexityObject, password?: string): PasswordComplexityResult;
+export default validatePasswordComplexity;

package/dist/utility/validate-password-complexity.js

@@ -0,0 +1,65 @@
+import { formatPlural, getEntries, getKeys } from '@sqrzro/utility';
+import { z } from 'zod';
+export var PasswordComplexityKey;
+(function (PasswordComplexityKey) {
+    PasswordComplexityKey["LENGTH"] = "LENGTH";
+    PasswordComplexityKey["UPPERCASE"] = "UPPERCASE";
+    PasswordComplexityKey["LOWERCASE"] = "LOWERCASE";
+    PasswordComplexityKey["NUMBER"] = "NUMBER";
+    PasswordComplexityKey["SPECIAL"] = "SPECIAL";
+})(PasswordComplexityKey || (PasswordComplexityKey = {}));
+const lang = {
+    [PasswordComplexityKey.LENGTH]: (value) => `At least ${formatPlural('character', value)} long`,
+    [PasswordComplexityKey.UPPERCASE]: (value) => `Contain at least ${formatPlural('uppercase letter', value)}`,
+    [PasswordComplexityKey.LOWERCASE]: (value) => `Contain at least ${formatPlural('lowercase letter', value)}`,
+    [PasswordComplexityKey.NUMBER]: (value) => `Contain at least ${formatPlural('number', value)}`,
+    [PasswordComplexityKey.SPECIAL]: (value) => `Contain at least ${formatPlural('special character', value)}`,
+};
+function createSchema(complexity) {
+    let result = z.string();
+    if (complexity.LENGTH) {
+        result = result.min(complexity.LENGTH, PasswordComplexityKey.LENGTH);
+    }
+    if (complexity.UPPERCASE) {
+        result = result.regex(new RegExp(`(?:.*[A-Z]){${complexity.UPPERCASE}}`), PasswordComplexityKey.UPPERCASE);
+    }
+    if (complexity.LOWERCASE) {
+        result = result.regex(new RegExp(`(?:.*[a-z]){${complexity.LOWERCASE}}`), PasswordComplexityKey.LOWERCASE);
+    }
+    if (complexity.NUMBER) {
+        result = result.regex(new RegExp(`(?:.*\\d){${complexity.NUMBER}}`), PasswordComplexityKey.NUMBER);
+    }
+    if (complexity.SPECIAL) {
+        result = result.regex(new RegExp(`(?:.*[@$!%*?&]){${complexity.SPECIAL}}`), PasswordComplexityKey.SPECIAL);
+    }
+    return result;
+}
+function getDefaultComplexityResult(complexity) {
+    return getEntries(complexity).map(([key, value]) => ({
+        status: false,
+        value: lang[key](value),
+    }));
+}
+function transformResult(complexity, errors) {
+    // If there are errors that don't match the complexity keys (for example, the initial state), return the default result
+    if (errors.find((error) => !getKeys(complexity).includes(error))) {
+        return getDefaultComplexityResult(complexity);
+    }
+    return getEntries(complexity).map(([key, value]) => ({
+        status: !errors.includes(key),
+        value: lang[key](value),
+    }));
+}
+function validatePasswordComplexity(complexity, password) {
+    try {
+        createSchema(complexity).parse(password);
+        return transformResult(complexity, []);
+    }
+    catch (error) {
+        if (error instanceof z.ZodError) {
+            return transformResult(complexity, error.issues.map((issue) => issue.message));
+        }
+        return getDefaultComplexityResult(complexity);
+    }
+}
+export default validatePasswordComplexity;

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@sqrzro/auth",
   "type": "module",
-  "version": "4.0.0-alpha.8",
+  "version": "4.0.0-alpha.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
     "zod": "^4.3.6",
     "@sqrzro/server": "^4.0.0-alpha.18",
-    "@sqrzro/ui": "^4.0.0-alpha.13"
+    "@sqrzro/utility": "^4.0.0-alpha.3",
+    "@sqrzro/ui": "^4.0.0-alpha.14"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",

package/src/components/Password/index.tsx

@@ -1,12 +1,11 @@
 import { validateReset } from '@sqrzro/server/auth';
+import { NextPageProps } from '@sqrzro/ui/utility';
 
 import PasswordForm from '../../forms/PasswordForm';
 import PasswordResetForm from '../../forms/PasswordResetForm';
 import type { AuthClassNameProps } from '../../interfaces';
 
-interface PasswordProps extends AuthClassNameProps {
-    searchParams?: Promise<Record<string, string>> | null;
-}
+interface PasswordProps extends AuthClassNameProps, NextPageProps {}
 
 async function Password({
     classNames,
@@ -24,7 +23,9 @@ async function Password({
         }
     }
 
-    return <PasswordForm classNames={classNames} />;
+    return (
+        <PasswordForm classNames={classNames} defaults={{ email: awaitedSearchParams?.email }} />
+    );
 }
 
 export default Password;

package/src/components/PasswordComplexityFormField/index.tsx

@@ -0,0 +1,34 @@
+'use client';
+
+import { Fragment } from 'react';
+
+import { PasswordComplexity, PasswordFormField } from '@sqrzro/ui/forms';
+import type { PasswordFormFieldProps } from '@sqrzro/ui/forms';
+
+import getComplexity from '../../utility/get-complexity';
+import validatePasswordComplexity from '../../utility/validate-complexity';
+import type { PasswordComplexityObject } from '../../utility/interfaces';
+
+interface PasswordComplexityFormFieldProps extends PasswordFormFieldProps {
+    complexity?: PasswordComplexityObject;
+    onComplexity?: (isValid: boolean) => void;
+}
+
+function PasswordComplexityFormField({
+    complexity,
+    onComplexity,
+    value,
+    ...props
+}: PasswordComplexityFormFieldProps): React.ReactElement {
+    return (
+        <Fragment>
+            <PasswordFormField value={value} {...props} />
+            <PasswordComplexity
+                data={validatePasswordComplexity(getComplexity(complexity), value)}
+                onComplexity={onComplexity}
+            />
+        </Fragment>
+    );
+}
+
+export default PasswordComplexityFormField;

package/src/forms/LoginForm/server.ts

@@ -10,13 +10,13 @@ import type { LoginFormFields } from './interfaces';
 
 const schema = z
     .object({
-        email: z.email(),
-        password: z.string(),
+        email: z.email().nonempty(),
+        password: z.string().nonempty(),
         redirect: z.string().optional(),
     })
     .required({ email: true, password: true });
 
-async function fn(data: LoginFormFields): Promise<void> {
+async function fn(data: z.infer<typeof schema>): Promise<void> {
     log('auth', 'LoginForm', `Login for email ${data.email}`);
 
     const userID = await validateUser(data.email, data.password);

package/src/forms/PasswordForm/index.tsx

@@ -1,24 +1,102 @@
 'use client';
 
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
 
-import { Form, FormSubmit, TextFormField, useForm } from '@sqrzro/ui/forms';
+import { Link } from '@sqrzro/ui/components';
+import { Default, Form, FormSubmit, TextFormField, useForm } from '@sqrzro/ui/forms';
 
 import type { AuthClassNameProps } from '../../interfaces';
 
 import submit from './server';
+import type { PasswordFormFields } from './interfaces';
 
-function PasswordForm({ classNames }: AuthClassNameProps): React.ReactElement | null {
-    const { fieldProps, formProps } = useForm({
+interface PasswordFormProps extends AuthClassNameProps {
+    defaults?: Default<PasswordFormFields>;
+}
+
+function PasswordForm({ classNames, defaults }: PasswordFormProps): React.ReactElement | null {
+    const [sentCount, setSentCount] = useState(0);
+
+    const { fieldProps, formData, formProps, setFormData, submitForm } = useForm({
+        defaults,
         onSubmit: submit,
+        onSuccess: () => {
+            setSentCount(sentCount + 1);
+        },
     });
 
+    function handleResend(event: React.MouseEvent<HTMLAnchorElement>): void {
+        event.preventDefault();
+        submitForm();
+    }
+
+    function handleReset(event: React.MouseEvent<HTMLAnchorElement>): void {
+        event.preventDefault();
+
+        setFormData('email', '');
+        setSentCount(0);
+    }
+
     return (
         <Fragment>
-            <Form {...formProps}>
-                <TextFormField {...fieldProps('email')} hasAssistiveError />
-                <FormSubmit isFullWidth>Send Email</FormSubmit>
-            </Form>
+            <div style={{ display: sentCount === 0 ? 'block' : 'none' }}>
+                <Form {...formProps}>
+                    <h1 className={classNames?.title}>Reset Your Password</h1>
+                    <p className="text-sm">
+                        Enter the email address associated with your account and we&#39;ll send you
+                        a link to reset your password.
+                    </p>
+                    <TextFormField {...fieldProps('email')} hasAssistiveError />
+                    <div className={classNames?.actions}>
+                        <FormSubmit isFullWidth>Send Email</FormSubmit>
+                    </div>
+                    <footer className={classNames?.footer}>
+                        <Link className={classNames?.link} href="/auth/login">
+                            Back
+                        </Link>
+                    </footer>
+                </Form>
+            </div>
+            <div style={{ display: sentCount === 0 ? 'none' : 'block' }}>
+                <div className={classNames?.form}>
+                    <h1 className={classNames?.title}>Check Your Email</h1>
+                    {sentCount === 1 ? (
+                        <Fragment>
+                            <p className="text-sm">
+                                If <strong>{formData.email}</strong> matches an email we have on
+                                file, then we&#39;ve sent you an email containing further
+                                instructions for resetting your password.
+                            </p>
+                            <p className="text-sm">
+                                If you haven&#39;t received an email in 5 minutes, check your spam,{' '}
+                                <Link className={classNames?.link} onClick={handleResend}>
+                                    resend
+                                </Link>
+                                , or{' '}
+                                <Link className={classNames?.link} onClick={handleReset}>
+                                    try a different email address
+                                </Link>
+                                .
+                            </p>
+                        </Fragment>
+                    ) : (
+                        <Fragment>
+                            <p className="text-sm">
+                                We&#39;ve resent password reset instructions to{' '}
+                                <strong>{formData.email}</strong>, if it is an email we have on
+                                file.
+                            </p>
+                            <p className="text-sm">
+                                Please check again. If you still haven&#39;t received an email,{' '}
+                                <Link className={classNames?.link} onClick={handleReset}>
+                                    try a different email address
+                                </Link>
+                                .
+                            </p>
+                        </Fragment>
+                    )}
+                </div>
+            </div>
         </Fragment>
     );
 }

package/src/forms/PasswordForm/server.ts

@@ -2,19 +2,25 @@
 
 import { createReset } from '@sqrzro/server/auth';
 import { FormResponse, submitForm } from '@sqrzro/server/forms';
+import { sendMail } from '@sqrzro/server/mail';
 import { z } from 'zod';
 
+import PasswordMail from '../../mail/PasswordMail';
+
 import type { PasswordFormFields } from './interfaces';
 
-const schema = z
-    .object({
-        email: z.email(),
-    })
-    .required({ email: true });
+const schema = z.object({
+    email: z.email().nonempty(),
+});
 
-async function fn(data: PasswordFormFields): Promise<void> {
+async function fn(data: z.infer<typeof schema>): Promise<void> {
     const token = await createReset('PASSWORD', data.email);
-    console.log(token);
+
+    if (!token) {
+        return;
+    }
+
+    await sendMail(data.email, PasswordMail, { token });
 }
 
 async function submit(formData: PasswordFormFields): FormResponse<void> {

package/src/forms/PasswordResetForm/index.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { Fragment } from 'react';
+import { Fragment, useState } from 'react';
 
-import { Form, FormSubmit, PasswordFormField, useForm } from '@sqrzro/ui/forms';
+import { Form, FormSubmit, useForm } from '@sqrzro/ui/forms';
 
+import PasswordComplexityFormField from '../../components/PasswordComplexityFormField';
 import type { AuthClassNameProps } from '../../interfaces';
 
 import submit from './server';
@@ -16,6 +17,8 @@ function PasswordResetForm({
     classNames,
     token,
 }: Readonly<PasswordResetFormProps>): React.ReactElement | null {
+    const [isDisabled, setIsDisabled] = useState(true);
+
     const { fieldProps, formProps } = useForm({
         defaults: { token },
         onSubmit: submit,
@@ -24,8 +27,11 @@ function PasswordResetForm({
     return (
         <Fragment>
             <Form {...formProps}>
-                <PasswordFormField {...fieldProps('password')} />
-                <FormSubmit isFullWidth>Reset Password</FormSubmit>
+                <PasswordComplexityFormField
+                    {...fieldProps('password')}
+                    onComplexity={(isValid) => setIsDisabled(!isValid)}
+                />
+                <FormSubmit isDisabled={isDisabled}>Reset Password</FormSubmit>
             </Form>
         </Fragment>
     );

package/src/forms/PasswordResetForm/server.ts

@@ -5,16 +5,20 @@ import { FormResponse, submitForm } from '@sqrzro/server/forms';
 import { redirect } from 'next/navigation';
 import { z } from 'zod';
 
+import getComplexityRule from '../../rules/complexity';
+import getComplexity from '../../utility/get-complexity';
+
 import type { PasswordResetFormFields } from './interfaces';
 
-const schema = z
-    .object({
-        password: z.string(),
-        token: z.string().regex(/[A-Za-z0-9]{48}/u),
-    })
-    .required({ password: true, token: true });
+const schema = z.object({
+    password: getComplexityRule(getComplexity()).nonempty(),
+    token: z
+        .string()
+        .regex(/[A-Za-z0-9]{48}/u)
+        .nonempty(),
+});
 
-async function fn(data: PasswordResetFormFields): Promise<void> {
+async function fn(data: z.infer<typeof schema>): Promise<void> {
     await updatePasswordWithToken('PASSWORD', data.token, data.password);
     return redirect('/auth/login');
 }

package/src/mail/PasswordMail.tsx

@@ -0,0 +1,16 @@
+import { createMail } from '@sqrzro/server/mail';
+
+interface PasswordMailProps {
+    readonly token: string;
+}
+
+function PasswordMail({ token }: PasswordMailProps): React.ReactElement {
+    return (
+        <div>
+            PasswordMail
+            <a href={`http://localhost:8000/auth/password?token=${token}`}>Reset Password</a>
+        </div>
+    );
+}
+
+export default createMail('PASSWORD', PasswordMail);

package/src/rules/complexity.ts

@@ -0,0 +1,14 @@
+import { z } from 'zod';
+
+import createComplexitySchema from '../utility/create-complexity-schema';
+import type { PasswordComplexityObject } from '../utility/interfaces';
+
+function getComplexityRule(complexity: PasswordComplexityObject) {
+    const schema = createComplexitySchema(complexity);
+
+    return z.string().refine((value) => schema.safeParse(value).success, {
+        message: 'Password does not meet complexity requirements',
+    });
+}
+
+export default getComplexityRule;

package/src/utility/create-complexity-schema.ts

@@ -0,0 +1,44 @@
+import { z } from 'zod';
+
+import { PasswordComplexityKey } from './interfaces';
+import type { PasswordComplexityObject } from './interfaces';
+
+function createComplexitySchema(complexity: PasswordComplexityObject): z.ZodString {
+    let result = z.string();
+
+    if (complexity.LENGTH) {
+        result = result.min(complexity.LENGTH, PasswordComplexityKey.LENGTH);
+    }
+
+    if (complexity.UPPERCASE) {
+        result = result.regex(
+            new RegExp(`(?:.*[A-Z]){${complexity.UPPERCASE}}`),
+            PasswordComplexityKey.UPPERCASE
+        );
+    }
+
+    if (complexity.LOWERCASE) {
+        result = result.regex(
+            new RegExp(`(?:.*[a-z]){${complexity.LOWERCASE}}`),
+            PasswordComplexityKey.LOWERCASE
+        );
+    }
+
+    if (complexity.NUMBER) {
+        result = result.regex(
+            new RegExp(`(?:.*\\d){${complexity.NUMBER}}`),
+            PasswordComplexityKey.NUMBER
+        );
+    }
+
+    if (complexity.SPECIAL) {
+        result = result.regex(
+            new RegExp(`(?:.*[@$!%*?&]){${complexity.SPECIAL}}`),
+            PasswordComplexityKey.SPECIAL
+        );
+    }
+
+    return result;
+}
+
+export default createComplexitySchema;

package/src/utility/get-complexity.ts

@@ -0,0 +1,14 @@
+import type { PasswordComplexityObject } from './interfaces';
+
+const DEFAULT_COMPLEXITY: PasswordComplexityObject = {
+    LENGTH: 8,
+    LOWERCASE: 1,
+    UPPERCASE: 1,
+    NUMBER: 1,
+};
+
+function getComplexity(complexity?: PasswordComplexityObject): PasswordComplexityObject {
+    return complexity ?? DEFAULT_COMPLEXITY;
+}
+
+export default getComplexity;

package/src/utility/interfaces.ts

@@ -0,0 +1,11 @@
+export enum PasswordComplexityKey {
+    LENGTH = 'LENGTH',
+    UPPERCASE = 'UPPERCASE',
+    LOWERCASE = 'LOWERCASE',
+    NUMBER = 'NUMBER',
+    SPECIAL = 'SPECIAL',
+}
+
+export type PasswordComplexityObject = Partial<Record<PasswordComplexityKey, number>>;
+
+export type PasswordComplexityResult = { status: boolean; value: string }[];

package/src/utility/lang.ts

@@ -0,0 +1,14 @@
+import { formatPlural } from '@sqrzro/utility';
+
+import { PasswordComplexityKey } from './interfaces';
+
+export const complexities: Record<PasswordComplexityKey, (value?: number) => string> = {
+    [PasswordComplexityKey.LENGTH]: (value) => `At least ${formatPlural('character', value)} long`,
+    [PasswordComplexityKey.UPPERCASE]: (value) =>
+        `Contain at least ${formatPlural('uppercase letter', value)}`,
+    [PasswordComplexityKey.LOWERCASE]: (value) =>
+        `Contain at least ${formatPlural('lowercase letter', value)}`,
+    [PasswordComplexityKey.NUMBER]: (value) => `Contain at least ${formatPlural('number', value)}`,
+    [PasswordComplexityKey.SPECIAL]: (value) =>
+        `Contain at least ${formatPlural('special character', value)}`,
+};

package/src/utility/validate-complexity.ts

@@ -0,0 +1,53 @@
+import { getEntries, getKeys } from '@sqrzro/utility';
+import { z } from 'zod';
+
+import createComplexitySchema from './create-complexity-schema';
+import { complexities } from './lang';
+
+import { PasswordComplexityKey } from './interfaces';
+import type { PasswordComplexityObject, PasswordComplexityResult } from './interfaces';
+
+function getDefaultComplexityResult(
+    complexity: PasswordComplexityObject
+): PasswordComplexityResult {
+    return getEntries(complexity).map(([key, value]) => ({
+        status: false,
+        value: complexities[key](value),
+    }));
+}
+
+function transformResult(
+    complexity: PasswordComplexityObject,
+    errors: PasswordComplexityKey[]
+): PasswordComplexityResult {
+    // If there are errors that don't match the complexity keys (for example, the initial state), return the default result
+
+    if (errors.find((error) => !getKeys(complexity).includes(error))) {
+        return getDefaultComplexityResult(complexity);
+    }
+
+    return getEntries(complexity).map(([key, value]) => ({
+        status: !errors.includes(key),
+        value: complexities[key](value),
+    }));
+}
+
+function validateComplexity(
+    complexity: PasswordComplexityObject,
+    password?: string
+): PasswordComplexityResult {
+    try {
+        createComplexitySchema(complexity).parse(password);
+        return transformResult(complexity, []);
+    } catch (error) {
+        if (error instanceof z.ZodError) {
+            return transformResult(
+                complexity,
+                error.issues.map((issue) => issue.message as PasswordComplexityKey)
+            );
+        }
+        return getDefaultComplexityResult(complexity);
+    }
+}
+
+export default validateComplexity;