Uloge

Zadani JSON izgled ima sljedeće tri uloge.

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

• Nadzornik — za postavljanje prikaza rasporeda radne površine kada se nadzornik prijavi na radnu površinu Webex Contact Center radi obrade samo mogućnosti nadzornika.

  Kada se nadzornik prijavi na radnu površinu, primjenjuje se izgled radne površine koji je naveden za primarni tim. Ako ne osigurate primarni tim, primjenjuje se globalni izgled. Prema zadanim postavkama, APS izvješća su onemogućena.

• SupervisorAgent—za postavljanje prikaza izgleda radne površine kada se nadzornik prijavi na radnu površinu Webex Contact Center radi obrade mogućnosti nadzornika i aktivnosti agenta.

Slijede svojstva najviše razine za JSON izgled na temelju 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

Za određivanje naslova na vodoravnom zaglavlju radne površine. Zadani naslov je Webex Contact Center.

Primjer:

"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 savjet alata prikazuje cijeli naslov. Stilovi se ne mogu primijeniti na naslov.

Možete koristiti URI-ove podataka (Uniform Resource Identifier) ili hostirati prilagođenu naslovnu sliku na mreži za isporuku sadržaja (CDN), kantici jednostavne usluge skladištenja Amazon Web Services (AWS) (S3) ili sličnoj usluzi hostinga, a zatim odrediti URL hostujuće slike. Podržani formati naslovnih slika su PNG, JPG, JPEG, GIF, SVG i WebP. Podržana veličina naslovne slike je 184 x 32 piksela (širina x visina).

logotip

Da biste odredili URL za logotip tvrtke. Ako ne navedete URL, logotip Webex Contact Center pojavljuje se prema zadanim postavkama.

Primjer:

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

Prilagođenu sliku logotipa možete ugostiti na koferi CDN, Amazon Web Services (AWS) Simple Storage Service (S3) ili sličnoj usluzi hostinga, a zatim odrediti URL hostirane slike. Podržani formati slika logotipa su PNG, JPG, JPEG, GIF, SVG i WebP. Podržana veličina slike logotipa je 96 x 32 piksela (širina x visina).

TaskPageIlustracija

Da biste odredili prilagođenu ilustraciju za stranicu zadatka na temelju postavki organizacije i usklađivanja robne marke. Kada se agent prijavi, stranica zadatka prikazuje konfiguriranu ilustraciju kao pozadinu. Prema zadanim postavkama stranica zadatka pojavljuje se bez ilustracije.

Primjer:

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

Možete koristiti URI-ove podataka ili ugostiti prilagođenu ilustraciju na mreži za isporuku sadržaja (CDN), aplikaciji Amazon Web Services (AWS) Simple Storage Service (S3) ili sličnoj usluzi hostinga, a zatim odredite URL na hostovanoj ilustraciji. Ilustracija se može konfigurirati na globalnoj ili timskoj razini na temelju definicije izgleda. Pobrinite se da konfigurirate ispravan URL kako biste spriječili prikaz slomljene slike na radnoj površini.

Podržani formati ilustracije stranica zadataka su PNG, JPG, JPEG, GIF, SVG i WebP. Preporučena veličina ilustracije je 400 x 400 piksela (širina x visina). Ako je prilagođena veličina ilustracije veća od preporučene veličine, veličina ilustracije se prilagođava na temelju omjera slike 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 hoće li prebaciti fokus na novoprihvaćeni zadatak, kada agent prihvati novi zadatak dok radi na prethodnom zadatku. Zadana vrijednost je laž na.

Primjer:

"stopNavigateOnAcceptTask": false

Ako je vrijednost postavljena kao ist inita, kada korisnik prihvati novi zadatak na radnoj površini, fokus se zadržava na prethodnom zadatku i ne prebacuje se na novo prihvaćeni zadatak. Ova postavka sprječava korisniku da izgubi bilo kakve podatke prilikom prihvaćanja novog zahtjeva.

Na primjer, uzmite u obzir da je Agent 1 u razgovoru s Kupcem 1 i istovremeno na glasovnom pozivu s Kupcem 2. Tijekom glasovnog poziva agent 1 ažurira pojedinosti o korisniku 2 u oknu Kontrola interakcije. Trenutno Agent 1 ima dva aktivna zadatka u oknu Popis zadataka, a fokus je na oknu Kontrola interakcije. Kada agent 1 prihvati novi zahtjev za chat od Korisnika 3, fokus ostaje na oknu Kontrola interakcije s korisnikom 2 i ne prelazi na novoprihvaćeni zahtjev za chat.

Da biste zadržali fokus na prethodnom zadatku i ne prebacili se na novoprihvaćeni zadatak, odaberite prilagođeni izgled s vrijednošću svojstva stopNavigateOnAcceptTask postavljenom na true.

Ako vrijednost svojstva stopNavigateOnAcceptTask nije unesena u JSON izgled, Desktop prebacuje fokus na novoprihvaćeni zadatak. Ponašanje je slično onome kada je vrijednost svojstva stopNavigateOnAcceptTask postavljena na false.

DragDropOmogućeno

Da biste omogućili povlačenje i ispuštanje i promjenu veličine widgeta na prilagođenim stranicama, postavite vrijednost na true. Zadana vrijednost je laž na.

Primjer:

"dragDropEnabled": false

Obavijestitajmer

Da biste postavili trajanje (u sekundama) nakon čega se obavijesti radne površine na radnoj površini automatski odbacuju. Obavijest se pojavljuje u gornjem desnom kutu radne površine. Zadana vrijednost isteka vremena je 8 sekundi. Važeći raspon za vrijednosti vremenskog isteka je 1-10 sekundi. Da bi promjene vremenskog isteka stupile na snagu, preglednik se mora osvježiti nakon izmjena.

Primjer:

"notificationTimer": 8

Maksimalni broj obavijesti

Da biste postavili broj obavijesti radne površine koje će se istovremeno prikazivati na radnoj površini. Zadana vrijednost je 3. Raspon obavijesti na radnoj površini je 1-10. Obavijesti na radnoj površini složene su. Ako postoji mnogo obavijesti, pojavljuju se s malim kašnjenjem ovisno o postavkama Notification Timer.

PreglednikObavijestitajmer

Da biste postavili trajanje (u sekundama) nakon čega se obavijesti o tosteru preglednika na radnoj površini automatski odbacuju. Toster je izvorna obavijest preglednika koja se pojavljuje samo ako Desktop nije aktivni prozor ili kartica preglednika. Prozor ili kartica preglednika Desktop su neaktivni kada

• Radite na drugim prozorima ili karticama preglednika.

• Radite na drugim aplikacijama.

• Smanjili ste prozor preglednika Desktop.

Obavijest se pojavljuje u gornjem desnom kutu radne površine. Zadana vrijednost isteka vremena je 8 sekundi. Preporučeni raspon za vrijednosti vremenskog ograničenja je 5-15 sekundi. Da bi promjene vremenskog isteka stupile na snagu, preglednik se mora osvježiti nakon izmjena.

Primjer:

"browserNotificationTimer": 8

wxmKonfigurirano

(Opcionalno) Da biste konfiguriraliWebex Experience Management, postavite vrijednost na true. Zadana vrijednost je laž na.

Primjer:

"wxmConfigured": true

DesktopChatApp

Za konfiguriranje više aplikacija za chat koje nudi Cisco, kao što je Webex App.

WebExkonfigurirano

Webex aplikacija zajedno s funkcijama razmjene poruka i sastanaka može se konfigurirati unutar radne površine. Ova konfiguracija omogućuje agentima suradnju s drugim agentima, nadzornicima i stručnjacima za predmet (MSP-ovima) u svojoj organizaciji bez kretanja dalje od radne površine.

Da biste konfigurirali Webex App unutar radne površine:

• Kada dodajete usluge za korisnikaCisco Webex Control Hub, potvrdite okvir Napredne por uke (Korisnici > U pravl janje korisnicima > Usluge > Raz m jena poruka). Dodatne informacije potražite u odjeljku U pravljanje korisničkim računima u administr Cisco Webex aciji web- mjesta.

• U prilagođenom rasporedu radne površine postavite vrijednost svojstva WebExCon figure na true.

  Primjer:

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

  Zadana vrijednost svojstva WebExConfigure je laž na.

  Aplikacija Webex dostupna je za uloge agenta, supervizora i supervizorAgent samo ako za svaku od tih uloga postavite vrijednost svojstva WebExConfigur ated na ist initu. Agent, nadzornik ili SupervisorAgent ne mogu se odjaviti iz aplikacije Webex.

  Da biste prikazali ikonu (Webex) na vodoravnom zaglavlju radne površine, unesite vrijednost webex u svojstvo HeaderActions. Dodatne informacije potražite u odjeljku HeaderActions.

  Da biste omogućili aplikaciju Webex za određeni tim, odaberite prilagođeni izgled s vrijednošću svojstva WebExConfigure postavljenom na true. Dodatne informacije potražite u odjelj ku Stvaranje tima.

Aplikaciju Webex možete konfigurirati i u oknu Pomoćne informacije, prilagođenoj stranici i prilagođenom widgetu. Dodatne informacije potražite u odjeljku Okno pomoćnih informacija.

Obavijest o aplikaciji Webex

Vrijednosti koje su navedene pomoću svojstava NotificationTimer i BrowserNotificationTimer za mjerač vremena obavijesti primjenjive su za Webex App. Zadana vrijednost vremenskog isteka je 8 sekundi za ova svojstva. Dodatne informacije potražite u odjeljku NotificationTimer i BrowserNotificationTimer.

NaslovnicaDjeljenja

Da biste promijenili redoslijed ikona na vodoravnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

1. (Webex)

2. (Vanjski poziv)

3. (Centar za obavijesti)

Postavite vrijednost svojstva HeaderActions na sljedeći način:

Primjer:

Da biste promijenili zadani redoslijed ikona, unesite svojstvo HeaderActions i vrijednosti u prilagođenom rasporedu u skladu s tim.

Primjer:

područje

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

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

Možete konfigurirati sljedeće objekte područja:

• Ploča: predstavlja drugu ploču ili desnu ploču u oknu Pomoćne informacije.

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

• Perzistentno: Predstavlja widgete na razini stranice koji su postojani i prikazuju se na svim stranicama radne površine.

• Bez glave: Predstavlja widgete koji nemaju vizualno sučelje, ali izvršavaju logiku u pozadini.

Naprednozaglavlje

Da biste prilagodili vidljivost i promijenili redoslijed ikona na vodoravnom zaglavlju radne površine. Zadani redoslijed je sljedeći:

1. (Webex)

2. (Vanjski poziv)

3. (Centar za obavijesti)

4. (Selektor stanja agenta)

Postavite vrijednost svojstva AdvancedHeader na sljedeći način:

Primjer:

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

Da biste promijenili zadani redoslijed ikona, unesite svojstvo AdvancedHeader i vrijednosti u prilagođenom rasporedu u skladu s tim.

Widgeti se ulijevaju u padajući izbornik s lijeva na desno.

Atributi za trajne kartice

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

Primjer: 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 kao postojane (trajni odabir: istina), Agent Desktop zadržava odab ir kartice čak i ako se agent prebacuje između stranica ili widgeta na radnoj površini.

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

Morate dodati prilagođeni alat za karticu radi čitljivosti i pristupačnosti. Da biste dodali savjet alata za prilagođenu karticu, zamotajte komponentu m d-tooltip. Unesite informacije o alatu u svojstvo poruke i primijenite vrijednosti svoj stava stila kako je prikazano u sljedećem primjeru.

"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 značajku prevlačenja i ispuštanja unutar prilagođene kartice, dodajte sljedeće svojstvo unutar atributa:

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

• draggable: Postavite vrijednost svojstva po vlačenja na true.

• comp-unique-id: Unesite jedinstvenu vrijednost za identifikaciju komponente.

  Primjer:

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

Ako omogućite povlačenje i ispuštanje za prilagođenu karticu, agent može povući i ispustiti karticu na željenu poziciju unutar okna Pomoćne informacije. Da biste vratili kartice na zadani redoslijed kartica, dodajte sljedeće svojstvo:

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

• agentx-wc-more-actions-widget: Unesite komponentu koja se prikazuje kao ikona Više radnji () 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 resetirati kartice u oknu Pomoćne informacije na zadani redoslijed klikom na > Poništi redoslijed kartica.

• tabs-unique-id: Unesite istu jedinstvenu vrijednost definiranu za svojstvo comp-unique-id za mapiranje i resetiranje komponenti md-tabs.

Sljedeći uzorak koda koristi funkcije Više radnji i Pon išti redosli jed 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ći popis Više radnji može se proširiti za dodavanje dodatnih prilagođenih komponenti ili widgeta nakon opcije Poniš ti redosli jed kartica. Slijedi uzorak skupa vrijednosti svojstava stila koji se mogu primijeniti 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;"
},

• Konfigurirajte i pristupite widgetu mjernih podataka za upravljanje korisničkim iskustvom s navigacijske trake

• Korištenje kartica na prilagođenoj stranici

• Zadano okno pomoćnih informacija s poviješću kontakata i skočnim zaslonom

• Pomoćno okno s informacijama s widgetom za putovanje korisničkog iskustva

Konfigurirajte i pristupite widgetu mjernih podataka za upravljanje korisničkim iskustvom s navigacijske trake

Primjer:

{
    "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štenje kartica na prilagođenoj stranici

Primjer:

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

Zadano okno pomoćnih informacija s poviješću kontakata i skočnim zaslonom

Primjer:

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

Pomoćno okno s informacijama s widgetom za putovanje korisničkog iskustva

Primjer:

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