Roller

Standard JSON-oppsett har følgende tre roller.

• Agent—for å angi at skrivebordsoppsettet skal vises når en agent logger på Webex Contact Center Desktop for å håndtere agentaktiviteter.

• Veileder — for å angi at skrivebordsoppsettet skal vises når en veileder logger på Webex Contact Center Desktop for å håndtere kun veilederfunksjoner.

  Når en veileder logger på skrivebordet, brukes skrivebordsoppsettet som er angitt for det primære teamet. Hvis du ikke oppgir et primærteam, gjelder den globale layouten. Som standard er APS-rapporter deaktivert.

• SupervisorAgent—for å angi at skrivebordsoppsettet skal vises når en veileder logger på Webex Contact Center Desktop for å håndtere både veilederfunksjoner og agentaktiviteter.

Følgende er egenskapene på toppnivå for JSON-layout basert på rollen:

{
    "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": {
                ...
            }
        },
    }
},

Apptittel

Slik angir du en tittel på den horisontale overskriften på skrivebordet. Standardtittelen er Webex Contact Center.

Eksempel:

"appTitle": "Webex Contact Center"

Tittelen kan enten være tekst, et bilde eller en tom streng. Tittelteksten vises i to rader. Hvis teksten strekker seg utover den andre raden, vises et ellipseikon, og verktøytipset viser hele tittelen. Stiler kan ikke brukes på tittelen.

Du kan enten bruke data-URIer (Uniform Resource Identifier) eller være vert for et tilpasset tittelbilde på et innholdsleveringsnettverk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -bøtte eller en lignende vertstjeneste, og deretter angi URL-en til det vertsbaserte bildet. De støttede tittelbildeformatene er PNG, JPG, JPEG, GIF, SVG og WebP. Den støttede tittelbildestørrelsen er 184 x 32 piksler (bredde x høyde).

logoen

For å spesifisere en URL for firmalogoen. Hvis du ikke oppgir en nettadresse, vises Webex Contact Center-logoen som standard.

Eksempel:

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

Du kan være vert for et egendefinert logobilde på en CDN, Amazon Web Services (AWS) Simple Storage Service (S3) -bøtte eller en lignende vertstjeneste, og deretter angi URL-en til det vertsbaserte bildet. De støttede logo-bildeformatene er PNG, JPG, JPEG, GIF, SVG og WebP. Den støttede logobildestørrelsen er 96 x 32 piksler (bredde x høyde).

OppgavesideIllustrasjon

Slik angir du en egendefinert illustrasjon for oppgavesiden basert på organisasjonspreferanser og merkevarejustering. Når en agent logger på, viser oppgavesiden den konfigurerte illustrasjonen som bakgrunn. Som standard vises oppgavesiden uten illustrasjon.

Eksempel:

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

Du kan enten bruke data-URIer eller være vert for en egendefinert illustrasjon på et innholdsleveringsnettverk (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -bøtte eller en lignende vertstjeneste, og deretter angi URL-en til den vertsbaserte illustrasjonen. Illustrasjonen kan konfigureres på globalt nivå eller teamnivå basert på layoutdefinisjonen. Sørg for å konfigurere riktig URL for å forhindre at det ødelagte bildet vises på skrivebordet.

De støttede formatene for oppgavesideillustrasjon er PNG, JPG, JPEG, GIF, SVG og WebP. Anbefalt illustrasjonsstørrelse er 400 x 400 piksler (bredde x høyde). Hvis den egendefinerte illustrasjonsstørrelsen er større enn anbefalt størrelse, justeres illustrasjonsstørrelsen basert på sideforholdet på oppgavesiden. Hvis den egendefinerte illustrasjonsstørrelsen er mindre enn anbefalt størrelse, beholdes den faktiske illustrasjonsstørrelsen på oppgavesiden.

StopNavigateOnAcceptTask

Slik avgjør du om fokuset skal flyttes til en nylig akseptert oppgave når agenten godtar den nye oppgaven mens han arbeider med en tidligere oppgave. Standardverdien er falsk.

Eksempel:

"stopNavigateOnAcceptTask": false

Hvis verdien er angitt som sann, når brukeren godtar en ny oppgave på skrivebordet, beholdes fokuset på forrige oppgave og flyttes ikke til den nylig godkjente oppgaven. Denne innstillingen forhindrer at brukeren mister data når han godtar en ny forespørsel.

Tenk for eksempel på at agent 1 er i chat med kunde 1 og samtidig i et taleanrop med kunde 2. Under taleanropet oppdaterer Agent 1 detaljene for kunde 2 i Interaksjonskontroll-ruten. For øyeblikket har Agent 1 to aktive oppgaver i Oppgaveliste-ruten, og fokuset er på Interaksjonskontrollruten. Når agent 1 godtar en ny chat-forespørsel fra kunde 3, forblir fokuset på Interaksjonskontroll-ruten med kunde 2 og flyttes ikke til den nylig godkjente chat-forespørselen.

Hvis du vil beholde fokuset på forrige oppgave og ikke skifte til den nylig godkjente oppgaven, velger du den egendefinerte layouten med egenskapen stopNavigateOnAcceptTask satt til true.

Hvis egenskapen stopNavigateOnAcceptTask ikke er angitt i JSON-layouten, flytter skrivebordet fokus til den nylig godkjente oppgaven. Virkemåten er lik når egenskapen stopNavigateOnAcceptTask er satt til false.

DragDropEnabled

Hvis du vil aktivere dra-og-slipp og endre størrelse på widgetene på de egendefinerte sidene, angir du verdien til true. Standardverdien er falsk.

Eksempel:

"dragDropEnabled": false

Varslingstimer

For å angi varigheten (i sekunder), hvoretter skrivebordsvarslene på skrivebordet automatisk avvises. Varselet vises øverst til høyre på skrivebordet. Standard tidsavbruddsverdi er 8 sekunder. Det gyldige området for tidsavbruddsverdier er 1-10 sekunder. For at tidsavbruddendringene skal tre i kraft, må nettleseren oppdateres etter at endringene er gjort.

Eksempel:

"notificationTimer": 8

Maksimalt antall varslinger

Slik angir du antall skrivebordsvarsler som skal vises om gangen på skrivebordet. Standardverdien er 3. Rekkevidden for skrivebordsvarsler er 1-10. Skrivebordsvarslene er stablet. Hvis det er mange varsler, vises de med en liten forsinkelse avhengig av NotificationTim er-innstillingene.

NettleserNotificationTimer

Slik angir du varigheten (i sekunder), hvoretter nettleserens brødristervarsler på skrivebordet automatisk avvises. Brødrister er et innebygd nettleservarsel som bare vises hvis skrivebordet ikke er det aktive nettleservinduet eller fanen. Nettleservinduet eller fanen Desktop er inaktiv når

• Du jobber med andre nettleservinduer eller faner.

• Du jobber med andre applikasjoner.

• Du har minimert skrivebordsnettleservinduet.

Varselet vises øverst til høyre på skrivebordet. Standard tidsavbruddsverdi er 8 sekunder. Det anbefalte området for tidsavbruddsverdier er 5-15 sekunder. For at tidsavbruddendringene skal tre i kraft, må nettleseren oppdateres etter at endringene er gjort.

Eksempel:

"browserNotificationTimer": 8

wxmKonfigurert

(Valgfritt) Hvis du Webex Experience Management vil konfigurere, angir du verdien til true. Standardverdien er falsk.

Eksempel:

"wxmConfigured": true

DesktopChatApp

Slik konfigurerer du flere Cisco-tilbudte chat-applikasjoner, for eksempel Webex App.

WebExkonfigurert

Webex-appen sammen med meldings- og møtefunksjonene kan konfigureres på skrivebordet. Denne konfigurasjonen lar agenter samarbeide med andre agenter, veiledere og fageksperter (SMB) i organisasjonen uten å navigere vekk fra skrivebordet.

Slik konfigurerer du Webex-appen på skrivebordet:

• Når du Cisco Webex Control Hub legger til tjenester for en bruker, merker du av for Avan serte meldinger (Bru kere > Administrer brukere > T jenester > Mel dinger). Hvis du vil ha mer informasjon, kan du se Administrer brukerkontoer i Cisco Webex områdeadministrasjon.

• I den egendefinerte skrivebordslayouten angir du egenskapverdien WebExConfigu red til true.

  Eksempel:

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

  Standardverdien for egenskapen WebExConfigured er falsk.

  Webex App er bare tilgjengelig for agent-, veileder- og SupervisorAgent-rollene hvis du angir egenskapverdien WebExConfigured til true for hver av disse rollene. Agenten, veilederen eller SupervisorAgent kan ikke logge av Webex-appen.

  Hvis du vil vise ikonet (Webex) på den horisontale overskriften på skrivebordet, skriver du inn verdien webex i egenskapen HeaderActions. Hvis du vil ha mer informasjon, kan du se He aderActions.

  Hvis du vil aktivere Webex-appen for et bestemt team, velger du den egendefinerte layouten med egenskapen WebExConfigured satt til true. Hvis du vil ha mer informasjon, kan du se Opprette et team.

Du kan konfigurere Webex-appen i ruten Hjelpeinformasjon, egendefinert side og egendefinert widget også. Hvis du vil ha mer informasjon, kan du se Hjelpeinformasjonsruten.

Webex-appvarsling

Verdiene som er angitt ved hjelp av egenskapene NotificationTim er og BrowserNotificationTim er for varslingstimeren, gjelder for Webex-appen. Standard tidsavbruddsverdi er 8 sekunder for disse egenskapene. Hvis du vil ha mer informasjon, kan du se NotificationTimer og BrowserNotificationTimer.

OverskriftHandlinger

For å endre rekkefølgen på ikonene på den horisontale overskriften på skrivebordet. Standardrekkefølgen er som følger:

1. (Webex)

2. (Utendørsanrop)

3. (Varslingssenter)

Angi verdien for egenskapen He aderActions som følger:

Eksempel:

Hvis du vil endre standardrekkefølgen på ikonene, angir du egenskapen HeaderActions og verdiene i den egendefinerte layouten tilsvarende.

Eksempel:

område

Om rådeegenskapen er kjerneseksjonen i skrivebordslayouten. Du kan definere oppsettet i henhold til området.

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

Du kan konfigurere følgende område objekter:

• Panel: Representerer det andre panelet eller panelet lengst til høyre i ruten Hjelpeinformasjon.

• Navigering: Representerer egendefinerte sider og deres navigasjonselementer som er relatert til sidene.

• Vedvarende: Representerer widgetene på sidenivå som er vedvarende og vises på alle sider på skrivebordet.

• Hodeløs: Representerer widgetene som ikke har et visuelt grensesnitt, men utfører logikk i bakgrunnen.

Avansert Header

For å tilpasse synligheten og endre rekkefølgen på ikonene på den horisontale overskriften på skrivebordet. Standardrekkefølgen er som følger:

1. (Webex)

2. (Utendørsanrop)

3. (Varslingssenter)

4. (Agenttilstandsvelger)

Angi verdien for egenskapen AdvancedHeader som følger:

Eksempel:

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

Hvis du vil endre standardrekkefølgen på ikonene, angir du egenskapen AdvancedHeader og verdiene i den egendefinerte layouten tilsvarende.

Widgetene flyter inn i rullegardinmenyen fra venstre til høyre.

Attributter for vedvarende faner

Hvis du vil angi fanene i de egendefinerte sidene og egendefinerte widgetene som vedvarende, angir du attributtene for md-faner i den egendefinerte layouten.

Eksempel: Angi faner som vedvarende

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

Når du angir md-tabs til å være vedvarende (persist-select: true), Agent Desktop beholder du kategorivalget selv om en agent bytter mellom sider eller widgeter på skrivebordet.

Rullegardinlisten Flere faner vises automatisk når ruten Hjelpeinformasjon inneholder flere faner.

Du må legge til et verktøytips for egendefinert fane for lesbarhet og tilgjengelighet. Hvis du vil legge til et verktøytips for en egendefinert fane, omslutter du komponenten med m d-tooltip. Angi verktøytipsinformasjonen i meld ingsegenskapen, og bruk malegenskapene som vist i eksemplet nedenfor.

"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;"
},

Hvis du vil aktivere dra-og-slipp-funksjonen i den egendefinerte kategorien, legger du til følgende egenskap i attributtene:

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

• draggable: Sett verdien for dragbar egenskap til sann.

• comp-unique id: Skriv inn en unik verdi for å identifisere komponenten.

  Eksempel:

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

Hvis du aktiverer dra-og-slipp for en egendefinert fane, kan agenten dra og slippe kategorien til ønsket posisjon i ruten Hjelpeinformasjon. Hvis du vil tilbakestille kategoriene til standard tabulatorrekkefølge, legger du til følgende egenskap:

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

• agentx-wc-more-actions-widget: Skriv inn komponenten som vises som ikonet Flere handlinger () i ruten Hjelpeinformasjon.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenter kan tilbakestille fanene i ruten Hjelpeinformasjon til standardrekkefølgen ved å klikke > Tilbakestill tabulatorrekkefølge.

• tabs-unique id: Skriv inn den samme unike verdien som er definert for egenskapen comp-unique id for å tilordne og tilbakestille md-tabs-komponentene.

Følgende eksempelkode bruker funksjonene Flere handlinger og Tilbakestill tabulatorrekke følge.

"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"
        }
    ]
}],

}

Rullegardinlisten Flere handlinger kan utvides til å legge til flere egendefinerte komponenter eller widgeter etter alternativet Tilbakestill tabulatorrekke følge. Følgende er et eksempelsett med stilegenskap sverdier som kan brukes på tilleggskomponenter.

"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;"
},

• Konfigurere og få tilgang til widgeten Customer Experience Management Metrics fra navigasjonslinjen

• Bruke faner på den egendefinerte siden

• Standard hjelpeinformasjonsrute med kontakthistorikk og skjermpop

• Hjelpeinformasjonsrute med Customer Experience Journey Widget

Konfigurere og få tilgang til widgeten Customer Experience Management Metrics fra navigasjonslinjen

Eksempel:

{
    "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]
            }
        }
    }
},

Bruke faner på den egendefinerte siden

Eksempel:

{
    "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]
            }
        }
    }
}

Standard hjelpeinformasjonsrute med kontakthistorikk og skjermpop

Eksempel:

"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"
    }
},

Hjelpeinformasjonsrute med Customer Experience Journey Widget

Eksempel:

"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"
                },
            },