+ {toasts.map((toast) => (
+
+ );
+};
+
+// eslint-disable-next-line react-refresh/only-export-components
+export const toast = (message?: string, type: 'success' | 'error' | 'info' = 'info') => {
+ addToast({ id: Date.now().toString(), message: message || '', type });
+};
+
+export default ToastContainer;
\ No newline at end of file
diff --git a/src/config/axios.ts b/src/config/axios.ts
index db51774..206a62e 100644
--- a/src/config/axios.ts
+++ b/src/config/axios.ts
@@ -1,5 +1,6 @@
import axios from "axios";
-import { Pages } from "./Pages";
+import { getToken } from "./func";
+// import { Pages } from "./Pages";
const axiosInstance = axios.create({
baseURL: import.meta.env.VITE_BASE_URL,
@@ -8,18 +9,13 @@ const axiosInstance = axios.create({
axiosInstance.interceptors.response.use(
(response) => response,
(error) => {
- if (error.response.status === 401) {
- localStorage.removeItem(import.meta.env.VITE_TOKEN_NAME);
- window.location.href = Pages.auth.login;
- }
return Promise.reject(error);
}
);
axiosInstance.interceptors.request.use(async function (config) {
- const token = localStorage.getItem(import.meta.env.VITE_TOKEN_NAME)
- ? localStorage.getItem(import.meta.env.VITE_TOKEN_NAME)
- : "";
+ const tokenValue = await getToken();
+ const token = tokenValue ? tokenValue : "";
config.headers.Authorization = "Bearer " + token;
return config;
diff --git a/src/config/func.ts b/src/config/func.ts
new file mode 100644
index 0000000..baa7630
--- /dev/null
+++ b/src/config/func.ts
@@ -0,0 +1,65 @@
+import Cookie from "js-cookie";
+
+export function isEmail(input: string): boolean {
+ const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+ return emailRegex.test(input);
+}
+
+export function NumberFormat(number: number): string {
+ return Intl.NumberFormat("fa-IR").format(number);
+ // return Intl.NumberFormat("fa-IR").format(number);
+}
+
+export const timeAgo = (date: string | Date): string => {
+ const now = new Date();
+ const past = new Date(date);
+ const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // اختلاف بر حسب ثانیه
+
+ const units = [
+ { name: "سال", value: 60 * 60 * 24 * 365 },
+ { name: "ماه", value: 60 * 60 * 24 * 30 },
+ { name: "روز", value: 60 * 60 * 24 },
+ { name: "ساعت", value: 60 * 60 },
+ { name: "دقیقه", value: 60 },
+ { name: "ثانیه", value: 1 },
+ ];
+
+ for (const unit of units) {
+ const amount = Math.floor(diff / unit.value);
+ if (amount >= 1) return `${amount} ${unit.name} پیش`;
+ }
+
+ return "همین الان";
+};
+
+export const getToken = () => {
+ return Cookie.get(import.meta.env.VITE_TOKEN_NAME);
+};
+
+export const getRefreshToken = () => {
+ return Cookie.get(import.meta.env.VITE_REFRESH_TOKEN_NAME);
+};
+
+const isProduction = import.meta.env.MODE === "production";
+const domain = isProduction ? ".danakcorp.com" : undefined;
+
+export const setToken = (token: string) => {
+ Cookie.set(import.meta.env.VITE_TOKEN_NAME, token, { domain });
+};
+
+export const setRefreshToken = (refreshToken: string) => {
+ Cookie.set(import.meta.env.VITE_REFRESH_TOKEN_NAME, refreshToken, { domain });
+};
+
+export const removeToken = () => {
+ Cookie.remove(import.meta.env.VITE_TOKEN_NAME, { domain, path: "/" });
+};
+
+export const removeRefreshToken = () => {
+ Cookie.remove(import.meta.env.VITE_REFRESH_TOKEN_NAME, { domain, path: "/" });
+};
+
+export const getRedirectUrl = () => {
+ const urlParams = new URLSearchParams(window.location.search);
+ return urlParams.get("redirect");
+};
diff --git a/src/helpers/types.ts b/src/helpers/types.ts
index db6321c..d8f7039 100644
--- a/src/helpers/types.ts
+++ b/src/helpers/types.ts
@@ -1,10 +1,20 @@
-type Without
+ {
+ toast.type === 'success' ?
+ ))}
+
+
+ )
+}
+
+export default Login
\ No newline at end of file
diff --git a/src/pages/auth/Register.tsx b/src/pages/auth/Register.tsx
new file mode 100644
index 0000000..27f50d4
--- /dev/null
+++ b/src/pages/auth/Register.tsx
@@ -0,0 +1,70 @@
+import { FC } from 'react'
+import LogoImage from '../../assets/images/logo.svg'
+import LogoSmallImage from '../../assets/images/logo-small.svg'
+import { useTranslation } from 'react-i18next'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../config/Pages'
+import RegisterStep1 from './components/RegisterStep1'
+import { useAuthStore } from './store/AuthStore'
+import RegisterStep2 from './components/RegisterStep2'
+
+
+const Register: FC = () => {
+
+ const { stepLogin } = useAuthStore()
+ const { t } = useTranslation('global')
+
+
+ return (
+
+
+
+
+
+
+
+
+
+ 
+ 
+ {
+ stepLogin === 1 ?
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Register
\ No newline at end of file
diff --git a/src/pages/auth/components/LoginStep1.tsx b/src/pages/auth/components/LoginStep1.tsx
new file mode 100644
index 0000000..7c0a5ef
--- /dev/null
+++ b/src/pages/auth/components/LoginStep1.tsx
@@ -0,0 +1,108 @@
+import { FC } from 'react'
+import Input from '../../../components/Input'
+import { useTranslation } from 'react-i18next'
+import { LoginType } from '../types/AuthTypes'
+import { useFormik } from 'formik'
+import * as Yup from 'yup'
+import { useAuthStore } from '../store/AuthStore'
+import Error from '../../../components/Error'
+import Button from '../../../components/Button'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../../config/Pages'
+import { isEmail } from '../../../config/func'
+import { useCheckHasAccount, useLoginWithOtp } from '../hooks/useAuthData'
+import { ErrorType } from '../../../helpers/types'
+import { toast } from '../../../components/Toast'
+const LoginStep1: FC = () => {
+
+ const { t } = useTranslation('global')
+ const { setPhone, phone, setStepLogin, setEmail } = useAuthStore()
+ const loginWithOtp = useLoginWithOtp()
+ const checkHasAccount = useCheckHasAccount()
+
+ const formik = useFormik
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ stepLogin === 1 ?
+ + {t('auth.welcome')} +
++ {t('auth.enter_information')} +
+
+
+
+ + {t('auth.before_registered')} +
+ +{t('auth.login')}
+
+
+
+
+
+
+ )
+}
+
+export default LoginStep1
\ No newline at end of file
diff --git a/src/pages/auth/components/LoginStep2.tsx b/src/pages/auth/components/LoginStep2.tsx
new file mode 100644
index 0000000..6bfaf06
--- /dev/null
+++ b/src/pages/auth/components/LoginStep2.tsx
@@ -0,0 +1,186 @@
+import { FC, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { OtpVerifyType } from '../types/AuthTypes'
+import { useFormik } from 'formik'
+import * as Yup from 'yup'
+import { useAuthStore } from '../store/AuthStore'
+import Button from '../../../components/Button'
+import OTPInput from 'react-otp-input'
+import { useCountDown } from '../../../hooks/useCountDown'
+// import ArrowLeftIcon from '../../../assets/images/arrow-left.svg'
+import { Pages } from '../../../config/Pages'
+import { useLoginWithOtp, useOtpVerify } from '../hooks/useAuthData'
+import { ErrorType } from '../../../helpers/types'
+import { setRefreshToken } from '../../../config/func'
+import { setToken } from '../../../config/func'
+import { getRedirectUrl } from '../../../config/func'
+import { toast } from '../../../components/Toast'
+const LoginStep2: FC = () => {
+
+ const { t } = useTranslation('global')
+ const { phone, setStepLogin } = useAuthStore()
+ const { value, reset } = useCountDown(2, true)
+ const otpVerify = useOtpVerify()
+ const loginWithOtp = useLoginWithOtp()
+
+ const formik = useFormik
+
+
+ + {t('auth.welcome')} +
++ {t('auth.enter_info_login')} +
+
+
+
+ {
+ formik.touched.phone_email && formik.errors.phone_email &&
+
+
+
+
+
+ )
+}
+
+export default LoginStep2
\ No newline at end of file
diff --git a/src/pages/auth/components/LoginStep3.tsx b/src/pages/auth/components/LoginStep3.tsx
new file mode 100644
index 0000000..d0734f0
--- /dev/null
+++ b/src/pages/auth/components/LoginStep3.tsx
@@ -0,0 +1,108 @@
+import { FC } from 'react'
+import Input from '../../../components/Input'
+import { useTranslation } from 'react-i18next'
+import { LoginWithPasswordType } from '../types/AuthTypes'
+import { useFormik } from 'formik'
+import * as Yup from 'yup'
+import { useAuthStore } from '../store/AuthStore'
+import Error from '../../../components/Error'
+import Button from '../../../components/Button'
+import { Link } from 'react-router-dom'
+import { Pages } from '../../../config/Pages'
+import ArrowLeftIcon from '../../../assets/images/arrow-left.svg'
+import { useLoginWithPassword } from '../hooks/useAuthData'
+import { ErrorType } from '../../../helpers/types'
+import { setRefreshToken } from '../../../config/func'
+import { setToken } from '../../../config/func'
+import { getRedirectUrl } from '../../../config/func'
+import { toast } from '../../../components/Toast'
+
+const LoginStep3: FC = () => {
+
+ const { t } = useTranslation('global')
+ const { setStepLogin, email, phone } = useAuthStore()
+ const loginWithPassword = useLoginWithPassword()
+
+ const formik = useFormik
+
+
+ + {t('auth.enter_otp')} +
++
+
+ {t('auth.verfify_code_text_1')}
+ {phone}
+
+ {t('auth.verfify_code_text_2')}
+
+ setStepLogin(1)} className='text-black cursor-pointer'>
+ {t('auth.change_number')}
+
+
+
+
+
+
+
+ {t('auth.verify_code')}
+
+
+ formik.setFieldValue('code', otp)}
+ renderInput={(props) =>
+
+ }
+ />
+
+
+ {
+ formik.touched.code && formik.errors.code &&
+ {formik.errors.code}
+ }
+
+
+ {
+ value !== '00:00' ?
+
+
+
+
+ :
+ {value}
+ {t('auth.counter_otp')}
+
+
+
+ }
+
+
+ {t('auth.try_again')}
+
+
+
+ )
+}
+
+export default LoginStep3
\ No newline at end of file
diff --git a/src/pages/auth/components/RegisterStep1.tsx b/src/pages/auth/components/RegisterStep1.tsx
new file mode 100644
index 0000000..d081410
--- /dev/null
+++ b/src/pages/auth/components/RegisterStep1.tsx
@@ -0,0 +1,78 @@
+import { FC } from 'react'
+import Input from '../../../components/Input'
+import { useTranslation } from 'react-i18next'
+import { CheckHasAccountPhoneType } from '../types/AuthTypes'
+import { useFormik } from 'formik'
+import * as Yup from 'yup'
+import { useAuthStore } from '../store/AuthStore'
+import Error from '../../../components/Error'
+import Button from '../../../components/Button'
+import { useCheckHasAccountRegister, useLoginWithOtp } from '../hooks/useAuthData'
+import { toast } from '../../../components/Toast'
+import { ErrorType } from '../../../helpers/types'
+
+const RegisterStep1: FC = () => {
+
+ const { t } = useTranslation('global')
+ const { setPhone, setStepLogin } = useAuthStore()
+ const loginWithOtp = useLoginWithOtp()
+ const checkHasAccount = useCheckHasAccountRegister()
+
+ const formik = useFormik
+
+
+ + {t('auth.enter_password_step3')} +
++ {t('auth.enter_your_password')} +
+
+
+
+ {
+ formik.touched.password && formik.errors.password &&
+
+
+
+ {t('auth.forgot_password')}
+
+
+
+
+
+
+
+ )
+}
+
+export default RegisterStep1
\ No newline at end of file
diff --git a/src/pages/auth/components/RegisterStep2.tsx b/src/pages/auth/components/RegisterStep2.tsx
new file mode 100644
index 0000000..1fc51cf
--- /dev/null
+++ b/src/pages/auth/components/RegisterStep2.tsx
@@ -0,0 +1,143 @@
+import { FC, Fragment } from 'react'
+import { useFormik } from 'formik'
+import { RegisterType } from '../types/AuthTypes'
+import * as Yup from 'yup'
+import { useAuthStore } from '../store/AuthStore'
+import { useTranslation } from 'react-i18next'
+import Input from '../../../components/Input'
+import DatePickerComponent from '../../../components/DatePicker'
+import Button from '../../../components/Button'
+import { useRegister } from '../hooks/useAuthData'
+import { ErrorType } from '../../../helpers/types'
+import { toast } from 'react-toastify'
+import { Pages } from '../../../config/Pages'
+import { setToken } from '../../../config/func'
+import { setRefreshToken } from '../../../config/func'
+import { getRedirectUrl } from '../../../config/func'
+const RegisterStep2: FC = () => {
+
+ const { t } = useTranslation('global')
+ const { phone } = useAuthStore()
+ const register = useRegister()
+
+ const formik = useFormik
+
+
+ {
+ formik.touched.phone && formik.errors.phone &&
+
+
+
+
+
+
+
+
+
+
+ formik.setFieldValue('birthDate', date)}
+ placeholder={t('auth.select_date')}
+ error_text={formik.touched.birthDate && formik.errors.birthDate ? formik.errors.birthDate : ''}
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+