Role

Domyślny układ JSON ma następujące trzy role.

• Agent — aby ustawić Układ pulpitu tak, aby był wyświetlany, gdy agent loguje się do pulpitu Webex Contact Center w celu obsługi działań agenta.

• Supervisor — aby ustawić Układ pulpitu tak, aby był wyświetlany po zalogowaniu się przełożonego do pulpitu Webex Contact Center, aby obsługiwać tylko funkcje nadzorcy.

  Gdy przełożony zaloguje się do pulpitu, zostanie zastosowany układ pulpitu określony dla zespołu podstawowego. Jeśli nie udostępnisz zespołu podstawowego, zostanie zastosowany układ globalny. Domyślnie raporty APS są wyłączone.

• SupervisorAgent — aby ustawić układ pulpitu tak, aby był wyświetlany po zalogowaniu się przełożonego do pulpitu Webex Contact Center, aby obsługiwać zarówno funkcje nadzorcy, jak i działania agenta.

Poniżej znajdują się właściwości najwyższego poziomu układu JSON oparte na roli:

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

Aby określić tytuł w poziomym nagłówku pulpitu. Domyślnym tytułem jest Webex Contact Center.

Przykład:

"appTitle": "Webex Contact Center"

Tytuł może być tekstem, obrazem lub pustym ciągiem. Tekst tytułu pojawia się w dwóch wierszach. Jeśli tekst wykracza poza drugi wiersz, wyświetlana jest ikona elipsy, a podpowiedź wyświetla pełny tytuł. Style nie mogą być stosowane do tytułu.

Można użyć identyfikatorów URI danych (Uniform Resource Identifier) lub hostować niestandardowy obraz tytułowy w sieci dostarczania treści (CDN), zasobniku usługi Simple Storage Service (S3) Amazon Web Services (AWS) lub podobnej usłudze hostingowej, a następnie określić adres URL hostowanego obrazu. Obsługiwane formaty obrazów tytułowych to PNG, JPG, JPEG, GIF, SVG i WebP. Obsługiwany rozmiar obrazu tytułowego to 184 x 32 piksele (szerokość x wysokość).

logo

Aby określić adres URL dla logo firmy. Jeśli nie podasz adresu URL, domyślnie pojawi się logo Webex Contact Center.

Przykład:

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

Możesz przechowywać niestandardowy obraz logo na zasobniku CDN, Amazon Web Services (AWS) Simple Storage Service (S3) lub podobnej usłudze hostingowej, a następnie określić adres URL hostowanego obrazu. Obsługiwane formaty obrazów logo to PNG, JPG, JPEG, GIF, SVG i WebP. Obsługiwany rozmiar obrazu logo wynosi 96 x 32 piksele (szerokość x wysokość).

TaskPageIlustracja

Aby określić niestandardową ilustrację dla strony zadania na podstawie preferencji organizacji i dopasowania marki. Gdy agent zaloguje się, strona zadania wyświetla skonfigurowaną ilustrację jako tło. Domyślnie strona zadania jest wyświetlana bez ilustracji.

Przykład:

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

Możesz użyć identyfikatorów URI danych lub hostować niestandardową ilustrację w sieci dostarczania treści (CDN), zasobniku usługi Amazon Web Services (AWS) Simple Storage Service (S3) lub podobnej usłudze hostingowej, a następnie określić adres URL hostowanej ilustracji. Ilustrację można skonfigurować na poziomie globalnym lub zespołowym w oparciu o definicję układu. Upewnij się, że skonfigurowałeś prawidłowy adres URL, aby zapobiec wyświetlaniu uszkodzonego obrazu na pulpicie.

Obsługiwane formaty ilustracji stron zadań to PNG, JPG, JPEG, GIF, SVG i WebP. Zalecany rozmiar ilustracji to 400 x 400 pikseli (szerokość x wysokość). Jeśli niestandardowy rozmiar ilustracji jest większy niż zalecany rozmiar, rozmiar ilustracji jest dostosowywany na podstawie współczynnika proporcji na stronie zadania. Jeśli niestandardowy rozmiar ilustracji jest mniejszy niż zalecany rozmiar, rzeczywisty rozmiar ilustracji zostanie zachowany na stronie zadania.

StopNawigateOnAcceptTask

Aby określić, czy ustawić ostrość na nowo zaakceptowane zadanie, gdy agent zaakceptuje nowe zadanie podczas pracy nad poprzednim zadaniem. Wartość domyślna to false.

Przykład:

"stopNavigateOnAcceptTask": false

Jeśli wartość jest ustawiona jako true, gdy użytkownik zaakceptuje nowe zadanie na pulpicie, fokus zostanie zachowany na poprzednim zadaniu i nie przechodzi na nowo zaakceptowane zadanie. To ustawienie zapobiega utracie danych przez użytkownika podczas akceptacji nowego żądania.

Weź na przykład pod uwagę, że Agent 1 jest na czacie z Klientem 1 i jednocześnie rozmawia głosowe z Klientem 2. Podczas połączenia głosowego Agent 1 aktualizuje szczegóły dotyczące klienta 2 w okienku Kontrola interakcji. Obecnie Agent 1 ma dwa aktywne zadania w okienku Lista zadań, a fokus znajduje się na okienku Kontrola interakcji. Gdy Agent 1 zaakceptuje nowe żądanie czatu od Klienta 3, uwaga pozostaje na okienku Kontrola interakcji z klientem 2 i nie przechodzi na nowo zaakceptowane żądanie czatu.

Aby zachować koncentrację na poprzednim zadaniu i nie przejść do nowo zaakceptowanego zadania, wybierz układ niestandardowy z wartością właściwości stopNavigateOnAcceptTask ustawioną na wartość true.

Jeśli wartość właściwości stopNavigateOnAcceptTask nie zostanie wprowadzona w układzie JSON, pulpit przesuwa fokus na nowo zaakceptowane zadanie. Zachowanie jest podobne do tego, gdy wartość właściwości stopNavigateOnAcceptTask jest ustawiona na false.

DragDropEnabled

Aby włączyć przeciąganie i upuszczanie oraz zmianę rozmiaru widżetów na niestandardowych stronach, ustaw wartość true. Wartość domyślna to false.

Przykład:

"dragDropEnabled": false

PowiadomienieTimer

Aby ustawić czas trwania (w sekundach), po którym powiadomienia pulpitu na pulpicie są automatycznie odrzucane. Powiadomienie pojawia się w prawym górnym rogu pulpitu. Domyślna wartość limitu czasu wynosi 8 sekund. Prawidłowy zakres dla wartości limitu czasu wynosi 1-10 sekund. Aby zmiany limitu czasu zaczęły obowiązywać, przeglądarka musi zostać odświeżona po wprowadzeniu zmian.

Przykład:

"notificationTimer": 8

Maksymalna liczba powiadomień

Aby ustawić liczbę powiadomień pulpitu, które będą wyświetlane w danym momencie na pulpicie. Wartość domyślna to 3. Zakres powiadomień na pulpicie wynosi 1-10. Powiadomienia pulpitu są ułożone w stos. Jeśli jest wiele powiadomień, pojawiają się one z niewielkim opóźnieniem w zależności od ustawień NotificationTimer.

PrzeglądarkaNotificationTimer

Aby ustawić czas trwania (w sekundach), po którym powiadomienia tostera przeglądarki na pulpicie są automatycznie odrzucane. Toaster to natywne powiadomienie przeglądarki, które pojawia się tylko wtedy, gdy Pulpit nie jest aktywnym oknem lub zakładką przeglądarki. Okno lub karta przeglądarki pulpitu jest nieaktywne, gdy

• Pracujesz nad innymi oknami lub kartami przeglądarki.

• Pracujesz nad innymi aplikacjami.

• Zminimalizowałeś okno przeglądarki pulpitu.

Powiadomienie pojawia się w prawym górnym rogu pulpitu. Domyślna wartość limitu czasu wynosi 8 sekund. Zalecany zakres dla wartości limitu czasu wynosi 5-15 sekund. Aby zmiany limitu czasu zaczęły obowiązywać, przeglądarka musi zostać odświeżona po wprowadzeniu zmian.

Przykład:

"browserNotificationTimer": 8

WXMskonfigurowany

(Opcjonalnie) Aby skonfigurowaćWebex Experience Management, ustaw wartość true. Wartość domyślna to false.

Przykład:

"wxmConfigured": true

Aplikacja do czatu na pulpicie

Aby skonfigurować wiele aplikacji do czatu oferowanych przez Cisco, takich jak aplikacja Webex.

WebXskonfigurowany

Aplikację Webex wraz z funkcjami przesyłania wiadomości i spotkań można skonfigurować na pulpicie. Ta konfiguracja umożliwia agentom współpracę z innymi agentami, przełożonymi i ekspertami zajmującymi się tematyką (MŚP) w ich organizacji bez odchodzenia od pulpitu.

Aby skonfigurować aplikację Webex na pulpicie:

• Podczas dodaw Cisco Webex Control Hub ania usług dla użytkownika zaznacz pole wyboru Wiadomości zaawansowane (Uży tkownicy > Zarządzaj użytkow nikami > Usługi > Wi adomości). Aby uzyskać więcej informacji, zobacz Zarządzanie kontami użytkowników w Administracji Cisco Webex witryny.

• W niestandardowym układzie pulpitu ustaw wartość właściwości WebExConfigure na wartość true.

  Przykład:

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

  Domyślną wartością właściwości WebExConfigure jest false.

  Aplikacja Webex jest dostępna dla ról agenta, nadzorcy i superwizorAgent tylko wtedy, gdy dla każdej z tych ról wartość właściwości WebExConfigurated zostanie ustawiona na wartość true. Agent, przełożony lub SupervisorAgent nie mogą wylogować się z aplikacji Webex.

  Aby wyświetlić ikonę (Webex) w poziomym nagłówku pulpitu, wprowadź wartość webex we właściwości headerActions. Aby uzyskać więcej informacji, zobacz HeaderActions.

  Aby włączyć aplikację Webex dla określonego zespołu, wybierz układ niestandardowy z wartością właściwości WebExConfigure ustawioną na true. Aby uzyskać więcej informacji, z obacz Tworzenie zespołu.

Aplikację Webex można również skonfigurować w okienku Informacje pomocnicze, stronie niestandardowej i niestandardowym widżecie. Aby uzyskać więcej informacji, zobacz sekcję Okienko informacji pomocniczych.

Powiadomienie o aplikacji Webex

Wartości określone za pomocą właściwości NotificationTimer i BrowserNotificationTimer dla timera powiadomień mają zastosowanie do aplikacji Webex. Domyślna wartość limitu czasu wynosi 8 sekund dla tych właściwości. Aby uzyskać więcej informacji, zobacz temat NotificationTimer i BrowserNotificationTimer.

NagłówAkcje

Aby zmienić kolejność ikon w poziomym nagłówku pulpitu. Domyślna kolejność jest następująca:

1. (Webex)

2. (Połączenie zewnętrzne)

3. (Centrum powiadomień)

Ustaw wartość właściwości headerActions w następujący sposób:

Przykład:

Aby zmienić domyślną kolejność ikon, należy odpowiednio wprowadzić właściwość headerActions i wartości w układzie niestandardowym.

Przykład:

obszar

Właści wość obszar jest sekcją podstawową układu pulpitu. Możesz zdefiniować układ zgodnie z obszarem.

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

Można skonfigurować następujące obiekty obszaru:

• Panel: Reprezentuje drugi panel lub panel skrajnie prawy w okienku Informacje pomocnicze.

• Nawigacja: reprezentuje strony niestandardowe i ich elementy nawigacyjne, które są powiązane ze stronami.

• Trwały: reprezentuje widżety na poziomie strony, które są trwałe i wyświetlane na wszystkich stronach pulpitu.

• Bez głowy: Reprezentuje widżety, które nie mają interfejsu wizualnego, ale wykonują logikę w tle.

Zaawansowany nagłówek

Aby dostosować widoczność i zmienić kolejność ikon w poziomym nagłówku pulpitu. Domyślna kolejność jest następująca:

1. (Webex)

2. (Połączenie zewnętrzne)

3. (Centrum powiadomień)

4. (Selektor stanu agenta)

Ustaw wartość właściwości AdvancedHeader w następują cy sposób:

Przykład:

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

Aby zmienić domyślną kolejność ikon, należy odpowiednio wprowadzić właściwość AdvancedHeader i wartości w układzie niestandardowym.

Widżety wpływają do menu rozwijanego od lewej do prawej.

Atrybuty kart trwałych

Aby ustawić karty na niestandardowych stronach i niestandardowych widżetach jako trwałe, wprowadź atrybuty dla md-tabs w układzie niestandardowym.

Przykład: Ustaw karty jako trwałe

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

Po ustawieniu md-tabs jako trwałe (persist-select: true), zaz naczenie karty Agent Desktop zachowuje, nawet jeśli agent przełącza się między stronami lub widżetami na pulpicie.

Lista rozwi jana Więcej kart pojawia się automatycznie, gdy okienko Informacje pomocnicze zawiera wiele kart.

Aby uzyskać czytelność i dostępność, musisz dodać niestandardową tabulację. Aby dodać etykietę dla karty niestandardowej, zawiń komponent za pomocą m d-tooltip. Wprowadź informacje podpowiedzi we właściwości komunikatu i zastosuj wartości właściwości stylu, jak pokazano w poniższym przykładzie.

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

Aby włączyć funkcję przeciągania i upuszczania na karcie niestandardowej, dodaj następującą właściwość w ramach atrybutów:

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

• draggable: Ustaw wartość właściwości draggable na true.

• comp-unique-id: Wprowadź unikalną wartość, aby zidentyfikować komponent.

  Przykład:

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

Jeśli włączysz opcję przeciągania i upuść dla karty niestandardowej, agent może przeciągać i upuszczać kartę do wymaganej pozycji w okienku Informacje pomocnicze. Aby zresetować karty do domyślnej kolejności kart, dodaj następującą właściwość:

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

• agentx-wc-more-actions-widget: Wprowadź komponent wyświetlany jako ikona Więcej akcji () w okienku Informacje pomocnicze.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenci mogą zresetować zakładki w okienku Informacje pomocnicze do kolejności domyślnej, klikając przycisk > Resetuj kolejność kart.

• tabs-unique-id: Wprowadź tę samą unikatową wartość zdefiniowaną dla właściwości comp-unique-id, aby odwzorować i zresetować komponenty md-tabs.

Poniższy przykładowy kod wykorzystuje funkcje Więcej akcji i Resetuj kolejność kart.

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

}

Listę rozwijan ą Więcej działań można rozszerzyć, aby dodać dodatkowe niestandardowe komponenty lub widżety po opcji Resetuj kolej ność kart. Poniżej znajduje się przykładowy zestaw wartości właściwości stylu, które można zastosować do dodatkowych komponentów.

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

• Skonfiguruj i uzyskaj dostęp do widżetu metryk zarządzania doświadczeniem klienta z paska nawigacji

• Korzystanie z kart na stronie niestandardowej

• Domyślny pomocniczy panel informacji z historią kontaktów i wyskakującym ekranem

• Dodatkowe okienko informacji z widgetem podróży klienta

Skonfiguruj i uzyskaj dostęp do widżetu metryk zarządzania doświadczeniem klienta z paska nawigacji

Przykład:

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

Korzystanie z kart na stronie niestandardowej

Przykład:

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

Domyślny pomocniczy panel informacji z historią kontaktów i wyskakującym ekranem

Przykład:

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

Dodatkowe okienko informacji z widgetem podróży klienta

Przykład:

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