Resend OTP (#34)

* feat: responsive

* fix: success register

* feat: auth login responsive && auth login implementation

* fix: login page button disabled & register page

* fix: conflict

* fix: button disabled when loading

* feat: register and otp integration

* Update middleware.ts

* feat: OTP Resend

libs/service/src/api/auth/index.ts

@@ -3,6 +3,7 @@ import {
   TLoginRequest,
   TLoginResponse,
   TRegisterRequest,
+  TSendOTPRequest,
   TVerifyEmailRequest,
 } from '../../types/auth';
 import { TResponseMessage } from '../../types/common';
@@ -35,7 +36,18 @@ export const postVerifyEmail = async (
   const { data } = await api({
     method: 'POST',
     url: '/auth/verify-email',
-    data: { otp: parseInt(payload.otp), email: payload.email },
+    data: {otp: parseInt(payload.otp), email: payload.email},
+  });
+  return data;
+};
+
+export const postSendOtp = async (
+  payload: TSendOTPRequest
+): Promise<TResponseMessage> => {
+  const { data } = await api({
+    method: 'POST',
+    url: '/auth/send-otp',
+    data: payload,
   });
   return data;
 };

libs/service/src/hooks/auth/index.ts

@@ -1,9 +1,10 @@
 import { useMutation, UseMutationResult } from '@tanstack/react-query';
-import { postLogin, postRegister, postVerifyEmail } from '../../api/auth';
+import { postLogin, postRegister, postSendOtp, postVerifyEmail } from '../../api/auth';
 import {
   TLoginRequest,
   TLoginResponse,
   TRegisterRequest,
+  TSendOTPRequest,
   TVerifyEmailRequest,
 } from '../../types/auth';
 
@@ -44,3 +45,16 @@ export const usePostVerifyEmail = (): UseMutationResult<
     mutationFn: async (payload) => await postVerifyEmail(payload),
   });
 };
+
+export const usePostSendOTP = (): UseMutationResult<
+  TResponseMessage,
+  TResponseError,
+  TSendOTPRequest,
+  unknown
+> => {
+  return useMutation({
+    mutationKey: ['post-send-otp'],
+    mutationFn: async (payload) => await postSendOtp(payload),
+  });
+};
+

libs/service/src/types/auth/index.ts

@@ -27,3 +27,7 @@ export type TVerifyEmailRequest = {
   email: string;
   otp: string;
 };
+
+export type TSendOTPRequest = {
+  email: string
+};