Register and OTP (#31)

* 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

libs/utils/src/hooks/index.ts

@@ -2,3 +2,5 @@ export * from './use-query-state';
 export * from './use-auth-store';
 export * from './use-modal-login';
 export * from './use-session';
+export * from './use-register';
+export * from './use-otp';

libs/utils/src/hooks/use-otp.ts

@@ -0,0 +1,29 @@
+import { TVerifyOtpRequest, usePostVerifyEmail } from '@imphnen-frontend-service/service';
+import { toast } from 'sonner';
+import { useNavigate, useSearchParams } from 'react-router';
+
+export const useOtp = () => {
+  const navigate = useNavigate();
+  const { mutate, isPending } = usePostVerifyEmail();
+  const [ searchParams ] = useSearchParams();
+  
+  const otp = (payload: TVerifyOtpRequest) => {
+    mutate({ ...payload, email: searchParams.get("email") || "" }, {
+      onSuccess: (data) => {
+        toast.success('Berhasil Registrasi');
+        navigate("/auth/register/success");
+      },
+      onError: (err) => {
+        toast.error(
+          err?.response?.data?.message ??
+            'Terjadi Kesalahan yang tidak diketahui'
+        );
+      },
+    });
+  };
+
+  return {
+    otp,
+    isLoading: isPending,
+  };
+};

libs/utils/src/hooks/use-register.ts

@@ -0,0 +1,28 @@
+import { TRegisterRequest, usePostRegister } from '@imphnen-frontend-service/service';
+import { toast } from 'sonner';
+import { useNavigate } from 'react-router';
+
+export const useRegister = () => {
+  const navigate = useNavigate();
+  const { mutate, isPending } = usePostRegister();
+
+  const register = (payload: TRegisterRequest) => {
+    mutate(payload, {
+      onSuccess: (data) => {
+        toast.success('Berhasil Registrasi');
+        navigate(`/auth/register/otp?email=${payload.email}`);
+      },
+      onError: (err) => {
+        toast.error(
+          err?.response?.data?.message ??
+            'Terjadi Kesalahan yang tidak diketahui'
+        );
+      },
+    });
+  };
+
+  return {
+    register,
+    isLoading: isPending,
+  };
+};