(function () { var doc = document; var win = window; var root = doc.documentElement; var lastViewportBottom = -1; var lastViewportTop = -1; function textOf(el) { return ((el && (el.innerText || el.textContent)) || "").replace(/^\s+|\s+$/g, ""); } function closestButton(node) { var el = node; while (el && el !== doc.body) { if (el.tagName === "BUTTON" || el.tagName === "A") return el; el = el.parentNode; } return null; } function isIOS() { var ua = win.navigator.userAgent || ""; var platform = win.navigator.platform || ""; return /iPad|iPhone|iPod/.test(ua) || (platform === "MacIntel" && win.navigator.maxTouchPoints > 1); } function iosMajorVersion() { var ua = win.navigator.userAgent || ""; var match = ua.match(/(?:CPU (?:iPhone )?OS|iPhone OS|OS)\s(\d+)[._]/i); if (match) return parseInt(match[1], 10) || 0; var safari = ua.match(/Version\/(\d+)(?:\.|\s|$)/i); if (safari) return parseInt(safari[1], 10) || 0; return 0; } function isLegacyIOS() { if (!isIOS()) return false; var major = iosMajorVersion(); return major > 0 && major <= 15; } function updateViewportVars() { var vv = win.visualViewport; var bottom = 0; var top = 0; if (vv) { bottom = Math.max(0, win.innerHeight - (vv.height + vv.offsetTop)); top = Math.max(0, vv.offsetTop || 0); } bottom = Math.round(bottom); top = Math.round(top); if (bottom !== lastViewportBottom) { lastViewportBottom = bottom; root.style.setProperty("--sp-visual-bottom-offset", bottom + "px"); } if (top !== lastViewportTop) { lastViewportTop = top; root.style.setProperty("--sp-visual-top-offset", top + "px"); } root.classList.toggle("saspola-legacy-ios", isLegacyIOS()); } function applyTheme(mode) { var dark = mode === "dark"; root.classList.toggle("dark", dark); root.setAttribute("data-theme", dark ? "dark" : "light"); root.style.colorScheme = dark ? "dark" : "light"; try { win.localStorage.setItem("saspola-theme", dark ? "dark" : "light"); } catch (e) {} try { doc.cookie = "saspola-theme=" + (dark ? "dark" : "light") + "; path=/; max-age=31536000; samesite=lax"; } catch (e) {} } function restoreTheme() { var saved = ""; var m = doc.cookie.match(/(?:^|; )saspola-theme=([^;]+)/); saved = m ? decodeURIComponent(m[1]) : ""; if (!saved) { try { saved = win.localStorage.getItem("saspola-theme") || ""; } catch (e) {} } if (saved === "dark" || saved === "light") applyTheme(saved); } function markBottomNav() { var navs = doc.querySelectorAll("nav, [role='navigation']"); var labels = ["Notifications", "Messages", "Payslips", "Profile"]; for (var i = 0; i < navs.length; i++) { var txt = textOf(navs[i]); var count = 0; for (var j = 0; j < labels.length; j++) if (txt.indexOf(labels[j]) >= 0) count++; if (count >= 2) navs[i].classList.add("saspola-mobile-bottom-nav"); } } function markIncident() { var all = doc.querySelectorAll("body *"); for (var i = 0; i < all.length; i++) { var txt = textOf(all[i]); if (txt.indexOf("INCIDENT") !== 0) continue; var candidate = all[i]; var el = all[i]; var steps = 0; while (el && el !== doc.body && steps < 8) { var style = win.getComputedStyle(el); var rect = el.getBoundingClientRect(); if ((style.position === "fixed" || style.position === "sticky") && rect.top < 120) { candidate = el; break; } if (rect.top < 80 && rect.width > win.innerWidth * 0.7) candidate = el; el = el.parentElement; steps++; } candidate.classList.add("saspola-safe-top-overlay", "saspola-incident-banner"); break; } } function markBrandHeaders() { var shells = doc.querySelectorAll(".mh-shellbar"); for (var i = 0; i < shells.length; i++) shells[i].classList.add("saspola-legacy-shellbar"); var blocks = doc.querySelectorAll("header, nav, aside > div:first-child, body > div > div:first-child"); for (var j = 0; j < blocks.length; j++) { var txt = textOf(blocks[j]); if (txt.indexOf("SASPOLA") >= 0 && (txt.indexOf("Platform") >= 0 || txt.indexOf("Business") >= 0)) { blocks[j].classList.add("saspola-legacy-brand-header"); } } } function repairLogos() { var imgs = doc.querySelectorAll("img"); for (var i = 0; i < imgs.length; i++) { var img = imgs[i]; var alt = (img.getAttribute("alt") || "").toUpperCase(); var src = img.getAttribute("src") || ""; if (alt.indexOf("SASPOLA") < 0 && src.indexOf("apple-touch-icon") < 0 && src.indexOf("pwa/icon") < 0) continue; img.classList.add("saspola-brand-image"); if (img.getAttribute("data-legacy-logo-bound") === "1") continue; img.setAttribute("data-legacy-logo-bound", "1"); img.addEventListener("error", function () { if (this.getAttribute("data-legacy-logo-fallback") === "1") return; this.setAttribute("data-legacy-logo-fallback", "1"); this.setAttribute("src", "/apple-touch-icon.png"); }); } /* 12.13.2 deliberately never injects a new logo node. */ } function repairBlankActionBadges() { /* Legacy action-badge repair must never scan arbitrary application buttons. Calendar day cells, date-picker month controls, map zoom buttons, selects and third-party widgets may legitimately contain empty/icon-only child elements. Restrict the old iOS fallback to SASPOLA-owned navigation surfaces only. */ var links = doc.querySelectorAll( ".mh-shellbar a, .mh-shellbar button, .saspola-mobile-bottom-nav a, .saspola-mobile-bottom-nav button, [data-saspola-legacy-action-scope='1'] a, [data-saspola-legacy-action-scope='1'] button" ); for (var i = 0; i < links.length; i++) { if (links[i].closest(".hr-date-picker-popover, [data-saspola-map-control='1'], [role='dialog']")) continue; var kids = links[i].children; for (var j = 0; j < kids.length; j++) { var el = kids[j]; if (textOf(el)) continue; var r = el.getBoundingClientRect(); if (r.width < 28 || r.width > 72 || r.height < 28 || r.height > 72) continue; var s = win.getComputedStyle(el); if (!s.backgroundColor || s.backgroundColor === "rgba(0, 0, 0, 0)" || s.backgroundColor === "transparent") continue; el.classList.add("saspola-legacy-action-badge"); } } } function dismissIncident(button) { var el = button; var steps = 0; while (el && el !== doc.body && steps < 10) { if (textOf(el).indexOf("INCIDENT") === 0 || el.classList.contains("saspola-incident-banner")) { el.style.display = "none"; try { win.sessionStorage.setItem("saspola.legacy.incident.dismissed", "1"); } catch (e) {} return true; } el = el.parentElement; steps++; } return false; } function installFallbackClicks() { doc.addEventListener("click", function (event) { var button = closestButton(event.target); if (!button) return; var label = textOf(button).replace(/\s+/g, " ").toLowerCase(); var aria = (button.getAttribute("aria-label") || "").toLowerCase(); if (label === "sign out" || label === "log out" || label === "logout") { if (button.tagName !== "A" || !button.getAttribute("href")) { event.preventDefault(); win.location.href = "/api/auth/signout"; } return; } if (label === "×" || label === "x" || label === "dismiss" || aria.indexOf("dismiss") >= 0 || aria.indexOf("close") >= 0) { var href = button.getAttribute("href") || ""; var isNoticeDismiss = button.getAttribute("data-native-fallback") === "notice-dismiss" || href.indexOf("/api/support/notices/dismiss") === 0; if (isNoticeDismiss) { /* Let the real same-origin dismiss endpoint run so its httpOnly cookie survives later RSC refreshes. The old bridge used to hide only the current DOM node, which made INCIDENT reappear after chat updates. */ try { win.sessionStorage.setItem("saspola.legacy.incident.dismissed", "1"); } catch (e) {} return; } if (dismissIncident(button)) event.preventDefault(); } }, true); } function isHighChurnChatNode(node) { var el = node && node.nodeType === 1 ? node : null; while (el && el !== doc.body) { if ((el.classList && el.classList.contains("agent-chat-canvas")) || el.getAttribute("data-collaboration-message-canvas") === "1") return true; el = el.parentElement; } return false; } function mutationNeedsScan(records) { for (var i = 0; i < records.length; i++) { var nodes = records[i].addedNodes || []; for (var j = 0; j < nodes.length; j++) { var node = nodes[j]; if (!node || node.nodeType !== 1) continue; if (isHighChurnChatNode(node)) continue; var el = node; var tag = el.tagName || ""; var txt = textOf(el); if (tag === "NAV" || tag === "HEADER" || tag === "IMG" || tag === "BUTTON" || tag === "A") return true; if (txt.indexOf("INCIDENT") === 0 || txt.indexOf("SASPOLA") >= 0) return true; if (el.querySelector && el.querySelector("nav, [role='navigation'], header, img, a, button, .mh-shellbar")) return true; } } return false; } function scan() { updateViewportVars(); markBottomNav(); markIncident(); markBrandHeaders(); repairLogos(); repairBlankActionBadges(); } var scanTimer = 0; function scheduleScan(delay) { if (scanTimer) win.clearTimeout(scanTimer); scanTimer = win.setTimeout(function () { scanTimer = 0; scan(); }, typeof delay === "number" ? delay : 120); } function boot() { updateViewportVars(); /* This bridge is a legacy iOS fallback. Modern browsers must not pay for document-wide heuristic scans or fallback click interception. */ if (!isLegacyIOS()) return; restoreTheme(); installFallbackClicks(); scan(); if (win.visualViewport) { win.visualViewport.addEventListener("resize", updateViewportVars); win.visualViewport.addEventListener("scroll", updateViewportVars); } win.addEventListener("resize", updateViewportVars); win.addEventListener("orientationchange", function () { scheduleScan(100); }); if (win.MutationObserver) { var observer = new MutationObserver(function (records) { // Messages are the highest-frequency DOM mutations in daily use. They do // not need the expensive body-wide incident/header/badge heuristics. if (mutationNeedsScan(records)) scheduleScan(180); }); observer.observe(doc.body, { childList: true, subtree: true }); } scheduleScan(300); } if (doc.readyState === "loading") doc.addEventListener("DOMContentLoaded", boot); else boot(); })();

One secure workspace for lending and business operations.

Welcome to SASPOLA