fix(experience): use forgot password identifier in related flow

logto-io · Jul 11, 2024 · 63f0a0e · 63f0a0e
1 parent 223d7d6
commit 63f0a0e
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/packages/experience/src/pages/VerificationCode/index.tsx b/packages/experience/src/pages/VerificationCode/index.tsx
@@ -21,15 +21,19 @@ const VerificationCode = () => {
   const { flow } = useParams<Parameters>();
   const { signInMethods } = useSieMethods();
 
-  const { identifierInputValue } = useContext(UserInteractionContext);
+  const { identifierInputValue, forgotPasswordIdentifierInputValue } =
+    useContext(UserInteractionContext);
 
-  const [, useFlow] = validate(flow, userFlowGuard);
+  const [, userFlow] = validate(flow, userFlowGuard);
 
-  if (!useFlow) {
+  if (!userFlow) {
     return <ErrorPage />;
   }
 
-  const { type, value } = identifierInputValue ?? {};
+  const cachedIdentifierInputValue =
+    flow === UserFlow.ForgotPassword ? forgotPasswordIdentifierInputValue : identifierInputValue;
+
+  const { type, value } = cachedIdentifierInputValue ?? {};
 
   if (!type || type === SignInIdentifier.Username || !value) {
     return <ErrorPage title="error.invalid_session" />;
@@ -53,10 +57,10 @@ const VerificationCode = () => {
       }}
     >
       <VerificationCodeContainer
-        flow={useFlow}
+        flow={userFlow}
         identifier={type}
         target={value}
-        hasPasswordButton={useFlow === UserFlow.SignIn && methodSettings?.password}
+        hasPasswordButton={userFlow === UserFlow.SignIn && methodSettings?.password}
       />
     </SecondaryPageLayout>
   );