Roller

Varsayılan JSON düzeni aşağıdaki üç role sahiptir.

• Aracı—Temsilci etkinliklerini işlemek üzere bir temsilci Webex Contact Center Masaüstünde oturum açtığında Masaüstü Düzenini görüntülenecek şekilde ayarlamak için.

• Süpervizör—Bir süpervizör, yalnızca yönetici yeteneklerini işlemek üzere Webex Contact Center Masaüstünde oturum açtığında Masaüstü Düzenini görüntülenecek şekilde ayarlamak için.

  Bir yönetici Masaüstünde oturum açtığında, birincil ekip için belirtilen masaüstü düzeni uygulanır. Birincil ekip sağlamazsanız, genel düzen uygulanır. Varsayılan olarak, APS raporları devre dışı bırakılmıştır.

• SupervizorAgent—Bir süpervizör Webex Contact Center Masaüstünde oturum açtığında Masaüstü Düzeni'ni hem yönetici yeteneklerini hem de temsilci etkinliklerini işlemek üzere görüntülenecek şekilde ayarlamak için.

Aşağıdakiler, role dayalı JSON düzeni için üst düzey özelliklerdir:

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

Uygulama Başlığı

Masaüstünün yatay başlığında bir başlık belirtmek için. Varsayılan başlık Webex İletişim Merkezi'dir.

Örnek:

"appTitle": "Webex Contact Center"

Başlık metin, resim veya boş bir dize olabilir. Başlık metni iki satır halinde görünür. Metin ikinci satırın ötesine geçerse, üç nokta simgesi görüntülenir ve araç ipucu başlığın tamamını görüntüler. Biçimler başlığa uygulanamaz.

Veri URI'lerini (Tekdüzen Kaynak Tanımlayıcısı) kullanabilir veya içerik dağıtım ağında (CDN), Amazon Web Services (AWS) Basit Depolama Hizmeti (S3) klasöründe veya benzer bir barındırma hizmetinde özel bir başlık görüntüsünü barındırabilir ve ardından barındırılan görüntünün URL'sini belirtebilirsiniz. Desteklenen başlık görüntü formatları PNG, JPG, JPEG, GIF, SVG ve WebP'dir. Desteklenen başlık resmi boyutu 184 x 32 pikseldir (genişlik x yükseklik).

logosu

Şirket logosu için bir URL belirtmek için. Bir URL sağlamazsanız varsayılan olarak Webex İletişim Merkezi logosu görünür.

Örnek:

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

Özel bir logo görüntüsünü bir CDN, Amazon Web Services (AWS) Basit Depolama Hizmeti (S3) klasöründe veya benzer bir barındırma hizmetinde barındırabilir ve ardından barındırılan görüntünün URL'sini belirtebilirsiniz. Desteklenen logo görüntü formatları PNG, JPG, JPEG, GIF, SVG ve WebP'dir. Desteklenen logo görüntü boyutu 96 x 32 pikseldir (genişlik x yükseklik).

Görev Sayfaİllüstrasyon

Kuruluş tercihlerine ve marka hizalamasına dayalı olarak görev sayfası için özel bir çizim belirtmek için. Bir temsilci oturum açtığında görev sayfasında yapılandırılan çizimi arka plan olarak görüntüler. Varsayılan olarak, görev sayfası resimsiz görünür.

Örnek:

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

Veri URI'lerini kullanabilir veya içerik dağıtım ağında (CDN), Amazon Web Services (AWS) Basit Depolama Hizmeti (S3) klasöründe veya benzer bir barındırma hizmetinde özel bir çizim barındırabilir ve ardından barındırılan resmin URL'sini belirtebilirsiniz. Resim, düzen tanımına göre genel veya ekip düzeyinde yapılandırılabilir. Bozuk görüntünün Masaüstünde görüntülenmesini önlemek için doğru URL'yi yapılandırdığınızdan emin olun.

Desteklenen görev sayfası illüstrasyon biçimleri PNG, JPG, JPEG, GIF, SVG ve WebP'dir. Önerilen illüstrasyon boyutu 400 x 400 pikseldir (genişlik x yükseklik). Özel illüstrasyon boyutu önerilen boyuttan büyükse, resim boyutu görev sayfasındaki en boy oranına göre ayarlanır. Özel illüstrasyon boyutu önerilen boyuttan küçükse, gerçek resim boyutu görev sayfasında korunur.

StopNavigateOnAcceptTask

Temsilci önceki bir görev üzerinde çalışırken yeni görevi kabul ettiğinde, odağın yeni kabul edilen bir göreve kaydırılıp kaydırılmayacağını belirlemek için. Varsayılan değer false değeridir.

Örnek:

"stopNavigateOnAcceptTask": false

Değer true olarak ayarlan ırsa, kullanıcı Masaüstünde yeni bir görevi kabul ettiğinde odak önceki görevde kalır ve yeni kabul edilen göreve kaymaz. Bu ayar, kullanıcının yeni bir isteği kabul ederken herhangi bir verisini kaybetmesini önler.

Örneğin, Ajan 1'in Müşteri 1 ile sohbet ettiğini ve aynı anda Müşteri 2 ile sesli görüşmede olduğunu düşünün. Sesli arama sırasında Agent 1, Etkileşim Denetimi bölmesinde Müşteri 2'nin ayrıntılarını güncelliyor. Şu anda, Agent 1'in Görev Listesi bölmesinde iki etkin görevi vardır ve odak noktası Etkileşim Denetimi bölmesindedir. Ajan 1, Müşteri 3'ten yeni bir sohbet isteğini kabul ettiğinde, odak Müşteri 2 ile Etkileşim Denetimi bölmesinde kalır ve yeni kabul edilen sohbet isteğine geçmez.

Önceki göreve odaklanmayı korumak ve yeni kabul edilen göreve geçmemek için stopNavigateOnAcceptTask özellik değeri true olarak ayarlanmış özel düzeni seçin.

StopNavigateOnAcceptTask özelliği değeri JSON düzenine girilmezse, Masaüstü odağı yeni kabul edilen göreve kaydırır. Davranış, stopNavigateOnAcceptTask özelliği değeri false olarak ayarlandığında olduğu durum a benzer.

DragDropEnabled

Özel sayfalardaki widget'ların sürükleyip bırakılmasını ve yeniden boyutlandırılmasını etkinleştirmek için değeri true olarak ayarlayın. Varsayılan değer false değeridir.

Örnek:

"dragDropEnabled": false

BildirimZamanlayıcı

Masaüstündeki masaüstü bildirimlerinin otomatik olarak kapatılacağı süreyi (saniye cinsinden) ayarlamak için. Bildirim, Masaüstünün sağ üst köşesinde görünür. Varsayılan zaman aşımı değeri 8 saniyedir. Zaman aşımı değerleri için geçerli aralık 1-10 saniyedir. Zaman aşımı değişikliklerinin etkili olması için, değişiklikler yapıldıktan sonra tarayıcının yenilenmesi gerekir.

Örnek:

"notificationTimer": 8

MaximumNotificationCount

Masaüstünde bir seferde görüntülenecek masaüstü bildirimlerinin sayısını ayarlamak için. Varsayılan değer 3'tür. Masaüstü bildirimleri aralığı 1-10'dur. Masaüstü bildirimleri istiflenir. Çok sayıda bildirim varsa, Noti ficationTimer ayarlarına bağlı olarak hafif bir gecikmeyle görünürler.

BrowserNotificationTimer

Masaüstündeki tarayıcı ekmek kızartma makinesi bildirimlerinin otomatik olarak kapatılacağı süreyi (saniye cinsinden) ayarlamak için. Tost makinesi, yalnızca Masaüstü etkin tarayıcı penceresi veya sekmesi değilse görünen yerel bir tarayıcı bildirimidir. Masaüstü tarayıcı penceresi veya sekmesi şu durumlarda etkin değildir

• Diğer tarayıcı pencereleri veya sekmeleri üzerinde çalışıyorsunuz.

• Diğer uygulamalar üzerinde çalışıyorsunuz.

• Masaüstü tarayıcı penceresini küçülttünüz.

Bildirim, Masaüstünün sağ üst köşesinde görünür. Varsayılan zaman aşımı değeri 8 saniyedir. Zaman aşımı değerleri için önerilen aralık 5-15 saniyedir. Zaman aşımı değişikliklerinin etkili olması için, değişiklikler yapıldıktan sonra tarayıcının yenilenmesi gerekir.

Örnek:

"browserNotificationTimer": 8

wxmYapılandırılmış

(İsteğe bağlı) Yapıl Webex Experience Management andırmak için değeri true olarak ayarlayın. Varsayılan değer false değeridir.

Örnek:

"wxmConfigured": true

MasaüstüSohbet Uygulaması

Webex App gibi Cisco tarafından sunulan birden çok sohbet uygulamasını yapılandırmak için.

WebExYapılandırıldı

Mesajlaşma ve toplantı işlevleriyle birlikte Webex Uygulaması Masaüstünde yapılandırılabilir. Bu yapılandırma, temsilcilerin Masaüstünden uzaklaşmadan kuruluşlarındaki diğer aracılar, denetçiler ve konu uzmanlarıyla (KOBİ'ler) işbirliği yapmalarına olanak tanır.

Webex Uygulamasını Masaüstünde yapılandırmak için:

• İçindeCisco Webex Control Hub, bir kullanıcı için hizmet eklerken Gelişmiş Mesajlaşma onay kutusunu seçin (Kullanıcılar > Kullan ıcıları Yönet > Hizmetler > Mes ajlaşma). Daha fazla bilgi için bkz. Cisco WebexSite Yönetiminde Kullanıcı Hesaplarını Yönetme.

• Özel Masaüstü Düzeni'nde WebExConfigured özellik değerini true olarak ayarlayın.

  Örnek:

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

  Web ExConfigu red özelliğinin varsayılan değeri false değeridir.

  Webex Uygulaması, aracı, yönetici ve SupervisorAgent rolleri için yalnızca WebExConfigured özellik değerini bu rollerin her biri için true olarak ayarlarsanız kullanılabilir. Temsilci, yönetici veya SupervizorAgent, Webex Uygulamasından çıkış yapamaz.

  Masaüstünün yatay üstbilgisinde (Webex) simgesini görüntülemek için, HeaderActions özelliğine webex değerini girin. Daha fazla bilgi için bkz. He aderActions.

  Belirli bir ekip için Webex Uygulamasını etkinleştirmek için WebExConfigured özellik değeri true olarak ayar lanmış özel düzeni seçin. Daha fazla bilgi için bkz. Takım oluşturma.

Webex Uygulamasını Yardımcı Bilgiler bölmesinde, özel sayfada ve özel widget'ta da yapılandırabilirsiniz. Daha fazla bilgi için bkz. Yardımcı Bilgi Bölmesi.

Webex Uygulama Bildirimi

Bildirim zamanlayıcısı için NotificationTim er ve BrowserNotificationTim er özellikleri kullanılarak belirtilen değerler Webex Uygulaması için geçerlidir. Bu özellikler için varsayılan zaman aşımı değeri 8 saniyedir. Daha fazla bilgi için bkz. NotificationTimer ve BrowserNotificationTimer.

BaşlıkEylemler

Masaüstünün yatay başlığındaki simgelerin sırasını değiştirmek için. Varsayılan sipariş aşağıdaki gibidir:

1. (Webex)

2. (Dış Arama)

3. (Bildirim Merkezi)

HeaderActions özelliğinin değer ini aşağıdaki gibi ayarlayın:

Örnek:

Simgelerin varsayılan sırasını değiştirmek için, HeaderActions özelliğini ve özel mizanpajdaki değerleri buna göre girin.

Örnek:

alan

Alan özelliği, Masaüstü Düzeni'nin çekirdek bölümüdür. Düzeni alana göre tanımlayabilirsiniz.

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

Aşağıdaki alan nesnelerini yapılandırabilirsiniz:

• Panel: Yardımcı Bilgiler bölmesindeki ikinci paneli veya en sağdaki paneli temsil eder.

• Gezinme: Özel sayfaları ve sayfalarla ilgili gezinme öğelerini temsil eder.

• Kalıcı: Kalıcı olan ve Masaüstünün tüm sayfalarında görüntülenen sayfa düzeyinde widget'ları temsil eder.

• Başsız: Görsel bir arayüze sahip olmayan, ancak arka planda mantık yürüten widget'ları temsil eder.

Gelişmiş Başlık

Görünürlüğü özelleştirmek ve Masaüstünün yatay başlığındaki simgelerin sırasını değiştirmek için. Varsayılan sipariş aşağıdaki gibidir:

1. (Webex)

2. (Dış Arama)

3. (Bildirim Merkezi)

4. (Ajan Durumu Seçici)

AdvancedHeader özelliğinin değerini aşağıdaki gibi ayarlayın:

Örnek:

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

Simgelerin varsayılan sırasını değiştirmek için, advancedHeader özelliğini ve özel mizanpajdaki değerleri buna göre girin.

Widget'lar açılır menüye soldan sağa akar.

Kalıcı Sekmeler için Nitelikler

Özel sayfalardaki ve özel widget'lardaki sekmeleri kalıcı olarak ayarlamak için özel düzende md-tabs öz niteliklerini girin.

Örnek: Sekmeleri Kalıcı Olarak Ayarlama

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

md-tabs (kalıcı seçim: true) olarak ayarladığınızda, bir temsil ci Masaüstündeki sayfalar veya widget'lar arasında geçiş yapsa bile sekme seçimini Agent Desktop korur.

Yardımcı Bilgiler bölmesi birden çok sek me içerdiğinde Daha Fazla Sekme açılır listesi otomatik olarak görünür.

Okunabilirlik ve erişilebilirlik için özel bir sekme araç ipucu eklemeniz gerekir. Özel bir sekme için araç ipucu eklemek için bileşeni m d-tooltip ile sarın. Mes aj özelliğine araç ipucu bilgilerini girin ve aşağıdaki örnekte gösterildiği gibi stil özelliği değerlerini uygulayın.

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

Özel sekmede sürükle ve bırak özelliğini etkinleştirmek için, özniteliklerin içine aşağıdaki özelliği ekleyin:

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

• sürüklenebilir: sürü klenebilir özellik değer ini true olarak ayarlayın.

• comp-unique id: Bileş eni tanımlamak için benzersiz bir değer girin.

  Örnek:

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

Özel bir sekme için sürükle ve bırak özelliğini etkinleştirirseniz, temsilci sekmeyi Yardımcı Bilgiler bölmesinde gerekli konuma sürükleyip bırakabilir. Sekmeleri varsayılan sekme sırasına sıfırlamak için aşağıdaki özelliği ekleyin:

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

• agentx-wc-more-actions-widget: Yardımcı Bilgiler bölmesinde Diğer Eyl em ler () simgesi olarak görüntülenen bileşeni girin.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Aracılar, Yardımcı Bilgiler bölmesindeki sekmeleri > Sekme Sırasını Sıfırla seçeneğini tıklatarak varsayılan sıraya sıfırlayabilir.

• tabs-unice-id: md- tabs bileşenlerini eşlemek ve sıfırlamak için comp-unique id özelliği için tanımlanan aynı benzersiz değeri girin.

Aşağıdaki örnek kod, Daha Fazla İşlem ve Sekme Sırasını Sıfırla işlev lerini kullanır.

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

}

Daha Fazla İşlem açılır listesi, Sekme Sırasını Sı fırla seçeneğinden sonra ek özel bileşenler veya widget'lar eklemek için geniş letilebilir. Aşağıda, ek bileşenlere uygulanabilecek örnek bir stil özelliği değerleri kümesi verilmiştir.

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

• Gezinme Çubuğundan Müşteri Deneyimi Yönetimi Metrikleri Widget'ını Yapılandırma ve Erişim

• Özel Sayfada Sekmeleri Kullanma

• Kişi Geçmişi ve Ekran Açısı ile Varsayılan Yardımcı Bilgi Bölmesi

• Müşteri Deneyimi Yolculuğu Widget'lı Yardımcı Bilgi Bölmesi

Gezinme Çubuğundan Müşteri Deneyimi Yönetimi Metrikleri Widget'ını Yapılandırma ve Erişim

Örnek:

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

Özel Sayfada Sekmeleri Kullanma

Örnek:

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

Kişi Geçmişi ve Ekran Açısı ile Varsayılan Yardımcı Bilgi Bölmesi

Örnek:

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

Müşteri Deneyimi Yolculuğu Widget'lı Yardımcı Bilgi Bölmesi

Örnek:

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