Crea tu empresa
Ruta /registro · componentes, campos y acciones del checkout documentado.
Ruta y puntos de edición
Ruta: /registro. Revisión: 2aec1b16cc01.
Esta ficha procede de lectura estática del código. Los componentes asociados pueden incluir diálogos cerrados y bloques condicionales. Las expresiones dinámicas se conservan como código; no equivalen a campos siempre visibles ni a permisos concedidos.
| Capa | Archivo relativo al repositorio |
|---|---|
| Ruta | src/app/registro/page.tsx |
| Adaptador Next.js | src/host/screens/PimiaRegistroScreens.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroScreen.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroEspera.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroPasos.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroCuentaPaso.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroEmpresaPaso.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroFiscalidadPaso.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroPreferenciasPaso.tsx |
| Vista o componente asociado | src/features/pimia/ui/PimiaRegistroResumenPaso.tsx |
PimiaRegistroScreen
Fuente: src/features/pimia/ui/PimiaRegistroScreen.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Reintentar | () => void opciones.refetch() | No declarado en este nodo | 285 |
| Atrás | () => ir(pasos[indice - 1]) | No declarado en este nodo | 344 |
| Rótulo dinámico / icono | submit del formulario | crear.isPending || (esUltimo && (captcha.isFetching || !captcha.data)) | 356 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-6, bg-background, gap-1, text-2xl, text-foreground, text-sm, text-muted-foreground, gap-2, bg-destructive/5, text-destructive, gap-3, text-center, text-xs.
PimiaRegistroEspera
Fuente: src/features/pimia/ui/PimiaRegistroEspera.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Ir al panel de gestorías | delegado al contenedor | No declarado en este nodo | 70 |
| No me ha llegado: reenviar | () => reenviar.mutate() | reenviar.isPending | 220 |
| Entrar en . | () => void entrarAhora() | entrando | 260 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-2, text-primary, text-sm, text-muted-foreground, text-foreground, text-destructive.
PimiaRegistroPasos
Fuente: src/features/pimia/ui/PimiaRegistroPasos.tsx.
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Rótulo dinámico / icono | () => onIr(clave) | No declarado en este nodo | 55 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-2, gap-1.5, text-left, text-xs, text-muted-foreground, hover:text-foreground.
PimiaRegistroCuentaPaso
Fuente: src/features/pimia/ui/PimiaRegistroCuentaPaso.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Ana García | Input | form.name | No declaradas en este nodo | 77 |
| ana@tuempresa.com | Input | form.email | No declaradas en este nodo | 91 |
| Asesoría López y Asociados | Input | form.companyName | No declaradas en este nodo | 109 |
| Al menos 8 caracteres | Input | form.password | type=password | 124 |
| Sin etiqueta literal resoluble | Input | form.passwordConfirmation | type=password | 137 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-3, sm:grid-cols-2, gap-6.
PimiaRegistroEmpresaPaso
Fuente: src/features/pimia/ui/PimiaRegistroEmpresaPaso.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Talleres Pérez | Input | form.companyName | No declaradas en este nodo | 68 |
| talleres-perez | Input | form.slug | No declaradas en este nodo | 87 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-2, text-sm, text-muted-foreground, gap-1.5, text-primary, text-foreground, text-destructive, gap-3.
PimiaRegistroFiscalidadPaso
Fuente: src/features/pimia/ui/PimiaRegistroFiscalidadPaso.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Sin etiqueta literal resoluble | Select | form.fiscalRegion | No declaradas en este nodo | 60 |
| Sin etiqueta literal resoluble | Select | form.taxRegime | No declaradas en este nodo | 112 |
| Sin etiqueta literal resoluble | Select | form.frVatRegime === "" ? SIN_REGIMEN_TVA : form.frVatRegime | No declaradas en este nodo | 143 |
| Sin etiqueta literal resoluble | Select | form.frOperationNature | No declaradas en este nodo | 201 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-3, sm:grid-cols-2, text-sm, text-muted-foreground.
PimiaRegistroPreferenciasPaso
Fuente: src/features/pimia/ui/PimiaRegistroPreferenciasPaso.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Sin etiqueta literal resoluble | Select | form.currency | No declaradas en este nodo | 56 |
| Sin etiqueta literal resoluble | Select | form.language | No declaradas en este nodo | 81 |
| Sin etiqueta literal resoluble | Select | form.dateFormat | No declaradas en este nodo | 101 |
| Sin etiqueta literal resoluble | Select | form.timeZone | No declaradas en este nodo | 122 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-6, sm:grid-cols-2.
PimiaRegistroResumenPaso
Fuente: src/features/pimia/ui/PimiaRegistroResumenPaso.tsx.
Campos y controles
La columna «Reglas JSX» recoge propiedades explícitas; la validación adicional vive en los helpers y en el servidor. El enlace de estado indica dónde se lee el valor.
| Etiqueta o pista | Control | Enlace de estado | Reglas JSX | Línea |
|---|---|---|---|---|
| Resultado | Input | form.captchaAnswer | No declaradas en este nodo | 85 |
Acciones
| Rótulo literal | Handler o envío | Deshabilitado cuando | Línea |
|---|---|---|---|
| Cambiar | () => onIr(seccion.paso) | No declarado en este nodo | 54 |
| Pedir otra suma | onRenovarCaptcha | captchaCargando | 95 |
Clases de presentación locales
Selección de clases literales; las clases condicionales y los estilos de los primitivos se consultan en el archivo.
gap-3, text-sm, text-foreground, text-xs, gap-x-4, gap-y-1, sm:grid-cols-[minmax(0,10rem)_1fr], text-muted-foreground, gap-2.
Hooks, adaptadores y utilidades relacionados
-
src/features/pimia/api/pimiaClient.ts -
src/features/pimia/api/registro.ts -
src/features/pimia/hooks/usePimiaRegistro.ts -
src/features/pimia/lib/registro.ts
Antes de entregar un retoque
- Revisa los archivos de formulario y sus helpers antes de cambiar tipos, obligatoriedad o valores iniciales.
- Prueba carga, error, vacío, permisos insuficientes y guardado pendiente en las variantes que usa esta pantalla.
- Comprueba escritorio, móvil, teclado, tema oscuro y scroll con suficientes filas.
- Conserva los handlers y la invalidación de datos al modificar la presentación.