Roller

Standard JSON-layoutet har følgende tre roller.

• Agent—for at indstille skrivebordslayoutet, der skal vises, når en agent logger på Webex Contact Center-skrivebordet for at håndtere agentaktiviteter.

• Supervisor — for at indstille skrivebordslayoutet, der skal vises, når en supervisor logger på Webex Contact Center-skrivebordet for kun at håndtere overordnede funktioner.

  Når en supervisor logger på skrivebordet, anvendes det skrivebordslayout, der er angivet for det primære team. Hvis du ikke angiver et primært team, gælder det globale layout. APS-rapporter er som standard deaktiveret.

• SupervisorAgent—for at indstille skrivebordslayoutet, der skal vises, når en supervisor logger på Webex Contact Center-skrivebordet for at håndtere både tilsynsfunktioner og agentaktiviteter.

Følgende er egenskaberne på øverste niveau for JSON-layout baseret 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": {
                ...
            }
        },
    }
},

AppTitel

Sådan angiver du en titel på skrivebordets vandrette overskrift. Standardtitlen er Webex Contact Center.

Eksempel:

"appTitle": "Webex Contact Center"

Titlen kan enten være tekst, et billede eller en tom streng. Titelteksten vises i to rækker. Hvis teksten rækker ud over den anden række, vises et ellipseikon, og værktøjstipet viser hele titlen. Typografier kan ikke anvendes på titlen.

Du kan enten bruge data-URI'er (Uniform Resource Identifier) eller hoste et brugerdefineret titelbillede på et CDN (Content Delivery Network), Amazon Web Services (AWS) Simple Storage Service (S3) bucket eller en lignende hostingtjeneste og derefter angive webadressen til det hostede billede. De understøttede titelbilledformater er PNG, JPG, JPEG, GIF, SVG og WebP. Den understøttede titelbilledstørrelse er 184 x 32 pixels (bredde x højde).

logo

Sådan angiver du en webadresse til firmalogoet. Hvis du ikke angiver en webadresse, vises Webex Contact Center-logoet som standard.

Eksempel:

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

Du kan hoste et brugerdefineret logobillede på en CDN, Amazon Web Services (AWS) Simple Storage Service (S3) bucket eller en lignende hostingtjeneste og derefter angive webadressen til det hostede billede. De understøttede logo-billedformater er PNG, JPG, JPEG, GIF, SVG og WebP. Den understøttede logo-billedstørrelse er 96 x 32 pixels (bredde x højde).

OpgavesideIllustration

Sådan angiver du en brugerdefineret illustration til opgavesiden baseret på organisationspræferencer og brandjustering. Når en agent logger på, viser opgavesiden den konfigurerede illustration som baggrund. Opgavesiden vises som standard uden illustration.

Eksempel:

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

Du kan enten bruge data-URI'er eller hoste en brugerdefineret illustration på et CDN (Content Delivery Network), Amazon Web Services (AWS) Simple Storage Service (S3) bucket eller en lignende hostingtjeneste og derefter angive webadressen til den hostede illustration. Illustrationen kan konfigureres på globalt niveau eller teamniveau baseret på layoutdefinitionen. Sørg for at konfigurere den korrekte webadresse for at forhindre, at det ødelagte billede vises på skrivebordet.

De understøttede opgavesideillustrationsformater er PNG, JPG, JPEG, GIF, SVG og WebP. Den anbefalede illustrationsstørrelse er 400 x 400 pixels (bredde x højde). Hvis den brugerdefinerede illustrationsstørrelse er større end den anbefalede størrelse, justeres illustrationsstørrelsen baseret på billedformatet på opgavesiden. Hvis den brugerdefinerede illustrationsstørrelse er mindre end den anbefalede størrelse, bevares den faktiske illustrationsstørrelse på opgavesiden.

StopNavigateOnAcceptTask

Sådan bestemmer du, om fokus skal flyttes til en nyligt accepteret opgave, når agenten accepterer den nye opgave, mens han arbejder på en tidligere opgave. Standardværdien er falsk.

Eksempel:

"stopNavigateOnAcceptTask": false

Hvis værdien er angivet som sand, når brugeren accepterer en ny opgave på skrivebordet, bevares fokus på den forrige opgave og flyttes ikke til den nyligt accepterede opgave. Denne indstilling forhindrer brugeren i at miste data, når han accepterer en ny anmodning.

Overvej f.eks., at Agent 1 er i chat med kunde 1 og samtidig i et taleopkald med kunde 2. Under taleopkaldet opdaterer Agent 1 oplysningerne om Kunde 2 i ruden Interaktionskontrol. I øjeblikket har Agent 1 to aktive opgaver i ruden Opgaveliste, og fokus er på ruden Interaktionskontrol. Når agent 1 accepterer en ny chatanmodning fra kunde 3, forbliver fokus på ruden Interaktionskontrol med kunde 2 og skifter ikke til den nyligt accepterede chatanmodning.

Hvis du vil bevare fokus på den forrige opgave og ikke skifte til den nyligt accepterede opgave, skal du vælge det brugerdefinerede layout med egenskabsværdien stopNavigateOnAcceptTask indstillet til true.

Hvis egenskabsværdien StopNavigateOnAcceptTask ikke er angivet i JSON-layoutet, flytter skrivebordet fokus til den nyligt accepterede opgave. Funktionen svarer til, når egenskabsværdien stopNavigateOnAcceptTask er indstillet til false.

DragDropEnabled

Hvis du vil aktivere træk-og-slip og ændre størrelsen på widgets på de brugerdefinerede sider, skal du indstille værdien til true. Standardværdien er falsk.

Eksempel:

"dragDropEnabled": false

NotificationTimer

For at indstille varigheden (i sekunder), hvorefter skrivebordsmeddelelserne på skrivebordet automatisk afvises. Meddelelsen vises øverst til højre på skrivebordet. Standard timeout-værdien er 8 sekunder. Det gyldige interval for timeout-værdier er 1-10 sekunder. For at timeout-ændringerne kan træde i kraft, skal browseren opdateres, når ændringerne er foretaget.

Eksempel:

"notificationTimer": 8

Maksimalt antal notifikationer

Sådan indstiller du antallet af skrivebordsmeddelelser, der skal vises ad gangen på skrivebordet. Standardværdien er 3. Rækkevidden for desktop-meddelelser er 1-10. Skrivebordsmeddelelserne er stablet. Hvis der er mange underretninger, vises de med en lille forsinkelse afhængigt af indstillingerne for NotificationTimer.

BrowserNotificationTimer

Sådan indstilles varigheden (i sekunder), hvorefter browserens brødristermeddelelser på skrivebordet automatisk afvises. Toaster er en indbygget browsermeddelelse, der kun vises, hvis skrivebordet ikke er det aktive browservindue eller fane. Desktop-browservinduet eller fanen er inaktiv, når

• Du arbejder på andre browservinduer eller faner.

• Du arbejder på andre applikationer.

• Du har minimeret skrivebordsbrowservinduet.

Meddelelsen vises øverst til højre på skrivebordet. Standard timeout-værdien er 8 sekunder. Det anbefalede interval for timeout-værdier er 5-15 sekunder. For at timeout-ændringerne kan træde i kraft, skal browseren opdateres, når ændringerne er foretaget.

Eksempel:

"browserNotificationTimer": 8

wxmKonfigureret

(Valgfrit) Hvis du vil konfigurereWebex Experience Management, skal du indstille værdien til true. Standardværdien er falsk.

Eksempel:

"wxmConfigured": true

DesktopChatApp

Sådan konfigurerer du flere Cisco-tilbudte chat-applikationer, f.eks. Webex App.

WebExkonfigureret

Webex-appen sammen med dens messaging- og mødefunktioner kan konfigureres på skrivebordet. Denne konfiguration gør det muligt for agenter at samarbejde med andre agenter, vejledere og emneeksperter (SMV'er) i deres organisation uden at navigere væk fra skrivebordet.

Sådan konfigureres Webex-appen på skrivebordet:

• Når du Cisco Webex Control Hub tilføjer tjenester til en bruger, skal du markere afkrydsnings feltet Avancerede meddelelser (Bru gere > Administrer brugere > T jenester > Bes k eder). Du kan finde flere oplysninger under Administrer brugerkonti i Web Cisco Webex stedsadministration.

• I det brugerdefinerede skrivebordslayout skal du indstille egen skabsværdien WebExConfigu red til true.

  Eksempel:

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

  Standardværdien for egenskaben WebExConfigured er falsk.

  Webex App er kun tilgængelig for rollerne agent, supervisor og SupervisorAgent, hvis du indstiller egenskabsværdien WebEx Configured til true for hver af disse roller. Agenten, vejlederen eller SupervisorAgent kan ikke logge af Webex-appen.

  Hvis du vil have vist ikonet (Webex) på skrivebordets vandrette overskrift, skal du indtaste værdien webex i egenskaben HeaderActions. Du kan finde flere oplysninger i He aderActions.

  Hvis du vil aktivere Webex App for et bestemt team, skal du vælge det brugerdefinerede layout med egenskabsværdien WebExConfigured indstillet til true. Du kan finde flere oplysninger i Oprette et team.

Du kan også konfigurere Webex App i ruden Hjælpeoplysninger, brugerdefineret side og brugerdefineret widget. Du kan finde flere oplysninger i Ru den med hjælpeoplysninger.

Meddelelse om Webex-app

De værdier, der er angivet ved hjælp af egenskaberne NotificationTim er og BrowserNotificationTim er for meddelelsestimeren, gælder for Webex App. Standard-timeout-værdien er 8 sekunder for disse egenskaber. Du kan finde flere oplysninger i NotificationTimer og BrowserNotificationTimer.

OverskriftHandlinger

For at ændre rækkefølgen af ikonerne på skrivebordets vandrette overskrift. Standardrækkefølgen er som følger:

1. (Webex)

2. (Outdial opkald)

3. (Meddelelsescenter)

Indstil værdien af egenskaben HeaderActions som følger:

Eksempel:

Hvis du vil ændre ikonernes standardrækkefølge, skal du angive egenskaben HeaderActions og værdierne i det brugerdefinerede layout i overensstemmelse hermed.

Eksempel:

område

Areaegen skaben er kernesektionen i skrivebordslayoutet. Du kan definere layoutet 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: Repræsenterer det andet panel eller panelet længst til højre i ruden Hjælpeoplysninger.

• Navigation: Repræsenterer brugerdefinerede sider og deres navigationselementer, der er relateret til siderne.

• Vedvarende: Repræsenterer widgets på sideniveau, der er vedvarende og vises på alle sider på skrivebordet.

• Hovedløs: Repræsenterer widgets, der ikke har en visuel grænseflade, men udfører logik i baggrunden.

AdvancedHeader

For at tilpasse synligheden og ændre rækkefølgen af ikonerne på skrivebordets vandrette overskrift. Standardrækkefølgen er som følger:

1. (Webex)

2. (Outdial opkald)

3. (Meddelelsescenter)

4. (Agenttilstandsvælger)

Indstil værdien af egenskaben 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 ændre ikonernes standardrækkefølge, skal du angive egenskaben AdvancedHeader og værdierne i det brugerdefinerede layout i overensstemmelse hermed.

Widgets flyder ind i rullemenuen fra venstre mod højre.

Attributter for vedvarende faner

Hvis du vil angive fanerne på de brugerdefinerede sider og brugerdefinerede widgets som vedvarende, skal du angive attributterne for md-tabs i det brugerdefinerede layout.

Eksempel: Angiv 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 indstiller md-tabs til at være vedvarende (persist-selection: true), bevares fan Agent Desktop evalget, selvom en agent skifter mellem sider eller widgets på skrivebordet.

Rullelisten Flere faner vises automatisk, når ruden Hjælpeoplysninger indeholder flere faner.

Du skal tilføje et brugerdefineret faneværktøjstip for læsbarhed og tilgængelighed. Hvis du vil tilføje et værktøjstip til en brugerdefineret fane, skal du omslutte komponenten med m d-tooltip. Indtast værktøjstipoplysningerne i meddelelses egenskaben, og anven d typografiegenskaberne som vist i følgende eksempel.

"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 træk-og-slip-funktionen i den brugerdefinerede fane, skal du tilføje følgende egenskab inden for attributterne:

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

• trækbar: Indstil egenskabsværdien, der kan trækkes, til true.

• comp-unique id: An giv en unik værdi for at identificere komponenten.

  Eksempel:

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

Hvis du aktiverer træk og slip for en brugerdefineret fane, kan agenten trække og slippe fanen til den ønskede position i ruden Hjælpeoplysninger. Hvis du vil nulstille fanerne til standardtabulatorrækkefølgen, skal du tilføje følgende egenskab:

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

• agentx-wc-more-actions-widget: Angiv den komponent, der vises som ikonet Flere handlinger () i ruden Hjælpeoplysninger.

• 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 nulstille fanerne i ruden Hjælpeoplysninger til standardrækkefølgen ved at klikke på > Nulstil fanerækkefølge.

• tabs-unice-id: Indtast den samme unikke værdi, der er defineret for egenskaben comp-unique id for at kortlægge og nulstille md- tabs-komponenterne.

Følgende eksempelkode bruger funktionerne Flere handlinger og Nulstil tabulatorrække 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"
        }
    ]
}],

}

Rullelisten Flere handlinger kan udvides til at tilføje yderligere brugerdefinerede komponenter eller widgets efter indstillingen Nulstil tabulatorrække følge. Følgende er et eksempelsæt af typogra fegenskabsværdier, der kan anvendes på yderligere komponenter.

"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å adgang til widgeten Customer Experience Management Metrics fra navigationslinjen

• Brug af faner på den brugerdefinerede side

• Standard hjælpeinformationsrude med kontakthistorik og skærmpop

• Hjælpeinformationsrude med widget til kundeoplevelsesrejse

Konfigurere og få adgang til widgeten Customer Experience Management Metrics fra navigationslinjen

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

Brug af faner på den brugerdefinerede side

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 hjælpeinformationsrude med kontakthistorik og skærmpop

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

Hjælpeinformationsrude med widget til kundeoplevelsesrejse

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