do something when page tour step hides

footer-scripts.html

<script>

document.addEventListener('DOMContentLoaded', () => {
  
    const tourId = 'qsnfkv'; // Replace with your tour's identifier (from the data-x-id attribute)
    
    const checkForTours = setInterval(() => {
      
        if (window.xPageTour && window.xPageTour.Instances && window.xPageTour.Instances[tourId]) {

            clearInterval(checkForTours);
          
            /* getting the instance */
            const tour = window.xPageTour.Instances[tourId];
            
            /* looping through the steps */
            tour.steps.forEach((step, index) => {
              
                step.on('hide', () => {
                    
                    // Do something when step 1 (index 0) hides
                    if (index == 0) {
                        // your custom code here
                    }
                });
            });
        }
      
    }, 100);
  
});

</script>