Notifications

The WebRTC extensions of ReactClient (a workstation using a WebRTC phone) support notifications that can be displayed as a popup on your main screen, i.e., within the operating system, outside the browser. They can appear for an inbound/outbound call or chat. Supported browsers are Google Chrome and Microsoft Edge (you have to be running Fronstage in one of them) and the Windows operating system.

../../_images/notification-popup-window.en.png

Settings

You need to make a few settings for this notification to appear.

Permissions in the system configuration

You have to set the ServiceWorker configuration parameter to true. It is disabled by default.

  • On-premise installation:

    • Find the ReactClient application folder (usually C:\Fronstage\iCC.ReactClient) and open the appsettings.json file

    • Here set the parameter to true

    • If it doesn’t exist, set it in the form:

      "ServiceWorker": {
  "Allowed": true
                 }

  • Cloud installation:

    • Using LENS, open Workloads ‣ Deployments and search for icc-reactclient in the list.

    • Open the options menu (three dots at the end of the row) and select “Edit”

    • In the section “Containers” set the parameter to true

    • If it doesn’t exist, set it in the form:

      - name: ServiceWorker__Allowed
  value: 'true'

Permissions for an agent account

As an agent, you must choose which events you want to see these notifications for.

  1. Log in to ReactClient.

  2. Open Personal Settings where the items are located:

    ../../_images/rc-notif-settings.en.png

  3. Turn on notifications for the desired events and save.

Browser permissions

ReactClient, as a web application, must be able to send notifications through the browser.

  1. With the application running in the browser, click the settings icon in the address bar.

  2. Enable app notifications.

    ../../_images/browser-notif-allow.en.png

Windows Notification Centre

It is recommended to disable the “Focus assist” function for correct display by the operating system.

  1. Open Windows Notification Centre

  2. Completely disable “Focus assist” (grey tile)

../../_images/windows-focus-assist.en.png

Note

It depends on the browser you choose how it interprets this setting. Google Chrome practically ignores it, while Microsoft Edge strictly adheres to it.

Troubleshooting

If you have set up all of the above and the notification still does not work, check the service worker that handles this function in your browser.

  1. With ReactClient running, press F12

  2. Open the “Application” tab to open the list “Service workers”

  3. A Fronstage worker must be registered and have the state “Activated”. The status “started” / “stopped” does not matter, it is only in the “started” status when a notification is in progress.

    ../../_images/rc-service-worker.en.png

  4. If the worker is deactivated, you can try refreshing the page with CTRL+F5 or checking the console dump for worker-related errors.