Configuración General
Hub centralizado de configuración por pestañas, más Medios de Pago, Onboarding y Centro de Ayuda.
Descripción
/company-settings es el hub de configuración de Marko: una pantalla con pestañas (ngb-tabset) que reúne todas las configuraciones de la empresa. La pestaña activa se mantiene mediante el parámetro de URL ?tab=<id>. Las pestañas a las que el usuario no tiene acceso aparecen con un candado.
Pestañas del Hub
| Pestaña | Componente | Documentación |
|---|---|---|
| Mi Empresa | MyCompanyComponent | Mi Empresa |
| Medios de Pago | MediosPagoComponent | ↓ en este documento |
| Tipos de Ingreso | IncomeTypesComponent | Tipos de Ingreso y Gasto |
| Tipos de Gasto | ExpenseTypesComponent | Tipos de Ingreso y Gasto |
| Estados OC Portal | FinancialStatementsComponent | Estados Personalizados |
| Centros de Costo | CostCentersComponent | Configuración Contable |
| Plan de Cuentas | CostCentersTreeComponent | Configuración Contable |
| Cuentas | AccountsComponent | Usuarios y Roles |
| Integraciones | IntegrationsComponent | Integraciones |
| Alertas | AlertsSettingsComponent | Alertas y Notificaciones |
| Estados OC Proveedores | OcProviderStatusesComponent | — |
| Estados Pago Facturas | InvoicePaymentStatusesComponent | Estados Personalizados |
| Configuración de Comisiones | CommissionSettingsComponent | Configuración de Comisiones |
| Estados Pago OC Proveedores | OcProviderPaymentStatusesComponent | Estados Personalizados |
| Estados Ruta OC Proveedores | OcProviderRouteStatusesComponent | Estados Personalizados |
| Perfiles de Usuario (solo Admin) | ProfilesComponent | Usuarios y Roles |
| Empresas (solo Admin) | CompaniesComponent | Administración de Plataforma |
| General (solo Admin) | GeneralComponent | Administración de Plataforma |
| Convenios Marco (solo Admin) | ConveniosMarcoAdminComponent | Administración de Plataforma |
| Catálogo BQ (solo plataforma) | SupplierCatalogSyncAdminComponent | Administración de Plataforma |
Estados OC Proveedores (
OcProviderStatusesComponent) gestiona los estados de la propia orden de compra a proveedor (Pendiente, Aprobada, Rechazada, Anulada, Mercadería recibida / parcial / no recibida). Funciona igual que los demás catálogos de estados: estados del sistema no editables + personalizados con nombre y color Bootstrap, ID autoasignado desde 61 y soft delete. Ver el patrón común en Estados Personalizados.
Medios de Pago
Ruta: /company-settings → pestaña Medios de Pago — Componente: MediosPagoComponent
Define los medios de pago disponibles para órdenes y documentos. Cada medio de pago tiene:
- Nombre (obligatorio, único)
- Ícono — selector con 12 íconos predefinidos (Tarjeta de Crédito, Efectivo, Transferencia, Transferencia Bancaria, Cheque, Vale Vista, Pago Móvil, Línea de Crédito, Visa, Mastercard, Débito, Otro).
- Color — selector de color (hex), con vista previa en vivo del ícono.
Operaciones:
- Crear y Editar (valida que el nombre sea único).
- Eliminar — es soft delete (
isDeleted), con confirmación; los eliminados dejan de mostrarse.
Onboarding
Ruta: /onboarding
Flujo inicial tras la autenticación. La pantalla "¡Bienvenido a Marko!" ofrece dos caminos:
- Esperar invitación — para usuarios ya invitados a una empresa que esperan que les asignen permisos. Muestra un mensaje de espera con el contacto de soporte (soporte@marko.cl) y botones para "Verificar nuevamente" o cerrar sesión.
- Crear nueva empresa — abre el formulario de empresa (
app-company-form). Al guardar, muestra un mensaje de éxito y redirige a la operación.
Tras completar el onboarding, la navegación depende del rol: los bodegueros (STOREKEEPER / STOREKEEPER_ADVANCED, sin Manager ni admin) van a /inventory; el resto va al dashboard.
Centro de Ayuda
Ruta: /help-center
Centro de ayuda con contenido cargado desde assets/data/help-content.json. Estructura:
- Categorías — con nombre, ícono, descripción, color, sus artículos y sus preguntas frecuentes (FAQs).
- Acciones Rápidas — accesos directos a artículos destacados.
Vistas:
- Categorías — buscador que filtra por nombre/descripción de categoría, y por título, resumen, contenido y etiquetas de los artículos y FAQs; sección de Acciones Rápidas; tarjetas de categoría con conteo de artículos y FAQs.
- Detalle de categoría — artículos (con nivel de dificultad: fácil / intermedio / avanzado, tiempo de lectura y etiquetas) y FAQs en acordeón.
- Artículo — contenido completo renderizado como markdown.
Cuenta Suspendida
Ruta: /account-suspended — Componente: AccountSuspendedComponent
Pantalla de bloqueo que aparece cuando la empresa tiene paymentStatus = "suspended". Muestra el logo de Marko, un ícono de candado, el mensaje de suspensión por pago pendiente y opciones de contacto con soporte (email soporte@marko.cl y WhatsApp +56 9 4217 0323).
Si el usuario pertenece a más de una empresa, incluye un selector de empresa para cambiarse a otra que no esté suspendida. Si el estado de la empresa deja de ser "suspendida", la pantalla redirige automáticamente al dashboard.
Enlaces Relacionados
- Mi Empresa
- Usuarios y Roles
- Integraciones
- Configuración Contable
- Estados Personalizados
- Tipos de Ingreso y Gasto
- Alertas y Notificaciones
- Configuración de Comisiones
- Administración de Plataforma