@softdin/shared 0.1.3

package/src/style.css

@@ -0,0 +1,278 @@
+@import 'tailwindcss';
+
+@theme {
+  --color-brand-50: #f0fdf4;
+  --color-brand-100: #dcfce7;
+  --color-brand-500: #22c55e;
+  --color-brand-600: #16a34a;
+  --color-brand-700: #15803d;
+  --color-brand-800: #166534;
+  --color-surface: #f8fafc;
+  --color-sidebar: #14532d;
+  --color-text: #0f172a;
+  --color-text-muted: #64748b;
+  --color-panel: #ffffff;
+  --color-border: #e2e8f0;
+}
+
+:root {
+  --a11y-text-scale: 1;
+  --a11y-font-family: system-ui, 'Segoe UI', Roboto, sans-serif;
+  --a11y-line-height: 1.5;
+  --a11y-letter-spacing: 0;
+}
+
+html {
+  font-size: calc(16px * var(--a11y-text-scale));
+}
+
+html,
+body,
+#app {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: var(--a11y-font-family);
+  line-height: var(--a11y-line-height);
+  letter-spacing: var(--a11y-letter-spacing);
+  background: var(--color-surface);
+  color: var(--color-text);
+  -webkit-font-smoothing: antialiased;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
+/* Controles interactivos: cursor que indica acción */
+button:not(:disabled),
+[type='button']:not(:disabled),
+[type='submit']:not(:disabled),
+[type='reset']:not(:disabled),
+select:not(:disabled),
+input[type='checkbox']:not(:disabled),
+input[type='radio']:not(:disabled),
+input[type='file']:not(:disabled),
+input[type='color']:not(:disabled),
+input[type='range']:not(:disabled),
+label[for]:not([aria-disabled='true']),
+label:has(input:not(:disabled)),
+label:has(select:not(:disabled)),
+a[href],
+summary,
+[role='button']:not([aria-disabled='true']):not(:disabled),
+[role='tab']:not([aria-disabled='true']),
+[role='switch']:not(:disabled),
+[role='menuitem']:not([aria-disabled='true']),
+[role='option']:not([aria-disabled='true']) {
+  cursor: pointer;
+}
+
+/* Controles deshabilitados o solo lectura */
+button:disabled,
+select:disabled,
+input:disabled,
+textarea:disabled,
+[aria-disabled='true'],
+.input-field-disabled,
+.input-field:disabled,
+.input-field[readonly][disabled] {
+  cursor: not-allowed;
+}
+
+/* --- Tema oscuro --- */
+html[data-a11y-theme='dark'] {
+  --color-brand-50: #052e16;
+  --color-brand-100: #14532d;
+  --color-brand-500: #4ade80;
+  --color-brand-600: #22c55e;
+  --color-brand-700: #16a34a;
+  --color-brand-800: #15803d;
+  --color-surface: #0b1220;
+  --color-sidebar: #052e16;
+  --color-text: #e2e8f0;
+  --color-text-muted: #94a3b8;
+  --color-panel: #111827;
+  --color-border: #334155;
+  color-scheme: dark;
+}
+
+html[data-a11y-theme='dark'] body {
+  background: var(--color-surface);
+  color: var(--color-text);
+}
+
+html[data-a11y-theme='dark'] .bg-white {
+  background-color: var(--color-panel) !important;
+}
+
+html[data-a11y-theme='dark'] .bg-slate-50,
+html[data-a11y-theme='dark'] .bg-gray-50 {
+  background-color: #0f172a !important;
+}
+
+html[data-a11y-theme='dark'] .bg-slate-100,
+html[data-a11y-theme='dark'] .bg-gray-100 {
+  background-color: #1e293b !important;
+}
+
+html[data-a11y-theme='dark'] .bg-slate-200,
+html[data-a11y-theme='dark'] .bg-gray-200 {
+  background-color: #334155 !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-900,
+html[data-a11y-theme='dark'] .text-gray-900,
+html[data-a11y-theme='dark'] .text-black {
+  color: #f8fafc !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-800,
+html[data-a11y-theme='dark'] .text-gray-800 {
+  color: #e2e8f0 !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-700,
+html[data-a11y-theme='dark'] .text-gray-700 {
+  color: #cbd5e1 !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-600,
+html[data-a11y-theme='dark'] .text-gray-600 {
+  color: #94a3b8 !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-500,
+html[data-a11y-theme='dark'] .text-gray-500 {
+  color: #94a3b8 !important;
+}
+
+html[data-a11y-theme='dark'] .text-slate-400,
+html[data-a11y-theme='dark'] .text-gray-400 {
+  color: #64748b !important;
+}
+
+html[data-a11y-theme='dark'] .border-slate-100,
+html[data-a11y-theme='dark'] .border-gray-100,
+html[data-a11y-theme='dark'] .border-slate-200,
+html[data-a11y-theme='dark'] .border-gray-200,
+html[data-a11y-theme='dark'] .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
+html[data-a11y-theme='dark'] .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
+  border-color: var(--color-border) !important;
+}
+
+html[data-a11y-theme='dark'] .ring-slate-200,
+html[data-a11y-theme='dark'] .ring-gray-200 {
+  --tw-ring-color: #334155 !important;
+}
+
+html[data-a11y-theme='dark'] .shadow-sm,
+html[data-a11y-theme='dark'] .shadow,
+html[data-a11y-theme='dark'] .shadow-md {
+  --tw-shadow-color: rgb(0 0 0 / 0.45);
+}
+
+html[data-a11y-theme='dark'] input:not([type='checkbox']):not([type='radio']),
+html[data-a11y-theme='dark'] select,
+html[data-a11y-theme='dark'] textarea {
+  background-color: #0f172a;
+  color: #e2e8f0;
+  border-color: #475569;
+}
+
+html[data-a11y-theme='dark'] input:disabled,
+html[data-a11y-theme='dark'] select:disabled,
+html[data-a11y-theme='dark'] textarea:disabled {
+  background-color: #1e293b;
+  color: #64748b;
+}
+
+/* --- Alto contraste --- */
+html[data-a11y-contrast='high'] {
+  --color-surface: #ffffff;
+  --color-text: #000000;
+  --color-text-muted: #111111;
+  --color-panel: #ffffff;
+  --color-border: #000000;
+  --color-sidebar: #000000;
+  --color-brand-500: #006600;
+  --color-brand-600: #004d00;
+  --color-brand-700: #003300;
+}
+
+html[data-a11y-theme='dark'][data-a11y-contrast='high'] {
+  --color-surface: #000000;
+  --color-text: #ffffff;
+  --color-text-muted: #ffffff;
+  --color-panel: #000000;
+  --color-border: #ffffff;
+  --color-sidebar: #000000;
+  --color-brand-500: #66ff66;
+  --color-brand-600: #33ff33;
+  --color-brand-700: #00cc00;
+}
+
+html[data-a11y-contrast='high'] body {
+  background: var(--color-surface);
+  color: var(--color-text);
+}
+
+html[data-a11y-contrast='high'] .bg-white,
+html[data-a11y-contrast='high'] .bg-slate-50,
+html[data-a11y-contrast='high'] .bg-slate-100 {
+  background-color: var(--color-panel) !important;
+}
+
+html[data-a11y-contrast='high'] .text-slate-500,
+html[data-a11y-contrast='high'] .text-slate-600,
+html[data-a11y-contrast='high'] .text-gray-500,
+html[data-a11y-contrast='high'] .text-gray-600 {
+  color: var(--color-text-muted) !important;
+}
+
+html[data-a11y-contrast='high'] .border-slate-100,
+html[data-a11y-contrast='high'] .border-slate-200,
+html[data-a11y-contrast='high'] .ring-slate-200 {
+  border-color: var(--color-border) !important;
+  --tw-ring-color: var(--color-border) !important;
+}
+
+html[data-a11y-contrast='high'] *:focus-visible {
+  outline: 3px solid #0000ff !important;
+  outline-offset: 2px !important;
+}
+
+html[data-a11y-theme='dark'][data-a11y-contrast='high'] *:focus-visible {
+  outline-color: #ffff00 !important;
+}
+
+/* --- Movimiento reducido --- */
+@media (prefers-reduced-motion: reduce) {
+  html:not([data-a11y-motion='full']) *,
+  html:not([data-a11y-motion='full']) *::before,
+  html:not([data-a11y-motion='full']) *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+html[data-a11y-motion='reduce'] *,
+html[data-a11y-motion='reduce'] *::before,
+html[data-a11y-motion='reduce'] *::after {
+  animation-duration: 0.01ms !important;
+  animation-iteration-count: 1 !important;
+  transition-duration: 0.01ms !important;
+  scroll-behavior: auto !important;
+}

package/src/types/auth.ts

@@ -0,0 +1,146 @@
+export interface Tenant {
+  id: string
+  name: string
+  slug: string
+  database: string
+  status: string
+  has_logo?: boolean
+  role?: string
+}
+
+export interface User {
+  id: number
+  name: string
+  email: string
+  is_admin?: boolean
+  is_superuser?: boolean
+  is_platform_admin?: boolean
+  has_avatar?: boolean
+  requires_data_processing_consent?: boolean
+  data_processing_consent_accepted_at?: string | null
+  data_processing_consent_version?: string | null
+}
+
+export interface PublicTenant {
+  id: string
+  name: string
+  slug: string
+  has_logo?: boolean
+}
+
+export interface RegisterPayload {
+  name: string
+  email: string
+  tenant_mode: 'new' | 'existing'
+  tenant_slug: string
+  tenant_name?: string
+  tenant_domain?: string
+  migrate?: boolean
+  seed?: boolean
+}
+
+export interface PublicTenantsResponse {
+  tenants: PublicTenant[]
+}
+
+export interface RegisterResponse {
+  message: string
+  user: User
+  mail_sent?: boolean
+  debug_activation_url?: string
+  debug_mail_error?: string
+}
+
+export interface ForgotPasswordResponse {
+  message: string
+  debug_reset_url?: string
+  debug_mail_error?: string
+  debug_mail_hint?: string
+}
+
+export interface ResetPasswordPayload {
+  email: string
+  token: string
+  password: string
+  password_confirmation: string
+}
+
+export interface MessageResponse {
+  message: string
+}
+
+export interface CentralAdminLoginCredentials {
+  email: string
+  password: string
+  data_processing_consent_accepted?: boolean
+}
+
+export interface LoginCredentials {
+  email: string
+  password: string
+  tenant: string
+  data_processing_consent_accepted?: boolean
+}
+
+export interface UpdateProfilePayload {
+  name: string
+  password?: string
+  password_confirmation?: string
+  current_password?: string
+}
+
+export interface ProfileUpdateResponse {
+  user: User
+  message: string
+}
+
+export interface ProfilePhotoResponse {
+  user: User
+  message: string
+  avatar_size?: number
+}
+
+export interface CentralLoginResponse {
+  user: User
+  tenants: Tenant[]
+  tenant_selection_required?: boolean
+  central_access_available?: boolean
+}
+
+export interface AuthResponse {
+  token: string
+  user: User
+  tenants: Tenant[]
+  active_tenant: Tenant | null
+  session_mode?: 'tenant' | 'central' | null
+}
+
+export interface MeResponse {
+  user: User
+  tenants: Tenant[]
+  active_tenant: Tenant | null
+  token_tenant?: Tenant | null
+  session_mode?: 'tenant' | 'central' | null
+}
+
+export interface TenantLogoResponse {
+  tenant: Tenant
+  message: string
+  logo_size?: number
+}
+
+export interface DataProcessingConsentPolicy {
+  version: string
+  title: string
+  summary: string
+  paragraphs: string[]
+  accepted?: boolean
+  accepted_at?: string | null
+  accepted_version?: string | null
+}
+
+export interface DataProcessingConsentResponse {
+  message: string
+  accepted: boolean
+  user?: User
+}

package/src/types/softdin-libreria.d.ts

@@ -0,0 +1,41 @@
+declare module 'softdinlibreriajs/src/EnumContinente.js' {
+  export interface EnumContinenteItem {
+    id: number
+    code: string
+    description: string
+  }
+
+  export default class EnumContinente {
+    static readonly ASIA: number
+    static readonly AFRICA: number
+    static readonly EUROPA: number
+    static readonly AMERICA_NORTE: number
+    static readonly AMERICA_SUR: number
+    static readonly OCEANIA: number
+
+    static getAll(): EnumContinenteItem[]
+    static getById(id: number): EnumContinenteItem | null
+    static getByDescription(description: string): EnumContinenteItem | null
+  }
+}
+
+declare module 'softdinlibreriajs/src/EnumTipoContrato.js' {
+  export interface EnumTipoContratoItem {
+    id: number
+    code: string
+    description: string
+  }
+
+  export default class EnumTipoContrato {
+    static readonly FIJO: number
+    static readonly INDEFINIDO: number
+    static readonly APRENDIZAJE: number
+    static readonly OBRA_LABOR: number
+    static readonly PRACTICAS_PASANTIAS: number
+    static readonly ASOCIACION: number
+
+    static getAll(): EnumTipoContratoItem[]
+    static getById(id: number): EnumTipoContratoItem | null
+    static getByDescription(description: string): EnumTipoContratoItem | null
+  }
+}

package/src/utils/apiError.ts

@@ -0,0 +1,55 @@
+import axios from 'axios'
+import { getConnectivityMessage } from './connectivity'
+
+export * from './connectivity'
+
+export function extractAxiosErrorMessage(error: unknown, fallback: string): string {
+  const connectivityMessage = getConnectivityMessage(error)
+  if (connectivityMessage) {
+    return connectivityMessage
+  }
+
+  if (!axios.isAxiosError(error) || !error.response) {
+    return fallback
+  }
+
+  const status = error.response.status
+  const data = error.response.data
+
+  if (typeof data === 'object' && data !== null) {
+    const payload = data as { message?: string; errors?: Record<string, string[]> }
+    const firstFieldError = payload.errors
+      ? Object.values(payload.errors).flat()[0]
+      : undefined
+
+    if (firstFieldError) {
+      return firstFieldError
+    }
+
+    if (typeof payload.message === 'string' && payload.message.trim() !== '') {
+      return payload.message
+    }
+  }
+
+  if (status === 500) {
+    return 'Error interno del servidor. Revise storage/logs/laravel.log en softdin-api.'
+  }
+
+  if (status === 503) {
+    return 'El servicio no está disponible en este momento.'
+  }
+
+  if (status === 419) {
+    return 'La sesión expiró. Recargue la página e intente de nuevo.'
+  }
+
+  if (typeof data === 'string' && data.trim() !== '') {
+    if (data.includes('<!DOCTYPE html>') || data.includes('<html')) {
+      return `${fallback} (HTTP ${status}: el servidor respondió HTML, no JSON).`
+    }
+
+    return fallback
+  }
+
+  return `${fallback} (HTTP ${status}).`
+}

package/src/utils/connectivity.ts

@@ -0,0 +1,33 @@
+import axios from 'axios'
+
+let backendReachable = false
+
+export function markBackendReachable(): void {
+  backendReachable = true
+}
+
+export function hasReachedBackend(): boolean {
+  return backendReachable
+}
+
+function isBrowserOffline(): boolean {
+  return typeof navigator !== 'undefined' && navigator.onLine === false
+}
+
+export function isConnectivityError(error: unknown): boolean {
+  if (axios.isAxiosError(error)) {
+    return !error.response
+  }
+
+  return isBrowserOffline()
+}
+
+export function getConnectivityMessage(error: unknown): string | null {
+  if (!isConnectivityError(error)) {
+    return null
+  }
+
+  return hasReachedBackend()
+    ? 'Se perdió la conexión con el servidor. Verifique su red e intente nuevamente.'
+    : 'No hay conexión con el servidor. Verifique su red e intente nuevamente.'
+}

package/src/utils/tenantLogo.ts

@@ -0,0 +1,6 @@
+import { API_BASE_URL } from '../config/apiBase'
+
+export function tenantLogoPublicUrl(slug: string, version = 0): string {
+  const query = version > 0 ? `?v=${version}` : ''
+  return `${API_BASE_URL}/tenants/${encodeURIComponent(slug)}/logo${query}`
+}