In this version, we have introduced additional error-handling mechanisms to improve compatibility and robustness across different browsers. Specifically:

• Exception Handling for Incompatible Browsers: Added enhanced handling for browsers that do not fully support certain APIs, such as BroadcastChannel. If the browser is found to be incompatible, a new event is triggered that allows the consumer module to be notified of the incompatibility (warning).

• New Event Trigger: A custom event is now dispatched to the consumer module in case of a detected incompatibility. This enables the consuming module to gracefully handle the situation and provide an appropriate user experience.

Breaking Changes

This version introduces breaking changes, requiring that consumer modules add an event listener to capture the new compatibility warning event. Without this change, consumers may not be able to respond appropriately to the new incompatibility notifications.

Recommended Action for Consumer Modules:

• Add an event listener for the compatibility warning event to ensure a smooth user experience in case of browser incompatibility.

In this version, we have implemented significant updates to enhance performance, usability, and user interface feedback for session management:

• Refactoring of Session Management Algorithm:

  • The session timeout algorithm has been optimized by reducing multiple setTimeout() functions into a centralized setInterval(), improving overall performance and ensuring that session timing is accurately maintained.
    
    

• New Isolated Listener Component:

  • A new listener component has been created to decouple the session handling logic from the UI components. This listener manages the session countdown, popup triggers, and session ending, allowing for better separation of concerns and reusability.
    
    

• Improved Event Listener Control:

  • Event listeners added to the DOM are now fully manageable, allowing for better control over multiple tabs open in the browser. Tabs communicate using the Broadcast Channel, informing other tabs when a session timeout occurs or when the user extends the session.
    
    

• New Session Countdown Widgets:

  • A new module has been added that includes two UI widgets:
    1. SessionTimeRemaining_clock: Displays a countdown timer in time format (mm:ss), providing users with a clear indication of how much session time is left.
       
       
    2. Session_UserInfo: Displays a profile photo of the user, with a circular progress indicator counting down the remaining session time.
       
       

• Cross-Tab Communication:

  • The component now supports cross-tab communication using the browser's BroadcastChannel, ensuring that actions (such as session extension or timeout) taken in one tab are synchronized across all other tabs.

Version Update:

• Feature Addition: Added an optional input parameter, ShowPopupInSeconds. When set, this determines the number of seconds before a pop-up message is triggered. If left blank, the pop-up will appear at 20% of the session timeout duration (for timeouts over 60 seconds) or at half the timeout period for durations under 60 seconds.
  
  
• Bug Fix: Introduced a filter to only reset session timers for XHR requests containing "/screenservices/" in the URL.