Úlohy

Predvolené rozloženie JSON má nasledujúce tri úlohy.

• Agent — nastaviť rozloženie pracovnej plochy tak, aby sa zobrazovalo, keď sa agent prihlási do pracovnej plochy Webex Contact Center na spracovanie aktivít agenta.

• Supervízor — nastavenie rozloženia pracovnej plochy tak, aby sa zobrazovalo, keď sa supervízor prihlási do pracovnej plochy Webex Contact Center na spracovanie iba schopností supervízorov.

  Keď sa supervízor prihlási do pracovnej plochy, použije sa rozloženie pracovnej plochy určené pre primárny tím. Ak neposkytnete primárny tím, použije sa globálne rozloženie. V predvolenom nastavení sú prehľady APS zakázané.

• Supervisoragent — nastavenie rozloženia pracovnej plochy tak, aby sa zobrazovalo, keď sa supervízor prihlási do pracovnej plochy Webex Contact Center na spracovanie možností supervízorov a aktivít agenta.

Nasledujú vlastnosti najvyššej úrovne pre rozloženie JSON na základe úlohy:

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

Zadanie názvu na vodorovnej hlavičke pracovnej plochy. Predvolený názov je Webex Contact Center.

Príklad:

"appTitle": "Webex Contact Center"

Názov môže byť text, obrázok alebo prázdny reťazec. Text názvu sa zobrazí v dvoch riadkoch. Ak text presahuje druhý riadok, zobrazí sa ikona elipsy a na tipke sa zobrazí celý názov. Štýly nemožno použiť na názov.

Môžete použiť dátové URI (Uniform Resource Identifier) alebo hostiť vlastný obrázok názvu v sieti poskytovania obsahu (CDN), vedre služby Simple Storage Service (S3) Amazon Web Services (AWS) alebo podobnej hostiteľskej službe a potom zadať adresu URL hosťovaného obrázka. Podporované formáty obrázkov názvu sú PNG, JPG, JPEG, GIF, SVG a WebP. Podporovaná veľkosť obrázka názvu je 184 x 32 pixelov (šírka x výška).

logo

Zadanie adresy URL pre logo spoločnosti. Ak neposkytnete adresu URL, predvolene sa zobrazí logo Webex Contact Center.

Príklad:

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

Vlastný obrázok loga môžete hostiť na serveri CDN, Amazon Web Services (AWS) Simple Storage Service (S3) alebo podobnej hostiteľskej službe a potom zadať adresu URL hosťovaného obrázka. Podporované formáty obrázkov loga sú PNG, JPG, JPEG, GIF, SVG a WebP. Podporovaná veľkosť obrázka loga je 96 x 32 pixelov (šírka x výška).

TaskPageIlustrácia

Zadanie vlastnej ilustrácie pre stránku úloh na základe preferencií organizácie a zarovnania značky. Keď sa agent prihlási, na stránke úlohy sa zobrazí nakonfigurovaná ilustrácia ako pozadie. V predvolenom nastavení sa stránka úlohy zobrazí bez ilustrácie.

Príklad:

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

Môžete použiť dátové adresy URI alebo hosťovať vlastnú ilustráciu v sieti doručovania obsahu (CDN), aplikácii Amazon Web Services (AWS) Simple Storage Service (S3) alebo podobnej hostiteľskej službe a potom zadať adresu URL hosťovanej ilustrácie. Ilustráciu je možné nakonfigurovať na globálnej alebo tímovej úrovni na základe definície rozloženia. Uistite sa, že ste nakonfigurovali správnu adresu URL, aby sa zabránilo zobrazeniu poškodeného obrázka na pracovnej ploche.

Podporované formáty ilustrácií stránok úloh sú PNG, JPG, JPEG, GIF, SVG a WebP. Odporúčaná veľkosť ilustrácie je 400 x 400 pixelov (šírka x výška). Ak je vlastná veľkosť ilustrácie väčšia ako odporúčaná veľkosť, veľkosť ilustrácie sa upraví na základe pomeru strán na stránke úlohy. Ak je vlastná veľkosť ilustrácie menšia ako odporúčaná veľkosť, skutočná veľkosť ilustrácie sa zachováva na stránke úlohy.

StopNavigateOnAcceptTask

Ak chcete zistiť, či sa má zamerať na novo prijatú úlohu, keď agent prijme novú úlohu pri práci na predchádzajúcej úlohe. Predvolená hodnota je false.

Príklad:

"stopNavigateOnAcceptTask": false

Ak je hodnota nastavená ako true, keď používateľ prijme novú úlohu na pracovnej ploche, zameranie sa zachováva na predchádzajúcu úlohu a nepresunie sa na novo prijatú úlohu. Toto nastavenie zabráni používateľovi v strate akýchkoľvek údajov pri prijímaní novej žiadosti.

Zvážte napríklad, že agent 1 je na chate so zákazníkom 1 a súčasne uskutočňuje hlasový hovor so zákazníkom 2. Počas hlasového hovoru agent 1 aktualizuje podrobnosti o zákazníkovi 2 na table Ovládanie interakcie. V súčasnosti má agent 1 dve aktívne úlohy na table Zoznam úloh a zameranie sa kladie na table Kontrola interakcie. Keď agent 1 prijme novú žiadosť o chat od zákazníka 3, pozornosť zostane na table Ovládanie interakcie so zákazníkom 2 a nepresunie sa na novo prijatú žiadosť o chat.

Ak chcete zachovať zameranie na predchádzajúcu úlohu a nepresunúť sa na novo akceptovanú úlohu, vyberte vlastné rozloženie s hodnotou vlastnosti StopNavigateOnAcceptTask nastavenou na hodnotu true.

Ak hodnota vlastnosti StopNavigateOnAcceptTask nie je zadaná v rozložení JSON, pracovná plocha presunie zameranie na novo akceptovanú úlohu. Správanie je podobné tomu, keď je hodnota vlastnosti stopNavigateOnAcceptTask nastavená na false.

DragDropZakázané

Ak chcete povoliť presúvanie a zmenu veľkosti miniaplikácií na vlastných stránkach, nastavte hodnotu na hodnotu true. Predvolená hodnota je false.

Príklad:

"dragDropEnabled": false

Časovač upozornení

Nastavenie trvania (v sekundách), po ktorom sa upozornenia na pracovnej ploche automaticky odmietnu. Oznámenie sa zobrazí v pravom hornom rohu pracovnej plochy. Predvolená hodnota časového limitu je 8 sekúnd. Platný rozsah pre hodnoty časového limitu je 1-10 sekúnd. Aby zmeny časového limitu nadobudli účinnosť, prehliadač musí byť po vykonaní zmien obnovený.

Príklad:

"notificationTimer": 8

Maximálny počet oznámení

Nastavenie počtu upozornení na pracovnej ploche, ktoré sa majú naraz zobrazovať na pracovnej ploche. Predvolená hodnota je 3. Rozsah upozornení na pracovnej ploche je 1-10. Upozornenia na pracovnej ploche sú naskladané. Ak existuje veľa upozornení, zobrazia sa s miernym oneskorením v závislosti od nastavení NotificationTimer.

PrehliadačNotificationTimer

Ak chcete nastaviť trvanie (v sekundách), po ktorom sa upozornenia na hriankovač prehliadača na pracovnej ploche automaticky odmietnu. Toaster je natívne upozornenie prehliadača, ktoré sa zobrazí iba vtedy, ak pracovná plocha nie je aktívnym oknom alebo kartou prehliadača. Okno alebo karta prehliadača pracovnej plochy je neaktívne, keď

• Pracujete na iných oknách alebo kartách prehliadača.

• Pracujete na iných aplikáciách.

• Minimalizovali ste okno prehliadača Desktop.

Oznámenie sa zobrazí v pravom hornom rohu pracovnej plochy. Predvolená hodnota časového limitu je 8 sekúnd. Odporúčaný rozsah hodnôt časového limitu je 5-15 sekúnd. Aby zmeny časového limitu nadobudli účinnosť, prehliadač musí byť po vykonaní zmien obnovený.

Príklad:

"browserNotificationTimer": 8

WXMnakonfigurovaný

(Voliteľné) Ak chcete nakonfigurovaťWebex Experience Management, nastavte hodnotu na hodno tu true. Predvolená hodnota je false.

Príklad:

"wxmConfigured": true

DesktopChatApp

Konfigurácia viacerých chatových aplikácií ponúkaných Cisco, ako je Webex App.

WebExNakonfigurovaný

Webex App spolu s funkciami zasielania správ a schôdzok je možné nakonfigurovať v rámci pracovnej plochy. Táto konfigurácia umožňuje agentom spolupracovať s inými agentmi, supervízormi a odborníkmi na predmety (MSP) v ich organizácii bez toho, aby sa odklonili od pracovnej plochy.

Ak chcete nakonfigurovať aplikáciu Webex v pracovnej ploche:

• Pri pri Cisco Webex Control Hub dávaní služieb pre používateľa začiarknite políčko Rozší rené správy (Použí vatelia > Spravovať používateľov > Služ by > S prá vy). Ďalšie informácie nájdete v téme S práva používateľských kont v časti S Cisco Webex práva lokality.

• V vlastnom rozložení pracovnej plochy nastavte hodnotu vlastnosti WebExConfigure na hodnotu true.

  Príklad:

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

  Predvolená hodnota vlastnosti WebExConfigure je false.

  Aplikácia Webex je k dispozícii pre role agenta, supervízorov a SupervisorAgent iba vtedy, ak nastavíte hodnotu vlastnosti WebExConfigure na hodnotu true pre každú z týchto rolí. Agent, supervízor alebo SupervisorAgent sa nemôžu odhlásiť z aplikácie Webex.

  Ak chcete zobraziť ikonu (Webex) v horizontálnej hlavičke pracovnej plochy, zadajte hodnotu webex do vlastnosti headerActions. Ďalšie informácie nájdete v téme HeaderActions.

  Ak chcete povoliť aplikáciu Webex pre konkrétny tím, vyberte vlastné rozloženie s hodnotou vlastnosti WebExConfigure nastavenou na hodno tu true. Ďalšie informácie nájdete v téme Vytvorenie tímu.

Aplikáciu Webex môžete nakonfigurovať aj na table Pomocné informácie, na vlastnej stránke a na vlastnom miniaplikácii. Ďalšie informácie nájdete v časti Tabla pomocných informácií.

Oznámenie aplikácie Webex

Hodnoty zadané pomocou vlastností NotificationTimer a BrowserNotificationTimer pre časovač upozornení sú použ iteľné pre aplikáciu Webex. Predvolená hodnota časového limitu je pre tieto vlastnosti 8 sekúnd. Ďalšie informácie nájdete v téme NotificationTimer a BrowserNotificationTimer.

HlavnáAkcie

Ak chcete zmeniť poradie ikon na vodorovnej hlavičke pracovnej plochy. Predvolené poradie je nasledovné:

1. (Webex)

2. (Vonkajší hovor)

3. (Centrum oznámení)

Nastavte hodnotu vlastnosti headerActions nasledov ne:

Príklad:

Ak chcete zmeniť predvolené poradie ikon, podľa toho zadajte vlastnosť headerActions a hodnoty vo vlastnom rozložení.

Príklad:

oblasť

Vlastnosť plo chy je základnou časťou rozloženia pracovnej plochy. Rozloženie môžete definovať podľa oblasti.

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

Môžete nakonfigurovať nasledujúce objekty oblasti:

• Panel: Predstavuje druhý panel alebo pravý panel na table Pomocné informácie.

• Navigácia: Predstavuje vlastné stránky a ich navigačné prvky, ktoré súvisia so stránkami.

• Trvalé: Predstavuje miniaplikácie na úrovni stránky, ktoré sú trvalé a zobrazujú sa na všetkých stránkach pracovnej plochy.

• Bez hlavy: Predstavuje widgety, ktoré nemajú vizuálne rozhranie, ale vykonávajú logiku na pozadí.

Rozšírená hlavička

Prispôsobenie viditeľnosti a zmena poradia ikon v horizontálnej hlavičke pracovnej plochy. Predvolené poradie je nasledovné:

1. (Webex)

2. (Vonkajší hovor)

3. (Centrum oznámení)

4. (Selektor stavu agenta)

Nastavte hodnotu vlastnosti AdvancedHeader tak to:

Príklad:

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

Ak chcete zmeniť predvolené poradie ikon, podľa toho zadajte vlast nosť AdvancedHeader a hodnoty vo vlastnom rozložení.

Widgety prúdia do rozbaľovacej ponuky zľava doprava.

Atribúty pre trvalé karty

Ak chcete karty na vlastných stránkach a vlastných miniaplikáciách nastaviť ako trvalé, zadajte atribúty pre md-tabs do vlastného rozloženia.

Príklad: Nastavenie kariet ako trvalých

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

Keď nastavíte md-tabs na trvalé (perzistentný výber: true), výber karty sa Agent Desktop zachováva aj vtedy, ak agent prepína medzi stránkami alebo miniaplikáciami na pracovnej ploche.

Rozbaľov ací zoznam Viac kariet sa automaticky zobrazí, keď tabla Pomocné informácie obsahuje viacero kariet.

Pre čitateľnosť a zjednodušenie je potrebné pridať vlastný tip nástroja na karty. Ak chcete pridať tipku nástroja pre vlastnú kartu, zabaľte komponent pomocou m d-tooltip. Zadajte informácie o tipke nástroja do vlastnosti správy a použite hodnoty vlastností štý lu, ako je znázornené v nasledujúcom príklade.

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

Ak chcete povoliť funkciu ťahania a presuňte na vlastnej karte, pridajte do atribútov nasledujúcu vlastnosť:

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

• draggable: Nastav te hodnotu vlastnosti draggable na hodnotu true.

• comp-unique-id: Zadajte jedinečnú hodnotu na identifikáciu komponentu.

  Príklad:

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

Ak povolíte potiahnutie a presun pre vlastnú kartu, agent môže kartu presunúť a presunúť na požadovanú pozíciu na table Pomocné informácie. Ak chcete karty obnoviť na predvolené poradie kariet, pridajte nasledujúcu vlastnosť:

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

• agentx-wc-more-actions-widget: Zadajte komponent, ktorý sa zobrazí ako ikona Ďalšie akcie () na table Pomocné informácie.

• 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 môžu karty na table Pomocné informácie obnoviť na predvolené poradie kliknutím na položky > Ob noviť poradie kari et.

• tabs-unique-id: Zadajte rovnakú jedinečnú hodnotu definovanú pre vlastnosť comp-unique-id na mapovanie a resetovanie komponentov md-tabs.

Nasledujúci ukážkový kód používa funkcie Ďalšie akcie a Obnoviť poradie tab uliek.

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

}

Rozbaľovací zoznam Ďalšie ak cie je možné rozšíriť o pridanie ďalších vlastných komponentov alebo widgetov po možnosti Obnoviť poradie kariet. Nasleduje vzorová sada hodnô t vlastností štý lu, ktoré je možné použiť na ďalšie komponenty.

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

• Konfigurácia a prístup k miniaplikácii metriky správy zákazníckej skúsenosti z navigačného panela

• Používanie kariet na vlastnej stránke

• Predvolená tabla pomocných informácií s históriou kontaktov a vyskakovacím oknom obrazovke

• Pomočná informačná tabla s miniaplikáciou Customer Experience Journey

Konfigurácia a prístup k miniaplikácii metriky správy zákazníckej skúsenosti z navigačného panela

Príklad:

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

Používanie kariet na vlastnej stránke

Príklad:

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

Predvolená tabla pomocných informácií s históriou kontaktov a vyskakovacou obrazovkou

Príklad:

"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čná informačná tabla s miniaplikáciou Customer Experience Journey

Príklad:

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