fix(clerk-js): Reset CodeControl when resetting wizard in VerifyDomai…

…nPage (#2200)
clerk · Nov 24, 2023 · e214450 · e214450
1 parent 2a7ef6d
commit e214450
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/clever-moose-act.md b/.changeset/clever-moose-act.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Reset OTP field when pressing "Cancel" in VerifyDomainPage inside `<OrganziatoinProfile/>`.
diff --git a/packages/clerk-js/src/ui.retheme/components/OrganizationProfile/VerifyDomainPage.tsx b/packages/clerk-js/src/ui.retheme/components/OrganizationProfile/VerifyDomainPage.tsx
@@ -186,7 +186,11 @@ export const VerifyDomainPage = withCardStateProvider(() => {
             textVariant='buttonExtraSmallBold'
             type='reset'
             isDisabled={status.isLoading || success}
-            onClick={wizard.prevStep}
+            onClick={() => {
+              codeControlState.clearFeedback();
+              codeControl.reset();
+              wizard.prevStep();
+            }}
             localizationKey={localizationKeys('userProfile.formButtonReset')}
           />
         </FormButtonContainer>

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/VerifyDomainPage.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/VerifyDomainPage.tsx
@@ -186,7 +186,11 @@ export const VerifyDomainPage = withCardStateProvider(() => {
             textVariant='buttonExtraSmallBold'
             type='reset'
             isDisabled={status.isLoading || success}
-            onClick={wizard.prevStep}
+            onClick={() => {
+              codeControlState.clearFeedback();
+              codeControl.reset();
+              wizard.prevStep();
+            }}
             localizationKey={localizationKeys('userProfile.formButtonReset')}
           />
         </FormButtonContainer>