Cleanup

packages/features/auth/src/components/password-sign-in-container.tsx

@@ -0,0 +1,42 @@
+'use client';
+
+import { useCallback } from 'react';
+
+import type { z } from 'zod';
+
+import { useSignInWithEmailPassword } from '@kit/supabase/hooks/use-sign-in-with-email-password';
+
+import type { PasswordSignInSchema } from '../schemas/password-sign-in.schema';
+import { AuthErrorAlert } from './auth-error-alert';
+import { PasswordSignInForm } from './password-sign-in-form';
+
+export const PasswordSignInContainer: React.FC<{
+  onSignIn?: (userId?: string) => unknown;
+}> = ({ onSignIn }) => {
+  const signInMutation = useSignInWithEmailPassword();
+  const isLoading = signInMutation.isPending;
+
+  const onSubmit = useCallback(
+    async (credentials: z.infer<typeof PasswordSignInSchema>) => {
+      try {
+        const data = await signInMutation.mutateAsync(credentials);
+        const userId = data?.user?.id;
+
+        if (onSignIn) {
+          onSignIn(userId);
+        }
+      } catch (e) {
+        // wrong credentials, do nothing
+      }
+    },
+    [onSignIn, signInMutation],
+  );
+
+  return (
+    <>
+      <AuthErrorAlert error={signInMutation.error} />
+
+      <PasswordSignInForm onSubmit={onSubmit} loading={isLoading} />
+    </>
+  );
+};