codevdesign 1.0.23 → 1.0.25

package/composants/csqcCodeBudgetaireGenerique.vue

@@ -7,7 +7,10 @@
     >
       <v-combobox
         v-model="codeBudgetaire"
-        :items="codeBudgetairesProp"
+        :items="itemsCombobox"
+        item-value="code"
+        item-title="code"
+        :return-object="false"
         v-bind="$attrs"
         persistent-hint
         variant="outlined"
@@ -20,7 +23,15 @@
         @keydown="caractereAutorises"
         @update:modelValue="gererChangement"
         @paste="gererPaste"
-      />
+      >
+        <template #item="{ props, item }">
+          <v-list-item
+            v-bind="props"
+            :title="item.raw.nom || item.raw.code"
+            :subtitle="item.raw.nom ? item.raw.code : undefined"
+          />
+        </template>
+      </v-combobox>
     </v-form>
   </div>
 </template>
@@ -31,13 +42,14 @@
 
   const emit = defineEmits<{
     'update:modelValue': [string | null]
-    'update:codeBudgetairesProp': [string[]]
-    'update:valide': [boolean] // 👈 nouveau
+    'update:codeBudgetairesProp': [CodeBudgetaireItem[]]
+    'update:valide': [boolean]
   }>()
+  type CodeBudgetaireItem = string | [string, string]
 
   const props = withDefaults(
     defineProps<{
-      codeBudgetairesProp: string[]
+      codeBudgetairesProp: CodeBudgetaireItem[]
       modelValue: string | null
       afficherHint?: boolean
       regleMessageErreur: string
@@ -64,6 +76,22 @@
     derniereValeurSauvegardee.value = codeBudgetaire.value
   })
 
+  const itemsCombobox = computed(() => {
+    return props.codeBudgetairesProp.map(item => {
+      if (typeof item === 'string') {
+        return {
+          code: item,
+          nom: '', // pas de nom
+        }
+      }
+
+      const [code, nomBrut] = item
+      const nom = (nomBrut ?? '').toString().trim()
+
+      return { code, nom }
+    })
+  })
+
   const placeholder = computed(() => {
     const base = format.replace(/9/g, '0')
     const extension = activerExtension ? '-XXX/XXX' : ''
@@ -246,13 +274,15 @@
   const sauvegarder = () => {
     codeBudgetaire.value = formaterCodeBudgetaire(codeBudgetaire.value)
 
-    // on utilise la validité globale
     if (!estValideComplet.value) return
     if (codeBudgetaire.value === derniereValeurSauvegardee.value) return
 
-    const existe = props.codeBudgetairesProp.some(
-      item => item.trim().toUpperCase() === codeBudgetaire.value.trim().toUpperCase(),
-    )
+    const codeNormalise = codeBudgetaire.value.trim().toUpperCase()
+
+    const existe = props.codeBudgetairesProp.some(item => {
+      const code = typeof item === 'string' ? item : item[0]
+      return code.trim().toUpperCase() === codeNormalise
+    })
 
     if (!existe) {
       const nouvelleListe = [...props.codeBudgetairesProp, codeBudgetaire.value]
@@ -263,13 +293,35 @@
     emit('update:modelValue', codeBudgetaire.value)
   }
 
-  const gererChangement = (val: string) => {
-    codeBudgetaire.value = formaterCodeBudgetaire(val)
+  const extraireCode = (val: unknown): string => {
+    if (val == null) return ''
+    if (typeof val === 'string') return val
 
-    const valeurFormatee = codeBudgetaire.value
-    const estDansListe = props.codeBudgetairesProp.includes(valeurFormatee)
+    // Cas où Vuetify enverrait { code, label }
+    if (typeof val === 'object' && 'code' in (val as Record<string, unknown>)) {
+      const obj = val as { code?: unknown }
+      return typeof obj.code === 'string' ? obj.code : String(obj.code ?? '')
+    }
+
+    return String(val)
+  }
+
+  const gererChangement = (val: unknown) => {
+    const code = extraireCode(val)
+    codeBudgetaire.value = formaterCodeBudgetaire(code)
+
+    const valeurFormatee = codeBudgetaire.value.trim().toUpperCase()
+
+    const estDansListe = props.codeBudgetairesProp.some(item => {
+      const codeItem = typeof item === 'string' ? item : item[0]
+      return codeItem.trim().toUpperCase() === valeurFormatee
+    })
 
-    if (estDansListe && valeurFormatee !== derniereValeurSauvegardee.value && estValideComplet.value) {
+    if (
+      estDansListe &&
+      valeurFormatee !== (derniereValeurSauvegardee.value ?? '').toUpperCase() &&
+      estValideComplet.value
+    ) {
       sauvegarder()
     }
   }

package/composants/gabarit/pivEntete.vue

@@ -1,203 +1,205 @@
-<template>
-  <v-toolbar
-    color="primary"
-    height="72px"
-    elevation="1"
-  >
-    <v-row
-      class="pl-6 pr-6"
-      align="center"
-      no-gutters
-    >
-      <!-- Première colonne : Logo -->
-      <v-col cols="auto">
-        <a
-          :href="href"
-          :target="cssUrlValide ? '_blank' : undefined"
-          :rel="cssUrlValide ? 'noopener noreferrer' : undefined"
-        >
-          <!-- Placeholder (même taille) pendant la décision -->
-          <div
-            v-if="!ready"
-            class="logo-placeholder"
-          ></div>
-          <!-- On ne rend l'image qu'une fois la source choisie -->
-          <img
-            v-else
-            class="logo-img"
-            id="pivImage"
-            :src="currentSrc!"
-            :alt="$t('csqc.pivFooter.logoAlt')"
-            decoding="async"
-            loading="eager"
-            @error="ErreurLogo"
-          />
-        </a>
-      </v-col>
-
-      <!-- Colonne pour le nom de l'application (Pour le mode desktop) -->
-      <v-col
-        v-if="!estMobile"
-        class="d-flex justify-center"
-      >
-        <v-app-bar-title
-          class="pl-12 ml-12"
-          style="font-size: 16px !important"
-        >
-          {{ formulaireNom }}
-        </v-app-bar-title>
-      </v-col>
-
-      <!-- Colonne pour le bouton de langue et icône d'aide  -->
-      <v-col class="d-none d-flex justify-end">
-        <!-- langue -->
-        <v-btn
-          variant="text"
-          @click="enregistrerLangue()"
-          >{{ $t('csqc.pivEntete.langue') }}
-        </v-btn>
-
-        <!-- icône d'aide si dispo -->
-        <v-btn
-          v-if="aideUrl"
-          icon="mdi-help-circle-outline"
-          :href="aideUrl"
-          target="_blank"
-          rel="noopener noreferrer"
-          style="margin-top: -6px"
-        >
-        </v-btn>
-      </v-col>
-
-      <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
-      <v-col
-        v-if="props.estMobile"
-        cols="12"
-      >
-        <v-app-bar-title style="font-size: 16px !important">
-          {{ formulaireNom }}
-        </v-app-bar-title>
-      </v-col>
-    </v-row>
-  </v-toolbar>
-</template>
-
-<script setup lang="ts">
-  import { ref, watch, computed } from 'vue'
-  import { useLocale } from 'vuetify'
-  import { useI18n } from 'vue-i18n'
-
-  const { current } = useLocale()
-  const props = defineProps({
-    estMobile: { type: Boolean, default: false },
-    urlBase: { type: String, required: true },
-    aideUrl: { type: String, default: '' },
-    cssUrl: { type: String, default: '' },
-    logoUrl: { type: String, default: '' },
-    lienLogo: { type: String, default: '' },
-    formulaireId: { type: Number, default: 0 },
-    formulaireNom: { type: String, default: '' },
-  })
-  const emit = defineEmits(['changementLangue'])
-  const { t } = useI18n()
-
-  const FALLBACK = '/images/QUEBEC_blanc.svg'
-  const currentSrc = ref<string | null>(null) // pas d'image tant que null
-  const ready = ref(false)
-
-  const formulaireNom = computed(() => {
-    return props.formulaireNom || t('nom_application')
-  })
-
-  const href = computed(() => (props.cssUrl?.trim() ? props.cssUrl.trim() : '/'))
-  const cssUrlValide = computed(() => /^https?:\/\//i.test(href.value))
-
-  let loadToken = 0 // ← identifiant de “requête” pour annuler logiquement
-
-  // Sur changement de l’URL du logo, on tente de le charger, sinon fallback apres 3.5 secs
-  watch(
-    () => props.logoUrl,
-    async (nouvelle, ancienne) => {
-      const url = (nouvelle ?? '').trim()
-
-      // même URL → ne rien faire
-      if (url === (ancienne ?? '').trim() && currentSrc.value !== null) return
-
-      // pas d’URL → fallback immédiat
-      if (!url) {
-        currentSrc.value = FALLBACK
-        ready.value = true
-        return
-      }
-
-      // nouvelle tentative (avec “annulation logique”)
-      const token = ++loadToken
-      ready.value = false
-      const ok = await loadWithTimeout(url, 3500)
-      if (token !== loadToken) return // une nouvelle tentative a démarré entre-temps
-
-      currentSrc.value = ok ? url : FALLBACK
-      ready.value = true
-    },
-    { immediate: true },
-  )
-
-  // Charge une image avec un timeout
-  function loadWithTimeout(url: string, timeoutMs: number): Promise<boolean> {
-    return new Promise<boolean>(resolve => {
-      const img = new Image()
-      const timer = setTimeout(() => {
-        // trop long → on abandonne
-        img.src = '' // stoppe le chargement
-        resolve(false)
-      }, timeoutMs)
-
-      img.onload = () => {
-        clearTimeout(timer)
-        resolve(true)
-      }
-      img.onerror = () => {
-        clearTimeout(timer)
-        resolve(false)
-      }
-      img.src = url
-    })
-  }
-
-  // Si l'image choisie a un problème, switch sur le fallback
-  function ErreurLogo() {
-    if (currentSrc.value !== FALLBACK) currentSrc.value = FALLBACK
-  }
-
-  const enregistrerLangue = (): void => {
-    const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
-    let returnUrl = window.location.pathname + window.location.search
-    if (import.meta.env.MODE === 'development') {
-      returnUrl = '/'
-    }
-    window.location.href =
-      props.urlBase + `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(returnUrl)}`
-    emit('changementLangue')
-  }
-</script>
-
-<style scoped>
-  .container {
-    max-width: none !important;
-  }
-  .theme--light.v-app-bar.v-toolbar.v-sheet {
-    background: #095797;
-
-    color: #fff;
-  }
-  .logo-placeholder {
-    height: 72px;
-    width: 180px;
-  }
-  .logo-img {
-    height: 72px;
-    transition: opacity 0.15s;
-    opacity: 1;
-    display: block;
-  }
-</style>
+<template>
+  <v-toolbar
+    color="primary"
+    height="72px"
+    elevation="1"
+  >
+    <v-row
+      class="pl-6 pr-6"
+      align="center"
+      no-gutters
+    >
+      <!-- Première colonne : Logo -->
+      <v-col cols="auto">
+        <a
+          :href="href"
+          :target="cssUrlValide ? '_blank' : undefined"
+          :rel="cssUrlValide ? 'noopener noreferrer' : undefined"
+        >
+          <!-- Placeholder (même taille) pendant la décision -->
+          <div
+            v-if="!ready"
+            class="logo-placeholder"
+          ></div>
+          <!-- On ne rend l'image qu'une fois la source choisie -->
+          <img
+            v-else
+            class="logo-img"
+            id="pivImage"
+            :src="currentSrc!"
+            :alt="$t('csqc.pivFooter.logoAlt')"
+            decoding="async"
+            loading="eager"
+            @error="ErreurLogo"
+          />
+        </a>
+      </v-col>
+
+      <!-- Colonne pour le nom de l'application (Pour le mode desktop) -->
+      <v-col
+        v-if="!estMobile"
+        class="d-flex justify-center"
+      >
+        <v-app-bar-title
+          class="pl-12 ml-12"
+          style="font-size: 16px !important"
+        >
+          {{ formulaireNom }}
+        </v-app-bar-title>
+      </v-col>
+
+      <!-- Colonne pour le bouton de langue et icône d'aide  -->
+      <v-col class="d-none d-flex justify-end">
+        <!-- langue -->
+        <v-btn
+          variant="text"
+          @click="enregistrerLangue()"
+          >{{ $t('csqc.pivEntete.langue') }}
+        </v-btn>
+
+        <!-- icône d'aide si dispo -->
+        <v-btn
+          v-if="aideUrl"
+          icon="mdi-help-circle-outline"
+          :href="aideUrl"
+          target="_blank"
+          rel="noopener noreferrer"
+          style="margin-top: -6px"
+        >
+        </v-btn>
+
+        <slot name="droite"></slot>
+      </v-col>
+
+      <!-- Colonne pour le nom de l'application (Pour le mode mobile) -->
+      <v-col
+        v-if="props.estMobile"
+        cols="12"
+      >
+        <v-app-bar-title style="font-size: 16px !important">
+          {{ formulaireNom }}
+        </v-app-bar-title>
+      </v-col>
+    </v-row>
+  </v-toolbar>
+</template>
+
+<script setup lang="ts">
+  import { ref, watch, computed } from 'vue'
+  import { useLocale } from 'vuetify'
+  import { useI18n } from 'vue-i18n'
+
+  const { current } = useLocale()
+  const props = defineProps({
+    estMobile: { type: Boolean, default: false },
+    urlBase: { type: String, required: true },
+    aideUrl: { type: String, default: '' },
+    cssUrl: { type: String, default: '' },
+    logoUrl: { type: String, default: '' },
+    lienLogo: { type: String, default: '' },
+    formulaireId: { type: Number, default: 0 },
+    formulaireNom: { type: String, default: '' },
+  })
+  const emit = defineEmits(['changementLangue'])
+  const { t } = useI18n()
+
+  const FALLBACK = '/images/QUEBEC_blanc.svg'
+  const currentSrc = ref<string | null>(null) // pas d'image tant que null
+  const ready = ref(false)
+
+  const formulaireNom = computed(() => {
+    return props.formulaireNom || t('nom_application')
+  })
+
+  const href = computed(() => (props.cssUrl?.trim() ? props.cssUrl.trim() : '/'))
+  const cssUrlValide = computed(() => /^https?:\/\//i.test(href.value))
+
+  let loadToken = 0 // ← identifiant de “requête” pour annuler logiquement
+
+  // Sur changement de l’URL du logo, on tente de le charger, sinon fallback apres 3.5 secs
+  watch(
+    () => props.logoUrl,
+    async (nouvelle, ancienne) => {
+      const url = (nouvelle ?? '').trim()
+
+      // même URL → ne rien faire
+      if (url === (ancienne ?? '').trim() && currentSrc.value !== null) return
+
+      // pas d’URL → fallback immédiat
+      if (!url) {
+        currentSrc.value = FALLBACK
+        ready.value = true
+        return
+      }
+
+      // nouvelle tentative (avec “annulation logique”)
+      const token = ++loadToken
+      ready.value = false
+      const ok = await loadWithTimeout(url, 3500)
+      if (token !== loadToken) return // une nouvelle tentative a démarré entre-temps
+
+      currentSrc.value = ok ? url : FALLBACK
+      ready.value = true
+    },
+    { immediate: true },
+  )
+
+  // Charge une image avec un timeout
+  function loadWithTimeout(url: string, timeoutMs: number): Promise<boolean> {
+    return new Promise<boolean>(resolve => {
+      const img = new Image()
+      const timer = setTimeout(() => {
+        // trop long → on abandonne
+        img.src = '' // stoppe le chargement
+        resolve(false)
+      }, timeoutMs)
+
+      img.onload = () => {
+        clearTimeout(timer)
+        resolve(true)
+      }
+      img.onerror = () => {
+        clearTimeout(timer)
+        resolve(false)
+      }
+      img.src = url
+    })
+  }
+
+  // Si l'image choisie a un problème, switch sur le fallback
+  function ErreurLogo() {
+    if (currentSrc.value !== FALLBACK) currentSrc.value = FALLBACK
+  }
+
+  const enregistrerLangue = (): void => {
+    const langueDispo: string = current.value === 'fr' ? 'en' : 'fr'
+    let returnUrl = window.location.pathname + window.location.search
+    if (import.meta.env.MODE === 'development') {
+      returnUrl = '/'
+    }
+    window.location.href =
+      props.urlBase + `/Traducteur/SetLanguage?culture=${langueDispo}&returnUrl=${encodeURIComponent(returnUrl)}`
+    emit('changementLangue')
+  }
+</script>
+
+<style scoped>
+  .container {
+    max-width: none !important;
+  }
+  .theme--light.v-app-bar.v-toolbar.v-sheet {
+    background: #095797;
+
+    color: #fff;
+  }
+  .logo-placeholder {
+    height: 72px;
+    width: 180px;
+  }
+  .logo-img {
+    height: 72px;
+    transition: opacity 0.15s;
+    opacity: 1;
+    display: block;
+  }
+</style>

package/outils/rafraichisseurToken.ts

@@ -1,186 +1,186 @@
-class RafraichisseurToken {
-  private intervalleEnSecondes = 15
-  private secondesAvantExpirationTokenPourRafraichir = 20
-  private skewSeconds = 5 // marge anti-derives d’horloge
-  private popupAffiche = false
-  private timerId: number | null = null
-
-  // Lance une seule fois
-  public async demarrer(nomTemoin: string | null, urlPortail: string): Promise<void> {
-    if (nomTemoin == null || nomTemoin === '') nomTemoin = 'csqc_jeton_secure_expiration'
-    await this.verifierJeton(nomTemoin, urlPortail)
-    if (this.timerId != null) return
-    this.timerId = window.setInterval(() => {
-      this.verifierJeton(nomTemoin, urlPortail)
-    }, this.intervalleEnSecondes * 1000)
-  }
-
-  // Permet d’arrêter le timer (ex: au logout / destroy)
-  public arreter(): void {
-    if (this.timerId != null) {
-      clearInterval(this.timerId)
-      this.timerId = null
-    }
-  }
-
-  public existeJeton = (nomTemoin: string) => {
-    return this.estJetonValide(nomTemoin)
-  }
-
-  private async verifierJeton(nomTemoin: string, urlPortail: string): Promise<void> {
-    if (this.popupAffiche) return
-
-    if (!this.estJetonValide(nomTemoin)) {
-      this.rafraichir(nomTemoin, urlPortail)
-      return
-    }
-  }
-
-  private estJetonValide(nomTemoin: string): boolean {
-    if (this.popupAffiche || !nomTemoin) return true //On fait semblant que c'est valide pour ne pas provoquer un autre affichage du popup.
-
-    const tokenEncode = this.lireCookie(nomTemoin)
-    if (!tokenEncode) {
-      return false
-    }
-
-    let token: any
-    try {
-      token = this.parseJwt(tokenEncode)
-    } catch {
-      return false
-    }
-
-    const exp = Number(token?.exp)
-    if (!Number.isFinite(exp)) {
-      // exp manquant/invalide → tente refresh
-
-      return false
-    }
-
-    const now = Math.floor(Date.now() / 1000)
-    const refreshAt = exp - this.secondesAvantExpirationTokenPourRafraichir - this.skewSeconds
-    if (now >= refreshAt) {
-      return false
-    }
-
-    return true
-  }
-
-  private async rafraichir(nomCookie: string, urlPortail: string): Promise<void> {
-    if (!nomCookie) return
-    const url = this.getRefreshUrl(urlPortail)
-    const controller = new AbortController()
-    const timeout = setTimeout(() => controller.abort(), 10_000)
-
-    try {
-      //Première tentative sans iframe, pour la majorité des cas.
-      const resp = await fetch(url, {
-        method: 'POST',
-        credentials: 'include',
-        headers: { Accept: 'application/json' },
-        redirect: 'manual',
-        signal: controller.signal,
-      })
-
-      // redirection (souvent => login) → traiter comme non auth
-
-      if (resp.type === 'opaqueredirect' || resp.status === 302) {
-        this.rafraichirParIframe(nomCookie, urlPortail)
-        return
-      }
-
-      // OK ou No Content: le cookie devrait être réécrit
-      if (resp.status === 200 || resp.status === 204) {
-        const jeton = this.lireCookie(nomCookie)
-        if (!jeton) this.rafraichirParIframe(nomCookie, urlPortail)
-        return
-      }
-
-      // non auth / expiré (401, 419) + IIS timeout (440)
-      if (resp.status === 401 || resp.status === 419 || resp.status === 440) {
-        this.rafraichirParIframe(nomCookie, urlPortail)
-        return
-      }
-
-      console.warn('Rafraichisseur token: statut inattendu', resp.status)
-    } catch (err: any) {
-      if (err?.name === 'AbortError') console.warn('RafraichisseurToken timeout')
-      else console.error('Erreur rafraichisseur de token', err)
-      // on réessaiera au prochain tick
-    } finally {
-      clearTimeout(timeout)
-    }
-  }
-
-  private rafraichirParIframe(nomCookie: string, urlPortail: string): void {
-    // Pour éviter les cross référence, on créé un iframe qui appel portail et force la MAJ du jeton ou l'invalidation du jeton, si jamais l'utilisateur n'est plus connecté
-    // ajax vers le refresh
-    let iframe = document.createElement('iframe')
-    const url = this.getRefreshUrl(urlPortail)
-    iframe.src = `${url}?urlRetour=${encodeURI(window.localStorage.href)}`
-    iframe.id = 'idRafrToken'
-    iframe.style.display = 'none'
-    document.body.appendChild(iframe)
-    iframe.onload = () => {
-      const jetonCSQC = this.lireCookie(nomCookie)
-      if (jetonCSQC == null || jetonCSQC === '') {
-        this.estDeconnecteAzure(urlPortail)
-      }
-
-      iframe.remove()
-    }
-  }
-
-  private estDeconnecteAzure(urlPortail: string): void {
-    //on envoie au portail, pas le choix
-
-    const retour = encodeURI(window.location.href)
-    window.open(`${urlPortail}/home/SeConnecter?urlRetour=${retour}`, '_self')
-    return
-  }
-
-  public deconnecterPortail(urlPortail: string): void {
-    window.location.replace(`${urlPortail}deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`)
-  }
-
-  private lireCookie(nom: string): string | null {
-    if (!document.cookie) return null
-    const cookies = document.cookie.split(';').map(c => c.trim())
-    for (const cookie of cookies) {
-      if (cookie.startsWith(`${nom}=`)) {
-        try {
-          return decodeURIComponent(cookie.substring(nom.length + 1))
-        } catch {
-          return cookie.substring(nom.length + 1)
-        }
-      }
-    }
-    return null
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private parseJwt(token: string): any {
-    const parts = token.split('.')
-    const base64Url = parts[1]
-    if (!base64Url) throw new Error('Invalid JWT format')
-    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')
-    const jsonPayload = decodeURIComponent(
-      atob(base64)
-        .split('')
-        .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)
-        .join(''),
-    )
-    return JSON.parse(jsonPayload)
-  }
-
-  // URL refresh selon env (dev = proxy Vite ; prod = portail)
-  private getRefreshUrl(urlPortail: string): string {
-    if (import.meta.env.MODE === 'development') return '/portail-refresh'
-    return urlPortail + '/Home/Refresh'
-  }
-}
-
-// Instance
-const rafraichisseurToken = new RafraichisseurToken()
-export default rafraichisseurToken
+class RafraichisseurToken {
+  private intervalleEnSecondes = 15
+  private secondesAvantExpirationTokenPourRafraichir = 20
+  private skewSeconds = 5 // marge anti-derives d’horloge
+  private popupAffiche = false
+  private timerId: number | null = null
+
+  // Lance une seule fois
+  public async demarrer(nomTemoin: string | null, urlPortail: string): Promise<void> {
+    if (nomTemoin == null || nomTemoin === '') nomTemoin = 'csqc_jeton_secure_expiration'
+    await this.verifierJeton(nomTemoin, urlPortail)
+    if (this.timerId != null) return
+    this.timerId = window.setInterval(() => {
+      this.verifierJeton(nomTemoin, urlPortail)
+    }, this.intervalleEnSecondes * 1000)
+  }
+
+  // Permet d’arrêter le timer (ex: au logout / destroy)
+  public arreter(): void {
+    if (this.timerId != null) {
+      clearInterval(this.timerId)
+      this.timerId = null
+    }
+  }
+
+  public existeJeton = (nomTemoin: string) => {
+    return this.estJetonValide(nomTemoin)
+  }
+
+  private async verifierJeton(nomTemoin: string, urlPortail: string): Promise<void> {
+    if (this.popupAffiche) return
+
+    if (!this.estJetonValide(nomTemoin)) {
+      this.rafraichir(nomTemoin, urlPortail)
+      return
+    }
+  }
+
+  private estJetonValide(nomTemoin: string): boolean {
+    if (this.popupAffiche || !nomTemoin) return true //On fait semblant que c'est valide pour ne pas provoquer un autre affichage du popup.
+
+    const tokenEncode = this.lireCookie(nomTemoin)
+    if (!tokenEncode) {
+      return false
+    }
+
+    let token: any
+    try {
+      token = this.parseJwt(tokenEncode)
+    } catch {
+      return false
+    }
+
+    const exp = Number(token?.exp)
+    if (!Number.isFinite(exp)) {
+      // exp manquant/invalide → tente refresh
+
+      return false
+    }
+
+    const now = Math.floor(Date.now() / 1000)
+    const refreshAt = exp - this.secondesAvantExpirationTokenPourRafraichir - this.skewSeconds
+    if (now >= refreshAt) {
+      return false
+    }
+
+    return true
+  }
+
+  private async rafraichir(nomCookie: string, urlPortail: string): Promise<void> {
+    if (!nomCookie) return
+    const url = this.getRefreshUrl(urlPortail)
+    const controller = new AbortController()
+    const timeout = setTimeout(() => controller.abort(), 10_000)
+
+    try {
+      //Première tentative sans iframe, pour la majorité des cas.
+      const resp = await fetch(url, {
+        method: 'POST',
+        credentials: 'include',
+        headers: { Accept: 'application/json' },
+        redirect: 'manual',
+        signal: controller.signal,
+      })
+
+      // redirection (souvent => login) → traiter comme non auth
+
+      if (resp.type === 'opaqueredirect' || resp.status === 302) {
+        this.rafraichirParIframe(nomCookie, urlPortail)
+        return
+      }
+
+      // OK ou No Content: le cookie devrait être réécrit
+      if (resp.status === 200 || resp.status === 204) {
+        const jeton = this.lireCookie(nomCookie)
+        if (!jeton) this.rafraichirParIframe(nomCookie, urlPortail)
+        return
+      }
+
+      // non auth / expiré (401, 419) + IIS timeout (440)
+      if (resp.status === 401 || resp.status === 419 || resp.status === 440) {
+        this.rafraichirParIframe(nomCookie, urlPortail)
+        return
+      }
+
+      console.warn('Rafraichisseur token: statut inattendu', resp.status)
+    } catch (err: any) {
+      if (err?.name === 'AbortError') console.warn('RafraichisseurToken timeout')
+      else console.error('Erreur rafraichisseur de token', err)
+      // on réessaiera au prochain tick
+    } finally {
+      clearTimeout(timeout)
+    }
+  }
+
+  private rafraichirParIframe(nomCookie: string, urlPortail: string): void {
+    // Pour éviter les cross référence, on créé un iframe qui appel portail et force la MAJ du jeton ou l'invalidation du jeton, si jamais l'utilisateur n'est plus connecté
+    // ajax vers le refresh
+    let iframe = document.createElement('iframe')
+    const url = this.getRefreshUrl(urlPortail)
+    iframe.src = `${url}?urlRetour=${encodeURI(window.localStorage.href)}`
+    iframe.id = 'idRafrToken'
+    iframe.style.display = 'none'
+    document.body.appendChild(iframe)
+    iframe.onload = () => {
+      const jetonCSQC = this.lireCookie(nomCookie)
+      if (jetonCSQC == null || jetonCSQC === '') {
+        this.estDeconnecteAzure(urlPortail)
+      }
+
+      iframe.remove()
+    }
+  }
+
+  private estDeconnecteAzure(urlPortail: string): void {
+    //on envoie au portail, pas le choix
+
+    const retour = encodeURI(window.location.href)
+    window.open(`${urlPortail}/home/SeConnecter?urlRetour=${retour}`, '_self')
+    return
+  }
+
+  public deconnecterPortail(urlPortail: string): void {
+    window.location.replace(`${urlPortail}deconnecte?urlRetour=${encodeURIComponent(window.location.href)}`)
+  }
+
+  private lireCookie(nom: string): string | null {
+    if (!document.cookie) return null
+    const cookies = document.cookie.split(';').map(c => c.trim())
+    for (const cookie of cookies) {
+      if (cookie.startsWith(`${nom}=`)) {
+        try {
+          return decodeURIComponent(cookie.substring(nom.length + 1))
+        } catch {
+          return cookie.substring(nom.length + 1)
+        }
+      }
+    }
+    return null
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  private parseJwt(token: string): any {
+    const parts = token.split('.')
+    const base64Url = parts[1]
+    if (!base64Url) throw new Error('Invalid JWT format')
+    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/')
+    const jsonPayload = decodeURIComponent(
+      atob(base64)
+        .split('')
+        .map(c => `%${`00${c.charCodeAt(0).toString(16)}`.slice(-2)}`)
+        .join(''),
+    )
+    return JSON.parse(jsonPayload)
+  }
+
+  // URL refresh selon env (dev = proxy Vite ; prod = portail)
+  private getRefreshUrl(urlPortail: string): string {
+    if (import.meta.env.MODE === 'development') return '/portail-refresh'
+    return urlPortail + '/Home/Refresh'
+  }
+}
+
+// Instance
+const rafraichisseurToken = new RafraichisseurToken()
+export default rafraichisseurToken

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",