Szerepek

Az alapértelmezett JSON elrendezés három szerepet játszik.

• Ügynök — beállíthatja, hogy az Asztali elrendezés megjelenjen, amikor egy ügynök bejelentkezik a Webex Contact Center asztalra az ügynöki tevékenységek kezelésére.

• Felügyelő — beállíthatja, hogy az asztali elrendezés megjelenjen, amikor egy felügyelő bejelentkezik a Webex Contact Center Desktopba, hogy csak felügyelői képességeket kezelje.

  Amikor egy felügyelő bejelentkezik az Asztalra, az elsődleges csapat számára megadott asztali elrendezést alkalmazza. Ha nem biztosít elsődleges csapatot, akkor a globális elrendezés érvényes. Alapértelmezés szerint az APS-jelentések le vannak tiltva.

• SupervisorAgent — Az asztali elrendezés megjelenítésének beállítása, amikor egy felügyelő bejelentkezik a Webex Contact Center Desktopba a felügyelői képességek és az ügynöki tevékenységek kezelése érdekében.

Az alábbiakban bemutatjuk a JSON elrendezés legfelső szintű tulajdonságait a szerepkör alapján:

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

Cím megadása az Asztal vízszintes fejlécén. Az alapértelmezett cím a Webex Contact Center.

Példa:

"appTitle": "Webex Contact Center"

A cím lehet szöveg, kép vagy üres karakterlánc. A címszöveg két sorban jelenik meg. Ha a szöveg túlmutat a második sorban, egy ellipszis ikon jelenik meg, és az eszköztipp megjeleníti a teljes címet. A stílusok nem alkalmazhatók a címre.

Használhat adat-URI-kat (Uniform Resource Identifier), vagy egyéni címképet tárolhat egy tartalomszolgáltatási hálózaton (CDN), az Amazon Web Services (AWS) Simple Storage Service (S3) vödörben vagy egy hasonló tárhelyszolgáltatásban, majd megadhatja a tárolt kép URL-jét. A támogatott címképformátumok: PNG, JPG, JPEG, GIF, SVG és WebP. A támogatott címkép mérete 184 x 32 pixel (szélesség x magasság).

logó

URL megadása a vállalati logóhoz. Ha nem ad meg URL-t, akkor alapértelmezés szerint megjelenik a Webex Contact Center logó.

Példa:

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

Egyéni logóképet tárolhat egy CDN-en, az Amazon Web Services (AWS) Simple Storage Service (S3) vödörben vagy egy hasonló tárhelyszolgáltatásban, majd megadhatja a tárolt kép URL-jét. A támogatott logóképformátumok: PNG, JPG, JPEG, GIF, SVG és WebP. A támogatott logókép mérete 96 x 32 pixel (szélesség x magasság).

TaskPageIllusztráció

Egyéni illusztráció megadása a feladatlaphoz a szervezeti beállítások és a márkaillesztés alapján. Amikor egy ügynök bejelentkezik, a feladatlap háttérként jeleníti meg a konfigurált illusztrációt. Alapértelmezés szerint a feladat oldal illusztráció nélkül jelenik meg.

Példa:

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

Használhat adat-URI-kat, vagy egy egyéni illusztrációt tárolhat egy tartalomszolgáltatási hálózaton (CDN), az Amazon Web Services (AWS) Simple Storage Service (S3) vödörben vagy egy hasonló tárhelyszolgáltatásban, majd megadhatja a tárolt illusztráció URL-jét. Az illusztráció globális vagy csapatszinten konfigurálható az elrendezési definíció alapján. Győződjön meg róla, hogy a megfelelő URL-t állítsa be, hogy megakadályozza a törött kép megjelenítését az asztalon.

A támogatott feladatlap illusztrációs formátumok: PNG, JPG, JPEG, GIF, SVG és WebP. Az illusztráció ajánlott mérete 400 x 400 pixel (szélesség x magasság). Ha az egyéni illusztráció mérete nagyobb, mint az ajánlott méret, az illusztráció méretét a feladatlapon megjelenő képarány alapján kell beállítani. Ha az egyéni illusztráció mérete kisebb, mint az ajánlott méret, akkor a tényleges illusztráció mérete megmarad a feladatlapon.

Stop NavigateOnAcceptTask

Annak meghatározása, hogy a fókuszt egy újonnan elfogadott feladatra kell helyezni, amikor az ügynök elfogadja az új feladatot, miközben egy korábbi feladaton dolgozik. Az alapértelmezett érté k hamis.

Példa:

"stopNavigateOnAcceptTask": false

Ha az érték igaz értékre van állítva, amikor a felhasználó új feladatot fogad el az asztalon, a fókusz az előző feladatra marad, és nem tér át az újonnan elfogadott feladatra. Ez a beállítás megakadályozza, hogy a felhasználó elveszítse az adatokat egy új kérés elfogadásakor.

Vegye figyelembe például, hogy az 1. ügynök csevegést folytat az 1. ügyféllel, és egyidejűleg hanghívást folytat a 2. ügyféllel. A hanghívás során az 1. ügynök frissíti a 2. ügyfél részleteit az Interaction Control ablaktáblán. Jelenleg az 1. ügynöknek két aktív feladata van a Feladatlista ablaktáblán, és a fókusz az Interaction Control ablaktáblán található. Amikor az 1. ügynök elfogadja a 3. ügyfél új csevegési kérését, a hangsúly a 2. ügyféllel folytatott interakcióvezérlő ablaktáblán marad, és nem tér át az újonnan elfogadott csevegési kérelemre.

Ha meg szeretné tartani az előző feladatra összpontosítani, és ne váltson át az újonnan elfogadott feladatra, válassza ki az egyéni elrendezést a StopNavigateOnAcceptTask tulajdonság értéke true értékre állítva.

Ha a StopNavigateOnAcceptTask tulajdonság értéke nincs megadva a JSON-elrendezésben, az Asztal a fókuszt az újonnan elfogadott feladatra helyezi át. A viselkedés hasonló ahhoz, amikor a stopNavigateOnAcceptTask tulajdonság értéke hamis értékre van állítva.

DragDropEnabled

A widgetek húzásának és átméretezésének engedélyezéséhez az egyéni oldalakon állítsa be az értéket igaz értékre. Az alapértelmezett érté k hamis.

Példa:

"dragDropEnabled": false

ÉrtesítésIdőzítő

Annak időtartamának beállítása (másodpercben), amely után az asztalon lévő asztali értesítések automatikusan elutasítják. Az értesítés az Asztal jobb felső sarkában jelenik meg. Az alapértelmezett időtúllépés értéke 8 másodperc. Az időtúllépési értékek érvényes tartománya 1-10 másodperc. Ahhoz, hogy az időtúllépési módosítások hatályba lépjenek, a böngészőt frissíteni kell a módosítások végrehajtása után.

Példa:

"notificationTimer": 8

MaximumNotificationSount

Az asztalon egyszerre megjelenítendő asztali értesítések számának beállítása. Az alapértelmezett érték 3. Az asztali értesítések tartománya 1-10. Az asztali értesítések egymásra rakva vannak. Ha sok értesítés van, akkor a NotificationTimer beállításaitól függően enyhe késleltetéssel jelen nek meg.

BöngészőértesítésekIdőzítő

Annak időtartamának beállításához (másodpercben), amely után a böngésző értesítései az asztalon automatikusan elutasítják a kenyérpirítót. A kenyérpirító egy natív böngészőértesítés, amely csak akkor jelenik meg, ha az Asztal nem az aktív böngészőablak vagy lap. Az Asztali böngésző ablak vagy fül inaktív, amikor

• Más böngészőablakokon vagy lapokon dolgozik.

• Más alkalmazásokon dolgozik.

• Minimalizálta az Asztali böngésző ablakát.

Az értesítés az Asztal jobb felső sarkában jelenik meg. Az alapértelmezett időtúllépés értéke 8 másodperc. Az időtúllépési értékek ajánlott tartománya 5-15 másodperc. Ahhoz, hogy az időtúllépési módosítások hatályba lépjenek, a böngészőt frissíteni kell a módosítások végrehajtása után.

Példa:

"browserNotificationTimer": 8

WXMKonfigurált

(Opcionális) A konfigurál Webex Experience Management áshoz állítsa be az értéket igaz értékre. Az alapértelmezett érté k hamis.

Példa:

"wxmConfigured": true

Asztali csevegőalkalmazás

Több Cisco által kínált csevegőalkalmazás, például a Webex App konfigurálása.

WebExKonfigurált

A Webex App az üzenetküldő és értekezletfunkciókkal együtt konfigurálható az asztalon belül. Ez a konfiguráció lehetővé teszi az ügynökök számára, hogy együttműködjenek a szervezetükben lévő más ügynökökkel, felügyelőkkel és tárgyszakértőivel (kkv-k) anélkül, hogy elmenekülnének az asztalról.

A Webex alkalmazás konfigurálása az asztalon belül:

• Ha szolgáltatásokat ad hozzá egy felhasználó számáraCisco Webex Control Hub, jelölje be a Speciális üzenetküldés jelölőné gyzetet (Felhasználók > Felhasznál ók kezel ése > Sz olgál tatások > Üzen etkül dés). További információért lásd: Felhasznál ói fiókok kezelése a Webhely- Cisco Webex adminisztráci óban.

• Az egyéni asztali elrendezésben állítsa be a WebExConfigure tulajdonság érté két true értékre.

  Példa:

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

  A Web ExConfigurated tulajdonság alapértelmezett értéke hamis.

  A Webex App csak akkor érhető el az ügynök, a felügyelő és a SupervisorAgent szerepkörök számára, ha a WebExConfigurated tulajdonság értékét mindegyik szerepkör esetében igaz értékre állítja be. Az ügynök, felügyelő vagy SupervisorAgent nem tud kijelentkezni a Webex alkalmazásból.

  A (Webex) ikon megjelenítéséhez az Asztal vízszintes fejlécén adja meg a webex értéket a HeaderActions tulajdonságba. További információt a Header Actions című témakörben talál.

  Ha engedélyezi a Webex alkalmazást egy adott csapat számára, válassza ki az egyéni elrendezést, amelyben a WebExConfigure tulajdonság értéke igaz értékre van beállítva. További információt a Csoport létrehozása cím ű témakörben talál.

A Webex alkalmazást a Kiegészítő információk ablaktáblában, az egyéni oldalon és az egyéni widgetben is konfigurálhatja. További információt a Kiegész ítő információs ablaktábla című témakörben tal ál.

Webex alkalmazás értesítése

Az értesítési időzítő NotificationTimer és BrowserNotificationTimer tulajdonságaival megadott értékek a Webe x alkalmazáshoz alkalmazhatók. Ezeknek a tulajdonságoknak az alapértelmezett időtúllépési értéke 8 másodperc. További információ: NotificationTimer és Brow serNotificationTimer.

fejlécMűveletek

Az Asztal vízszintes fejlécén található ikonok sorrendjének módosítása. Az alapértelmezett sorrend a következő:

1. (Webex)

2. (Külső hívás)

3. (Értesítési központ)

Állítsa be a HeaderActions tulajdonság értékét az alá bbiak szerint:

Példa:

Az ikonok alapértelmezett sorrendjének módosításához írja be ennek megfelelően a HeaderActions tulajdonságot és az egyéni elrendezés értékeit.

Példa:

terület

A terület tulajdon ság az Asztali elrendezés alapszakasza. Az elrendezést a terület szerint határozhatja meg.

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

A következő terület objektumokat konfigurálhatja:

• Panel: A Kiegészítő információk ablaktáblán a második panelt vagy a jobb oldali panelt jelöli.

• Navigáció: Az oldalakhoz kapcsolódó egyéni oldalakat és azok navigációs elemeit ábrázolja.

• Perzisztens: Azokat az oldalszintű widgeteket képviseli, amelyek tartósak és megjelennek az Asztal minden oldalán.

• Fejmentes: Azokat a widgeteket képviseli, amelyek nem rendelkeznek vizuális felülettel, de logikát hajtanak végre a háttérben.

AdvancedHeader

A láthatóság testreszabása és az ikonok sorrendjének módosítása az Asztal vízszintes fejlécén. Az alapértelmezett sorrend a következő:

1. (Webex)

2. (Külső hívás)

3. (Értesítési központ)

4. (Ügynökállapotválasztó)

Állítsa be az AdvancedHeader tulajdonság értékét az alábbiak szerint:

Példa:

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

Az ikonok alapértelmezett sorrendjének módosításához írja be ennek megfelelően az AdvancedHeader tulajdonságot és az egyéni elrendezés értékeit.

A widgetek balról jobbra áramlanak a legördülő menübe.

Állandó lapok attribútumai

Ha az egyéni oldalakon és az egyéni widgetekben lévő lapokat tartósnak szeretné beállítani, írja be az md-tabs attribútumait az egyéni elrendezésben.

Példa: A lapok állandónak történő beállítása

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

Ha az md-tabs állandónak állítja be (persist-select: true), akkor is Agent Desktop megtartja a lapkiválasz tást, ha egy ügynök az Asztal oldalai vagy widgetek között válthat.

A További lapok leg ördülő lista automatikusan megjelenik, ha a Kiegészítő információk ablaktábla több lapot tartalmaz.

Az olvashatóság és a kisegítő lehetőségek érdekében hozzá kell adni egy egyéni lap eszköztippet. Ha eszköztippet szeretne hozzáadni egy egyéni laphoz, tekerje be az összetevőt az m d-tooltip programmal. Írja be az eszköztipp adatait az üz enet tulajdonsá gába, és alkalmazza a stílus tulajdonság értékeit a következő példában látható módon.

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

Az egyéni lapon történő húzással és leengedéssel kapcsolatos funkció engedélyezéséhez adja hozzá az alábbi tulajdonságot az attribútumokba:

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

• draggable: Állítsa be a húzható tulajdon ság értékét true érték re.

• comp-unique-id: Adjon meg egy egyedi értéket az összetevő azonosításához.

  Példa:

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

Ha engedélyezi a húzást és engedést egy egyéni lapon, az ügynök áthúzhatja a lapot a kívánt helyre a Kiegészítő információk ablaktáblán belül. A lapok alapértelmezett lapsorrendjére történő visszaállításához adja hozzá a következő tulajdonságot:

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

• agentx-wc-more-actions-widget: Adja meg azt a komponenst, amely a További műveletek () ikonként jelenik meg a Kiegészítő információk ablaktáblán.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Az ügynökök visszaállíthatják a Kiegészítő információk ablaktáblán található lapokat az alapértelmezett sorrendbe a > Fülsorrend visszaállítása gombra kattintva.

• tabs-unique-id: Adja meg ugyanazt az egyedi értéket, amelyet a comp-unique-id tulajdonsághoz definiáltak az md-tabs összetevők feltérképezéséhez és visszaállításához.

A következő mintakód a További műveletek és a lapsor rend visszaállítása funkciókat használja.

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

}

A További műveletek legördülő lista bővíthető, hogy további egyéni összetevőket vagy widgeteket adjon hozzá a lapsor rend visszaállítása opció után. Az alábbiakban bemutatjuk a stílus tulajdonságértékek mintahalmazát, amelyek további összetevőkre alkalmazhatók.

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

• Az ügyfélélménykezelési mutatók widgetének konfigurálása és elérése a navigációs sávból

• A lapok használata az egyéni oldalon

• Alapértelmezett kiegészítő információs ablaktábla Névjegyek előzményeivel és képernyőfelül

• Kiegészítő információs ablaktábla az ügyfélélmény utazási widgettel

Az ügyfélélménykezelési mutatók widgetének konfigurálása és elérése a navigációs sávból

Példa:

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

A lapok használata az egyéni oldalon

Példa:

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

Alapértelmezett kiegészítő információs ablaktábla Névjegyek előzményeivel és képernyő

Példa:

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

Kiegészítő információs ablaktábla az ügyfélélmény utazási widgettel

Példa:

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