Roolit

Oletusarvoisessa JSON-asettelussa on seuraavat kolme roolia.

• Agentti — Voit määrittää työpöydän asettelun näytettäväksi, kun agentti kirjautuu Webex Contact Center -työpöydälle käsittelemään edustajan toimintoja.

• Valvoja — Voit määrittää työpöydän asettelun näytettäväksi, kun esimies kirjautuu sisään Webex Contact Center -työpöydälle käsittelemään vain esimiehen ominaisuuksia.

  Kun esimies kirjautuu työpöydälle, käytetään ensisijaiselle työryhmälle määritettyä työpöytäasettelua. Jos et anna ensisijaista ryhmää, sovelletaan yleistä asettelua. APS-raportit on oletusarvoisesti poistettu käytöstä.

• SupervisorAgent—Voit määrittää työpöydän asettelun näytettäväksi, kun esimies kirjautuu sisään Webex Contact Center -työpöydälle käsittelemään sekä esimiehen ominaisuuksia että edustajan toimintoja.

Seuraavat ovat JSON-asettelun ylimmän tason ominaisuudet roolin perusteella:

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

Sovelluksen otsikko

Otsikon määrittäminen työpöydän vaakasuorassa otsikossa. Oletusotsikko on Webex Contact Center.

Esimerkki:

"appTitle": "Webex Contact Center"

Otsikko voi olla joko teksti, kuva tai tyhjä merkkijono. Otsikkoteksti näkyy kahdessa rivissä. Jos teksti ulottuu toisen rivin ulkopuolelle, näyttöön tulee ellipsikuvake ja työkaluvihje näyttää koko otsikon. Tyylejä ei voi käyttää otsikkoon.

Voit joko käyttää datan URI:itä (Uniform Resource Identifier) tai isännöidä mukautettua otsikkokuvaa sisällönjakeluverkossa (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -kauhassa tai vastaavassa isännöintipalvelussa ja määrittää sitten isännöidyn kuvan URL-osoitteen. Tuetut otsikkokuvamuodot ovat PNG, JPG, JPEG, GIF, SVG ja WebP. Tuettu otsikkokuvan koko on 184 x 32 pikseliä (leveys x korkeus).

logo

Määritä yrityksen logon URL-osoite. Jos et anna URL-osoitetta, Webex Contact Center -logo tulee oletusarvoisesti näkyviin.

Esimerkki:

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

Voit isännöidä mukautettua logokuvaa CDN:ssä, Amazon Web Services (AWS) Simple Storage Service (S3) -kauhassa tai vastaavassa isännöintipalvelussa ja määrittää sitten isännöidyn kuvan URL-osoitteen. Tuetut logokuvamuodot ovat PNG, JPG, JPEG, GIF, SVG ja WebP. Tuettu logokuvan koko on 96 x 32 pikseliä (leveys x korkeus).

TehtäväsivuKuva

Voit määrittää tehtäväsivulle mukautetun kuvan organisaation asetusten ja brändin kohdistuksen perusteella. Kun agentti kirjautuu sisään, tehtäväsivulla näkyy määritetty kuva taustana. Oletusarvoisesti tehtäväsivu näkyy ilman kuvaa.

Esimerkki:

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

Voit joko käyttää datan URI:itä tai isännöidä mukautettua kuvaa sisällönjakeluverkossa (CDN), Amazon Web Services (AWS) Simple Storage Service (S3) -kauhassa tai vastaavassa isännöintipalvelussa ja määrittää sitten isännöidyn kuvan URL-osoitteen. Kuva voidaan määrittää yleisellä tasolla tai ryhmätasolla asettelumäärityksen perusteella. Varmista, että määrität oikean URL-osoitteen, jotta rikkinäinen kuva ei näy työpöydällä.

Tuetut tehtäväsivun kuvausmuodot ovat PNG, JPG, JPEG, GIF, SVG ja WebP. Suositeltu kuvan koko on 400 x 400 pikseliä (leveys x korkeus). Jos mukautetun kuvan koko on suositeltua kokoa suurempi, kuvan kokoa säädetään tehtäväsivun kuvasuhteen perusteella. Jos mukautetun kuvan koko on suositeltua kokoa pienempi, todellinen kuvan koko säilyy tehtäväsivulla.

StopNavigateOnAcceptTask

Sen määrittäminen, siirretäänkö painopiste vasta hyväksyttyyn tehtävään, kun agentti hyväksyy uuden tehtävän työskennellessään edellisen tehtävän parissa. Oletusarvo on false.

Esimerkki:

"stopNavigateOnAcceptTask": false

Jos arvoksi on asetettu tosi, kun käyttäjä hyväksyy uuden tehtävän työpöydällä, painopiste säilyy edellisessä tehtävässä eikä siirry vasta hyväksyttyyn tehtävään. Tämä asetus estää käyttäjää menettämästä tietoja hyväksyessään uuden pyynnön.

Oletetaan esimerkiksi, että Agent 1 on keskustelussa Asiakkaan 1 kanssa ja samanaikaisesti äänipuhelussa Asiakkaan 2 kanssa. Äänipuhelun aikana Agent 1 päivittää Asiakas 2:n tietoja Vuorovaikutuksen hallinta -ruudussa. Tällä hetkellä Agent 1:llä on kaksi aktiivista tehtävää Tehtäväluettelo-ruudussa, ja painopiste on Vuorovaikutuksen hallinta -ruudussa. Kun agentti 1 hyväksyy uuden keskustelupyynnön asiakkaalta 3, painopiste pysyy Asiakkaan 2 vuorovaikutuksen hallinta -ruudussa eikä siirry äskettäin hyväksyttyyn keskustelupyyntöön.

Jos haluat säilyttää painopisteen edellisessä tehtävässä eikä siirtyä vasta hyväksyttyyn tehtävään, valitse mukautettu asettelu, jonka stopNavigateOnAcceptTask -ominaisuuden arvoksi on asetettu true.

Jos stopNavigateOnAcceptTask -ominaisuuden arvoa ei syötetä JSON-asetteluun, työpöytä siirtää kohdistuksen vasta hyväksyttyyn tehtävään. Käyttäytyminen on samanlainen kuin silloin, kun stopNavigateOnAcceptTask -ominaisuuden arvoksi on asetettu false.

DragDropEnabled

Jos haluat ottaa käyttöön widgettien vetämisen ja pudottamisen ja koon muuttamisen mukautetuilla sivuilla, aseta arvoksi true. Oletusarvo on false.

Esimerkki:

"dragDropEnabled": false

Ilmoitusajastin

Voit määrittää keston (sekunteina), jonka jälkeen työpöydän työpöytäilmoitukset hylätään automaattisesti. Ilmoitus näkyy työpöydän oikeassa yläkulmassa. Oletusaikakatkaisun arvo on 8 sekuntia. Aikakatkaisuarvojen kelvollinen alue on 1—10 sekuntia. Jotta aikakatkaisumuutokset astuisivat voimaan, selain on päivitettävä muutosten tekemisen jälkeen.

Esimerkki:

"notificationTimer": 8

Suurin ilmoitusmäärä

Voit määrittää työpöydällä kerrallaan näytettävien työpöytäilmoitusten määrän. Oletusarvo on 3. Työpöytäilmoitusten vaihteluväli on 1-10. Työpöydän ilmoitukset on pinottu. Jos ilmoituksia on paljon, ne näkyvät pienellä viiveellä No tificationTimer-asetuksista riippuen.

BrowserNotificationTimer

Voit määrittää keston (sekunteina), jonka jälkeen työpöydällä olevat selaimen leivänpaahtimen ilmoitukset hylätään automaattisesti. Leivänpaahdin on alkuperäinen selainilmoitus, joka näkyy vain, jos Työpöytä ei ole aktiivinen selainikkuna tai välilehti. Työpöydän selainikkuna tai -välilehti ei ole aktiivinen, kun

• Työskentelet muissa selainikkunoissa tai välilehdissä.

• Työskentelet muiden sovellusten parissa.

• Olet pienentänyt Työpöydän selainikkunan.

Ilmoitus näkyy työpöydän oikeassa yläkulmassa. Oletusaikakatkaisun arvo on 8 sekuntia. Suositeltu aikaväli aikakatkaisuarvoille on 5-15 sekuntia. Jotta aikakatkaisumuutokset astuisivat voimaan, selain on päivitettävä muutosten tekemisen jälkeen.

Esimerkki:

"browserNotificationTimer": 8

wxmKonfiguroitu

(Valinnainen) Jos haluat määrittääWebex Experience Management, aseta arvoksi true. Oletusarvo on false.

Esimerkki:

"wxmConfigured": true

DesktopChat-sovellus

Useiden Ciscon tarjoamien chat-sovellusten, kuten Webex-sovelluksen, määrittäminen.

WebExKonfiguroitu

Webex-sovellus sekä sen viesti- ja kokoustoiminnot voidaan määrittää työpöydällä. Tämän kokoonpanon avulla edustajat voivat tehdä yhteistyötä organisaationsa muiden agenttien, esimiesten ja aiheasiantuntijoiden (pk-yritykset) kanssa siirtymättä pois työpöydältä.

Voit määrittää Webex-sovelluksen työpöydällä seuraavasti:

• Kun lisä Cisco Webex Control Hub ät palveluja käyttäjälle, valitse Lisäviestien lisävalintar uutu (Käyttäjät > Käyttä jien hallinta > Palvel ut > Vi estit). Lisätietoja on kohdassa Käyttäjä tilien hallinta Sivuston Cisco Webex hallinnassa.

• Aseta mukautetussa työpöydän asettelussa Web ExConfigured-ominaisuuden arvoksi true.

  Esimerkki:

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

  Web ExConfigured-ominaisuuden oletusarvo on false.

  Webex-sovellus on käytettävissä agentti-, esimies- ja SupervisorAgent-rooleille vain, jos määrität WebExConfigured-ominais uuden arvoksi true kul lekin näistä roole ista. Agentti, esimies tai SupervisorAgent ei voi kirjautua ulos Webex-sovelluksesta.

  Jos haluat näyttää (Webex) -kuvakkeen työpöydän vaakasuorassa otsikossa, kirjoita arvo webex HeaderActions -ominaisuuteen. Lisätietoja on kohdassa HeaderAc tions.

  Jos haluat ottaa Webex-sovelluksen käyttöön tietylle tiimille, valitse mukautettu asettelu, jossa WebExConfigured- ominaisuusarvo on asetettu true. Lisätietoja on kohdassa R yhmän luominen.

Voit määrittää Webex-sovelluksen myös Lisätiedot-ruudussa, mukautetussa sivulla ja mukautetussa widgetissä. Lisätietoja on ohjeaiheessa Lisätietoruutu.

Webex-sovellusilmoitus

Ilmoitusajastimen NotificationTimer- ja BrowserNotificationTim er-ominaisuuksien avulla määritet yt arvot koskevat Webex-sovellusta. Näiden ominaisuuksien oletusaikakatkaisun arvo on 8 sekuntia. Lisätietoja on ohjeaiheissa NotificationTimer ja BrowserNotificationTimer.

OtsikkoToiminnot

Voit muuttaa kuvakkeiden järjestystä työpöydän vaakasuorassa otsikossa. Oletusjärjestys on seuraava:

1. (Webex)

2. (Ulkopuhelu)

3. (Ilmoituskeskus)

Aseta HeaderActions- ominaisuuden arvo seuraavasti:

Esimerkki:

Jos haluat muuttaa kuvakkeiden oletusjärjestystä, kirjoita He aderActions- ominaisuus ja mukautetun asettelun arvot vastaavasti.

Esimerkki:

alue

Alue ominaisuus on työpöydän asettelun ydinosa. Voit määrittää asettelun alueen mukaan.

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

Voit määrittää seuraavat alue objektit:

• Paneeli: Edustaa Aputiedot-ruudun toista paneelia tai oikeanpuoleista paneelia.

• Navigointi: Edustaa mukautettuja sivuja ja niiden navigointielementtejä, jotka liittyvät sivuihin.

• Pysyvä: edustaa sivutason widgettejä, jotka ovat pysyviä ja näkyvät työpöydän kaikilla sivuilla.

• Headless: Edustaa widgettejä, joilla ei ole visuaalista käyttöliittymää, mutta suorittavat logiikan taustalla.

AdvancedOtsikko

Voit mukauttaa näkyvyyttä ja muuttaa kuvakkeiden järjestystä työpöydän vaakasuorassa otsikossa. Oletusjärjestys on seuraava:

1. (Webex)

2. (Ulkopuhelu)

3. (Ilmoituskeskus)

4. (Agenttitilan valitsin)

Määritä AdvancedHeader -ominaisuuden arvo seuraavasti:

Esimerkki:

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

Jos haluat muuttaa kuvakkeiden oletusjärjestystä, kirjoita AdvancedHeader -ominaisuus ja mukautetun asettelun arvot vastaavasti.

Widgetit virtaavat pudotusvalikkoon vasemmalta oikealle.

Pysyvien välilehtien attribuutit

Jos haluat määrittää mukautettujen sivujen ja mukautettujen widgetien välilehdet pysyviksi, kirjoita md-välilehtien määritteet mukautettuun asetteluun.

Esimerkki: Aseta välilehdet pysyviksi

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

Kun määrität md-välileh det pysyviksi (pysyvä valinta: true), välilehden valinta säilyyAgent Desktop, vaikka agentti vaihtaisi työpöydän sivujen tai widgettien välillä.

Avattava Lisää välilehtiä -luettelo tulee näkyviin automaattisesti, kun Aputiedot -ruudussa on useita välilehtiä.

Sinun on lisättävä mukautettu välilehden työkaluvihje luettavuuden ja helppokäyttöisyyden takaamiseksi. Jos haluat lisätä työkaluvihjeen mukautetulle välilehdelle, kierrä komponentti m d-tooltip avulla. Kirjoita työkaluvihjetiedot viestiominaisuuteen ja käytä tyyli ominaisuuksien arvoja seuraavassa esimerkissä esitetyllä tavalla.

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

Jos haluat ottaa vedä ja pudota -ominaisuuden käyttöön mukautetussa välilehdessä, lisää attribuutteihin seuraava ominaisuus:

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

• vedettävä: Aseta vedettävän ominais uuden arvoksi true.

• comp-unique id: Anna yksilöllinen arvo komponentin tunnistamiseksi.

  Esimerkki:

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

Jos otat vetämisen ja pudottamisen käyttöön mukautetussa välilehdessä, agentti voi vetää ja pudottaa välilehden haluamaasi kohtaan Lisätiedot-ruudussa. Jos haluat palauttaa välilehdet oletusarvoiseen välilehtijärjestykseen, lisää seuraava ominaisuus:

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

• agentx-wc-more-actions-widget: Kirjoita komponentti, joka näkyy Lisätiedot-ruudussa Lisää toimintoja () -kuvakkeena.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agentti voi palauttaa Aputiedot-ruudun välilehdet oletusjärjestykseen napsauttamalla > Palauta välilehtijärjestys.

• tabs-unice-id: Kirjoita sama yksilöllinen arvo, joka on määritetty comp-unique id-ominaisuudelle md-tabs-komponenttien kartoittamiseksi ja nollaamiseksi.

Seuraavassa esimerkkikoodissa käytetään Lisää toimintoja ja Palauta välilehtijärjestys - toimintoja.

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

}

Lisää toimintoja -avatt avaa luetteloa voidaan laajentaa lisäämällä muita mukautettuja komponentteja tai widgettejä Palauta välilehtijärjestys - vaihtoehdon jälkeen. Seuraavassa on esimerkkijoukko tyyliominaisuuksien arvoja, joita voidaan soveltaa lisäkomponentteihin.

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

• Asiakaskokemuksen hallinnan mittareiden widgetin määrittäminen ja käyttäminen siirtymispalkista

• Välilehtien käyttäminen mukautetulla sivulla

• Oletusaputietoruutu yhteystietojen historialla ja näytön ponnahdusikkunalla

• Lisätietoruutu asiakaskokemuksen matka-widgetillä

Asiakaskokemuksen hallinnan mittareiden widgetin määrittäminen ja käyttäminen siirtymispalkista

Esimerkki:

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

Välilehtien käyttäminen mukautetulla sivulla

Esimerkki:

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

Oletusaputietoruutu yhteystietojen historialla ja näytön pop-up-näytöllä

Esimerkki:

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

Lisätietoruutu asiakaskokemuksen matka-widgetillä

Esimerkki:

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