chore: all review comments

src/features/authorization/components/AuthenticationSteps/AuthenticationSteps.tsx

@@ -1,6 +1,6 @@
 import { useState, type JSX } from 'react';
 import { LoginRegisterForm } from './LoginRegiserForm';
-import type { AuthMode, AuthType } from '../../types/authTypes';
+import type { AuthMode, AuthStep, AuthType } from '../../types/authTypes';
 import { OtpVerifyForm } from './OtpVerifyForm';
 import { isNumeric } from '@/utils/regexes/isNumeric';
 import { CompleteSignUp } from './CompleteSignUp';
@@ -8,22 +8,17 @@ import { EnterPasswordForm } from './EnterPasswordForm';
 import { UserStatus } from '../../types/userTypes';
 import type { CountryCode, GUID } from '@/types/commonTypes';
 import { VerifyPhoneNumber } from './VerifyPhoneNumber';
-import { useSearchParams } from 'react-router';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 
 export const AuthenticationSteps = (): JSX.Element => {
-  const DEFAULT_RETURN_URL = 'https://account.business-harmony.com/';
+  const navigate = useNavigate();
+  const DEFAULT_RETURN_URL = '/profile';
   const [searchParams] = useSearchParams();
   const authReturnUrl: string =
     searchParams.get('returnUrl') ?? DEFAULT_RETURN_URL;
   const [authMode, setAuthMode] = useState<AuthMode>('register');
   const [authType, setAuthType] = useState<AuthType>('phone');
-  const [currentStep, setCurrentStep] = useState<
-    | 'emailOrPhone'
-    | 'verify'
-    | 'enterPassword'
-    | 'addPhoneNumber'
-    | 'addedPhoneNumberVerify'
-  >('emailOrPhone');
+  const [currentStep, setCurrentStep] = useState<AuthStep>('emailOrPhone');
   const [loginRegisterValue, setLoginRegisterValue] = useState<string>('');
   const [countryCode, setCountryCode] = useState<CountryCode>('+98');
   const [addPhoneCountryCode, setAddPhoneCountryCode] =
@@ -54,24 +49,28 @@ export const AuthenticationSteps = (): JSX.Element => {
     }
   };
 
-  const handleOTPVerfied = (userId: GUID) => {
-    handleUserLoggedIn(userId);
-  };
-
   const handleUserLoggedIn = (userId: GUID) => {
     localStorage.setItem('userID', userId);
 
-    location.href = authReturnUrl;
+    redirectToReturnUrl();
   };
 
   const handleConfrimPhoneNumber = (userId: GUID) => {
-    handleUserLoggedIn(userId);
+    localStorage.setItem('userID', userId);
 
     setCurrentStep('addPhoneNumber');
   };
 
   const handlePhoneNumberVerified = () => {
-    location.href = authReturnUrl;
+    redirectToReturnUrl();
+  };
+
+  const redirectToReturnUrl = () => {
+    if (authReturnUrl === DEFAULT_RETURN_URL) {
+      navigate(DEFAULT_RETURN_URL);
+    } else {
+      location.href = authReturnUrl;
+    }
   };
 
   return (
@@ -95,7 +94,7 @@ export const AuthenticationSteps = (): JSX.Element => {
           onVerifyPhoneNumber={handleConfrimPhoneNumber}
           authReturnUrl={authReturnUrl}
           countryCode={countryCode}
-          onOTPVerified={handleOTPVerfied}
+          onOTPVerified={handleUserLoggedIn}
           onEditValue={() => setCurrentStep('emailOrPhone')}
           authMode={authMode}
           authType={authType}

src/features/authorization/components/AuthenticationSteps/CompleteSignUp.tsx

@@ -41,6 +41,10 @@ export const CompleteSignUp = ({
   const handleBlur = () => {
     setTouched(true);
 
+    handleValueError();
+  };
+
+  const handleValueError = () => {
     if (!value) {
       setError(t('loginForm.thisFieldIsRequired'));
     }
@@ -52,15 +56,11 @@ export const CompleteSignUp = ({
   };
 
   const handleCompleteSignUp = async () => {
-    if (!value) {
-      setError(t('loginForm.thisFieldIsRequired'));
-      inputRef.current?.focus();
-    }
-    if (!isPhoneValid(countryCode, value)) {
-      setError(t('loginForm.phoneNumberIsInvalid'));
+    handleValueError();
+
+    if (!value || !isPhoneValid(countryCode, value)) {
       inputRef.current?.focus();
     } else {
-      setError(undefined);
       setSendOtpLoading(true);
 
       await sendSmsOtp({ phoneNumber: countryCode + value });

src/features/authorization/components/AuthenticationSteps/EnterPasswordForm.tsx

@@ -1,6 +1,6 @@
 import { useRef, useState } from 'react';
 import { AuthenticationCard } from '../AuthenticationCard';
-import { ArrowLeft, Edit2, Eye, EyeSlash } from 'iconsax-reactjs';
+import { ArrowLeft, Edit2, Eye, EyeSlash } from 'iconsax-react';
 import {
   Box,
   Button,
@@ -11,7 +11,7 @@ import {
 } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { Toast } from '@/components/Toast';
-import { Link } from 'react-router';
+import { Link } from 'react-router-dom';
 import type { AuthType } from '../../types/authTypes';
 import type { CountryCode, GUID } from '@/types/commonTypes';
 import {
@@ -48,7 +48,7 @@ export const EnterPasswordForm = ({
   const [showPassword, setShowPassword] = useState<boolean>(false);
   const inputRef = useRef<HTMLInputElement>(null);
   const [loginLoading, setLoginLoading] = useState<boolean>(false);
-  const [loginStatus, setLoginStatus] = useState<'success' | 'failed'>();
+  const [isLoginStatusSuccess, setIsLoginStatusSuccess] = useState<boolean>();
   const [loginAlertOpen, setLoginAlertOpen] = useState<boolean>(false);
   const [loginFailedMessage, setLoginFailedMessage] = useState<string>('');
   const [sendOtpLoading, setSendOtpLoading] = useState<boolean>(false);
@@ -74,10 +74,10 @@ export const EnterPasswordForm = ({
       const jsonRes = await result.json();
 
       if (jsonRes.success) {
-        setLoginStatus('success');
+        setIsLoginStatusSuccess(true);
         onLoggedIn(jsonRes.userId);
       } else {
-        setLoginStatus('failed');
+        setIsLoginStatusSuccess(false);
         setLoginFailedMessage(jsonRes.message);
       }
       setLoginAlertOpen(true);
@@ -103,9 +103,9 @@ export const EnterPasswordForm = ({
       <Toast
         open={loginAlertOpen}
         onClose={() => setLoginAlertOpen(false)}
-        color={loginStatus === 'failed' ? 'error' : 'success'}
+        color={!isLoginStatusSuccess ? 'error' : 'success'}
       >
-        {loginStatus === 'failed'
+        {!isLoginStatusSuccess
           ? loginFailedMessage
           : t('verify.youHaveSuccessfullyLoggedIn')}
       </Toast>
@@ -127,7 +127,7 @@ export const EnterPasswordForm = ({
         <Button
           variant="outlined"
           size="large"
-          sx={{ textTransform: 'lowercase', width: 'auto' }}
+          sx={{ width: 'auto' }}
           endIcon={<Edit2 />}
           onClick={onEditValue}
         >

src/features/authorization/components/AuthenticationSteps/GoogleAuthentication.tsx

@@ -1,10 +1,10 @@
 import { Button } from '@mui/material';
-import { Google } from 'iconsax-reactjs';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import type { GoogleCodeClientResponse } from '../../types/userTypes';
 import { loginOrSignUpWithGoogle } from '../../api/authorizationAPI';
 import type { GUID } from '@/types/commonTypes';
+import { Google } from 'iconsax-react';
 
 export interface GoogleAuthenticationProps {
   disabled: boolean;
@@ -32,7 +32,7 @@ export const GoogleAuthentication = ({
 
     script.onload = () => {
       clientRef.current = google.accounts.oauth2.initCodeClient({
-        client_id: 'CLIEND_ID',
+        client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID,
         scope: 'openid email profile',
         ux_mode: 'popup',
         response_type: 'id_token',
@@ -48,13 +48,17 @@ export const GoogleAuthentication = ({
           if (jsonRes.success) {
             onGoogleAuthenticated(jsonRes.userId);
           } else {
-            handleGoogleLogin();
+            // Todo: Add useToast to handle error
           }
 
           setLoginWithGoogleLoading(false);
         },
       });
     };
+
+    return () => {
+      document.body.removeChild(script);
+    };
   }, []);
 
   const handleGoogleLogin = () => {

src/features/authorization/components/AuthenticationSteps/LoginRegiserForm.tsx

@@ -4,7 +4,6 @@ import { useTranslation } from 'react-i18next';
 import { isNumeric } from '@/utils/regexes/isNumeric';
 import type { AuthType } from '../../types/authTypes';
 import { isEmail } from '@/utils/regexes/isEmail';
-import parsePhoneNumberFromString from 'libphonenumber-js';
 import { AuthenticationCard } from '../AuthenticationCard';
 import { CountryCodeSelector } from '../CountryCodeSelector';
 import type { UserStatus } from '../../types/userTypes';
@@ -12,6 +11,7 @@ import { getUserStatusByPhoneNumberOrEmail } from '../../api/authorizationAPI';
 import { Toast } from '@/components/Toast';
 import type { CountryCode, GUID } from '@/types/commonTypes';
 import { GoogleAuthentication } from './GoogleAuthentication';
+import { isPhoneNumber } from '@/utils/regexes/isValidPhoneNumber';
 
 export interface LoginRegisterFormProps {
   loginRegisterValue: string;
@@ -62,42 +62,32 @@ export function LoginRegisterForm({
     validateInput(loginRegisterValue, authType);
   };
 
-  const validateInput = (value: string, authType: AuthType) => {
-    if (!value) {
-      setError(t('loginForm.thisFieldIsRequired'));
-    } else if (authType === 'email' && !isEmail(value)) {
-      setError(t('loginForm.emailIsInvalid'));
-    } else if (authType === 'phone' && !isPhoneValid(countryCode, value)) {
-      setError(t('loginForm.phoneNumberIsInvalid'));
-    } else {
-      setError(undefined);
-    }
-  };
-
-  const isPhoneValid = (code: string, phone: string) => {
-    const phoneNumber = parsePhoneNumberFromString(code + phone);
-
-    return phoneNumber && phoneNumber.isValid();
-  };
-
-  const isInputValid = (value: string, authType: AuthType): boolean => {
+  const validateInput = (
+    value: string,
+    authType: AuthType,
+    setErrors: boolean = true,
+  ): boolean => {
     if (!value) {
+      if (setErrors) setError(t('loginForm.thisFieldIsRequired'));
       return false;
     }
 
     if (authType === 'email' && !isEmail(value)) {
+      if (setErrors) setError(t('loginForm.emailIsInvalid'));
       return false;
     }
 
-    if (authType === 'phone' && !isPhoneValid(countryCode, value)) {
+    if (authType === 'phone' && !isPhoneNumber(countryCode, value)) {
+      if (setErrors) setError(t('loginForm.phoneNumberIsInvalid'));
       return false;
     }
 
+    if (setErrors) setError(undefined);
     return true;
   };
 
   const handleSubmit = async () => {
-    if (isInputValid(loginRegisterValue, authType)) {
+    if (validateInput(loginRegisterValue, authType, false)) {
       setCheckStatusLoading(true);
       const result = await getUserStatusByPhoneNumberOrEmail({
         phoneNumber:

src/features/authorization/components/AuthenticationSteps/OtpVerifyForm.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { Box, Button, Stack, Typography } from '@mui/material';
-import { Edit2 } from 'iconsax-reactjs';
+import { Edit2 } from 'iconsax-react';
 import DigitInput from '@/components/components/DigitsInput';
 import type { AuthMode, AuthType } from '../../types/authTypes';
 import { useEffect, useState } from 'react';
@@ -80,12 +80,6 @@ export function OtpVerifyForm({
     return `${min}:${sec.toString().padStart(2, '0')}`;
   };
 
-  const handleDigitInputChange = (value: string[]) => {
-    const formattedValue = value.filter((char) => char !== '').join('');
-
-    setOtpCode(formattedValue);
-  };
-
   const handleVerifyOTP = () => {
     if (!otpCode || otpCode.length < 4) {
       setOtpDigitInvalid(true);
@@ -146,17 +140,14 @@ export function OtpVerifyForm({
     return '';
   };
 
-  const verifyAlertMessage = (): string => {
-    if (verifyStatus === 'failed') {
-      return errorMessage ?? t('verify.theVerificationCodeIsIncorrect');
-    } else if (verifyStatus === 'success' && authMode === 'register') {
-      return t('verify.youHaveSuccessfullySignedIn');
-    } else if (verifyStatus === 'success' && authMode === 'login') {
-      return t('verify.youHaveSuccessfullyLoggedIn');
-    }
-
-    return '';
-  };
+  const toastMessage =
+    verifyStatus === 'failed'
+      ? (errorMessage ?? t('verify.theVerificationCodeIsIncorrect'))
+      : verifyStatus === 'success' && authMode === 'register'
+        ? t('verify.youHaveSuccessfullySignedIn')
+        : verifyStatus === 'success' && authMode === 'login'
+          ? t('verify.youHaveSuccessfullyLoggedIn')
+          : '';
 
   return (
     <Stack alignItems="center">
@@ -166,7 +157,7 @@ export function OtpVerifyForm({
           onClose={() => setVerifyAlertOpen(false)}
           color={verifyStatus === 'failed' ? 'error' : 'success'}
         >
-          {verifyAlertMessage()}
+          {toastMessage}
         </Toast>
 
         <Box
@@ -199,7 +190,7 @@ export function OtpVerifyForm({
         <DigitInput
           error={otpDigitInvalid || verifyStatus === 'failed'}
           success={verifyStatus === 'success'}
-          onChange={(value) => handleDigitInputChange(value as string[])}
+          onChange={(value) => setOtpCode(value)}
         />
 
         <Button onClick={handleVerifyOTP} loading={verifyStatusLoading}>

src/features/authorization/components/AuthenticationSteps/VerifyPhoneNumber.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { Box, Button, Stack, Typography } from '@mui/material';
-import { Edit2 } from 'iconsax-reactjs';
+import { Edit2 } from 'iconsax-react';
 import DigitInput from '@/components/components/DigitsInput';
 import { useEffect, useState } from 'react';
 import { Toast } from '@/components/Toast';
@@ -63,12 +63,6 @@ export function VerifyPhoneNumber({
     return `${min}:${sec.toString().padStart(2, '0')}`;
   };
 
-  const handleDigitInputChange = (value: string[]) => {
-    const formattedValue = value.filter((char) => char !== '').join('');
-
-    setOtpCode(formattedValue);
-  };
-
   const handleVerifyOTP = async () => {
     if (!otpCode || otpCode.length < 4) {
       setOtpDigitInvalid(true);
@@ -147,7 +141,7 @@ export function VerifyPhoneNumber({
         <DigitInput
           error={otpDigitInvalid || verifyStatus === 'failed'}
           success={verifyStatus === 'success'}
-          onChange={(value) => handleDigitInputChange(value as string[])}
+          onChange={(value) => setOtpCode(value)}
         />
 
         <Button onClick={handleVerifyOTP} loading={verifyStatusLoading}>

src/features/authorization/components/CountryCodeSelector.tsx

@@ -10,10 +10,10 @@ import {
   Typography,
 } from '@mui/material';
 import { useMemo, useRef, useState, type RefObject } from 'react';
-import { ArrowDown2 } from 'iconsax-reactjs';
+import { ArrowDown2 } from 'iconsax-react';
 import ReactCountryFlag from 'react-country-flag';
 import { useTranslation } from 'react-i18next';
-import { countries, type Country } from '../data/countries';
+import { countries, type Country } from '../../../countries';
 import type { CountryCode } from '@/types/commonTypes';
 interface CountryCodeSelectorProps {
   show: boolean;

src/features/authorization/components/ForgetPassword/ChangePassword.tsx

@@ -1,6 +1,6 @@
 import { useRef, useState } from 'react';
 import { AuthenticationCard } from '../AuthenticationCard';
-import { Edit2, Eye, EyeSlash, TickCircle } from 'iconsax-reactjs';
+import { Edit2, Eye, EyeSlash, TickCircle } from 'iconsax-react';
 import {
   Box,
   Button,

src/features/authorization/components/ForgetPassword/ForgetPasswordOtp.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next';
 import { Box, Button, Stack, Typography } from '@mui/material';
-import { Edit2 } from 'iconsax-reactjs';
+import { Edit2 } from 'iconsax-react';
 import DigitInput from '@/components/components/DigitsInput';
 import type { AuthType } from '../../types/authTypes';
 import { useEffect, useState } from 'react';
@@ -69,12 +69,6 @@ export function ForgetPasswordOtp({
     return `${min}:${sec.toString().padStart(2, '0')}`;
   };
 
-  const handleDigitInputChange = (value: string[]) => {
-    const formattedValue = value.filter((char) => char !== '').join('');
-
-    setOtpCode(formattedValue);
-  };
-
   const handleVerifyOTP = async () => {
     if (!otpCode || otpCode.length < 4) {
       setOtpDigitInvalid(true);
@@ -158,7 +152,7 @@ export function ForgetPasswordOtp({
         <DigitInput
           error={otpDigitInvalid || verifyStatus === 'failed'}
           success={verifyStatus === 'success'}
-          onChange={(value) => handleDigitInputChange(value as string[])}
+          onChange={(value) => setOtpCode(value)}
         />
 
         <Button onClick={handleVerifyOTP} loading={verifyStatusLoading}>

src/features/authorization/components/ForgetPassword/ForgettedPasswordInfo.tsx

@@ -4,13 +4,13 @@ import { useTranslation } from 'react-i18next';
 import { isNumeric } from '@/utils/regexes/isNumeric';
 import type { AuthType } from '../../types/authTypes';
 import { isEmail } from '@/utils/regexes/isEmail';
-import parsePhoneNumberFromString from 'libphonenumber-js';
 import { AuthenticationCard } from '../AuthenticationCard';
 import { CountryCodeSelector } from '../CountryCodeSelector';
 import type { CountryCode } from '@/types/commonTypes';
 import { sendForgetPassCode } from '../../api/authorizationAPI';
 import type { SendForgetPassCodeRequest } from '../../types/userTypes';
 import { Toast } from '@/components/Toast';
+import { isPhoneNumber } from '@/utils/regexes/isValidPhoneNumber';
 
 export interface ForgettedPasswordInfoProps {
   forgettedPasswordInfo: string;
@@ -57,42 +57,28 @@ export function ForgettedPasswordInfo({
     validateInput(forgettedPasswordInfo, infoType);
   };
 
-  const validateInput = (value: string, authType: AuthType) => {
+  const validateInput = (
+    value: string,
+    authType: AuthType,
+    setErrors: boolean = true,
+  ) => {
     if (!value) {
-      setError(t('loginForm.thisFieldIsRequired'));
+      if (setErrors) setError(t('loginForm.thisFieldIsRequired'));
+      return false;
     } else if (authType === 'email' && !isEmail(value)) {
-      setError(t('loginForm.emailIsInvalid'));
-    } else if (authType === 'phone' && !isPhoneValid(countryCode, value)) {
-      setError(t('loginForm.phoneNumberIsInvalid'));
+      if (setErrors) setError(t('loginForm.emailIsInvalid'));
+      return false;
+    } else if (authType === 'phone' && !isPhoneNumber(countryCode, value)) {
+      if (setErrors) setError(t('loginForm.phoneNumberIsInvalid'));
+      return false;
     } else {
-      setError(undefined);
+      if (setErrors) setError(undefined);
+      return true;
     }
   };
 
-  const isPhoneValid = (code: string, phone: string) => {
-    const phoneNumber = parsePhoneNumberFromString(code + phone);
-
-    return phoneNumber && phoneNumber.isValid();
-  };
-
-  const isInputValid = (value: string, infoType: AuthType): boolean => {
-    if (!value) {
-      return false;
-    }
-
-    if (infoType === 'email' && !isEmail(value)) {
-      return false;
-    }
-
-    if (infoType === 'phone' && !isPhoneValid(countryCode, value)) {
-      return false;
-    }
-
-    return true;
-  };
-
   const handleSubmit = async () => {
-    if (isInputValid(forgettedPasswordInfo, infoType)) {
+    if (validateInput(forgettedPasswordInfo, infoType, false)) {
       setSendCodeLoading(true);
 
       const sendCodeRequest: SendForgetPassCodeRequest = {

src/features/authorization/data/countries.ts

@@ -1,267 +0,0 @@
-import type { CountryCode } from '@/types/commonTypes';
-
-export interface Country {
-  code: string;
-  label: string;
-  phone: CountryCode;
-}
-
-export const countries: readonly Country[] = [
-  { code: 'AF', label: 'country.afghanistan', phone: '+93' },
-  { code: 'AX', label: 'country.aland_islands', phone: '+358' },
-  { code: 'AL', label: 'country.albania', phone: '+355' },
-  { code: 'DZ', label: 'country.algeria', phone: '+213' },
-  { code: 'AS', label: 'country.american_samoa', phone: '+1684' },
-  { code: 'AD', label: 'country.andorra', phone: '+376' },
-  { code: 'AO', label: 'country.angola', phone: '+244' },
-  { code: 'AI', label: 'country.anguilla', phone: '+1264' },
-  { code: 'AQ', label: 'country.antarctica', phone: '+672' },
-  { code: 'AG', label: 'country.antigua_and_barbuda', phone: '+1268' },
-  { code: 'AR', label: 'country.argentina', phone: '+54' },
-  { code: 'AM', label: 'country.armenia', phone: '+374' },
-  { code: 'AW', label: 'country.aruba', phone: '+297' },
-  { code: 'AU', label: 'country.australia', phone: '+61' },
-  { code: 'AT', label: 'country.austria', phone: '+43' },
-  { code: 'AZ', label: 'country.azerbaijan', phone: '+994' },
-  { code: 'BS', label: 'country.bahamas', phone: '+1242' },
-  { code: 'BH', label: 'country.bahrain', phone: '+973' },
-  { code: 'BD', label: 'country.bangladesh', phone: '+880' },
-  { code: 'BB', label: 'country.barbados', phone: '+1246' },
-  { code: 'BY', label: 'country.belarus', phone: '+375' },
-  { code: 'BE', label: 'country.belgium', phone: '+32' },
-  { code: 'BZ', label: 'country.belize', phone: '+501' },
-  { code: 'BJ', label: 'country.benin', phone: '+229' },
-  { code: 'BM', label: 'country.bermuda', phone: '+1441' },
-  { code: 'BT', label: 'country.bhutan', phone: '+975' },
-  { code: 'BO', label: 'country.bolivia', phone: '+591' },
-  { code: 'BA', label: 'country.bosnia_and_herzegovina', phone: '+387' },
-  { code: 'BW', label: 'country.botswana', phone: '+267' },
-  { code: 'BR', label: 'country.brazil', phone: '+55' },
-  {
-    code: 'IO',
-    label: 'country.british_indian_ocean_territory',
-    phone: '+246',
-  },
-  { code: 'VG', label: 'country.british_virgin_islands', phone: '+1284' },
-  { code: 'BN', label: 'country.brunei', phone: '+673' },
-  { code: 'BG', label: 'country.bulgaria', phone: '+359' },
-  { code: 'BF', label: 'country.burkina_faso', phone: '+226' },
-  { code: 'BI', label: 'country.burundi', phone: '+257' },
-  { code: 'KH', label: 'country.cambodia', phone: '+855' },
-  { code: 'CM', label: 'country.cameroon', phone: '+237' },
-  { code: 'CA', label: 'country.canada', phone: '+1' },
-  { code: 'CV', label: 'country.cape_verde', phone: '+238' },
-  { code: 'KY', label: 'country.cayman_islands', phone: '+1345' },
-  { code: 'CF', label: 'country.central_african_republic', phone: '+236' },
-  { code: 'TD', label: 'country.chad', phone: '+235' },
-  { code: 'CL', label: 'country.chile', phone: '+56' },
-  { code: 'CN', label: 'country.china', phone: '+86' },
-  { code: 'CX', label: 'country.christmas_island', phone: '+61' },
-  { code: 'CC', label: 'country.cocos_keeling_islands', phone: '+61' },
-  { code: 'CO', label: 'country.colombia', phone: '+57' },
-  { code: 'KM', label: 'country.comoros', phone: '+269' },
-  { code: 'CG', label: 'country.congo_brazzaville', phone: '+242' },
-  { code: 'CD', label: 'country.congo_kinshasa', phone: '+243' },
-  { code: 'CK', label: 'country.cook_islands', phone: '+682' },
-  { code: 'CR', label: 'country.costa_rica', phone: '+506' },
-  { code: 'CI', label: 'country.cote_divoire', phone: '+225' },
-  { code: 'HR', label: 'country.croatia', phone: '+385' },
-  { code: 'CU', label: 'country.cuba', phone: '+53' },
-  { code: 'CW', label: 'country.curacao', phone: '+599' },
-  { code: 'CY', label: 'country.cyprus', phone: '+357' },
-  { code: 'CZ', label: 'country.czech_republic', phone: '+420' },
-  { code: 'DK', label: 'country.denmark', phone: '+45' },
-  { code: 'DJ', label: 'country.djibouti', phone: '+253' },
-  { code: 'DM', label: 'country.dominica', phone: '+1767' },
-  { code: 'DO', label: 'country.dominican_republic', phone: '+1' },
-  { code: 'EC', label: 'country.ecuador', phone: '+593' },
-  { code: 'EG', label: 'country.egypt', phone: '+20' },
-  { code: 'SV', label: 'country.el_salvador', phone: '+503' },
-  { code: 'GQ', label: 'country.equatorial_guinea', phone: '+240' },
-  { code: 'ER', label: 'country.eritrea', phone: '+291' },
-  { code: 'EE', label: 'country.estonia', phone: '+372' },
-  { code: 'SZ', label: 'country.eswatini', phone: '+268' },
-  { code: 'ET', label: 'country.ethiopia', phone: '+251' },
-  { code: 'FK', label: 'country.falkland_islands', phone: '+500' },
-  { code: 'FO', label: 'country.faroe_islands', phone: '+298' },
-  { code: 'FJ', label: 'country.fiji', phone: '+679' },
-  { code: 'FI', label: 'country.finland', phone: '+358' },
-  { code: 'FR', label: 'country.france', phone: '+33' },
-  { code: 'GF', label: 'country.french_guiana', phone: '+594' },
-  { code: 'PF', label: 'country.french_polynesia', phone: '+689' },
-  { code: 'GA', label: 'country.gabon', phone: '+241' },
-  { code: 'GM', label: 'country.gambia', phone: '+220' },
-  { code: 'GE', label: 'country.georgia', phone: '+995' },
-  { code: 'DE', label: 'country.germany', phone: '+49' },
-  { code: 'GH', label: 'country.ghana', phone: '+233' },
-  { code: 'GI', label: 'country.gibraltar', phone: '+350' },
-  { code: 'GR', label: 'country.greece', phone: '+30' },
-  { code: 'GL', label: 'country.greenland', phone: '+299' },
-  { code: 'GD', label: 'country.grenada', phone: '+1473' },
-  { code: 'GP', label: 'country.guadeloupe', phone: '+590' },
-  { code: 'GU', label: 'country.guam', phone: '+1671' },
-  { code: 'GT', label: 'country.guatemala', phone: '+502' },
-  { code: 'GG', label: 'country.guernsey', phone: '+44' },
-  { code: 'GN', label: 'country.guinea', phone: '+224' },
-  { code: 'GW', label: 'country.guinea_bissau', phone: '+245' },
-  { code: 'GY', label: 'country.guyana', phone: '+592' },
-  { code: 'HT', label: 'country.haiti', phone: '+509' },
-  { code: 'HN', label: 'country.honduras', phone: '+504' },
-  { code: 'HK', label: 'country.hong_kong', phone: '+852' },
-  { code: 'HU', label: 'country.hungary', phone: '+36' },
-  { code: 'IS', label: 'country.iceland', phone: '+354' },
-  { code: 'IN', label: 'country.india', phone: '+91' },
-  { code: 'ID', label: 'country.indonesia', phone: '+62' },
-  { code: 'IR', label: 'country.iran', phone: '+98' },
-  { code: 'IQ', label: 'country.iraq', phone: '+964' },
-  { code: 'IE', label: 'country.ireland', phone: '+353' },
-  { code: 'IM', label: 'country.isle_of_man', phone: '+44' },
-  { code: 'IL', label: 'country.israel', phone: '+972' },
-  { code: 'IT', label: 'country.italy', phone: '+39' },
-  { code: 'JM', label: 'country.jamaica', phone: '+1876' },
-  { code: 'JP', label: 'country.japan', phone: '+81' },
-  { code: 'JE', label: 'country.jersey', phone: '+44' },
-  { code: 'JO', label: 'country.jordan', phone: '+962' },
-  { code: 'KZ', label: 'country.kazakhstan', phone: '+7' },
-  { code: 'KE', label: 'country.kenya', phone: '+254' },
-  { code: 'KI', label: 'country.kiribati', phone: '+686' },
-  { code: 'XK', label: 'country.kosovo', phone: '+383' },
-  { code: 'KW', label: 'country.kuwait', phone: '+965' },
-  { code: 'KG', label: 'country.kyrgyzstan', phone: '+996' },
-  { code: 'LA', label: 'country.laos', phone: '+856' },
-  { code: 'LV', label: 'country.latvia', phone: '+371' },
-  { code: 'LB', label: 'country.lebanon', phone: '+961' },
-  { code: 'LS', label: 'country.lesotho', phone: '+266' },
-  { code: 'LR', label: 'country.liberia', phone: '+231' },
-  { code: 'LY', label: 'country.libya', phone: '+218' },
-  { code: 'LI', label: 'country.liechtenstein', phone: '+423' },
-  { code: 'LT', label: 'country.lithuania', phone: '+370' },
-  { code: 'LU', label: 'country.luxembourg', phone: '+352' },
-  { code: 'MO', label: 'country.macau', phone: '+853' },
-  { code: 'MG', label: 'country.madagascar', phone: '+261' },
-  { code: 'MW', label: 'country.malawi', phone: '+265' },
-  { code: 'MY', label: 'country.malaysia', phone: '+60' },
-  { code: 'MV', label: 'country.maldives', phone: '+960' },
-  { code: 'ML', label: 'country.mali', phone: '+223' },
-  { code: 'MT', label: 'country.malta', phone: '+356' },
-  { code: 'MH', label: 'country.marshall_islands', phone: '+692' },
-  { code: 'MQ', label: 'country.martinique', phone: '+596' },
-  { code: 'MR', label: 'country.mauritania', phone: '+222' },
-  { code: 'MU', label: 'country.mauritius', phone: '+230' },
-  { code: 'YT', label: 'country.mayotte', phone: '+262' },
-  { code: 'MX', label: 'country.mexico', phone: '+52' },
-  { code: 'FM', label: 'country.micronesia', phone: '+691' },
-  { code: 'MD', label: 'country.moldova', phone: '+373' },
-  { code: 'MC', label: 'country.monaco', phone: '+377' },
-  { code: 'MN', label: 'country.mongolia', phone: '+976' },
-  { code: 'ME', label: 'country.montenegro', phone: '+382' },
-  { code: 'MS', label: 'country.montserrat', phone: '+1664' },
-  { code: 'MA', label: 'country.morocco', phone: '+212' },
-  { code: 'MZ', label: 'country.mozambique', phone: '+258' },
-  { code: 'MM', label: 'country.myanmar', phone: '+95' },
-  { code: 'NA', label: 'country.namibia', phone: '+264' },
-  { code: 'NR', label: 'country.nauru', phone: '+674' },
-  { code: 'NP', label: 'country.nepal', phone: '+977' },
-  { code: 'NL', label: 'country.netherlands', phone: '+31' },
-  { code: 'NC', label: 'country.new_caledonia', phone: '+687' },
-  { code: 'NZ', label: 'country.new_zealand', phone: '+64' },
-  { code: 'NI', label: 'country.nicaragua', phone: '+505' },
-  { code: 'NE', label: 'country.niger', phone: '+227' },
-  { code: 'NG', label: 'country.nigeria', phone: '+234' },
-  { code: 'NU', label: 'country.niue', phone: '+683' },
-  { code: 'NF', label: 'country.norfolk_island', phone: '+672' },
-  { code: 'KP', label: 'country.north_korea', phone: '+850' },
-  { code: 'MK', label: 'country.north_macedonia', phone: '+389' },
-  { code: 'MP', label: 'country.northern_mariana_islands', phone: '+1670' },
-  { code: 'NO', label: 'country.norway', phone: '+47' },
-  { code: 'OM', label: 'country.oman', phone: '+968' },
-  { code: 'PK', label: 'country.pakistan', phone: '+92' },
-  { code: 'PW', label: 'country.palau', phone: '+680' },
-  { code: 'PS', label: 'country.palestine', phone: '+970' },
-  { code: 'PA', label: 'country.panama', phone: '+507' },
-  { code: 'PG', label: 'country.papua_new_guinea', phone: '+675' },
-  { code: 'PY', label: 'country.paraguay', phone: '+595' },
-  { code: 'PE', label: 'country.peru', phone: '+51' },
-  { code: 'PH', label: 'country.philippines', phone: '+63' },
-  { code: 'PN', label: 'country.pitcairn_islands', phone: '+64' },
-  { code: 'PL', label: 'country.poland', phone: '+48' },
-  { code: 'PT', label: 'country.portugal', phone: '+351' },
-  { code: 'PR', label: 'country.puerto_rico', phone: '+1' },
-  { code: 'QA', label: 'country.qatar', phone: '+974' },
-  { code: 'RE', label: 'country.reunion', phone: '+262' },
-  { code: 'RO', label: 'country.romania', phone: '+40' },
-  { code: 'RU', label: 'country.russia', phone: '+7' },
-  { code: 'RW', label: 'country.rwanda', phone: '+250' },
-  { code: 'BL', label: 'country.saint_barthelemy', phone: '+590' },
-  { code: 'SH', label: 'country.saint_helena', phone: '+290' },
-  { code: 'KN', label: 'country.saint_kitts_and_nevis', phone: '+1869' },
-  { code: 'LC', label: 'country.saint_lucia', phone: '+1758' },
-  { code: 'MF', label: 'country.saint_martin', phone: '+590' },
-  { code: 'PM', label: 'country.saint_pierre_and_miquelon', phone: '+508' },
-  {
-    code: 'VC',
-    label: 'country.saint_vincent_and_the_grenadines',
-    phone: '+1784',
-  },
-  { code: 'WS', label: 'country.samoa', phone: '+685' },
-  { code: 'SM', label: 'country.san_marino', phone: '+378' },
-  { code: 'ST', label: 'country.sao_tome_and_principe', phone: '+239' },
-  { code: 'SA', label: 'country.saudi_arabia', phone: '+966' },
-  { code: 'SN', label: 'country.senegal', phone: '+221' },
-  { code: 'RS', label: 'country.serbia', phone: '+381' },
-  { code: 'SC', label: 'country.seychelles', phone: '+248' },
-  { code: 'SL', label: 'country.sierra_leone', phone: '+232' },
-  { code: 'SG', label: 'country.singapore', phone: '+65' },
-  { code: 'SX', label: 'country.sint_maarten', phone: '+1721' },
-  { code: 'SK', label: 'country.slovakia', phone: '+421' },
-  { code: 'SI', label: 'country.slovenia', phone: '+386' },
-  { code: 'SB', label: 'country.solomon_islands', phone: '+677' },
-  { code: 'SO', label: 'country.somalia', phone: '+252' },
-  { code: 'ZA', label: 'country.south_africa', phone: '+27' },
-  {
-    code: 'GS',
-    label: 'country.south_georgia_and_south_sandwich_islands',
-    phone: '+500',
-  },
-  { code: 'KR', label: 'country.south_korea', phone: '+82' },
-  { code: 'SS', label: 'country.south_sudan', phone: '+211' },
-  { code: 'ES', label: 'country.spain', phone: '+34' },
-  { code: 'LK', label: 'country.sri_lanka', phone: '+94' },
-  { code: 'SD', label: 'country.sudan', phone: '+249' },
-  { code: 'SR', label: 'country.suriname', phone: '+597' },
-  { code: 'SJ', label: 'country.svalbard_and_jan_mayen', phone: '+47' },
-  { code: 'SE', label: 'country.sweden', phone: '+46' },
-  { code: 'CH', label: 'country.switzerland', phone: '+41' },
-  { code: 'SY', label: 'country.syria', phone: '+963' },
-  { code: 'TW', label: 'country.taiwan', phone: '+886' },
-  { code: 'TJ', label: 'country.tajikistan', phone: '+992' },
-  { code: 'TZ', label: 'country.tanzania', phone: '+255' },
-  { code: 'TH', label: 'country.thailand', phone: '+66' },
-  { code: 'TL', label: 'country.timor_leste', phone: '+670' },
-  { code: 'TG', label: 'country.togo', phone: '+228' },
-  { code: 'TK', label: 'country.tokelau', phone: '+690' },
-  { code: 'TO', label: 'country.tonga', phone: '+676' },
-  { code: 'TT', label: 'country.trinidad_and_tobago', phone: '+1868' },
-  { code: 'TN', label: 'country.tunisia', phone: '+216' },
-  { code: 'TR', label: 'country.turkey', phone: '+90' },
-  { code: 'TM', label: 'country.turkmenistan', phone: '+993' },
-  { code: 'TC', label: 'country.turks_and_caicos_islands', phone: '+1649' },
-  { code: 'TV', label: 'country.tuvalu', phone: '+688' },
-  { code: 'VI', label: 'country.us_virgin_islands', phone: '+1340' },
-  { code: 'UG', label: 'country.uganda', phone: '+256' },
-  { code: 'UA', label: 'country.ukraine', phone: '+380' },
-  { code: 'AE', label: 'country.united_arab_emirates', phone: '+971' },
-  { code: 'GB', label: 'country.united_kingdom', phone: '+44' },
-  { code: 'US', label: 'country.united_states', phone: '+1' },
-  { code: 'UY', label: 'country.uruguay', phone: '+598' },
-  { code: 'UZ', label: 'country.uzbekistan', phone: '+998' },
-  { code: 'VU', label: 'country.vanuatu', phone: '+678' },
-  { code: 'VA', label: 'country.vatican_city', phone: '+39' },
-  { code: 'VE', label: 'country.venezuela', phone: '+58' },
-  { code: 'VN', label: 'country.vietnam', phone: '+84' },
-  { code: 'WF', label: 'country.wallis_and_futuna', phone: '+681' },
-  { code: 'EH', label: 'country.western_sahara', phone: '+212' },
-  { code: 'YE', label: 'country.yemen', phone: '+967' },
-  { code: 'ZM', label: 'country.zambia', phone: '+260' },
-  { code: 'ZW', label: 'country.zimbabwe', phone: '+263' },
-];

src/features/authorization/types/authTypes.ts

@@ -1,3 +1,10 @@
 export type AuthType = 'email' | 'phone';
 
 export type AuthMode = 'register' | 'login';
+
+export type AuthStep =
+  | 'emailOrPhone'
+  | 'verify'
+  | 'enterPassword'
+  | 'addPhoneNumber'
+  | 'addedPhoneNumberVerify';