☰

Zendesk Notification Sound & Highlight Updated

Play sound and change button style when a new notification arrives in Zendesk.

// ==UserScript==
// @name         Zendesk Notification Sound & Highlight Updated
// @namespace    https://yourdomain.com
// @version      3.0
// @description  Play sound and change button style when a new notification arrives in Zendesk.
// @author       KoKa_UA
// @match        *://*.zendesk.com/*
// @grant        GM_addStyle
// @license MIT
// ==/UserScript==

(function() {
    'use strict';


    const notificationSound = new Audio("https://zvukitop.com/wp-content/uploads/2021/03/zvuki-opovesheniya.mp3");




    function checkForNewMessages(mutationsList) {

        const unreadCountElement = document.querySelector('[data-test-id="awm-unread-count"]');
        const notificationButton = document.querySelector('button[aria-label="Notifications"]');

        if (unreadCountElement && notificationButton) {
            if (unreadCountElement.innerText.trim() !== "0" && unreadCountElement.innerText.trim() !== "") {
                notificationSound.play();
                notificationButton.classList.add("has-new-messages");
            } else {
                notificationButton.classList.remove("has-new-messages");
            }
        }
    }


    function startObserver() {
        const targetNode = document.body;
        const config = { childList: true, subtree: true };

        const observer = new MutationObserver(checkForNewMessages);
        observer.observe(targetNode, config);

    }

    window.addEventListener('load', function() {
        setTimeout(startObserver, 5000);
    });

})();