From 242f989c3cdbc4842b2b6d010fddbdbd29c5fb79 Mon Sep 17 00:00:00 2001
From: Tom Milewski <me@tm.codes>
Date: Tue, 2 Jul 2024 10:43:36 -0400
Subject: [PATCH] fix(elements): Ensure Sign Up resending resets upon being
 triggered [SDK-1865]

---
 .changeset/ten-islands-add.md                              | 5 +++++
 .../src/internals/machines/sign-up/verification.machine.ts | 7 +++++++
 2 files changed, 12 insertions(+)
 create mode 100644 .changeset/ten-islands-add.md

diff --git a/.changeset/ten-islands-add.md b/.changeset/ten-islands-add.md
new file mode 100644
index 00000000000..5b9268b7159
--- /dev/null
+++ b/.changeset/ten-islands-add.md
@@ -0,0 +1,5 @@
+---
+"@clerk/elements": patch
+---
+
+Ensure Sign Up resending resets upon being triggered
diff --git a/packages/elements/src/internals/machines/sign-up/verification.machine.ts b/packages/elements/src/internals/machines/sign-up/verification.machine.ts
index 817fff359f2..61739d7c391 100644
--- a/packages/elements/src/internals/machines/sign-up/verification.machine.ts
+++ b/packages/elements/src/internals/machines/sign-up/verification.machine.ts
@@ -275,6 +275,7 @@ export const SignUpVerificationMachine = setup({
       states: {
         Preparing: {
           tags: ['state:preparing', 'state:loading'],
+          exit: 'resendableReset',
           invoke: {
             id: 'prepareEmailLinkVerification',
             src: 'prepare',
@@ -363,6 +364,7 @@ export const SignUpVerificationMachine = setup({
       states: {
         Preparing: {
           tags: ['state:preparing', 'state:loading'],
+          exit: 'resendableReset',
           invoke: {
             id: 'prepareEmailAddressCodeVerification',
             src: 'prepare',
@@ -384,6 +386,10 @@ export const SignUpVerificationMachine = setup({
                 ],
               },
             ],
+            onError: {
+              actions: 'setFormErrors',
+              target: 'Pending',
+            },
           },
         },
         Pending: {
@@ -456,6 +462,7 @@ export const SignUpVerificationMachine = setup({
       states: {
         Preparing: {
           tags: ['state:preparing', 'state:loading'],
+          exit: 'resendableReset',
           invoke: {
             id: 'preparePhoneCodeVerification',
             src: 'prepare',