[CRM][FullStack] - Reset Password and Email Verification by bderbs30 · Pull Request #305 · sandboxnu/sarge

bderbs30 · 2026-05-27T02:09:02Z

[CRM][FullStack] - Reset Password and Email Verification

reset password flow - user clicks reset password bring them to the reset password page - they enter the email - if the email is linked to an account the email is sent with a link that has a token (the token is valid for one hour) after clicking the link they can input a password meeting the criteria we've set for sign up and reset the password - after doing this they'll then be taken back to the sign in screen
change password flow
change email flow
a bunch of fixes to be more consistent with the design tokens and systems
updated the primatives

Added a new config env to .env REQUIRE_EMAIL_VERIFICATION - if u want to have email verification - so for testing staging and local u might not want to have this but for prod we'd want to - so I need to config this for staging and prod

Screenshots

The user clicks this verify email then is redirected to

changing email and password

Screen.Recording.2026-06-12.at.7.19.26.PM.mov

Checklist

Please go through all items before requesting reviewers:

Closes

Closes #303

vercel · 2026-05-27T02:09:08Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
sarge	Ready	Preview, Comment	Jun 19, 2026 2:27am

bderbs30 · 2026-06-13T05:21:13Z

@@ -0,0 +1,10 @@
+import ResetPasswordConfirm from '@/lib/components/auth/ResetPasswordConfirm';


for verify-email / reset-password confirm / accept-invitation we keep a server page.tsx that just reads searchParams and passes them as props to the client component in lib the client side needs hooks and interactivity so it can't be the page itself, and a client page would have to use useSearchParams() which requires a boundary (next fails the prod build with Missing Suspense boundary with useSearchParams if you don't). reading params on the server avoids that

https://arc.net/l/quote/rlpgzmxj

bderbs30 · 2026-06-13T05:22:11Z

I moved the sign in logic and state to a page hook

also added logic to handle unverified emails

bderbs30 · 2026-06-13T05:23:22Z

+    process.env.BETTER_AUTH_URL ??
+    (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'http://localhost:3000');
+
+const requireSignupEmailVerification = process.env.REQUIRE_EMAIL_VERIFICATION === 'true';


If u want to have verification true set in .env REQUIRE_EMAIL_VERIFICATION

Can you add this to .env.example as well? Also please add this to src/install/internal/command/templates/env.tmpl as this will redeploy our images of the install script with the new working env file for self hosting.

LOTaher · 2026-06-16T00:49:14Z

+
+    if (didSendLink) {
+        return (
+            <>


Can you use divs here and below, we don't use blank tags anywhere

LOTaher · 2026-06-16T00:50:26Z

+                        <span className="text-sarge-gray-800 font-medium">
+                            {verificationPendingEmail}
+                        </span>
+                        . Click it to finish creating your account. The link expires in 1 hour.


We should 'TODO' that this should be customizable in the admin panel eventually

LOTaher · 2026-06-16T00:50:47Z

-                                )}
-                            />
+    return (
+        <>


div this please!

LOTaher · 2026-06-16T00:52:08Z

    const { form, hasUnsavedChanges, fieldsLocked, authReady, handleSaveProfile, handleSignOut } =
        useProfilePage();

+    const [changePasswordOpen, setChangePasswordOpen] = useState(false);


Want to move this in useProfilePage as well?

LOTaher · 2026-06-16T00:53:59Z

+    process.env.BETTER_AUTH_URL ??
+    (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : 'http://localhost:3000');
+
+const requireSignupEmailVerification = process.env.REQUIRE_EMAIL_VERIFICATION === 'true';


Can you add this to .env.example as well? Also please add this to src/install/internal/command/templates/env.tmpl as this will redeploy our images of the install script with the new working env file for self hosting.

LOTaher · 2026-06-16T00:57:25Z

            ],

+            // Allow apostrophes in JSX text "you're" instead of having to do "you&apos;re"
+            'react/no-unescaped-entities': [


LOTaher · 2026-06-16T01:00:55Z

                }
+
+                toast.success(
+                    `We sent a verification link to ${values.email}. Click it to finish updating your email.`


I say remove the second sentence for now. This can be changed later but I think it is intuitive of what they need to do next given they've verified their email once already

…arams to server searchParams prop https://nextjs.org/docs/app/getting-started/layouts-and-pages#rendering-with-search-params

- Introduced email verification functionality during signup and email change processes. - Added a new template for email verification HTML. - Updated auth configuration to include email verification settings and methods for sending verification emails.

…ks up the frontend for verifying emails

- Implemented a Change Password modal component for password updates - Created a hook to manage the password change logic

…'t have to rewrite the left gradient :/

…s and frontend (where invites are involved) now we use a two type convention since the better auth api was specific in what it returned for accept invite (created At specifically)

…p of button semantic html introduced in the earlier days of dev

get rid of fragments add todo add to .env example and self hosting new env var

bderbs30 marked this pull request as draft May 27, 2026 02:09

bderbs30 changed the title ~~303/reset pass and email verif~~ [CRM][FullStack] - Reset Password and Email Verification May 27, 2026

bderbs30 requested a review from LOTaher June 12, 2026 23:25

bderbs30 marked this pull request as ready for review June 12, 2026 23:25

vercel Bot deployed to Preview June 13, 2026 01:03 View deployment

bderbs30 commented Jun 13, 2026

View reviewed changes

LOTaher requested changes Jun 16, 2026

View reviewed changes

bderbs30 added 13 commits June 18, 2026 22:16

add reset password to the auth config

477beb3

add todo for shadows

be00245

Switch /reset-password/confirm and /accept-invitation from useSearchP…

c4afefa

…arams to server searchParams prop https://nextjs.org/docs/app/getting-started/layouts-and-pages#rendering-with-search-params

prettier

6285848

should use the button prim instead

4c89f97

eslint config update

98172d6

verify email route and component + hook and verify email status - hoo…

aab7116

…ks up the frontend for verifying emails

Add Change Password Modal and Hook

f0d3f00

- Implemented a Change Password modal component for password updates - Created a hook to manage the password change logic

extract pages into hooks and also add the auth layout (so that we don…

3a0cc3a

…'t have to rewrite the left gradient :/

refactor the accept invite types to reduce casting across the service…

4409bb9

…s and frontend (where invites are involved) now we use a two type convention since the better auth api was specific in what it returned for accept invite (created At specifically)

fixed tailwind merging for typograpy design tokens - also more cleanu…

3b65701

…p of button semantic html introduced in the earlier days of dev

prettier fix

8358b3f

bderbs30 force-pushed the 303/reset-pass-and-email-verif branch from 3ed1562 to 08799ee Compare June 19, 2026 02:24

addressing comments -

17febfb

get rid of fragments add todo add to .env example and self hosting new env var

bderbs30 force-pushed the 303/reset-pass-and-email-verif branch from 08799ee to 17febfb Compare June 19, 2026 02:25

vercel Bot deployed to Preview June 19, 2026 02:27 View deployment

bderbs30 merged commit 5f63424 into main Jun 23, 2026
4 checks passed

		@@ -0,0 +1,10 @@
		import ResetPasswordConfirm from '@/lib/components/auth/ResetPasswordConfirm';

Conversation

bderbs30 commented May 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

[CRM][FullStack] - Reset Password and Email Verification

Screenshots

Checklist

Closes

Uh oh!

vercel Bot commented May 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

bderbs30 Jun 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

bderbs30 commented May 27, 2026 •

edited

Loading

vercel Bot commented May 27, 2026 •

edited

Loading

bderbs30 Jun 13, 2026 •

edited

Loading