(function() { // ── THEME first-paint (canonique 2026-05-27) ────────────── // Resout le theme AVANT le 1er paint (le script inline tourne // pendant le parsing du , avant le rendu du ) donc // zero flash visible. Priorite : cookie (= ce que le SSR a rendu // sur ) > localStorage (legacy) > 'dark' (defaut brand). // Puis MIRROR les 2 sources pour qu'elles convergent (migration // des users existants localStorage-only -> pose le cookie, donc // le prochain SSR rend deja la bonne classe). La DB // (crm_user_preferences.theme) reste la source cross-device et // est appliquee par AuthGuard via /api/org/list avant de reveler // l'app (couvre le 1er login sur appareil neuf, sans cookie). var COOKIE = 'toncrm_theme'; function readThemeCookie() { try { var m = document.cookie.match('(^|; )' + COOKIE + '=([^;]*)'); return m ? decodeURIComponent(m[2]) : null; } catch (e) { return null; } } var stored = null; try { stored = localStorage.getItem('theme'); } catch (e) {} var cookieT = readThemeCookie(); // ── SURFACES PUBLIQUES TOUJOURS CLAIRES ─────────────────── // Formulaire public, facture, signature, passeport : le clair // est une decision, pas une preference (voir // ALWAYS_LIGHT_PREFIXES dans src/lib/theme-cookie.ts). Ces // pages posaient .light dans un useEffect, donc APRES le // premier rendu : le visiteur voyait un flash noir avant le // formulaire. On le pose ici, pendant le parsing du , // donc avant le premier paint. // // On n'ECRIT NI cookie NI localStorage sur ces chemins : un // vrai utilisateur qui ouvre un lien de facture ne doit pas // retrouver son CRM bascule en clair au retour. var CLAIR = ["/f/","/embed/f/","/facture/view/","/soumission/audit/","/soumission/sign/","/passeport"]; var chemin = ''; try { chemin = location.pathname || ''; } catch (e) {} var toujoursClair = false; for (var ci = 0; ci < CLAIR.length; ci++) { if (chemin.indexOf(CLAIR[ci]) === 0) { toujoursClair = true; break; } } if (toujoursClair) { document.documentElement.classList.add('light'); } else { var theme = (cookieT === 'light' || cookieT === 'dark') ? cookieT : ((stored === 'light' || stored === 'dark') ? stored : 'dark'); if (theme === 'light') document.documentElement.classList.add('light'); else document.documentElement.classList.remove('light'); try { if (stored !== theme) localStorage.setItem('theme', theme); } catch (e) {} try { if (cookieT !== theme) { document.cookie = COOKIE + '=' + theme + ';path=/;max-age=31536000;SameSite=Lax'; } } catch (e) {} } // ── DENSITÉ first-paint (Apparence) ─────────────────────── // Pose data-density="compact" AVANT le 1er paint pour éviter // le saut visuel d'espacement. Lue depuis le cache prefs // (crm_user_prefs_cache.density), seedé par AuthGuard. Appareil // neuf / cache vide → 'comfortable' (aucun attribut, zéro CSS). // Source partagée applicative : applyDensity() (src/lib/appearance.ts). try { var prefsRaw = localStorage.getItem('crm_user_prefs_cache'); if (prefsRaw) { var density = JSON.parse(prefsRaw).density; if (density === 'compact') { document.documentElement.setAttribute('data-density', 'compact'); } } } catch (e) {} // Polyfill AbortSignal.timeout — missing on iOS <16 + older Android WebView. // Without it, AuthGuard's parallel fetches throw TypeError synchronously // and the unhandled rejection surfaces as ">15s auth timeout" in Sentry. if (typeof AbortSignal !== 'undefined' && typeof AbortSignal.timeout !== 'function') { AbortSignal.timeout = function(ms) { var c = new AbortController(); var t = setTimeout(function() { c.abort(new DOMException('TimeoutError', 'TimeoutError')); }, ms); c.signal.addEventListener('abort', function() { clearTimeout(t); }, { once: true }); return c.signal; }; } // ======================================================== // COMPTES ET ORGANISATIONS, PAR ONGLET (2026-08-12/13) // ======================================================== // Conception complete : src/lib/auth/account-vault.ts. // Ce script est volontairement dense — il part dans CHAQUE // page HTML et bloque le premier rendu. // // Deux effets, avant tout chunk applicatif : // 1. la cle de session Supabase devient une VUE sur l'entree // du compte actif de CET onglet (donc les 69 fichiers qui // la lisent en direct, le SDK et le contournement // navigator.locks marchent sans etre modifies) ; // 2. 'currentOrg' est scopee a l'onglet, avec repli sur la // derniere organisation ouverte par CE compte. (function() { // Doc: src/lib/auth/account-vault.ts + commentaire TSX ci-dessus. try { if (window.__toncrmAccounts) return; var ls = window.localStorage, ss = window.sessionStorage; if (!ls || !ss) return; var SESSION = "sb-auth-auth-token"; var VAULT = 'toncrm-accounts-v1'; var ACTIVE = 'toncrm-active-account'; var ORG = 'currentOrg'; // Compte a qui appartiennent ACTUELLEMENT les cles d'identite // du stockage partage (jetons d'agenda, caches). Partage par // tous les onglets, contrairement au compte actif : c'est ce // qui permet a un onglet NEUF de s'apercevoir qu'il adopte un // compte different de celui dont les cles sont en place, et de // faire le menage. Trouve par la verification en vrai // navigateur du 2026-08-13 — les tests unitaires ne le voyaient // pas, ils simulaient la purge au lieu de l'observer. var OWNER = 'toncrm-storage-owner'; var proto = Object.getPrototypeOf(ls); var get = proto.getItem, set = proto.setItem, del = proto.removeItem; function readVault() { try { var v = JSON.parse(get.call(ls, VAULT)); return (v && v.accounts && v.accounts.length !== undefined) ? v : { version: 1, accounts: [] }; } catch (e) { return { version: 1, accounts: [] }; } } function writeVault(v) { try { set.call(ls, VAULT, JSON.stringify(v)); return true; } catch (e) { return false; } } function findAccount(v, id) { for (var i = 0; i < v.accounts.length; i++) { if (v.accounts[i].userId === id) return v.accounts[i]; } return null; } var OWNED = ['gcal_access_token', 'outlook_access_token', 'currentUserName', 'crm_user_prefs_cache', 'dashboard_', 'onboarding_', 'nav_perms_v1:', 'copilot_access:', 'org_branding', 'push_subscribed']; function purgeOwned() { try { var doomed = []; for (var i = 0; i < ls.length; i++) { var k = ls.key(i); if (!k) continue; for (var j = 0; j < OWNED.length; j++) { if (k.indexOf(OWNED[j]) === 0) { doomed.push(k); break; } } } for (var d = 0; d < doomed.length; d++) del.call(ls, doomed[d]); } catch (e) {} } function setActive(id) { // Deux signaux, tous deux necessaires (voir le // commentaire TSX au-dessus du script). var previous = null, owner = null; try { previous = get.call(ss, ACTIVE); } catch (e) {} try { owner = get.call(ls, OWNER); } catch (e) {} if ((previous && previous !== id) || (owner && owner !== id)) { purgeOwned(); } try { set.call(ls, OWNER, id); } catch (e) {} try { set.call(ss, ACTIVE, id); } catch (e) {} try { set.call(ls, ACTIVE, id); } catch (e) {} } var v0 = readVault(); if (SESSION && !v0.accounts.length) { var legacy = get.call(ls, SESSION); if (legacy) { try { var s0 = JSON.parse(legacy); var uid0 = s0 && s0.user && s0.user.id; if (uid0) { var now0 = Date.now(); v0.accounts.push({ userId: uid0, email: (s0.user.email || ''), session: s0, lastOrgId: get.call(ls, ORG) || undefined, addedAt: now0, lastUsedAt: now0 }); writeVault(v0); setActive(uid0); } } catch (e) {} } } try { var q = window.location && window.location.search; if (q && q.indexOf('notifUser=') !== -1) { var want = decodeURIComponent( (q.split('notifUser=')[1] || '').split('&')[0] ); if (want && findAccount(readVault(), want)) setActive(want); } } catch (e) {} function activeId() { var own = null; try { own = get.call(ss, ACTIVE); } catch (e) {} var v = readVault(); if (own && findAccount(v, own)) return own; var glob = get.call(ls, ACTIVE); var id = (glob && findAccount(v, glob)) ? glob : (v.accounts.length ? v.accounts[0].userId : null); if (id) setActive(id); return id; } proto.getItem = function(k) { if (this !== ls) return get.call(this, k); if (SESSION && k === SESSION) { var id = activeId(); if (!id) return null; var acc = findAccount(readVault(), id); return (acc && acc.session) ? JSON.stringify(acc.session) : null; } if (k === ORG) { var own = get.call(ss, ORG); if (own) return own; var id2 = activeId(); if (id2) { var acc2 = findAccount(readVault(), id2); if (acc2 && acc2.lastOrgId) { try { set.call(ss, ORG, acc2.lastOrgId); } catch (e) {} return acc2.lastOrgId; } } var inherited = get.call(ls, ORG); if (inherited) { try { set.call(ss, ORG, inherited); } catch (e) {} } return inherited; } return get.call(this, k); }; proto.setItem = function(k, val) { if (this !== ls) return set.call(this, k, val); if (SESSION && k === SESSION) { try { var s1 = JSON.parse(val); var uid1 = s1 && s1.user && s1.user.id; if (uid1) { var v1 = readVault(); var acc1 = findAccount(v1, uid1); var now1 = Date.now(); if (acc1) { acc1.session = s1; acc1.lastUsedAt = now1; acc1.needsReauth = false; } else { v1.accounts.push({ userId: uid1, email: (s1.user.email || ''), session: s1, addedAt: now1, lastUsedAt: now1 }); } writeVault(v1); setActive(uid1); return; } } catch (e) {} return set.call(ls, k, val); } if (k === ORG) { try { set.call(ss, ORG, val); } catch (e) {} try { var id3 = activeId(); if (id3) { var v3 = readVault(); var acc3 = findAccount(v3, id3); if (acc3 && acc3.lastOrgId !== val) { acc3.lastOrgId = val; writeVault(v3); } } } catch (e) {} } return set.call(this, k, val); }; proto.removeItem = function(k) { if (this !== ls) return del.call(this, k); if (SESSION && k === SESSION) { try { var id4 = activeId(); if (id4) { var v4 = readVault(), kept = []; for (var j = 0; j < v4.accounts.length; j++) { if (v4.accounts[j].userId !== id4) kept.push(v4.accounts[j]); } writeVault({ version: 1, accounts: kept }); if (kept.length) { setActive(kept[0].userId); } else { try { del.call(ss, ACTIVE); } catch (e) {} try { del.call(ls, ACTIVE); } catch (e) {} } } } catch (e) {} return del.call(ls, k); } if (k === ORG) { try { del.call(ss, ORG); } catch (e) {} } return del.call(this, k); }; window.__toncrmAccounts = true; window.__toncrmOrgPerTab = true; } catch (e) { } })(); // ======================================================== // INLINE chunk-error early-recovery (2026-05-11) // ======================================================== // Pourquoi inline: est un composant React // bundle dans un chunk. Quand plusieurs chunks /_next/static/ // foirent (HTTP 400 + text/html pendant deploy mid-flight, ou // strict-MIME refusal), le chunk qui contient le recovery foire // AUSSI -> recovery jamais monte -> user voit page stuck sans // bannière. Cette couche-ci s'execute IMMEDIATEMENT (avant tout // chunk), depuis , sans dependance externe. C'est le seul // filet qui marche quand tout le reste casse. // // Logique: // - Listen "error" en capture (script/link errors ne bubble pas) // - Match URLs /_next/static/ (chunks Next.js) // - 2 fails dans 8s post-load = stale -> hardReload(_cb=ts) // - SessionStorage cap (meme cle que React component): MAX 3 // - Cap atteint -> banniere fallback rendue en DOM brut (zero // dependance Tailwind/React) avec bouton "Recharger" // - Si React component ChunkErrorRecovery se monte plus tard, // il prend le relais (meme cle storage = meme compteur) (function() { var KEY = 'toncrm:chunk-reload-attempts'; var MAX = 3; var WINDOW_MS = 8000; var THRESHOLD = 2; var fails = 0; var t0 = Date.now(); var triggered = false; function attempts() { try { return parseInt(sessionStorage.getItem(KEY), 10) || 0; } catch (e) { return 0; } } function bump() { try { sessionStorage.setItem(KEY, String(attempts() + 1)); } catch (e) {} } function clear() { try { sessionStorage.removeItem(KEY); } catch (e) {} } function hardReload() { try { var u = new URL(window.location.href); u.searchParams.set('_cb', Date.now().toString(36)); window.location.replace(u.toString()); } catch (e) { window.location.reload(); } } function showFallback() { if (document.getElementById('toncrm-chunk-fallback')) return; if (!document.body) { document.addEventListener('DOMContentLoaded', showFallback); return; } var d = document.createElement('div'); d.id = 'toncrm-chunk-fallback'; d.setAttribute('role', 'alert'); d.style.cssText = 'position:fixed;top:0;left:0;right:0;z-index:2147483647;background:#09090B;color:#fff;border-bottom:1px solid #C9A84C;padding:12px 16px;font:14px system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 2px 12px rgba(0,0,0,.4)'; var span = document.createElement('span'); span.textContent = 'toncrm a été mis à jour. Recharge la page pour continuer.'; var btn = document.createElement('button'); btn.textContent = 'Recharger'; btn.style.cssText = 'background:#C9A84C;color:#09090B;border:0;padding:6px 14px;border-radius:6px;font-weight:600;cursor:pointer;font:600 13px system-ui'; btn.onclick = function() { clear(); hardReload(); }; d.appendChild(span); d.appendChild(btn); document.body.appendChild(d); } function fire(reason) { if (triggered) return; triggered = true; // En appel (salle /rdv, huddle) : on ne recharge JAMAIS // automatiquement — la bannière laisse la personne choisir // le moment. Un chunk raté vaut moins qu'un appel coupé // devant un client (2026-08-14). if (window.__toncrmAppelEnCours) { showFallback(); return; } if (attempts() < MAX) { bump(); hardReload(); } else { showFallback(); } } function onError(e) { if (triggered) return; var tgt = e && e.target; if (!tgt || !tgt.tagName) return; var tag = tgt.tagName; if (tag !== 'SCRIPT' && tag !== 'LINK') return; var src = tgt.src || tgt.href || ''; if (!/\/_next\/static\//.test(src)) return; fails++; var elapsed = Date.now() - t0; if (fails >= THRESHOLD && elapsed < WINDOW_MS) { fire('script tag 404 cluster'); } } // 2026-05-20: ALSO listen unhandledrejection. Webpack // dynamic import() throws ChunkLoadError as Promise // rejection, NOT as