الأدوار

يحتوي تخطيط JSON الافتراضي على الأدوار الثلاثة التالية.

• الوكيل - لتعيين تخطيط سطح المكتب ليتم عرضه عندما يقوم الوكيل بتسجيل الدخول إلى سطح مكتب Webex Contact Center للتعامل مع أنشطة الوكيل.

• المشرف - لتعيين تخطيط سطح المكتب ليتم عرضه عندما يقوم المشرف بتسجيل الدخول إلى Webex Contact Center Desktop للتعامل مع إمكانات المشرف فقط.

  عندما يقوم المشرف بتسجيل الدخول إلى سطح المكتب، يتم تطبيق تخطيط سطح المكتب المحدد للفريق الأساسي. إذا لم تقم بتوفير فريق أساسي، فسيتم تطبيق التخطيط العام. افتراضيًا، يتم تعطيل تقارير APS.

• وكيل المشرف - لتعيين تخطيط سطح المكتب ليتم عرضه عندما يقوم المشرف بتسجيل الدخول إلى Webex Contact Center Desktop للتعامل مع كل من قدرات المشرف وأنشطة الوكيل.

فيما يلي خصائص المستوى الأعلى لتخطيط JSON استنادًا إلى الدور:

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

عنوان التطبيق

لتحديد عنوان على الرأس الأفقي لسطح المكتب. العنوان الافتراضي هو مركز اتصال Webex.

مثال:

"appTitle": "Webex Contact Center"

يمكن أن يكون العنوان إما نصًا أو صورة أو سلسلة فارغة. يظهر نص العنوان في صفين. إذا كان النص يمتد إلى ما بعد الصف الثاني، يتم عرض رمز علامة الحذف، ويعرض تلميح الأدوات العنوان الكامل. لا يمكن تطبيق الأنماط على العنوان.

يمكنك إما استخدام عناوين URI للبيانات (معرف الموارد الموحد) أو استضافة صورة عنوان مخصصة على شبكة توصيل المحتوى (CDN) أو مجموعة خدمة التخزين البسيط (S3) من Amazon Web Services (AWS) أو خدمة استضافة مشابهة، ثم تحديد عنوان URL للصورة المستضافة. تنسيقات صور العنوان المدعومة هي PNG وJPG وJPEG وGIF وSVG وWebP. حجم صورة العنوان المدعومة هو 184 × 32 بكسل (العرض × الارتفاع).

شعار

لتحديد عنوان URL لشعار الشركة. إذا لم تقدم عنوان URL، فسيظهر شعار Webex Contact Center افتراضيًا.

مثال:

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

يمكنك استضافة صورة شعار مخصصة على CDN أو مجموعة خدمات التخزين البسيطة (S3) من Amazon Web Services (AWS) أو خدمة استضافة مشابهة، ثم تحديد عنوان URL للصورة المستضافة. تنسيقات صور الشعار المدعومة هي PNG وJPG وJPEG وGIF وSVG وWebP. حجم صورة الشعار المدعوم هو 96 × 32 بكسل (العرض × الارتفاع).

رسم توضيحي لصفحة المهام

لتحديد رسم توضيحي مخصص لصفحة المهام استنادًا إلى تفضيلات المؤسسة ومواءمة العلامة التجارية. عندما يقوم أحد الوكلاء بتسجيل الدخول، تعرض صفحة المهام الرسم التوضيحي الذي تم تكوينه كخلفية. افتراضيًا، تظهر صفحة المهام بدون توضيح.

مثال:

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

يمكنك إما استخدام عناوين URL للبيانات أو استضافة رسم توضيحي مخصص على شبكة توصيل المحتوى (CDN) أو مجموعة خدمة التخزين البسيط (S3) من Amazon Web Services (AWS) أو خدمة استضافة مشابهة، ثم تحديد عنوان URL للرسم التوضيحي المستضاف. يمكن تكوين الرسم التوضيحي على المستوى العالمي أو مستوى الفريق بناءً على تعريف التخطيط. تأكد من تكوين عنوان URL الصحيح لمنع عرض الصورة المكسورة على سطح المكتب.

تنسيقات الرسوم التوضيحية لصفحات المهام المدعومة هي PNG وJPG وJPEG وGIF وSVG وWebP. حجم الرسم التوضيحي الموصى به هو 400 × 400 بكسل (العرض × الارتفاع). إذا كان حجم التوضيح المخصص أكبر من الحجم الموصى به، يتم تعديل حجم الرسم التوضيحي استنادًا إلى نسبة العرض إلى الارتفاع في صفحة المهام. إذا كان حجم الرسم التوضيحي المخصص أصغر من الحجم الموصى به، فسيتم الاحتفاظ بحجم الرسم التوضيحي الفعلي في صفحة المهام.

إيقاف التنقل عند قبول المهمة

لتحديد ما إذا كان سيتم تحويل التركيز إلى مهمة مقبولة حديثًا، عندما يقبل الوكيل المهمة الجديدة أثناء العمل على مهمة سابقة. القيمة الافتراضية هي false.

مثال:

"stopNavigateOnAcceptTask": false

إذا تم تعيين القيمة على أنها صحيحة، فعندما يقبل المستخدم مهمة جديدة على سطح المكتب، يتم الاحتفاظ بالتركيز على المهمة السابقة ولا ينتقل إلى المهمة المقبولة حديثًا. يمنع هذا الإعداد المستخدم من فقدان أي بيانات عند قبول طلب جديد.

على سبيل المثال، ضع في اعتبارك أن الوكيل 1 موجود في الدردشة مع العميل 1 وفي نفس الوقت يجري مكالمة صوتية مع العميل 2. أثناء المكالمة الصوتية، يقوم الوكيل 1 بتحديث تفاصيل العميل 2 في لوحة التحكم في التفاعل. يحتوي العامل 1 حاليًا على مهمتين نشطتين في لوحة قائمة المهام، ويتم التركيز على لوحة التحكم في التفاعل. عندما يقبل الوكيل 1 طلب دردشة جديد من العميل 3، يظل التركيز على جزء التحكم في التفاعل مع العميل 2 ولا ينتقل إلى طلب الدردشة المقبول حديثًا.

للاحتفاظ بالتركيز على المهمة السابقة وعدم الانتقال إلى المهمة المقبولة حديثًا، حدد التخطيط المخصص مع تعيين قيمة الخاصية stopNavigateOnAcceptTask على true.

إذا لم يتم إدخال قيمة الخاصية stopNavigateOnAcceptTask في تخطيط JSON، فإن سطح المكتب ينقل التركيز إلى المهمة المقبولة حديثًا. يكون السلوك مشابهًا عندما يتم تعيين قيمة الخاصية stopNavigateOnAcceptTask إلى false.

تم تمكين السحب

لتمكين السحب والإسقاط وتغيير حجم الأدوات على الصفحات المخصصة، قم بتعيين القيمة إلى true. القيمة الافتراضية هي false.

مثال:

"dragDropEnabled": false

مؤقت الإخطار

لتعيين المدة (بالثواني) التي يتم بعدها رفض إشعارات سطح المكتب على سطح المكتب تلقائيًا. يظهر الإشعار في الزاوية العلوية اليمنى من سطح المكتب. قيمة المهلة الافتراضية هي 8 ثوانٍ. النطاق الصحيح لقيم المهلة هو 1-10 ثوانٍ. لكي تصبح تغييرات المهلة نافذة المفعول، يجب تحديث المتصفح بعد إجراء التغييرات.

مثال:

"notificationTimer": 8

الحد الأقصى لعدد الإشعارات

لتعيين عدد إشعارات سطح المكتب التي سيتم عرضها في المرة الواحدة على سطح المكتب. القيمة الافتراضية هي 3. نطاق إشعارات سطح المكتب هو 1-10. يتم تكديس إشعارات سطح المكتب. في حالة وجود العديد من الإشعارات، فإنها تظهر مع تأخير بسيط اعتمادًا على إعدادات NotificationTimer.

مؤقت إشعار المتصفح

لتعيين المدة (بالثواني) التي يتم بعدها رفض إشعارات محمصة المتصفح على سطح المكتب تلقائيًا. Toaster هو إشعار متصفح أصلي يظهر فقط إذا لم يكن سطح المكتب هو نافذة المتصفح النشطة أو علامة التبويب. تكون نافذة أو علامة تبويب مستعرض سطح المكتب غير نشطة عندما

• أنت تعمل على نوافذ أو علامات تبويب متصفح أخرى.

• أنت تعمل على تطبيقات أخرى.

• لقد قمت بتصغير نافذة متصفح سطح المكتب.

يظهر الإشعار في الزاوية العلوية اليمنى من سطح المكتب. قيمة المهلة الافتراضية هي 8 ثوانٍ. النطاق الموصى به لقيم المهلة هو 5-15 ثانية. لكي تصبح تغييرات المهلة نافذة المفعول، يجب تحديث المتصفح بعد إجراء التغييرات.

مثال:

"browserNotificationTimer": 8

تم تكوينه باستخدام Wxm

(اختياري) للتهيئةWebex Experience Management، قم بتعيين القيمة إلى true. القيمة الافتراضية هي false.

مثال:

"wxmConfigured": true

تطبيق الدردشة على سطح المكتب

لتكوين العديد من تطبيقات الدردشة التي تقدمها Cisco مثل Webex App.

تم تكوينه بواسطة WebEx

يمكن تكوين تطبيق Webex إلى جانب وظائف المراسلة والاجتماعات داخل سطح المكتب. يسمح هذا التكوين للوكلاء بالتعاون مع الوكلاء والمشرفين والخبراء المتخصصين الآخرين (SMEs) في مؤسستهم دون الانتقال بعيدًا عن سطح المكتب.

لتكوين تطبيق Webex داخل سطح المكتب:

• في Cisco Webex Control Hub حالة إضافة خدمات لمستخدم، حدد خانة الاختيار «المراسلة المتقدمة» (المستخدمون > إدارة المستخدمين > الخدمات > المراسلة). لمزيد من المعلومات، راجع إدارة حسابات المستخدمين في إدارة Cisco Webex الموقع.

• في تخطيط سطح المكتب المخصص، قم بتعيين قيمة الخاصية WebExConfigured إلى true.

  مثال:

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

  القيمة الافتراضية لخاصية WebExConfigured خاطئة.

  يتوفر تطبيق Webex لأدوار الوكيل والمشرف والمشرف فقط إذا قمت بتعيين قيمة خاصية WebEx Configured إلى true لكل من هذه الأدوار. لا يمكن للوكيل أو المشرف أو وكيل المشرف تسجيل الخروج من تطبيق Webex.

  لعرض أيقونة (Webex) على الرأس الأفقي لسطح المكتب، أدخل قيمة webex في خاصية HeaderActions. لمزيد من المعلومات، راجع HeaderActions.

  لتمكين تطبيق Webex لفريق معين، حدد التخطيط المخصص مع تعيين قيمة خاصية WebEx Configured على true. لمزيد من المعلومات، راجع إنشاء فريق.

يمكنك تكوين تطبيق Webex في جزء المعلومات الإضافية والصفحة المخصصة والأداة المخصصة أيضًا. لمزيد من المعلومات، راجع لوحة المعلومات الإضافية.

إشعار تطبيق Webex

القيم التي تم تحديدها باستخدام خصائص NotificationTimer و BrowserNotificationTimer لموقت الإخطار قابلة للتطبيق على تطبيق Webex. قيمة المهلة الافتراضية هي 8 ثوانٍ لهذه الخصائص. لمزيد من المعلومات، راجع NotificationTimer وNotificationTimer للمتصفح.

إجراءات الرأس

لتغيير ترتيب الرموز على الرأس الأفقي لسطح المكتب. الترتيب الافتراضي هو كما يلي:

1. (ويبكس)

2. (مكالمة خارجية)

3. (مركز الإعلام)

قم بتعيين قيمة خاصية headerActions كما يلي:

مثال:

لتغيير الترتيب الافتراضي للرموز، أدخل خاصية headerActions والقيم في التخطيط المخصص وفقًا لذلك.

مثال:

منطقة

خاصية المنطقة هي القسم الأساسي من تخطيط سطح المكتب. يمكنك تحديد التخطيط حسب المنطقة.

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

يمكنك تكوين كائنات المنطقة التالية:

• اللوحة: تمثل اللوحة الثانية أو اللوحة الموجودة في أقصى اليمين في لوحة المعلومات الإضافية.

• التنقل: يمثل الصفحات المخصصة وعناصر التنقل الخاصة بها المرتبطة بالصفحات.

• ثابت: يمثل عناصر واجهة المستخدم على مستوى الصفحة الثابتة والمعروضة على جميع صفحات سطح المكتب.

• بدون رأس: يمثل الأدوات التي لا تحتوي على واجهة مرئية، ولكنها تنفذ المنطق في الخلفية.

عنوان متقدم

لتخصيص الرؤية وتغيير ترتيب الرموز على الرأس الأفقي لسطح المكتب. الترتيب الافتراضي هو كما يلي:

1. (ويبكس)

2. (مكالمة خارجية)

3. (مركز الإعلام)

4. (محدد حالة الوكيل)

قم بتعيين قيمة الخاصية AdvancedHeader كما يلي:

مثال:

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

لتغيير الترتيب الافتراضي للرموز، أدخل خاصية AdvancedHeader والقيم في التخطيط المخصص وفقًا لذلك.

تتدفق الأدوات إلى القائمة المنسدلة من اليسار إلى اليمين.

سمات علامات التبويب الدائمة

لتعيين علامات التبويب في الصفحات المخصصة والأدوات المخصصة على أنها ثابتة، أدخل سمات md-tabs في التخطيط المخصص.

مثال: تعيين علامات التبويب كعلامات ثابتة

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

عند تعيين md-tabs لتكون ثابتة (التحديد المستمر: صحيح)، Agent Desktop يحتفظ بتحديد علامة التبويب حتى إذا قام الوكيل بالتبديل بين الصفحات أو الأدوات في سطح المكتب.

تظهر القائمة المنسدلة «المزيد من علامات التبويب» تلقائيًا عندما تحتوي لوحة المعلومات الإضافية على علامات تبويب متعددة.

يجب إضافة تلميح أداة علامة تبويب مخصص لسهولة القراءة وإمكانية الوصول. لإضافة تلميح أداة لعلامة تبويب مخصصة، قم بتغليف المكون بـ md-tooltip. أدخل معلومات تلميح الأدوات في خاصية الرسالة وقم بتطبيق قيم خصائص النمط كما هو موضح في المثال التالي.

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

لتمكين ميزة السحب والإسقاط ضمن علامة التبويب المخصصة، أضف الخاصية التالية ضمن السمات:

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

• draggable: قم بتعيين قيمة الخاصية القابلة للسحب إلى true.

• comp-unique-id: أدخل قيمة فريدة لتعريف المكون.

  مثال:

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

إذا قمت بتمكين السحب والإسقاط لعلامة تبويب مخصصة، يمكن للوكيل سحب علامة التبويب وإسقاطها إلى الموضع المطلوب داخل لوحة المعلومات الإضافية. لإعادة تعيين علامات التبويب إلى ترتيب علامات التبويب الافتراضي، أضف الخاصية التالية:

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

• agentx-wc-more-actions-widget: أدخل المكون الذي يتم عرضه كرمز المزيد من الإجراءات () في لوحة المعلومات الإضافية.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. يمكن للوكلاء إعادة تعيين علامات التبويب في لوحة المعلومات الإضافية إلى الترتيب الافتراضي بالنقر فوق > إعادة تعيين ترتيب علامات التبويب.

• tabs-unique-id: أدخل نفس القيمة الفريدة المحددة لخاصية comp-unique-id لتعيين مكونات md-tabs وإعادة تعيينها.

يستخدم نموذج التعليمات البرمجية التالي وظائف المزيد من الإجراءات وإعادة تعيين ترتيب علامات التبويب.

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

}

يمكن توسيع القائمة المنسدلة لمزيد من الإجراءات لإضافة مكونات أو أدوات مخصصة إضافية بعد خيار إعادة تعيين ترتيب علامة التبويب. فيما يلي مجموعة نموذجية من قيم خصائص النمط التي يمكن تطبيقها على المكونات الإضافية.

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

• تكوين أداة مقاييس إدارة تجربة العملاء والوصول إليها من شريط التنقل

• استخدام علامات التبويب على الصفحة المخصصة

• لوحة المعلومات الإضافية الافتراضية مع سجل جهات الاتصال وScreen Pop

• لوحة المعلومات الإضافية مع أداة رحلة تجربة العملاء

تكوين أداة مقاييس إدارة تجربة العملاء والوصول إليها من شريط التنقل

مثال:

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

استخدام علامات التبويب على الصفحة المخصصة

مثال:

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

لوحة المعلومات الإضافية الافتراضية مع سجل جهات الاتصال وScreen Pop

مثال:

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

لوحة المعلومات الإضافية مع أداة رحلة تجربة العملاء

مثال:

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