@softdin/shared 0.1.3

package/README.md

@@ -0,0 +1,48 @@
+# @softdin/shared
+
+Librería interna compartida entre **softdin-tenant** y **softdin-central**.
+
+Repositorio: [github.com/DinSoftdin/softdin-shared](https://github.com/DinSoftdin/softdin-shared)
+
+## Contenido
+
+- Cliente HTTP (`api`, interceptores)
+- Autenticación (`authService`, tipos)
+- Componentes de login (`AuthShell`, `AuthBrandHeader`, `PasswordInput`)
+- Estilos base Tailwind (`style.css`)
+- Utilidades (`pagination`, `softdin-libreria`, `tenantLogo`)
+
+Incluye `softdinlibreriajs` como dependencia (central aún no la consume).
+
+## Publicar cambios en GitHub
+
+Este directorio es la **raíz del repositorio** `softdin-shared` (no subir la carpeta `packages/`).
+
+```bash
+cd packages/softdin-shared
+git init
+git add .
+git commit -m "feat: versión inicial de @softdin/shared"
+git branch -M main
+git remote add origin https://github.com/DinSoftdin/softdin-shared.git
+git push -u origin main
+```
+
+Tras publicar, etiquete versiones para que tenant y central fijen la dependencia:
+
+```bash
+git tag v0.1.0
+git push origin v0.1.0
+```
+
+## Consumo desde las apps
+
+```json
+"@softdin/shared": "github:DinSoftdin/softdin-shared#v0.1.0"
+```
+
+Desarrollo local en monorepo SoftDIN:
+
+```json
+"@softdin/shared": "file:../packages/softdin-shared"
+```

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@softdin/shared",
+  "version": "0.1.3",
+  "type": "module",
+  "files": [
+    "src",
+    "src/style.css"
+  ],
+  "exports": {
+    "./api": "./src/api.ts",
+    "./auth": "./src/auth.ts",
+    "./a11y": "./src/a11y/index.ts",
+    "./config/apiBase": "./src/config/apiBase.ts",
+    "./lib/pagination": "./src/lib/pagination.ts",
+    "./lib/catalog-pagination": "./src/lib/catalog-pagination.ts",
+    "./lib/softdin-libreria": "./src/lib/softdin-libreria.ts",
+    "./types/auth": "./src/types/auth.ts",
+    "./utils/apiError": "./src/utils/apiError.ts",
+    "./utils/tenantLogo": "./src/utils/tenantLogo.ts",
+    "./components/forms/PasswordInput.vue": "./src/components/forms/PasswordInput.vue",
+    "./components/forms/FormCloseButton.vue": "./src/components/forms/FormCloseButton.vue",
+    "./components/forms/FormHelpButton.vue": "./src/components/forms/FormHelpButton.vue",
+    "./components/forms/FormMaximizeButton.vue": "./src/components/forms/FormMaximizeButton.vue",
+    "./components/forms/FormRefreshButton.vue": "./src/components/forms/FormRefreshButton.vue",
+    "./components/forms/FormSaveButton.vue": "./src/components/forms/FormSaveButton.vue",
+    "./components/forms/FormCancelButton.vue": "./src/components/forms/FormCancelButton.vue",
+    "./components/forms/FormHelpModal.vue": "./src/components/forms/FormHelpModal.vue",
+    "./components/forms/ErrorAlert.vue": "./src/components/forms/ErrorAlert.vue",
+    "./components/navigation/CatalogListPagination.vue": "./src/components/navigation/CatalogListPagination.vue",
+    "./components/auth/AuthBrandHeader.vue": "./src/components/auth/AuthBrandHeader.vue",
+    "./components/auth/AuthShell.vue": "./src/components/auth/AuthShell.vue",
+    "./components/auth/DataProcessingConsentForm.vue": "./src/components/auth/DataProcessingConsentForm.vue",
+    "./components/auth/DataProcessingConsentCheckbox.vue": "./src/components/auth/DataProcessingConsentCheckbox.vue",
+    "./components/a11y/AccessibilityPreferencesPanel.vue": "./src/components/a11y/AccessibilityPreferencesPanel.vue",
+    "./components/a11y/SkipLink.vue": "./src/components/a11y/SkipLink.vue",
+    "./components/a11y/A11yLiveRegion.vue": "./src/components/a11y/A11yLiveRegion.vue",
+    "./components/a11y/ColorSchemeQuickToggle.vue": "./src/components/a11y/ColorSchemeQuickToggle.vue",
+    "./components/a11y/AccessibilityMenuControls.vue": "./src/components/a11y/AccessibilityMenuControls.vue",
+    "./style.css": "./src/style.css",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "axios": "^1.18.1",
+    "softdinlibreriajs": "^12.0.43"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DinSoftdin/softdin-shared.git"
+  }
+}

package/src/a11y/announcer.ts

@@ -0,0 +1,43 @@
+import { ref } from 'vue'
+
+export type A11yAnnouncementPoliteness = 'polite' | 'assertive'
+
+const announcementMessage = ref('')
+const announcementPoliteness = ref<A11yAnnouncementPoliteness>('polite')
+let clearTimer: ReturnType<typeof setTimeout> | null = null
+
+export function useA11yAnnouncer() {
+  return {
+    message: announcementMessage,
+    politeness: announcementPoliteness,
+  }
+}
+
+/**
+ * Anuncia un mensaje a lectores de pantalla vía la región aria-live montada en el layout.
+ */
+export function announce(
+  message: string,
+  politeness: A11yAnnouncementPoliteness = 'polite',
+): void {
+  const text = message.trim()
+  if (!text || typeof window === 'undefined') {
+    return
+  }
+
+  if (clearTimer) {
+    clearTimeout(clearTimer)
+    clearTimer = null
+  }
+
+  announcementPoliteness.value = politeness
+  // Vaciar y reasignar fuerza un nuevo anuncio aunque el texto sea igual.
+  announcementMessage.value = ''
+  window.requestAnimationFrame(() => {
+    announcementMessage.value = text
+    clearTimer = setTimeout(() => {
+      announcementMessage.value = ''
+      clearTimer = null
+    }, 4000)
+  })
+}

package/src/a11y/apply.ts

@@ -0,0 +1,83 @@
+import {
+  A11Y_BRAND_ACCENT_PALETTES,
+  A11Y_FONT_FAMILY_VALUES,
+  A11Y_LINE_SPACING_VALUES,
+  A11Y_TEXT_SCALE_VALUES,
+  type AccessibilityPreferences,
+  type A11yColorScheme,
+} from './types'
+
+let systemColorSchemeListener: ((event: MediaQueryListEvent) => void) | null = null
+let systemColorSchemeMedia: MediaQueryList | null = null
+
+export function resolveColorScheme(colorScheme: A11yColorScheme): 'light' | 'dark' {
+  if (colorScheme !== 'system') {
+    return colorScheme
+  }
+
+  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+    return 'light'
+  }
+
+  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+}
+
+function clearSystemColorSchemeListener(): void {
+  if (systemColorSchemeMedia && systemColorSchemeListener) {
+    systemColorSchemeMedia.removeEventListener('change', systemColorSchemeListener)
+  }
+
+  systemColorSchemeMedia = null
+  systemColorSchemeListener = null
+}
+
+function watchSystemColorScheme(prefs: AccessibilityPreferences): void {
+  clearSystemColorSchemeListener()
+
+  if (prefs.colorScheme !== 'system' || typeof window === 'undefined') {
+    return
+  }
+
+  systemColorSchemeMedia = window.matchMedia('(prefers-color-scheme: dark)')
+  systemColorSchemeListener = () => {
+    applyAccessibilityPreferences(prefs)
+  }
+  systemColorSchemeMedia.addEventListener('change', systemColorSchemeListener)
+}
+
+export function applyAccessibilityPreferences(prefs: AccessibilityPreferences): void {
+  if (typeof document === 'undefined') {
+    return
+  }
+
+  const root = document.documentElement
+  const spacing = A11Y_LINE_SPACING_VALUES[prefs.lineSpacing]
+  const resolvedTheme = resolveColorScheme(prefs.colorScheme)
+  const brand = A11Y_BRAND_ACCENT_PALETTES[prefs.brandAccent][resolvedTheme]
+
+  root.style.setProperty('--a11y-text-scale', String(A11Y_TEXT_SCALE_VALUES[prefs.textScale]))
+  root.style.setProperty('--a11y-font-family', A11Y_FONT_FAMILY_VALUES[prefs.fontFamily])
+  root.style.setProperty('--a11y-line-height', spacing.lineHeight)
+  root.style.setProperty('--a11y-letter-spacing', spacing.letterSpacing)
+
+  root.style.setProperty('--color-brand-50', brand.brand50)
+  root.style.setProperty('--color-brand-100', brand.brand100)
+  root.style.setProperty('--color-brand-500', brand.brand500)
+  root.style.setProperty('--color-brand-600', brand.brand600)
+  root.style.setProperty('--color-brand-700', brand.brand700)
+  root.style.setProperty('--color-brand-800', brand.brand800)
+  root.style.setProperty('--color-sidebar', brand.sidebar)
+
+  root.dataset.a11yScale = prefs.textScale
+  root.dataset.a11yFont = prefs.fontFamily
+  root.dataset.a11ySpacing = prefs.lineSpacing
+  root.dataset.a11yContrast = prefs.contrast
+  root.dataset.a11yTheme = resolvedTheme
+  root.dataset.a11yColorScheme = prefs.colorScheme
+  root.dataset.a11yMotion = prefs.motion
+  root.dataset.a11yBrand = prefs.brandAccent
+
+  root.style.colorScheme = resolvedTheme
+
+  watchSystemColorScheme(prefs)
+}

package/src/a11y/index.ts

@@ -0,0 +1,31 @@
+export {
+  initAccessibilityPreferences,
+  patchAccessibilityPreferences,
+  resetAccessibilityPreferences,
+  updateAccessibilityPreferences,
+  accessibilityPreferencesState,
+} from './state'
+export { announce, useA11yAnnouncer } from './announcer'
+export { applyAccessibilityPreferences, resolveColorScheme } from './apply'
+export {
+  loadAccessibilityPreferences,
+  normalizeAccessibilityPreferences,
+  saveAccessibilityPreferences,
+} from './storage'
+export {
+  A11Y_BRAND_ACCENT_PALETTES,
+  A11Y_FONT_FAMILY_VALUES,
+  A11Y_LINE_SPACING_VALUES,
+  A11Y_STORAGE_KEY,
+  A11Y_TEXT_SCALE_VALUES,
+  DEFAULT_ACCESSIBILITY_PREFERENCES,
+  type A11yBrandAccent,
+  type A11yColorScheme,
+  type A11yContrast,
+  type A11yFontFamily,
+  type A11yLineSpacing,
+  type A11yMotion,
+  type A11yTextScale,
+  type AccessibilityPreferences,
+  type BrandAccentPalette,
+} from './types'

package/src/a11y/state.ts

@@ -0,0 +1,40 @@
+import { reactive } from 'vue'
+import { applyAccessibilityPreferences } from './apply'
+import { loadAccessibilityPreferences, saveAccessibilityPreferences } from './storage'
+import {
+  DEFAULT_ACCESSIBILITY_PREFERENCES,
+  type AccessibilityPreferences,
+} from './types'
+
+/** Estado reactivo compartido entre panel, toggle y bootstrap. */
+export const accessibilityPreferencesState = reactive<AccessibilityPreferences>(
+  loadAccessibilityPreferences(),
+)
+
+export function initAccessibilityPreferences(): AccessibilityPreferences {
+  Object.assign(accessibilityPreferencesState, loadAccessibilityPreferences())
+  applyAccessibilityPreferences({ ...accessibilityPreferencesState })
+  return { ...accessibilityPreferencesState }
+}
+
+export function updateAccessibilityPreferences(
+  next: AccessibilityPreferences,
+): AccessibilityPreferences {
+  Object.assign(accessibilityPreferencesState, next)
+  applyAccessibilityPreferences({ ...accessibilityPreferencesState })
+  saveAccessibilityPreferences({ ...accessibilityPreferencesState })
+  return { ...accessibilityPreferencesState }
+}
+
+export function resetAccessibilityPreferences(): AccessibilityPreferences {
+  return updateAccessibilityPreferences({ ...DEFAULT_ACCESSIBILITY_PREFERENCES })
+}
+
+export function patchAccessibilityPreferences(
+  patch: Partial<AccessibilityPreferences>,
+): AccessibilityPreferences {
+  return updateAccessibilityPreferences({
+    ...accessibilityPreferencesState,
+    ...patch,
+  })
+}

package/src/a11y/storage.ts

@@ -0,0 +1,106 @@
+import {
+  A11Y_STORAGE_KEY,
+  DEFAULT_ACCESSIBILITY_PREFERENCES,
+  type A11yBrandAccent,
+  type A11yColorScheme,
+  type A11yContrast,
+  type A11yFontFamily,
+  type A11yLineSpacing,
+  type A11yMotion,
+  type A11yTextScale,
+  type AccessibilityPreferences,
+} from './types'
+
+function isTextScale(value: unknown): value is A11yTextScale {
+  return value === 'xs' || value === 'sm' || value === 'md' || value === 'lg' || value === 'xl'
+}
+
+function isFontFamily(value: unknown): value is A11yFontFamily {
+  return value === 'system' || value === 'serif' || value === 'dyslexia'
+}
+
+function isLineSpacing(value: unknown): value is A11yLineSpacing {
+  return value === 'normal' || value === 'relaxed'
+}
+
+function isContrast(value: unknown): value is A11yContrast {
+  return value === 'default' || value === 'high'
+}
+
+function isColorScheme(value: unknown): value is A11yColorScheme {
+  return value === 'light' || value === 'dark' || value === 'system'
+}
+
+function isMotion(value: unknown): value is A11yMotion {
+  return value === 'system' || value === 'reduce'
+}
+
+function isBrandAccent(value: unknown): value is A11yBrandAccent {
+  return (
+    value === 'green' ||
+    value === 'blue' ||
+    value === 'red' ||
+    value === 'purple' ||
+    value === 'orange' ||
+    value === 'teal'
+  )
+}
+
+export function normalizeAccessibilityPreferences(
+  raw: Partial<AccessibilityPreferences> | null | undefined,
+): AccessibilityPreferences {
+  const source = raw ?? {}
+
+  return {
+    textScale: isTextScale(source.textScale)
+      ? source.textScale
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.textScale,
+    fontFamily: isFontFamily(source.fontFamily)
+      ? source.fontFamily
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.fontFamily,
+    lineSpacing: isLineSpacing(source.lineSpacing)
+      ? source.lineSpacing
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.lineSpacing,
+    contrast: isContrast(source.contrast)
+      ? source.contrast
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.contrast,
+    colorScheme: isColorScheme(source.colorScheme)
+      ? source.colorScheme
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.colorScheme,
+    motion: isMotion(source.motion)
+      ? source.motion
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.motion,
+    brandAccent: isBrandAccent(source.brandAccent)
+      ? source.brandAccent
+      : DEFAULT_ACCESSIBILITY_PREFERENCES.brandAccent,
+  }
+}
+
+export function loadAccessibilityPreferences(): AccessibilityPreferences {
+  if (typeof window === 'undefined') {
+    return { ...DEFAULT_ACCESSIBILITY_PREFERENCES }
+  }
+
+  try {
+    const raw = window.localStorage.getItem(A11Y_STORAGE_KEY)
+    if (!raw) {
+      return { ...DEFAULT_ACCESSIBILITY_PREFERENCES }
+    }
+
+    return normalizeAccessibilityPreferences(JSON.parse(raw) as Partial<AccessibilityPreferences>)
+  } catch {
+    return { ...DEFAULT_ACCESSIBILITY_PREFERENCES }
+  }
+}
+
+export function saveAccessibilityPreferences(prefs: AccessibilityPreferences): void {
+  if (typeof window === 'undefined') {
+    return
+  }
+
+  try {
+    window.localStorage.setItem(A11Y_STORAGE_KEY, JSON.stringify(normalizeAccessibilityPreferences(prefs)))
+  } catch {
+    // Ignore quota / private mode errors.
+  }
+}

package/src/a11y/types.ts

@@ -0,0 +1,187 @@
+export type A11yTextScale = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+export type A11yFontFamily = 'system' | 'serif' | 'dyslexia'
+export type A11yLineSpacing = 'normal' | 'relaxed'
+export type A11yContrast = 'default' | 'high'
+export type A11yColorScheme = 'light' | 'dark' | 'system'
+export type A11yMotion = 'system' | 'reduce'
+export type A11yBrandAccent = 'green' | 'blue' | 'red' | 'purple' | 'orange' | 'teal'
+
+export interface BrandAccentPalette {
+  brand50: string
+  brand100: string
+  brand500: string
+  brand600: string
+  brand700: string
+  brand800: string
+  sidebar: string
+}
+
+export interface AccessibilityPreferences {
+  textScale: A11yTextScale
+  fontFamily: A11yFontFamily
+  lineSpacing: A11yLineSpacing
+  contrast: A11yContrast
+  colorScheme: A11yColorScheme
+  motion: A11yMotion
+  brandAccent: A11yBrandAccent
+}
+
+export const A11Y_STORAGE_KEY = 'softdin_a11y_prefs'
+
+export const A11Y_TEXT_SCALE_VALUES: Record<A11yTextScale, number> = {
+  xs: 0.75,
+  sm: 0.875,
+  md: 1,
+  lg: 1.125,
+  xl: 1.25,
+}
+
+export const A11Y_FONT_FAMILY_VALUES: Record<A11yFontFamily, string> = {
+  system: "system-ui, 'Segoe UI', Roboto, sans-serif",
+  serif: "Georgia, 'Times New Roman', 'Liberation Serif', serif",
+  dyslexia: "Verdana, 'Comic Sans MS', 'Trebuchet MS', Arial, sans-serif",
+}
+
+export const A11Y_LINE_SPACING_VALUES: Record<
+  A11yLineSpacing,
+  { lineHeight: string; letterSpacing: string }
+> = {
+  normal: { lineHeight: '1.5', letterSpacing: '0' },
+  relaxed: { lineHeight: '1.75', letterSpacing: '0.04em' },
+}
+
+export const DEFAULT_ACCESSIBILITY_PREFERENCES: AccessibilityPreferences = {
+  textScale: 'md',
+  fontFamily: 'system',
+  lineSpacing: 'normal',
+  contrast: 'default',
+  colorScheme: 'light',
+  motion: 'system',
+  brandAccent: 'green',
+}
+
+export const A11Y_BRAND_ACCENT_PALETTES: Record<
+  A11yBrandAccent,
+  { light: BrandAccentPalette; dark: BrandAccentPalette }
+> = {
+  green: {
+    light: {
+      brand50: '#f0fdf4',
+      brand100: '#dcfce7',
+      brand500: '#22c55e',
+      brand600: '#16a34a',
+      brand700: '#15803d',
+      brand800: '#166534',
+      sidebar: '#14532d',
+    },
+    dark: {
+      brand50: '#052e16',
+      brand100: '#14532d',
+      brand500: '#4ade80',
+      brand600: '#22c55e',
+      brand700: '#16a34a',
+      brand800: '#15803d',
+      sidebar: '#052e16',
+    },
+  },
+  blue: {
+    light: {
+      brand50: '#eff6ff',
+      brand100: '#dbeafe',
+      brand500: '#3b82f6',
+      brand600: '#2563eb',
+      brand700: '#1d4ed8',
+      brand800: '#1e40af',
+      sidebar: '#1e3a8a',
+    },
+    dark: {
+      brand50: '#172554',
+      brand100: '#1e3a8a',
+      brand500: '#60a5fa',
+      brand600: '#3b82f6',
+      brand700: '#2563eb',
+      brand800: '#1d4ed8',
+      sidebar: '#172554',
+    },
+  },
+  red: {
+    light: {
+      brand50: '#fef2f2',
+      brand100: '#fee2e2',
+      brand500: '#ef4444',
+      brand600: '#dc2626',
+      brand700: '#b91c1c',
+      brand800: '#991b1b',
+      sidebar: '#7f1d1d',
+    },
+    dark: {
+      brand50: '#450a0a',
+      brand100: '#7f1d1d',
+      brand500: '#f87171',
+      brand600: '#ef4444',
+      brand700: '#dc2626',
+      brand800: '#b91c1c',
+      sidebar: '#450a0a',
+    },
+  },
+  purple: {
+    light: {
+      brand50: '#faf5ff',
+      brand100: '#f3e8ff',
+      brand500: '#a855f7',
+      brand600: '#9333ea',
+      brand700: '#7e22ce',
+      brand800: '#6b21a8',
+      sidebar: '#581c87',
+    },
+    dark: {
+      brand50: '#3b0764',
+      brand100: '#581c87',
+      brand500: '#c084fc',
+      brand600: '#a855f7',
+      brand700: '#9333ea',
+      brand800: '#7e22ce',
+      sidebar: '#3b0764',
+    },
+  },
+  orange: {
+    light: {
+      brand50: '#fff7ed',
+      brand100: '#ffedd5',
+      brand500: '#f97316',
+      brand600: '#ea580c',
+      brand700: '#c2410c',
+      brand800: '#9a3412',
+      sidebar: '#7c2d12',
+    },
+    dark: {
+      brand50: '#431407',
+      brand100: '#7c2d12',
+      brand500: '#fb923c',
+      brand600: '#f97316',
+      brand700: '#ea580c',
+      brand800: '#c2410c',
+      sidebar: '#431407',
+    },
+  },
+  teal: {
+    light: {
+      brand50: '#f0fdfa',
+      brand100: '#ccfbf1',
+      brand500: '#14b8a6',
+      brand600: '#0d9488',
+      brand700: '#0f766e',
+      brand800: '#115e59',
+      sidebar: '#134e4a',
+    },
+    dark: {
+      brand50: '#042f2e',
+      brand100: '#134e4a',
+      brand500: '#2dd4bf',
+      brand600: '#14b8a6',
+      brand700: '#0d9488',
+      brand800: '#0f766e',
+      sidebar: '#042f2e',
+    },
+  },
+}

package/src/api.ts

@@ -0,0 +1,89 @@
+import axios from 'axios'
+import { API_BASE_URL } from './config/apiBase'
+import { markBackendReachable } from './utils/connectivity'
+
+export const api = axios.create({
+  baseURL: API_BASE_URL,
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+})
+
+function isPublicAuthRequest(config: { method?: string; url?: string }): boolean {
+  if (config.method?.toLowerCase() !== 'post') {
+    return false
+  }
+
+  const path = config.url ?? ''
+
+  return (
+    path.includes('/auth/login')
+    || path.includes('/auth/central-login')
+    || path.includes('/auth/central-admin-login')
+    || path.includes('/auth/register')
+    || path.includes('/auth/forgot-password')
+    || path.includes('/auth/reset-password')
+  )
+}
+
+export function setupApiInterceptors(
+  getToken: () => string | null,
+  getTenantSlug: () => string | null,
+  onUnauthorized: () => void,
+  onTenantMismatch?: () => void,
+): void {
+  api.interceptors.request.use((config) => {
+    const token = getToken()
+    if (token && !isPublicAuthRequest(config)) {
+      config.headers.Authorization = `Bearer ${token}`
+    } else {
+      delete config.headers.Authorization
+    }
+
+    const slug = getTenantSlug()
+    if (slug && !isPublicAuthRequest(config)) {
+      config.headers['X-Tenant'] = slug
+    } else {
+      delete config.headers['X-Tenant']
+    }
+
+    if (config.data instanceof FormData) {
+      delete config.headers['Content-Type']
+    }
+
+    return config
+  })
+
+  api.interceptors.response.use(
+    (response) => {
+      markBackendReachable()
+      return response
+    },
+    (error) => {
+      if (axios.isAxiosError(error) && error.response) {
+        // El backend respondió (aunque con error HTTP): la conectividad de red está OK.
+        markBackendReachable()
+      }
+
+      const status = error.response?.status
+      const message = error.response?.data?.message
+
+      if (status === 401 && !isPublicAuthRequest(error.config ?? {})) {
+        onUnauthorized()
+      }
+
+      if (
+        status === 403
+        && typeof message === 'string'
+        && message.toLowerCase().includes('token')
+        && message.toLowerCase().includes('tenant')
+        && onTenantMismatch
+      ) {
+        onTenantMismatch()
+      }
+
+      return Promise.reject(error)
+    },
+  )
+}