Uloge

Podrazumevani JSON izgled ima sledeće tri uloge.

• Agent—da biste postavili izgled radne površine da se prikazuje kada se agent prijavi na radnu površinu Vebek kontaktnog centra radi obrade aktivnosti agenta.

• Supervizor — da podesite izgled radne površine da se prikazuje kada se supervizor prijavi na radnu površinu Vebek kontaktnog centra radi obrade samo mogućnosti supervizora.

  Kada se supervizor prijavi na radnu površinu, primenjuje se raspored radne površine koji je naveden za primarni tim. Ako ne obezbedite primarni tim, primenjuje se globalni raspored. APS izveštaji su podrazumevano onemogućeni.

• SupervisorAgent—da biste postavili izgled radne površine da se prikazuje kada se supervizor prijavi na radnu površinu Vebek kontaktnog centra radi obrade mogućnosti supervizora i aktivnosti agenta.

Slede svojstva najvišeg nivoa za JSON raspored na osnovu uloge:

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

AppTitle

Da biste odredili naslov na horizontalnom zaglavlju radne površine. Podrazumevani naslov je Vebek kontakt centar.

Primer:

"appTitle": "Webex Contact Center"

Naslov može biti tekst, slika ili prazan niz. Tekst naslova pojavljuje se u dva reda. Ako se tekst proteže izvan drugog reda, prikazuje se ikona elipse, a savet alata prikazuje kompletan naslov. Stilovi se ne mogu primeniti na naslov.

Možete da koristite URI-e podataka (Uniform Resource Identifier) ili da hostujete prilagođenu naslovnu sliku na mreži za isporuku sadržaja (CDN), kantici za jednostavnu uslugu skladištenja Amazon Web Services (AVS) (S3) ili sličnoj usluzi hostinga, a zatim odredite URL hostirane slike. Podržani formati naslovnih slika su PNG, JPG, JPEG, GIF, SVG i VebP. Podržana veličina naslovne slike je 184 k 32 piksela (širina k visina).

logo

Da biste odredili URL za logotip kompanije. Ako ne navedete URL, logotip Vebek kontakt centra se podrazumevano pojavljuje.

Primer:

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

Možete da ugostite prilagođenu sliku logotipa na CDN-u, Amazon Veb Services (AVS) Simple Storage Service (S3) kantici ili sličnoj usluzi hostinga, a zatim odredite URL hostirane slike. Podržani formati slika logotipa su PNG, JPG, JPEG, GIF, SVG i VebP. Podržana veličina slike logotipa je 96 k 32 piksela (širina k visina).

Stranica zadataka Ilustracija

Da biste odredili prilagođenu ilustraciju za stranicu zadatka na osnovu preferencija organizacije i usklađivanja brenda. Kada se agent prijavi, stranica zadatka prikazuje konfigurisanu ilustraciju kao pozadinu. Podrazumevano, stranica zadatka se pojavljuje bez ilustracije.

Primer:

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

Možete da koristite URI-ove podataka ili da hostirate prilagođenu ilustraciju na mreži za isporuku sadržaja (CDN), kantici za jednostavnu uslugu skladištenja Amazon Web Services (AVS) (S3) ili sličnoj usluzi hostinga, a zatim odredite URL na hostovanoj ilustraciji. Ilustracija se može konfigurisati na globalnom ili timskom nivou na osnovu definicije izgleda. Pobrinite se da konfigurišete tačan URL da biste sprečili da se slomljena slika prikazuje na radnoj površini.

Podržani formati ilustracije stranica zadataka su PNG, JPG, JPEG, GIF, SVG i VebP. Preporučena veličina ilustracije je 400 k 400 piksela (širina k visina). Ako je prilagođena veličina ilustracije veća od preporučene veličine, veličina ilustracije se podešava na osnovu odnosa širine i visine na stranici zadatka. Ako je prilagođena veličina ilustracije manja od preporučene veličine, stvarna veličina ilustracije zadržava se na stranici zadatka.

StopNavigateOnAcceptTask

Da biste utvrdili da li da prebacite fokus na novoprihvaćeni zadatak, kada agent prihvati novi zadatak dok radi na prethodnom zadatku. Podrazumevana vrednost je laž na.

Primer:

"stopNavigateOnAcceptTask": false

Ako je vrednost postavljena kao ist inita, kada korisnik prihvati novi zadatak na radnoj površini, fokus se zadržava na prethodnom zadatku i ne prelazi na novoprihvaćeni zadatak. Ovo podešavanje sprečava korisnika da izgubi bilo kakve podatke prilikom prihvatanja novog zahteva.

Na primer, uzmite u obzir da je agent 1 u ćaskanju sa Kupcem 1 i istovremeno na glasovnom pozivu sa Kupcem 2. Tokom glasovnog poziva, agent 1 ažurira detalje o korisniku 2 u oknu Kontrola interakcije. Trenutno agent 1 ima dva aktivna zadatka u oknu Lista zadataka, a fokus je na oknu Kontrola interakcije. Kada agent 1 prihvati novi zahtev za ćaskanje od Kupca 3, fokus ostaje na oknu Kontrola interakcije sa kupcem 2 i ne prelazi na novoprihvaćeni zahtev za ćaskanje.

Da biste zadržali fokus na prethodnom zadatku i da se ne prebacite na novoprihvaćeni zadatak, izaberite prilagođeni raspored sa vrednošću svojstva stopNavigateOnAcceptTask postavljenom na true.

Ako vrednost svojstva S topNavigateOnAcceptTask nije uneta u JSON raspored, radna površina prebacuje fokus na novoprihvaćeni zadatak. Ponašanje je slično kada je vrednost svojstva stopNavigateOnAcceptTask postavljena na false.

DragDropEnabled

Da biste omogućili prevlačenje i ispuštanje i promenu veličine vidgeta na prilagođenim stranicama, podesite vrednost na istinitu. Podrazumevana vrednost je laž na.

Primer:

"dragDropEnabled": false

Tajmer obaveštenja

Da biste podesili trajanje (u sekundama) nakon čega se obaveštenja radne površine na radnoj površini automatski odbacuju. Obaveštenje se pojavljuje u gornjem desnom uglu radne površine. Podrazumevana vrednost vremenskog isteka je 8 sekundi. Važeći opseg za vrednosti vremenskog ograničenja je 1-10 sekundi. Da bi promene vremenskog isteka stupile na snagu, pregledač se mora osvežiti nakon izvršenja promena.

Primer:

"notificationTimer": 8

Maksimalni broj obaveštenja

Da biste podesili broj obaveštenja na radnoj površini koja će se istovremeno prikazivati na radnoj površini. Podrazumevana vrednost je 3. Raspon obaveštenja na radnoj površini je 1-10. Obaveštenja na radnoj površini su složena. Ako postoji mnogo obaveštenja, pojavljuju se sa malim kašnjenjem u zavisnosti od podešavanja NotificationTimer.

PreglednikTimer za obaveštenja

Da biste podesili trajanje (u sekundama) nakon čega se obaveštenja o tosteru pregledača na radnoj površini automatski odbacuju. Toster je izvorno obaveštenje pregledača koje se pojavljuje samo ako Desktop nije aktivni prozor ili kartica pregledača. Prozor ili kartica pregledača Desktop je neaktivan kada

• Radite na drugim prozorima ili karticama pregledača.

• Radite na drugim aplikacijama.

• Smanjili ste prozor pregledača Desktop.

Obaveštenje se pojavljuje u gornjem desnom uglu radne površine. Podrazumevana vrednost vremenskog isteka je 8 sekundi. Preporučeni opseg za vrednosti vremenskog ograničenja je 5-15 sekundi. Da bi promene vremenskog isteka stupile na snagu, pregledač se mora osvežiti nakon izvršenja promena.

Primer:

"browserNotificationTimer": 8

VKSMkonfigurisano

(Opcionalno) Da biste konfiguri Webex Experience Management sali, podesite vrednost na istinitu. Podrazumevana vrednost je laž na.

Primer:

"wxmConfigured": true

DesktopChatApp

Da biste konfigurisali više aplikacija za ćaskanje koje nudi Cisco, kao što je Vebek App.

VebEkkonfigurisano

Vebek aplikacija zajedno sa funkcijama za razmenu poruka i sastanaka mogu se konfigurisati na radnoj površini. Ova konfiguracija omogućava agentima da sarađuju sa drugim agentima, supervizorima i stručnjacima za predmet (MSP) u svojoj organizaciji bez kretanja sa radne površine.

Da biste konfigurisali aplikaciju Vebek na radnoj površini:

• Kada dodajete usluge za korisnikaCisco Webex Control Hub, potvrdite polje za potvrdu Napredne por uke (Korisnici > U pravljanje korisnicima > U sluge > Por uke). Više informacija potražite u odeljku U pravljanje korisničkim nalozima u administr Cisco Webex aciji sajta.

• U prilagođenom rasporedu radne površine podesite vrednost svoj stva VebEkCon figurated na true.

  Primer:

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

  Podrazumevana vrednost svojstva Veb EkConfigurated je lažna.

  Aplikacija Vebek dostupna je za uloge agenta, supervizora i supervizorAgent samo ako podesite vrednost svojstva WebEkConfigure na tačnu za svaku od ovih uloga. Agent, supervizor ili SupervisorAgent ne mogu da se odjave iz aplikacije Vebek.

  Da biste prikazali ikonu (Vebek) na horizontalnom zaglavlju radne površine, unesite vrednost vebek u svojstvo He aderActions. Za više informacija pogledajte HeaderActions.

  Da biste omogućili aplikaciju Vebek za određeni tim, izaberite prilagođeni raspored sa vrednošću svojstva VebEkCon figure postavljenom na ist inito. Više informacija potražite u odelj ku Kreiranje tima.

Aplikaciju Vebek takođe možete da konfigurišete u oknu Pomoćne informacije, prilagođenoj stranici i prilagođenom vidžetu. Za više informacija pogledajte Okno pomoćnih informacija.

Obaveštenje o aplikaciji Vebek

Vrednosti koje su navedene pomoću svojstava NotificationTimer i BrovserNotificationTimer za tajmer obaveštenja primen ljive su za aplikaciju Vebek. Podrazumevana vrednost vremenskog isteka je 8 sekundi za ova svojstva. Za više informacija pogledajte NotificationTimer i B rovserNotificationTimer.

NaslovnicaAkcije

Da biste promenili redosled ikona na horizontalnom zaglavlju radne površine. Podrazumevani redosled je sledeći:

1. (Vebek)

2. (Vanjski poziv)

3. (Centar za obaveštenja)

Podesite vrednost svojstva HeaderActions na sledeći način:

Primer:

Da biste promenili podrazumevani redosled ikona, unesite svojstvo HeaderActions i vrednosti u prilagođenom rasporedu u skladu s tim.

Primer:

oblast

S vojstvo područja je osnovni deo rasporeda radne površine. Možete definisati izgled prema području.

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

Možete da konfigurišete sledeće objekte područja:

• Panel: Predstavlja drugi panel ili desni panel u oknu Pomoćne informacije.

• Navigacija: Predstavlja prilagođene stranice i njihove navigacione elemente koji su povezani sa stranicama.

• Perzistentno: Predstavlja vidžete na nivou stranice koji su postojani i prikazuju se na svim stranicama radne površine.

• Bez glave: Predstavlja vidžete koji nemaju vizuelni interfejs, ali izvršavaju logiku u pozadini.

AdvancedHeader

Da biste prilagodili vidljivost i promenili redosled ikona na horizontalnom zaglavlju radne površine. Podrazumevani redosled je sledeći:

1. (Vebek)

2. (Vanjski poziv)

3. (Centar za obaveštenja)

4. (Selektor države agenta)

Podesite vrednost svojstva AdvancedHeader na sledeći način:

Primer:

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

Da biste promenili podrazumevani redosled ikona, unesite svojstvo AdvancedHeader i vrednosti u prilagođenom rasporedu u skladu sa tim.

Vidžeti ulaze u padajući meni s leva na desno.

Atributi za trajne kartice

Da biste postavili kartice na prilagođenim stranicama i prilagođenim vidgetima kao postojane, unesite atribute za md-tabs u prilagođeni izgled.

Primer: Postavite kartice kao trajne

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

Kada postavite md-tabs da budu postojane (trajni izbor: ist inito), Agent Desktop zadržava izbor kartica čak i ako agent prebacuje između stranica ili vidgeta na radnoj površini.

Padaju ća lista Više kartica pojavljuje se automatski kada okno Pomoćne informacije sadrži više kartica.

Morate dodati prilagođenu alatku za karticu za čitljivost i pristupačnost. Da biste dodali savet alata za prilagođenu karticu, omotajte komponentu pomoću m d-tooltip-a. Unesite informacije o savetu alata u svoj stvo poruke i primenite vrednosti svoj stava stila kao što je prikazano u sledećem primeru.

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

Da biste omogućili funkciju prevlačenja i ispuštanja na prilagođenoj kartici, dodajte sledeće svojstvo unutar atributa:

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

• draggable: Podesite vrednost svojstva koja se može po vući na istin ita.

• comp-unique-id: Unesite jedinstvenu vrednost da biste identifikovali komponentu.

  Primer:

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

Ako omogućite prevlačenje i ispuštanje za prilagođenu karticu, agent može da prevuče i ispusti karticu na željenu poziciju u oknu Pomoćne informacije. Da biste resetovali kartice na podrazumevani redosled kartica, dodajte sledeće svojstvo:

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

• agentk-wc-more-actions-vidget: Unesite komponentu koja se prikazuje kao ikona Više akcija () u oknu Pomoćne informacije.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenti mogu da resetuju kartice u oknu Pomoćne informacije na podrazumevani redosled klikom na > Resetuj redosled kartica.

• tabs-unique-id: Unesite istu jedinstvenu vrednost definisanu za svojstvo comp-unique-id da biste mapirali i resetovali komponente md-tabs.

Sledeći uzorak koda koristi funkcije Više radnji i Resetuj redosl ed kartica.

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

}

Padajuća lista Više rad nji može se proširiti za dodavanje dodatnih prilagođenih komponenti ili vidgeta nakon opcije Resetuj redosl ed kartica. Sledi uzorak skupa vrednosti svojstava stila koji se mogu primeniti na dodatne komponente.

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

• Konfigurišite i pristupite vidžetu za metriku upravljanja korisničkim iskustvom sa trake za navigaciju

• Korišćenje kartica na prilagođenoj stranici

• Podrazumevano okno pomoćnih informacija sa istorijom kontakata i skočnim ekranom

• Okno pomoćnih informacija sa vidžetom za putovanje korisničkog iskustva

Konfigurišite i pristupite vidžetu za metriku upravljanja korisničkim iskustvom sa trake za navigaciju

Primer:

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

Korišćenje kartica na prilagođenoj stranici

Primer:

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

Podrazumevano okno pomoćnih informacija sa istorijom kontakata i iskačućim ekranom

Primer:

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

Okno pomoćnih informacija sa vidžetom za putovanje korisničkog iskustva

Primer:

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