Merge branch 'main' into DIAL-11-Add-DB-channeltype-channel

Author: khanh1902

client/package-lock.json

@@ -52,7 +52,9 @@
       "embla-carousel-react": "^8.0.0-rc23",
       "i18next": "^23.9.0",
       "i18next-browser-languagedetector": "^7.2.0",
+      "i18next-chained-backend": "^4.6.2",
       "i18next-http-backend": "^2.4.3",
+      "i18next-localstorage-backend": "^4.2.0",
       "lucide-react": "^0.335.0",
       "next-themes": "^0.2.1",
       "react": "^18.2.0",

client/package.json

@@ -0,0 +1,36 @@
+import { ENDPOINTS } from '@/constants';
+import http_client from '@/lib/http-client';
+import { TForgotPass } from '@/lib/schema/forgot-pass';
+import { TLogin } from '@/lib/schema/login';
+import { TRegister } from '@/lib/schema/register';
+import { TSetPass } from '@/lib/schema/set-pass';
+import { TBaseResponse, TToken } from '@/types/share';
+
+class Auth {
+   login(data: TLogin): Promise<TBaseResponse<TToken>> {
+      return http_client.post(ENDPOINTS.AUTH.LOGIN, data);
+   }
+   // TODO: SHOULD BE CHANGE TYPE ANY TO TYPE USER
+   register(data: TRegister): Promise<TBaseResponse<any>> {
+      return http_client.post(ENDPOINTS.AUTH.REGISTER, data);
+   }
+
+   forgotPassword(data: TForgotPass): Promise<TBaseResponse<null>> {
+      return http_client.post(ENDPOINTS.AUTH.FORGOT_PASSWORD, data);
+   }
+
+   setPassword(data: TSetPass): Promise<TBaseResponse<null>> {
+      return http_client.post(ENDPOINTS.AUTH.RESET_PASSWORD, data);
+   }
+
+   // TODO: SHOULD BE CHANGE TYPE ANY TO TYPE USER
+   getCurrentUser(): Promise<TBaseResponse<any>> {
+      return http_client.get(ENDPOINTS.AUTH.CURRENT_USER);
+   }
+
+   refreshToken(): Promise<TBaseResponse<TToken>> {
+      return http_client.post(ENDPOINTS.AUTH.REFRESH_TOKEN);
+   }
+}
+
+export const auth = new Auth();

client/public/locales/en/translation.json

@@ -0,0 +1,25 @@
+import { lngs } from '@/i18n';
+import { ELang } from '@/types/share';
+import { useTranslation } from 'react-i18next';
+import { Button } from './ui';
+
+export const ButtonLang = () => {
+   const { i18n } = useTranslation();
+
+   return (
+      <Button
+         variant="outline"
+         size="sm"
+         onClick={() => {
+            i18n.changeLanguage(
+               i18n.language === ELang.EN ? ELang.VI : ELang.EN
+            );
+         }}
+         className="min-w-24"
+      >
+         {lngs[i18n.language as ELang]}
+      </Button>
+   );
+};
+
+export default ButtonLang;

client/public/locales/vi/translation.json

@@ -0,0 +1,75 @@
+import { useErrorsLngChange } from '@/hooks/use-errors-lng-change';
+import { TForgotPass, useForgotPassSchema } from '@/lib/schema/forgot-pass';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import {
+   Button,
+   Form,
+   FormControl,
+   FormField,
+   FormItem,
+   FormLabel,
+   FormMessage,
+   Input,
+} from '../ui';
+
+type Props = {
+   loading?: boolean;
+   onSubmit?: (data: TForgotPass) => void;
+};
+
+export const ForgotPassForm = ({ loading, onSubmit }: Props) => {
+   const { t } = useTranslation(['set_pass', 'forms']);
+
+   const schema = useForgotPassSchema();
+
+   const form = useForm<TForgotPass>({
+      resolver: zodResolver(schema),
+      mode: 'onChange',
+   });
+
+   const handleSubmit = (data: TForgotPass) => {
+      onSubmit?.(data);
+   };
+
+   useErrorsLngChange(form);
+
+   return (
+      <Form {...form}>
+         <form className="space-y-3" onSubmit={form.handleSubmit(handleSubmit)}>
+            <FormField
+               control={form.control}
+               name="email"
+               render={({ field }) => {
+                  return (
+                     <FormItem>
+                        <FormLabel required>
+                           {t('email.label', {
+                              ns: 'forms',
+                           })}
+                        </FormLabel>
+                        <FormControl>
+                           <Input
+                              {...field}
+                              placeholder={t('email.placeholder', {
+                                 ns: 'forms',
+                              })}
+                           />
+                        </FormControl>
+                        <FormMessage />
+                     </FormItem>
+                  );
+               }}
+            />
+            <Button className="w-full" type="submit" loading={loading}>
+               {t('btn_submit', {
+                  ns: 'set_pass',
+               })}
+            </Button>
+         </form>
+      </Form>
+   );
+};
+
+export default ForgotPassForm;

client/src/apis/auth.ts

@@ -0,0 +1,4 @@
+export * from './forgot-pass';
+export * from './login';
+export * from './register';
+export * from './set-pass';