fix: ui bugs

src/features/authentication/components/AuthenticationSteps/AuthenticationSteps.tsx

@@ -31,6 +31,7 @@ export const AuthenticationSteps = (): JSX.Element => {
     useState<string>('');
   const [memoryTokenRes, setMemoryTokenRes] = useState<GenerateTokenResponse>();
   const [hasPassword, setHasPassword] = useState(false);
+  const [timerValue, setTimerValue] = useState(120);
   const { login } = useAuth();
 
   const authFactory: AuthFactory = useMemo(() => {
@@ -66,8 +67,13 @@ export const AuthenticationSteps = (): JSX.Element => {
     return resFactory;
   }, [searchParams]);
 
-  const handleLoginRegister = (value: string, userStatus: UserStatus) => {
+  const handleLoginRegister = (
+    value: string,
+    userStatus: UserStatus,
+    timerValue: number,
+  ) => {
     setAuthType(isNumeric(value) ? 'phone' : 'email');
+    setTimerValue(timerValue);
 
     switch (userStatus) {
       case UserStatus.NotRegistered:
@@ -131,7 +137,7 @@ export const AuthenticationSteps = (): JSX.Element => {
 
   const redirectToReturnUrl = (refreshToken: string) => {
     if (authFactory.isCurrentApplication()) {
-      navigate(import.meta.env.VITE_DEFUALT_AUTH_RETURN_URL);
+      navigate(import.meta.env.VITE_DEFAULT_AUTH_RETURN_URL);
     } else {
       if (authMode === 'register') {
         navigate(
@@ -169,6 +175,7 @@ export const AuthenticationSteps = (): JSX.Element => {
           authType={authType}
           value={loginRegisterValue}
           hasPassword={hasPassword}
+          initialTimerValue={timerValue}
           onLoginWithPassword={() => setCurrentStep('enterPassword')}
         />
       )}
@@ -194,6 +201,7 @@ export const AuthenticationSteps = (): JSX.Element => {
           setValue={setAddedPhoneNumberValue}
           email={loginRegisterValue}
           onCompleteSignUp={() => setCurrentStep('addedPhoneNumberVerify')}
+          setTimerValue={setTimerValue}
         />
       )}
 
@@ -203,6 +211,7 @@ export const AuthenticationSteps = (): JSX.Element => {
           onEditValue={() => setCurrentStep('addPhoneNumber')}
           value={addedPhoneNumberValue}
           onPhoneNumberVerified={handlePhoneNumberVerified}
+          initialTimerValue={timerValue}
         />
       )}
     </>