Ruoli

Il layout JSON predefinito ha i seguenti tre ruoli.

• Agente: per impostare il layout del desktop da visualizzare quando un agente accede a Webex Contact Center Desktop per gestire le attività dell'agente.

• Supervisore: per impostare il layout del desktop da visualizzare quando un supervisore accede al desktop del Webex Contact Center per gestire solo le funzionalità del supervisore.

  Quando un supervisore accede al desktop, viene applicato il layout del desktop specificato per il team principale. Se non fornisce un team principale, si applica il layout globale. Per impostazione predefinita, i report APS sono disabilitati.

• SupervisorAgent: per impostare il layout del desktop da visualizzare quando un supervisore accede al Webex Contact Center Desktop per gestire sia le funzionalità del supervisore che le attività dell'agente.

Le seguenti sono le proprietà di primo livello per il layout JSON in base al ruolo:

{
    "agent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    },
    "supervisor": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            },
            "homePage": {
                ...
            }
        },
    }
    "supervisorAgent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    }
},

Titolo dell'app

Per specificare un titolo nell'intestazione orizzontale del Desktop. Il titolo predefinito è Webex Contact Center.

Esempio:

"appTitle": "Webex Contact Center"

Il titolo può essere testo, un'immagine o una stringa vuota. Il testo del titolo appare su due righe. Se il testo si estende oltre la seconda riga, viene visualizzata un'icona con i puntini di sospensione e il suggerimento mostra il titolo completo. Gli stili non possono essere applicati al titolo.

Può utilizzare gli URI di dati (Uniform Resource Identifier) o ospitare un'immagine del titolo personalizzata su una rete di distribuzione di contenuti (CDN), un bucket Amazon Web Services (AWS) Simple Storage Service (S3) o un servizio di hosting simile, quindi specificare l'URL dell'immagine ospitata. I formati di immagine del titolo supportati sono PNG, JPG, JPEG, GIF, SVG e WebP. La dimensione dell'immagine del titolo supportata è 184 x 32 pixel (larghezza x altezza).

logo

Per specificare un URL per il logo aziendale. Se non fornisce un URL, per impostazione predefinita viene visualizzato il logo del Webex Contact Center.

Esempio:

"logo": "https://my-cdn.com/logo.png"

Può ospitare un'immagine del logo personalizzata su un CDN, un bucket Amazon Web Services (AWS) Simple Storage Service (S3) o un servizio di hosting simile, quindi specificare l'URL dell'immagine ospitata. I formati di immagine del logo supportati sono PNG, JPG, JPEG, GIF, SVG e WebP. La dimensione dell'immagine del logo supportata è 96 x 32 pixel (larghezza x altezza).

Illustrazione della pagina delle attività

Specificare un'illustrazione personalizzata per la pagina delle attività in base alle preferenze dell'organizzazione e all'allineamento del marchio. Quando un agente accede, la pagina delle attività mostra l'illustrazione configurata come sfondo. Per impostazione predefinita, la pagina delle attività viene visualizzata senza illustrazione.

Esempio:

"taskPageIllustration": "https://www.abc.com/image/logo.jpg",

Può utilizzare gli URI di dati o ospitare un'illustrazione personalizzata su una rete di distribuzione di contenuti (CDN), un bucket Amazon Web Services (AWS) Simple Storage Service (S3) o un servizio di hosting simile, quindi specificare l'URL dell'illustrazione ospitata. L'illustrazione può essere configurata a livello globale o di team in base alla definizione del layout. Si assicuri di configurare l'URL corretto per evitare che l'immagine danneggiata venga visualizzata sul desktop.

I formati di illustrazione delle pagine delle attività supportati sono PNG, JPG, JPEG, GIF, SVG e WebP. La dimensione dell'illustrazione consigliata è 400 x 400 pixel (larghezza x altezza). Se le dimensioni dell'illustrazione personalizzata sono maggiori di quelle consigliate, le dimensioni dell'illustrazione vengono regolate in base alle proporzioni nella pagina delle attività. Se le dimensioni dell'illustrazione personalizzata sono inferiori a quelle consigliate, le dimensioni effettive dell'illustrazione vengono mantenute nella pagina delle attività.

Interrompi la navigazione su AcceptTask

Per determinare se spostare l'attenzione su un'attività appena accettata, quando l'agente accetta la nuova attività mentre lavora su un'attività precedente. Il valore predefinito è false.

Esempio:

"stopNavigateOnAcceptTask": false

Se il valore è impostato su true, quando l'utente accetta una nuova attività sul Desktop, l'attenzione viene mantenuta sull'attività precedente e non si sposta sulla nuova attività accettata. Questa impostazione impedisce all'utente di perdere dati quando accetta una nuova richiesta.

Ad esempio, consideri che l'Agente 1 è in chat con il Cliente 1 e contemporaneamente sta effettuando una chiamata vocale con il Cliente 2. Durante la chiamata vocale, l'Agente 1 sta aggiornando i dettagli del Cliente 2 nel pannello di controllo delle interazioni. Attualmente, l'Agente 1 ha due attività attive nel riquadro Elenco attività e l'attenzione è rivolta al riquadro Interaction Control. Quando l'Agente 1 accetta una nuova richiesta di chat dal Cliente 3, l'attenzione rimane sul pannello di controllo delle interazioni con il Cliente 2 e non si sposta sulla nuova richiesta di chat accettata.

Per mantenere l'attenzione sull'attività precedente e non passare all'attività appena accettata, selezioni il layout personalizzato con il valore della proprietà stopNavigateOnAcceptTask impostato su true.

Se il valore della proprietà StopNavigateOnAcceptTask non viene immesso nel layout JSON, il Desktop sposta l'attenzione sull'attività appena accettata. Il comportamento è simile a quando il valore della proprietà stopNavigateOnAcceptTask è impostato su false.

Drag Drop abilitato

Per abilitare il trascinamento e il ridimensionamento dei widget nelle pagine personalizzate, imposta il valore su true. Il valore predefinito è false.

Esempio:

"dragDropEnabled": false

Timer di notifica

Per impostare la durata (in secondi) dopo la quale le notifiche desktop sul desktop vengono automaticamente eliminate. La notifica viene visualizzata nell'angolo in alto a destra del Desktop. Il valore di timeout predefinito è 8 secondi. L'intervallo valido per i valori di timeout è 1-10 secondi. Affinché le modifiche al timeout abbiano effetto, il browser deve essere aggiornato dopo aver apportato le modifiche.

Esempio:

"notificationTimer": 8

Numero massimo di notifiche

Per impostare il numero di notifiche desktop da visualizzare contemporaneamente sul desktop. Il valore predefinito è 3. L'intervallo per le notifiche desktop è compreso tra 1 e 10. Le notifiche desktop sono cumulative. Se ci sono molte notifiche, vengono visualizzate con un leggero ritardo a seconda delle impostazioni NotificationTimer.

Timer di notifica del browser

Per impostare la durata (in secondi) dopo la quale le notifiche del browser tostapane sul Desktop vengono automaticamente eliminate. Toaster è una notifica nativa del browser che appare solo se il Desktop non è la finestra o la scheda attiva del browser. La finestra o scheda del browser Desktop è inattiva quando

• Sta lavorando su altre finestre o schede del browser.

• Sta lavorando su altre applicazioni.

• Lei ha ridotto a icona la finestra del browser Desktop.

La notifica viene visualizzata nell'angolo in alto a destra del Desktop. Il valore di timeout predefinito è 8 secondi. L'intervallo consigliato per i valori di timeout è di 5-15 secondi. Affinché le modifiche al timeout abbiano effetto, il browser deve essere aggiornato dopo aver apportato le modifiche.

Esempio:

"browserNotificationTimer": 8

Configurato WXM

(Facoltativo) Per configurareWebex Experience Management, imposta il valore su true. Il valore predefinito è false.

Esempio:

"wxmConfigured": true

App di chat desktop

Per configurare più applicazioni di chat offerte da Cisco come l'app Webex.

WebEx configurato

L'app Webex insieme alle sue funzionalità di messaggistica e riunione possono essere configurate sul desktop. Questa configurazione consente agli agenti di collaborare con altri agenti, supervisori ed esperti in materia (PMI) della loro organizzazione senza allontanarsi dal desktop.

Per configurare l'app Webex sul desktop:

• InCisco Webex Control Hub, quando si aggiungono servizi per un utente, selezionare la casella di controllo Messaggistica avanzata (Utenti > Gestione utenti > Servizi > Messaggistica). Per ulteriori informazioni, vedere Gestire gli account utente in Amministrazione Cisco Webex del sito.

• Nel layout desktop personalizzato, imposta il valore della proprietà WebExConfigured su true.

  Esempio:

  "desktopChatApp": {
      "webexConfigured": true
  },

  Il valore predefinito della proprietà WebExConfigured è false.

  L'app Webex è disponibile per i ruoli agente, supervisore e supervisorAgent solo se imposta il valore della proprietà WebexConfigurated su true per ciascuno di questi ruoli. L'agente, il supervisore o il supervisorAgent non può disconnettersi dall'app Webex.

  Per visualizzare l'icona (Webex) nell'intestazione orizzontale del desktop, inserire il valore webex nella proprietà headerActions. Per ulteriori informazioni, vedere HeaderActions.

  Per abilitare l'app Webex per un team specifico, seleziona il layout personalizzato con il valore della proprietà WebexConfigurated impostato su true. Per ulteriori informazioni, veda Creare un team.

Può configurare l'app Webex anche nel riquadro Informazioni ausiliarie, nella pagina personalizzata e nel widget personalizzato. Per ulteriori informazioni, vedere il riquadro delle informazioni ausiliarie.

Notifica dell'app Webex

I valori specificati utilizzando le proprietà NotificationTimer e BrowserNotificationTimer per il timer delle notifiche sono applicabili all'app Webex. Il valore di timeout predefinito è 8 secondi per queste proprietà. Per ulteriori informazioni, vedere NotificationTimer e BrowserNotificationTimer.

Azioni dell'intestazione

Per modificare l'ordine delle icone nell'intestazione orizzontale del Desktop. L'ordine predefinito è il seguente:

1. (Webex)

2. (Chiamata esterna)

3. (Centro notifiche)

Imposta il valore della proprietà headerActions come segue:

Esempio:

Per modificare l'ordine predefinito delle icone, inserisca di conseguenza la proprietà HeaderActions e i valori nel layout personalizzato.

Esempio:

zona

La proprietà area è la sezione principale del Desktop Layout. Può definire il layout in base all'area.

"area": {
    "header": {
        ...
    },
    "advancedHeader: {
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
    },
    "panel": {
        ...
    },
    "navigation": {
        ...
    },
    "persistent": {
        ...
    },
    "headless": {
        ...
    }
},

Può configurare i seguenti oggetti dell'area:

• Pannello: rappresenta il secondo pannello o il pannello più a destra nel riquadro Informazioni ausiliarie.

• Navigazione: rappresenta le pagine personalizzate e i relativi elementi di navigazione correlati alle pagine.

• Persistente: rappresenta i widget a livello di pagina che sono persistenti e vengono visualizzati su tutte le pagine del Desktop.

• Headless: rappresenta i widget che non dispongono di un'interfaccia visiva, ma eseguono la logica in background.

Intestazione avanzata

Per personalizzare la visibilità e modificare l'ordine delle icone nell'intestazione orizzontale del Desktop. L'ordine predefinito è il seguente:

1. (Webex)

2. (Chiamata esterna)

3. (Centro notifiche)

4. (Agente di selezione dello stato)

Imposta il valore della proprietà AdvancedHeader come segue:

Esempio:

"advancedHeader": [
        {
          "comp": "agentx-webex"
        },
        {
          "comp": "agentx-outdial"
        },
        {
          "comp": "agentx-notification"
        },
        {
          "comp": "agentx-state-selector"
        }
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
      ]

Per modificare l'ordine predefinito delle icone, inserisca di conseguenza la proprietà AdvancedHeader e i valori nel layout personalizzato.

I widget scorrono nel menu a discesa da sinistra a destra.

Attributi per le schede permanenti

Per impostare le schede nelle pagine personalizzate e i widget personalizzati come permanenti, inserisca gli attributi per md-tabs nel layout personalizzato.

Esempio: Imposta le schede come permanenti

{
    "comp": "md-tabs",
    "attributes": {
        "persist-selection": true,
        "tabs-id": "unique-id for all the tabs together in the container"
    },
}

Quando imposta md-tabs come persistente (selezione persistente: true), Agent Desktop mantiene la selezione delle schede anche se un agente passa da una pagina all'altra o da un widget sul desktop.

L'elenco a discesa Altre schede viene visualizzato automaticamente quando il riquadro Informazioni ausiliarie contiene più schede.

Deve aggiungere un tooltip personalizzato per una scheda per la leggibilità e l'accessibilità. Per aggiungere un tooltip per una scheda personalizzata, avvolga il componente con md-tooltip. Inserisca le informazioni del tooltip nella proprietà del messaggio e applichi i valori delle proprietà di stile come mostrato nell'esempio seguente.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Tab 1",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

Per abilitare la funzione drag-and-drop nella scheda personalizzata, aggiunga la seguente proprietà negli attributi:

"comp": "md-tabs",
"attributes": {
    "class": "widget-tabs",
    "draggable": true,
    "comp-unique-id": "sample-dynamic-custom-tabs"
},

• draggable: Imposta il valore della proprietà draggable su true.

• comp-unique-id: Inserisca un valore univoco per identificare il componente.

  Esempio:

  "comp-unique-id": "sample-dynamic-custom-tabs"
  

Se abilita il trascinamento per una scheda personalizzata, l'agente può trascinare la scheda nella posizione richiesta all'interno del riquadro Informazioni ausiliarie. Per ripristinare l'ordine predefinito delle schede, aggiunga la seguente proprietà:

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},

• agentx-wc-more-actions-widget: Inserisca il componente visualizzato come icona Altre azioni () nel riquadro Informazioni ausiliarie.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Gli agenti possono reimpostare le schede nel riquadro Informazioni ausiliarie all'ordine predefinito facendo clic su > Reimposta ordine delle schede.

• tabs-unique-id: Inserisca lo stesso valore univoco definito per la proprietà comp-unique-id per mappare e reimpostare i componenti md-tabs.

Il seguente codice di esempio utilizza le funzioni Altre azioni e Reimposta ordine di tabulazione.

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},
"children": [{
    "comp": "div",
    "attributes": {
        "textContent": "custom action",
        "slot": "custom-action"
    },
    "children": [{
            "comp": "agentx-wc-notes-header-widget"
        },
        {
            "comp": "agentx-wc-menu-notification"
        }
    ]
}],

}

L'elenco a discesa Altre azioni può essere esteso per aggiungere ulteriori componenti o widget personalizzati dopo l'opzione Reimposta ordine di tabulazione. Di seguito è riportato un esempio di valori delle proprietà di stile che possono essere applicati a componenti aggiuntivi.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Element",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

• Configura e accede al widget delle metriche di gestione dell'esperienza del cliente dalla barra di navigazione

• Utilizzo delle schede nella pagina personalizzata

• Riquadro di informazioni ausiliarie predefinito con cronologia contatti e schermata pop-up

• Riquadro informativo ausiliario con widget Customer Experience Journey

Configura e accede al widget delle metriche di gestione dell'esperienza del cliente dalla barra di navigazione

Esempio:

{
    "nav": {
        "label": "Customer Experience Management Metrics",
        "icon": "/app/images/wxm.bcd45cc3.svg",
        "iconType": "other",
        "navigateTo": "wxm-metrics",
        "align": "top"
    },
    "page": {
        "id": "wxm-metrics",
        "widgets": {
            "comp1": {
                "comp": "agentx-wc-cloudcherry-widget",
                "attributes": {
                    "metrics": true
                },
                "properties": {
                    "userModel": "$STORE.app.userModel",
                    "spaceId": "",
                    "metricsId": "",
                    "teamId": "$STORE.agent.teamName",
                    "ani": "$STORE.agentContact.taskSelected.ani",
                    "isDarkMode": "$STORE.app.darkMode"
                },
                "wrapper": {
                    "title": "Customer Experience Journey",
                    "maximizeAreaName": "app-maximize-area"
                }
            }
        },
        "layout": {
            "areas": [
                ["comp1"]
            ],
            "size": {
                "cols": [1],
                "rows": [1]
            }
        }
    }
},

Utilizzo delle schede nella pagina personalizzata

Esempio:

{
    "nav": {
        "label": "Dynamic Tabs",
        "icon": "stored-info",
        "iconType": "momentum",
        "navigateTo": "dynamic-tabs",
        "align": "top"
    },
    "page": {
        "id": "page-id-tabs",
        "widgets": {
            "comp1": {
                "comp": "md-tabs",
                "children": [{
                        "comp": "md-tab",
                        "textContent": "One",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel"
                        },
                        "children": [{
                            "comp": "widget-two",
                            "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js"
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "textContent": "Two",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "textContent": "Two Content",
                        "attributes": {
                            "slot": "panel"
                        }
                    }
                ]
            },
            "comp2": {
                "comp": "widget-two",
                "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js"
            }
        },
        "layout": {
            "areas": [
                ["comp1", "comp2"]
            ],
            "size": {
                "cols": [1, 1],
                "rows": [1]
            }
        }
    }
}

Riquadro di informazioni ausiliarie predefinito con cronologia contatti e schermata a comparsa

Esempio:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
            "comp": "md-tab",
            "attributes": {
                "slot": "tab",
                "class": "widget-pane-tab"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY_TAB"
                }
            }]
        },
        {
            "comp": "md-tab-panel",
            "attributes": {
                "slot": "panel",
                "class": "widget-pane"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY"
                }
            }]
        },
    ]
}, {
    "comp": "md-tab",
    "attributes": {
        "slot": "tab",
        "class": "widget-pane-tab"
    },
    {
        "comp": "md-tab",
        "attributes": {
            "slot": "tab",
            "class": "widget-pane-tab"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP_TAB"
            }
        }],
        "visibility": "SCREEN_POP"
    },
    {
        "comp": "md-tab-panel",
        "attributes": {
            "slot": "panel",
            "class": "widget-pane"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP"
            }
        }],
        "visibility": "SCREEN_POP"
    }
},

Riquadro informativo ausiliario con widget Customer Experience Journey

Esempio:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
                "comp": "md-tab",
                "attributes": {
                    "slot": "tab"
                },
                "children": [{
                    "comp": "slot",
                    "attributes": {
                        "name": "WXM_JOURNEY_TAB"
                    }
                }],
                "visibility": "WXM_JOURNEY"
            },
            {
                "comp": "md-tab-panel",
                "attributes": {
                    "slot": "panel",
                    "class": "widget-pane"
                },
                "children": [{
                    "comp": "agentx-wc-cloudcherry-widget",
                    "properties": {
                        "userModel": "$STORE.app.userModel",
                        "spaceId": "",
                        "metricsId": "",
                        "teamId": "$STORE.agent.teamName",
                        "ani": "$STORE.agentContact.taskSelected.ani",
                        "isDarkMode": "$STORE.app.darkMode"
                    },
                    "wrapper": {
                        "title": "Customer Experience Journey",
                        "maximizeAreaName": "app-maximize-area"
                    }
                }],
                {
                    "comp": "md-tab",
                    "attributes": {
                        "slot": "tab",
                        "class": "widget-pane-tab"
                    },
                    "children": {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY_TAB"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP_TAB"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    }
                    "visibility": "SCREEN_POP"
                },
            },