feat: add domain models and repositories for user, spool presets, and filaments

- Introduced SpoolPreset and User domain models with necessary DTOs and utility functions. - Created AuthRepository, FilamentRepository, and SpoolPresetRepository interfaces for authentication and data management. - Implemented UI components for filament display, including ColorSwatch, FilamentCard, and StockBar. - Developed layout components such as Header and Screen for consistent app structure. - Added reusable UI components like Badge, Button, Card, and Input for better user interaction. - Established global constants and theme settings for consistent styling across the application. - Implemented utility functions for filament calculations and formatting. - Created Zustand stores for managing authentication, filament, and preset states. - Configured TypeScript settings for improved development experience.
2026-03-14 10:36:13 -03:00
parent abdc2fe8ce
commit d7fb768d3b
76 changed files with 19681 additions and 0 deletions
@@ -0,0 +1,146 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, Alert } from 'react-native';
+import { Link, useRouter } from 'expo-router';
+import { useForm, Controller } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { z } from 'zod';
+import { Ionicons } from '@expo/vector-icons';
+import { Screen } from '@presentation/components/layout/Screen';
+import { Header } from '@presentation/components/layout/Header';
+import { Input } from '@presentation/components/ui/Input';
+import { Button } from '@presentation/components/ui/Button';
+import { colors, typography, spacing } from '@shared/theme';
+
+const schema = z.object({
+  email: z.string().email('E-mail inválido'),
+  password: z
+    .string()
+    .min(8, 'Mínimo 8 caracteres'),
+  confirmPassword: z.string(),
+}).refine((d) => d.password === d.confirmPassword, {
+  message: 'As senhas não coincidem',
+  path: ['confirmPassword'],
+});
+
+type FormData = z.infer<typeof schema>;
+
+/**
+ * Tela de Cadastro — IX-0
+ */
+export default function RegisterScreen(): React.ReactElement {
+  const router = useRouter();
+  const [isLoading, setIsLoading] = useState(false);
+
+  const { control, handleSubmit, formState: { errors } } = useForm<FormData>({
+    resolver: zodResolver(schema),
+    defaultValues: { email: '', password: '', confirmPassword: '' },
+  });
+
+  async function onSubmit(data: FormData): Promise<void> {
+    setIsLoading(true);
+    try {
+      // TODO: injetar RegisterUseCase
+      console.log('register', data);
+      router.replace('/(auth)/verify-email');
+    } catch {
+      Alert.alert('Erro', 'Não foi possível criar sua conta.');
+    } finally {
+      setIsLoading(false);
+    }
+  }
+
+  return (
+    <Screen scrollable keyboardAvoiding>
+      <Header title="Criar conta" showBack />
+
+      <View style={styles.form}>
+        <Controller
+          control={control}
+          name="email"
+          render={({ field }) => (
+            <Input
+              label="E-MAIL"
+              placeholder="seu@email.com"
+              keyboardType="email-address"
+              autoComplete="email"
+              leftIcon={<Ionicons name="mail-outline" size={18} color={colors.textSecondary} />}
+              error={errors.email?.message}
+              onChangeText={field.onChange}
+              value={field.value}
+            />
+          )}
+        />
+
+        <Controller
+          control={control}
+          name="password"
+          render={({ field }) => (
+            <Input
+              label="SENHA"
+              placeholder="Mínimo 8 caracteres"
+              isPassword
+              leftIcon={<Ionicons name="lock-closed-outline" size={18} color={colors.textSecondary} />}
+              error={errors.password?.message}
+              onChangeText={field.onChange}
+              value={field.value}
+            />
+          )}
+        />
+
+        <Controller
+          control={control}
+          name="confirmPassword"
+          render={({ field }) => (
+            <Input
+              label="CONFIRMAR SENHA"
+              placeholder="Repita a senha"
+              isPassword
+              leftIcon={<Ionicons name="lock-closed-outline" size={18} color={colors.textSecondary} />}
+              error={errors.confirmPassword?.message}
+              onChangeText={field.onChange}
+              value={field.value}
+            />
+          )}
+        />
+
+        <Button label="Criar conta" onPress={handleSubmit(onSubmit)} isLoading={isLoading} style={styles.cta} />
+
+        <View style={styles.footer}>
+          <Text style={styles.footerText}>Já tem uma conta? </Text>
+          <Link href="/(auth)/login" asChild>
+            <TouchableOpacity>
+              <Text style={styles.footerLink}>Entrar</Text>
+            </TouchableOpacity>
+          </Link>
+        </View>
+      </View>
+    </Screen>
+  );
+}
+
+const styles = StyleSheet.create({
+  form: {
+    gap: spacing[4],
+    paddingTop: spacing[6],
+    paddingBottom: spacing[8],
+  },
+  cta: {
+    marginTop: spacing[2],
+  },
+  footer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: spacing[4],
+  },
+  footerText: {
+    fontFamily: typography.fontFamily.ui,
+    fontSize: typography.fontSize.sm,
+    color: colors.textSecondary,
+  },
+  footerLink: {
+    fontFamily: typography.fontFamily.ui,
+    fontSize: typography.fontSize.sm,
+    color: colors.accent,
+    fontWeight: typography.fontWeight.semibold,
+  },
+});